Responsive Website-Skizzen- und Design-Tools im Jahr 2017 [geschlossen]

Vor ungefähr 4 Jahren bat jemand die Community hier, Tools vorzuschlagen, die sie zum Mockup von responsiven Websites verwenden. Seitdem haben sich die Zeiten natürlich geändert, und deshalb spreche ich das Thema hier im Jahr 2017 erneut an. Viele neue Werkzeuge sind auf den Markt gekommen, und ich würde gerne wieder Vorschläge für Werkzeuge von jedem der folgenden Typen hören:

1) BESTES INSGESAMT RESPONSIVE SITE DESIGN TOOL: Welches Tool gefällt Ihnen heutzutage am besten, um responsive Websites zu erstellen?

2) DAS SCHNELLSTE PROGRAMM ZUM ERSTELLEN EINER NEUEN RESPONSIVE WEBSITE: Welches Desktop-Programm gefällt Ihnen am besten, da es SCHNELL ist, eine völlig neue responsive Website mit mehreren Aufrufen zu erstellen? Vermutlich hätte es Vorlagen. Natürlich ist auch ein Online-Tool akzeptabel, wenn es eine unabhängige HTML-Ausgabe an ein reguläres Hosting-Unternehmen ermöglicht.

3) EIN WERKZEUG FÜR DIE SKIZZE BIS ZUM ENDGÜLTIGEN DESIGN: Können Sie ein Werkzeug vorschlagen, das vom Drahtgittermodell bis zum endgültigen Design im selben Programm reicht? Ich hätte gerne ein Tool, mit dem ein Designer ein Wireframe basierend auf einigen Vorlagen erstellen und dann innerhalb desselben Tools zur endgültigen Ausgabe des Webdesigns (HTML usw.) wechseln kann? Es scheint eine solche Verschwendung zu sein, in einem Programm zu skizzieren und dann das endgültige Design in einem anderen Programm von Grund auf neu zu zeichnen. Idealerweise sollte ein Tool in der Lage sein zu sagen: „Okay, Sie möchten ein Formular mit 4 Textfeldern, einer DDL und einer Senden-Schaltfläche, also beginne ich Sie damit im endgültigen Designmodus.“

4) TOOL FÜR TEAMS MIT ENTWICKLERN: Welches responsive Website-Design-Tool würden Sie vorschlagen, das dabei hilft, Seiten in Arbeit und fertig gestellte Seiten zu verfolgen, Kommentare für Entwickler hinzuzufügen und es Entwicklern dann zu ermöglichen, nur fertige Seiten zu nehmen, um sie dann in datenbankgesteuerte Websites zu integrieren? Ohne dies in einem Tool müssen die Leute verschiedene Netzwerkordner für Kategorien erstellen, TXT-Dateien für Entwicklernotizen ablegen usw., und das ist heutzutage nicht gut genug.

5) TOOL MIT ABONNENTEN / BACK-END-VORLAGEN: Die meisten Tools mit Vorlagen / vorgefertigten Ansichten wurden entwickelt, um nur Front-End-Websites zu erstellen. Aber in Wirklichkeit müssen Designer "Anmeldeseiten" erstellen und Menüs für Mitglieder, Kunden, Abonnenten usw. haben. Welches Programm würden Sie vorschlagen, das vorgefertigte Ansichten für diese Art von "vollständiger" Website hat und nicht nur eine einfache öffentliche Website mit 3 Seiten?

Danke!

Fragen Sie nach 5 verschiedenen Kategorien von Empfehlungen?
Einige Personen haben möglicherweise Kenntnisse in einem Bereich (z. B. Teamentwicklung), während andere Personen möglicherweise aus einer anderen Perspektive Stellung nehmen können (z. B. Entwurfsgeschwindigkeit für einen Ein-Personen-Betrieb). Ich nehme alle Informationen, die man aus seinem jeweiligen Fachgebiet beitragen möchte.
Sie sollten wahrscheinlich 5 Fragen beantworten. Obwohl die Frage Nummer 5 alle ist, hat sogar Notepad diese Funktion.

Antworten (1)

1) Sketch - Sketch wurde für das UI-Design entwickelt und ist einfach zu bedienen. In den letzten Updates hat es einige native Funktionen, die es dem Benutzer ermöglichen, fließende Designmuster zu erstellen. Viele Plugins da draußen, die das auch tun

2) Ich kann dazu nichts sagen, da ich für diesen Schritt keine Werkzeuge verwende. Ich würde ein CSS-Framework wie Bootstrap, Foundation oder Semantic UI empfehlen

3) Ich würde sagen, benutze Sketch dafür wieder. Wenn Sie Funktionalität in diese Drähte oder Mocks einbauen müssen, ist UX Pin ein großartiges Werkzeug. Es ermöglicht Ihnen auch, reaktionsschnelle Bildschirme anzuzeigen (jedoch ohne jegliche Art von Übergang für die eigentliche reaktionsschnelle Animation, die Sie erwarten würden).

4 Ich bin mir nicht sicher, ob Sie alle diese Optionen in einer App finden werden. Normalerweise müssen Sie einen Workflow über ein paar Apps erstellen, aber Sie können das meiste, wonach Sie suchen, in diesen Apps finden: UX Pin, Invision, Zeplin in geringerem Maße.

5) Ich bin mir hier nicht sicher. Möglicherweise suchen Sie nach einem Dienst wie Wix. Klingt so, als ob Sie viel schwere Arbeit leisten möchten, ohne über erfahrene Entwickler und Designer zu verfügen. Vielleicht möchten Sie Wix ausprobieren oder vielleicht in Wordpress oder Drupal einsteigen. Sie können unzählige Vorlagen und sogar Plugins finden, die Ihnen einfachen Zugriff und Ausgabe dieser Arten von Bildschirmen/Funktionsbits ermöglichen.

Danke für die Antwort. Zur Klarstellung: Ich suche definitiv keinen Dienst wie Wix und arbeite intensiv mit Designern und Entwicklern zusammen. Ich mag es einfach nicht, dass der Arbeitsablauf der meisten heutzutage umständlich und altmodisch ist. Ich denke, es könnte viel besser sein und deshalb habe ich hier gepostet, um Ideen für einige moderne Apps und Tools zu erbitten. Danke.