it-swarm.com.de

So erstellen Sie großartige Benutzeroberflächen in PhotoShop usw

Als Entwickler, der Designer werden möchte, bin ich sehr daran interessiert zu lernen, wie man eine erstklassige Benutzeroberfläche für Websites, mobile Apps usw. erstellt. Ich weiß jedoch nichts über PhotoShop oder alles, was mit Design zu tun hat, außer HTML und CSS.

Wo soll ich anfangen? Wie lerne ich, schön gestaltete Websites und Benutzeroberflächen zu erstellen?

Gibt es ein Buch, ein Tutorial usw., das Sie empfehlen?

Vielen Dank!

8
donald

Für die Benutzeroberfläche empfehle ich die Verwendung von Fireworks über Photoshop. Photoshop eignet sich hervorragend für kreative und komplexe Grafiken (Print oder Web), ist jedoch meiner Meinung nach ein übermäßig komplexes Tool für die webbezogene Benutzeroberfläche.

Fireworks wurde speziell als weborientiertes Authoring-Tool entwickelt, das Photoshop nicht unterstützt. Das Tool-Set für Fireworks zielt darauf ab, eine Web-Benutzeroberfläche zu erstellen, nicht auf die komplexe kreative Arbeit, die Photoshop bietet.

In Fireworks wird ein sehr ähnliches Tool-Set wie in Photoshop verwendet, sodass Sie alles tun können, was Sie zum Erstellen einer Web-Benutzeroberfläche benötigen.

Fireworks ist auch Teil der Adobe Creative Suite. Wenn Sie also über Photoshop verfügen, sollten Sie es auch haben.

Referenzmaterial, nicht spezifisch für Fireworks, aber für die Benutzeroberfläche im Allgemeinen;

http://www.jankoatwarpspeed.com/

Ich würde wärmstens empfehlen, seine Artikel zu lesen und seine Arbeit als Inspiration zu betrachten. Die Benutzeroberfläche hat zwei Seiten, die er sehr gut abdeckt: Die Benutzeroberfläche und die Erfahrung mit der Verwendung der Benutzeroberfläche. Wird auch als UI und UX bezeichnet.

Informationen zur Verwendung der Anwendung finden Sie in Online-Lernprogrammen. Envato verfügt über ein hervorragendes Tutorial-Netzwerk http://tutsplus.com/ . Die Haupt-Tutorial-Website für das Web ist zwar auf Photoshop ausgerichtet, die meisten Aufgaben in Photoshop werden jedoch auf dieselbe oder eine ähnliche Weise ausgeführt in Feuerwerk.

Ich finde mich auch ziemlich oft dabei, Websites mit einzigartigen Designmerkmalen oder UI-Elementen zu bookmarken, die in einigen zukünftigen Szenarien für ein Projekt gut funktionieren würden. Zum Beispiel eine eindeutige Registerkartenstruktur, ein Akkordeonstil oder sogar ein Pager.

Die Entwurfsbenutzeroberfläche ist auf einer Basisebene in Bereiche der Datenanzeige unterteilt. Da Sie über einen Entwicklerhintergrund verfügen, wissen Sie, wie Sie Daten aus einer logischen Perspektive darstellen (Menüs, Akkordeons, Registerkarten usw.). Jetzt ist es wirklich nur das Erstellen dieser Benutzeroberfläche unter Verwendung dieser Steuerelemente oder Module aus einer visuellen Perspektive.

Einige zusätzliche Informationen zu UX:

http://uxmovement.com/

Mit einem Entwicklerhintergrund kann ich Ihnen sagen, dass der erste Schritt beim Erstellen meiner Apps darin besteht, die Benutzeroberfläche zu erstellen, die wiederum die Funktionen der Apps definiert. Meine erstellte Grafik dient sowohl als künstlerischer Wert für die App als auch als Funktionsdefinition. Ich baue meine Logik immer um das fertige Kunstwerk, niemals umgekehrt. Das bedeutet immer, dass der Benutzer an erster Stelle steht.

Ich hoffe, das gibt Ihnen zumindest einen Ausgangspunkt.

4

Du hast Glück. Viele Menschen sind in die Welt des Webdesigns gekommen und haben sich die gleiche Frage gestellt. Oft sieht man ein Team von Leuten, bestehend aus mindestens einem Programmierer und einem Grafikdesigner. Gute Wahl mit Photoshop - daran halte ich fest.

Mit der neuesten Version von Adobe Photoshop, CS5, wurden die Funktionen erheblich erweitert, um komplexe Aufgaben mit einfachen Werkzeugen oder noch komplexere Aufgaben mit komplexen Werkzeugen ausführen zu können. Aber ich warne Sie, das Erlernen aller coolen Funktionen von Photoshop kann zu Nährstoffmangel führen. :)

hier ist ein Tutorial, das die Grundlagen behandelt, damit Sie den Schwung der Dinge bekommen:

Sobald Sie das alles aufgeschrieben haben, IgefundenaHaufen von Sites = Auf Google gibt es einige wirklich innovative Design-Tutorials.

Es gibt einige Techniken, die Sie lernen müssen. Ein Tipp, glänzend ist heutzutage in der Regel ein guter Schritt. Um ein wirklich einzigartiges Design zu erhalten, suchen Sie nach Funktionen, die Ihnen in einer beliebigen Website-Vorlage gefallen, und verwenden Sie sie dann auf Ihre eigene Weise.

Ich hoffe das hat geholfen. Hinterlassen Sie einen Kommentar, wenn Sie weitere Informationen benötigen.

1
Christopher