Beste Antwort
UI-Designer:
System: Mac
Vorteile: Vollständig für das „Interface“ -Design
Sketch ist ein leichtes, benutzerfreundliches Vektor-Design-Tool, das das UI-Design einfacher und effizienter macht . Die Plattform vereinfacht die in Photoshop und Illustrator verwendeten Funktionen, die speziell für das UX / UI-Design entwickelt wurden. Vor Sketch mussten Designer zwischen Photoshop und Illustrator wechseln, um bestimmte Funktionen wie Vektor- und andere Fotoeffekte zu erhalten. Mit Sketch können Benutzer jetzt die aufgeblähten Funktionen loswerden und sich auf die Benutzererfahrung / das Design der Benutzeroberfläche konzentrieren, um das Beste aus ihrem UI-Design herauszuholen. Eine der besten Funktionen von Sketch ist die Möglichkeit, Plugins zu installieren, um Funktionen zu kompensieren, die nicht in der Software enthalten sind.
Allerdings Es ist eines der praktischsten Tools zum Entwerfen von Android App-Benutzeroberflächen. Die Unterstützung von Sketch für die Echtzeitvorschau der Android-Seite ist nicht sehr effektiv. Benutzer müssen SkalaPreview herunterladen und können sie erst nach einer Reihe umständlicher Vorgänge anzeigen das tatsächliche Design der Android-Oberfläche auf der Telefonseite.
System: Mac & Windows
Vorteil: Design für Online-Zusammenarbeit und Hand-Off-Design für UI-Designer und -Entwickler
Als brandneues Tool für die Zusammenarbeit und Übergabe verfügt iDoc über leistungsstarke Plugins, die den Import von Dateien aus Photoshop, Adobe XD, unterstützen und Skizze Mit Hilfe von Plugins kann iDoc Spezifikationen und Assets generieren automatisch für den UI-Designer. Um die statischen Designdateien in interaktive und animierte HiFi-Prototypen zu verwandeln, laden Sie Ihre Dateien einfach in das Prototypmodul von iDoc hoch.
Invision – ein webbasiertes Prototyping-Tool, mit dem Ihr Design schnell zum Leben erweckt wird
Kosten: Kostenlos für 1 Projekt (15 $ / Monat für 3 Projekte | 25 $ / Monat für unbegrenzte Projekte | 99 $ / Monat für Teams)
Kompatibilität: Mac und Windows
Funktionen ：
- Mit InVision können Designer ihre Designdateien hochladen und Animationen, Gesten und Übergänge hinzufügen, um ihre statischen Bildschirme in anklickbare, interaktive Prototypen umzuwandeln. Erhalten Sie High-Fidelity in weniger als 5 Minuten.
- Unterstützt Dateien im PNG-, JPG-, GIF-, AI- und PSD-Format. InVision App eignet sich hervorragend für die Zusammenarbeit bei Entwurfsentwürfen und das Sammeln von Feedback von Kollegen und Kunden.
- Ein magisches neues Design für den Entwicklungsworkflow. Erstellen Sie Stylesheets, erhalten Sie pixelgenaue Kompositionen, diskutieren Sie Designherausforderungen, exportieren Sie adaptiv und generieren Sie echten Code für jedes Designelement.
Preis – Kostenlos für Privatpersonen Verwenden Sie
– 12 USD pro Person und Gruppe / Monat
Einführung: Figma ist das erste Interface-Design-Tool für real -zeitige Zusammenarbeit. Es verfügt über drei lobenswerte Funktionen: Zusammenarbeit in Echtzeit, Vektornetzwerk und Versionskontrolle. Figma ist einfach wie eine browserbasierte Skizze mit Echtzeit-Zusammenarbeit .
Persönliche Erfahrung: Ich war anfangs skeptisch gegenüber Figmas Benutzererfahrung, da es sich um ein browserbasiertes Tool zum Entwerfen von Benutzeroberflächen handelt. Später stellte ich jedoch fest, dass die Verwendung immer noch sehr empfindlich ist. Darüber hinaus haben Browser-Tools den Vorteil, dass der Empfänger nichts installieren muss, sondern nur den Browser öffnen muss auf dem Computer, um am Projekt teilzunehmen. Figma-Dateien sind auf Mac, Windows, Linux und Mobilgeräten verfügbar (nur Ansicht).
Antwort
Wenn ein Entwickler mir „Nein“ sagte, würde ich zuerst fragen, warum und versuchen verstehe ihren Grund, nein zu sagen. Wenn sich herausstellt, dass es einen besseren Weg gibt, um die Designherausforderung anzugehen, wäre ich mehr als bereit, das Design zu ändern.
Entwickler sind jedoch im Allgemeinen in der Lage, alle Features und Designs der UI-Designer zu codieren kommen mit. Wie William Hurley in dieser Antwort betonte, ist fast alles möglich, wenn es um Software geht.
Ich habe Softwareentwickler gefragt, ob „x feature“ möglich ist oder ob das Design so codiert werden kann, dass es eine bestimmte Funktion hat Übrigens, und mir wurde nie „Nein“ gesagt.
Davon abgesehen sollte das Ziel als UI-Designer nicht sein mach ein komplexes Design. Ziel sollte es sein, die Benutzeroberfläche für den Benutzer so einfach und intuitiv wie möglich zu gestalten.
Aus diesem Grund habe ich in meinen letzten Projekten die Prinzipien von Google Material Design verwendet (siehe 5 leistungsstarke und praktische Gründe für die Verwendung von Material Design ).
Damit sind mehrere Vorteile verbunden:
- Vertrautheit für Benutzer – Google Mail, YouTube, Evernote, Buzzfeed und viele andere Apps verwenden Material Design, sodass die Wahrscheinlichkeit größer ist, dass Benutzer Ihrer App damit vertraut sind Die Schnittstelle sieht aus und funktioniert.
- Bestehende Frameworks – Es wurden viele Frameworks erstellt, die vorgefertigte Komponenten enthalten, die Entwickler verwenden können, z. B. CSS materialisieren , AngularJS Material und Material-UI . Auf diese Weise können Designer erkennen, was Entwicklern zur Verfügung steht, und diese Komponenten in ihren Entwürfen verwenden.
- Schnellere Entscheidungsfindung – Bei Entwicklern und Designern kann mit derselben Palette von Komponenten arbeiten und beschleunigt den Design- und Entwicklungsprozess.
Hier ist ein großartiges Video darüber, wie Google die Vielzahl von Apps bereits vor ihrer Veröffentlichung konsistent aussehen und sich konsistent anfühlt Material Design. Durch die Anwendung der Prinzipien, die sie damals und heute verwendeten, können Designer bessere Schnittstellen erstellen und „Nein“ praktisch aus dem Entwicklervokabular entfernen.