Einführung zum UI-Design

Einführung zum UI-Design

“Hallo! Sie haben das Ende des Kurses erreicht. Während des gesamten Kurses habe ich Ihnen viele Erfahrungen und Gefühle erzählt, die diese wunderbare Welt der Benutzeroberfläche umgeben. Ich habe Ihnen erzählt, wie alles am Ende des Tages zu einer lohnenden Erfahrung geworden ist. Es hat mich nicht nur dazu gebracht, mehr über das Thema zu lernen , aber auch, um jeden Tag mehr über ihn wissen zu wollen. Ich bin der festen Überzeugung, dass diese Community von Tag zu Tag wächst und das Teilen von Wissen der Schlüssel ist, um immer bessere Ergebnisse in der Benutzeroberfläche zu erzielen. Deshalb teile ich bei jeder Gelegenheit alles mit Ihnen, was ich dabei gelernt habe. Aber jetzt ist Ihre Zeit, diese Reise zu beginnen, die Zeit ist gekommen, Ihr eigenes Projekt zu beginnen! Um Ihnen dabei zu helfen, teile ich die Reihe von Schritten, die ich befolgt habe, um meine zu erstellen. Wir werden sehen! Wähle dein Werkzeug Ich habe Ihnen eine Vielzahl von Tools gezeigt, mit denen Sie Ihr Projekt erstellen können. In meinem Fall habe ich Figma gewählt und Ihnen einige Gründe genannt, warum ich mich für dieses Tool entschieden habe. Aber Sie können das verwenden, das Sie möchten. Ich empfehle, dass Sie das verwenden, mit dem Sie sich am besten und am wohlsten fühlen.

Starten Sie Ihren Designprozess! Bevor Sie eine Straße nehmen, ist es wichtig, dass Sie wissen, was Sie wollen oder wohin Sie wollen. Ich habe Ihnen beigebracht, dass einige der wichtigsten Fragen sind: Verstehen Sie das Problem und denken Sie an den Benutzer. Denken Sie daran, dass es Zeiten geben wird, in denen Sie als Team arbeiten müssen! Haben Sie keine Angst, mit den Programmierern zu kommunizieren. Wenn Sie eine klare Vorstellung haben, können sie Sie leichter verstehen. Ihr Benchmark Um Schnittstellen zu erstellen, habe ich Ihnen gezeigt, wie Sie Ihre Benchmarks erstellen. In diesem Fall habe ich es für "Freshi" gemacht. Ich zeige Ihnen, wie man zwei Typen herstellt, wobei der erste Produkte berücksichtigt, die meine Marke bereits hat, und der zweite sich nur auf Design konzentriert. Die Drahtgitter Ich habe angefangen, meine Drahtgitter zu erstellen, und ich habe Ihnen gezeigt, wie Sie sie verwenden können, um unsere Ideen zu verwirklichen. Ich empfehle Ihnen, immer den Satz zu beachten: "Was möchte ich kommunizieren?" Denken Sie an die Struktur und die Informationen! Es muss nicht perfekt sein, du kannst anfangen wie ich, indem du einen Bleistift und Papier nimmst. Dann haben Sie Zeit, sie zu perfektionieren. Ein paar Buchstaben hier und andere Buchstaben dort Ich habe die Schriftart für mein Projekt ausgewählt und dabei Themen wie Größe, Gewicht und sogar die Art der Texte berücksichtigt. Ich erwähnte die Bedeutung der Harmonie und wie man sie mit Typografie erreicht, da sie 80% davon definiert. Die Layouts Ich habe zunächst die Box-Modelle und Ihnen gezeigt, wie Sie sie zur Optimierung von Räumen verwenden können. Ich habe auch die notwendigen Hierarchien für unsere responsive Website generiert. Wie verwende ich Farben? Ich habe RGB-Farben verwendet, um später die am besten geeigneten Farben für mein Projekt auswählen zu können, damit ich meine Farbpalette definieren kann. Denken Sie daran, dass digitale Farben anders funktionieren. Daher ist es wichtig, dass Sie immer RGB-Farben berücksichtigen. Die Symbole Suchen Sie nach den entsprechenden Symbolen für mein Projekt, wobei Sie berücksichtigen, dass sie alle aus derselben Familie stammen. Die Symbole können mehr als tausend Wörter enthalten. Es ist wichtig, dass Sie die Suche nicht aufgeben, bis Sie die besten gefunden haben. Mach deine Knöpfe! Ich habe Ihnen gezeigt, wie Sie die entsprechenden Schaltflächen erstellen. Machen Sie meine unter Berücksichtigung, ob Sie wollten, dass sie primäre, sekundäre oder tertiäre Tasten sind. Listen und Karten Schließlich habe ich die Listen einiger Produkte erstellt, die bestimmte Eigenschaften aufweisen. Ich habe auch einige Karten erstellt, um sicherzustellen, dass sie alles enthalten, was zur Übermittlung der Informationen erforderlich ist, die ich an den Benutzer senden muss. Gestalte dein Login! Ich habe die Anmeldungen meines Projekts sowohl für den Computer als auch für die mobile . Und voila, du hast bereits deine reaktionsfähige Website! Wenn Sie ein Projekt starten, empfehle ich Ihnen, sich ständig die Frage "Warum" zu stellen. Dies ist eine große Hilfe, um festzustellen, ob das, was Sie erstellen möchten, ein Problem löst. Der beste Rat, den ich Ihnen geben kann, ist, Ihre Neugier immer am Leben zu erhalten. Auf diese Weise können Sie immer lernen, wissen und sich wohler fühlen, ein neues Abenteuer zu beginnen. Es war mir eine große Freude, diesen neuen Kurs mit Ihnen zu teilen. Ich hoffe, es hat Ihnen geholfen, alle Ideen in Ihrem Kopf zu entwickeln oder einfach einige Zweifel zu klären. Vergessen Sie nicht, das Ergebnis Ihres endgültigen Projekts mitzuteilen! Eine große Umarmung aus Peru! 🇵🇪 ”

Partielle Transkription des Videos

“SCHLUSSPROJEKT Hallo, in dieser Lektion Wir werden einen kurzen Überblick über das geben, was im Kurs gesehen wurde. In Einheit 1 haben wir gesprochen auf die "Denkweise", die ein UI-Designer haben sollte und wie wichtig kontinuierliches Lernen in dieser Karriere ist. Ich habe Ihnen den Prozess des Entwerfens eines digitalen Produkts beigebracht und ich habe dir die Werkzeuge gezeigt, die du benutzen wirst, wie Figma, Sketch oder Adobe XD, um Ihre Projekte zu starten. Dann sprechen wir über Inspiration, den Maßstab und die Bedeutung von Drahtgittern. Wir widmen zwei Einheiten der Behandlung...”

Diese Transkription wurde maschinell erstellt und kann daher Fehler aufweisen.

Zusammenfassung des Kurses: Einführung zum UI-Design

• Niveau: Anfänger
• 96% positive Bewertungen (337)
• 10888 Lernende
• 6 Kurseinheiten
• 21 Lektionen (2 Stdn. 30 Min.)
• 1 Download

• Kategorie

  Web- und App-Entwicklung

• Bereiche

  App-Design, Design, Interaktives Design, Mobile Design, Webdesign