Concevoir une UI dans Photoshop - démarrer une carrière dans la conception d'UI

1. Was geht in diesem Kurs aus?: Hallo und herzlich willkommen zu meinem Kurs über Photoshop und UI-Design. In den letzten acht Jahren habe ich als UI-Designer gearbeitet und hatte viele Probleme. Dann dachte ich, dass ich etwas kreieren sollte, das Anfänger und Neulinge in diese UI-Design-Karriere bringen kann . Also habe ich diesen Kurs über UI-Design in Photoshop erstellt. Es wird Sie von den Grundlagen zu allen Erweiterungen, Tricks, Tipps, Verknüpfungen und alle Werkzeuge, die UI-Designer in ihrer täglichen Routine verwenden. Mal sehen, was in diesem Kurs ist. Wir beginnen unseren Kurs, indem wir Photoshop-Präferenzen für bessere Leistung und Geschwindigkeit einrichten . Insbesondere werden wir Photoshop für das UI-Design einrichten. Dann werden wir die Noten und Anleitungen beherrschen und wie man sie sofort mit wenigen Erweiterungen und Plug-Ins anlegt. Dann werden Sie Photoshop-Ebenenstile wie Schlagschatten, Pinseleffekte, Einschub und gedrückter Effekt beherrschen . Also werden wir all diese Ebenenstile tief abdecken damit Sie verstehen, wie Sie die Licht- und Schatteneffekte und all diese Dinge erstellen können. Dann gibt es einen fantastischen Abschnitt für Studentenanfragen über Dashboard-Design-Elemente. Wir werden all diese fantastisch aussehenden Liniendiagramme, dunkle Graphen, Balkendiagramme entwerfen . Wir werden auch eine wirklich genial aussehende Header-Designs oder Hero-Header-Bereiche erstellen. Dies ist wirklich wichtig, wenn Sie Ihre Website entwerfen. Dies ist der erste Eindruck bei jedem Website-Besucher. Außerdem erfahren Sie mehr über das Design der iOS-App. Wir werden einen Bildschirm der iOS 6 App zu entwerfen. Wir werden auch dieses Login-Pop-up-Formular erstellen, damit Sie wissen, wie Sie die Eingabefelder und alles entwerfen können. Dann haben wir einen großartigen Abschnitt über Wireframes, wie man Wireframes erstellt, was sind die Werkzeuge zum Erstellen von Drahtmodellen erforderlich? Ich werde Ihnen die ultimative Herausforderung geben, eine Website zu entwerfen, die auf diesem Wireframe basiert. Jetzt werde ich Ihnen in einem Augenblick zeigen, was meine Schüler bisher erstellt und entworfen haben, damit Sie wissen, was der Fortschritt dieser Kurs macht. Hier ist die Arbeit meiner Schülerin, Betty. Sie entwarf dieses Shopify-Thema und es sieht wirklich toll aus. Also hat sie das erstellt, nachdem sie meinen Kurs gesehen hatte. Sie können hier drüben sehen, sehr schönes Thema, sehr elegant, sehr edel. Dann haben wir das hier. Dies basiert auf dem Mockup, das ich meinen Schülern gegeben habe. Dies wurde von meiner Schülerin Antonella Spagnoli entworfen. Sie können hier verschiedene Abschnitte, unsere Dienstleistungen sehen. Das ist eine weitere Arbeit meiner Schüler. Dann siehst du hier drüben, das ist ein weiterer von Saqib Ameen, meinem Schüler. Sie können sehen, wie er alles wirklich schön angelegt hat. Es basiert auf dem letzten Drahtmodell, das ich ihnen für die Herausforderung gegeben habe. Sie können hier sehen, hier sind die paar Kopfzeilen, die von meinen Schülern erstellt wurden. Sie können hier auf eine Weise sehen, dass es an der Zeit ist, zusammenzuarbeiten und Ideen zu machen. Dann dieser von Darryl Haynesworth. Dann sind hier einige iOS-App-Bildschirme. Die Ideen, die ich von meinen Schülern bekommen habe, ist eine Arbeit des Schülers, Darryl Haynesworth. Dann ist das von Neil. Dies ist auch eine weitere Übung, die er getan hat. sind also all die großartigen Dinge, die meine Schüler tun. Wenn Sie als Student beitreten möchten, sind Sie mehr als willkommen. Dieser Kurs eignet sich sowohl für Anfänger als auch für Experten. Auch wenn Sie aus den letzten acht Jahren oder sechs Jahren entwerfen, werden Sie die Tipps und Tricks, die ich in diesem Kurs geteilt habe, wirklich mögen. Sie werden die Erweiterungen und beliebten Skripte lieben, die ich in diesem Kurs geteilt habe. Verpassen Sie also nicht diesen Kurs. Schauen Sie sich das Curriculum an und lassen Sie uns Sie in diesem Kurs sehen. 2. Die Einrichtung Photoshop CC2017 Voreinstellungen für UI-Design: Zunächst müssen wir unsere Photoshop-Einstellungen für eine bessere Leistung und Haftung sowie einen guten Arbeitsablauf einrichten . Wir werden Photoshop-Einstellungen einrichten, indem wir zu diesem Menü „Bearbeiten“ gehen und dann zu „Einstellungen“ und „Allgemein“ gehen. Sie können auch die Tastenkombination Control K oder Befehl K verwenden. Nun, das erste, was Sie sehen werden, ist dieses. Wir müssen hier nicht viel überspringen oder hier drüben einrichten. Wenn Sie möchten, können Sie auf diese klicken oder diese Option deaktivieren: Arbeitsbereich „Start“ anzeigen , wenn keine Dokumente geöffnet sind oder „Zuletzt verwendete Dateien“ anzeigen. Das ist es, was es diesem zeigen wird. Jedes Mal, wenn Sie Ihren Photoshop starten, werden Sie so etwas sehen. Das sind im Grunde aktuelle Dateien hier drüben. Jetzt gehen Sie zur Schnittstelle. Interface, wir werden dieses Farbthema auswählen, was auch immer Sie mögen, wenn Sie dieses mögen, dieses noch dunkler, es liegt an Ihnen. Nun, die Hauptsache, die wir hier einrichten werden , ist , dass dieser Vollbildmodus und für Zeichenflächen, wir brauchen keine Linie oder Schlagschatten. Also habe ich es einfach auf keines gesetzt, beide. Dann brauchen wir in dieser UI-Schriftgröße die große Schriftgröße hier drüben. Mach dich nicht mit anderen Dingen hier drüben an. Alles andere ist nur Standard und lassen Sie es so. In diesem Arbeitsbereich-Panel werden wir einige Dinge wie offene Dokumente als Registerkarten festlegen. Ich habe in den neuesten Versionen von Photoshop wie 2017 oder 2015 gesehen, dass diese nicht markiert ist. Wenn Sie Photoshop installieren, werden Ihre Registerkarten in verschiedenen Fenstern geöffnet. Stellen Sie sicher, dass Sie diese in den großen Registerkarten überprüfen. Diese beiden Optionen sind aktiviert. Jetzt haben wir in diesem Werkzeugfenster nicht viel zu wählen. Wenn Sie das Häkchen deaktivieren möchten, sollten Sie diesen animierten Zoom deaktivieren. Es wird nur etwas Druck auf Ihre Grafikkarte ausüben. Überspringen Sie dieses HistoryLog. Wir brauchen sie nicht. Dateihandhabung. Jetzt, in der Dateiverarbeitung, müssen wir sicherstellen, dass unsere Dateien im Hintergrund gespeichert werden und dass sie nach alle fünf Minuten gespeichert werden. Stellen Sie es also auf fünf Minuten ein. Dann in diesem maximieren PSD-und PSB-Dateikompatibilität, wählen Sie „Immer“. in den letzten Dateien sicher, Siein den letzten Dateien sicher,dass es nicht mehr als 10 Dateien oder fünf Dateien ist, denn wenn Sie diese Anzahl erhöhen, wird es mehr RAM-Nutzung und es wird Ihre Photoshop verlangsamen. Jetzt in diesen Exporteinstellungen, Export ist im Grunde, wenn Sie schnell Ihre PNG-Dateien oder Ihre Grafiken exportieren müssen, es auf PNG setzen und sicherstellen, dass Transparenz hier gesetzt ist. Ich empfehle normalerweise nicht, in sRGB zu konvertieren, also lassen Sie es. Jetzt müssen Sie bei dieser Leistung Ihre RAM-Auslastung auf fast 70 Prozent einstellen. Ich habe fast 16 GB RAM, also habe ich 9-10 GB zu diesem Photoshop eingestellt. Dann haben sie aus diesem Verlauf und Cache vor kurzem dieses Web- und UI-Design hinzugefügt. Sie müssen dieses auswählen, lassen Sie es so, wie es ist, und in diesem Bereich, Grafikprozessoreinstellungen, müssen Sie diesen verwenden Grafikprozessor verwenden. Ich empfehle wirklich, dass in den neuesten Versionen von Photoshop, sollten Sie eine gute Grafikkarte wie NVIDIA GeForce installiert haben, ich habe diese NVIDIA GeForce GT 710, und es hat zwei GB RAM. Also müssen Sie diesen überprüfen. Es wird Ihre Photoshop-Leistung viel verbessern. Jetzt auf diese Scratch Disks zu bewegen, so dass d