Skizzieren für UX-Designer: Übungsaktivität durch Gestaltprinzipien | Krisztina Szerovay | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Skizzieren für UX-Designer: Übungsaktivität durch Gestaltprinzipien

teacher avatar Krisztina Szerovay, UX Designer & Visual Thinker

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

16 Einheiten (48 Min.)
    • 1. Einführung: Gestaltprinzipien und Principles

      4:18
    • 2. Tools und Aufwärmen

      5:37
    • 3. GestaltPrinzipien: Einfachheit

      2:17
    • 4. GestaltPrinzipien: Schließung

      3:07
    • 5. Gestaltprinzipien: Figurfläche

      3:11
    • 6. GestaltPrinzipien: Nähe

      2:58
    • 7. GestaltPrinzipien: Ähnlichkeit

      3:05
    • 8. GestaltPrinzipien: Fortführung

      2:51
    • 9. GestaltPrinzipien : Enclosure / Gemeinsame Region

      3:01
    • 10. GestaltPrinzipien: Häufige Gestalt

      2:31
    • 11. GestaltPrinzipien: Verbündete Elemente

      2:03
    • 12. GestaltPrinzipien: Symmetrie

      2:03
    • 13. GestaltPrinzipien: Parellelism

      2:10
    • 14. Gestalt Fokuspunkte und vergangenes Erlebnis

      3:12
    • 15. Übungen zum Skizzieren Übungen

      3:42
    • 16. Abschluss: Wie du in der Community mitnimmst

      1:35
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

1.062

Teilnehmer:innen

2

Projekte

Über diesen Kurs

Dieser Kurs ist ein sketching für a und andere Design-Profis Wenn du während des Kurses mit mir mitziehst, kannst du deine sketching entwickeln und dir gleichzeitig die verschiedenen Gestaltprinzipien erlernen.

Ziel

Das Hauptziel dieses Kurses ist es, deine UX und UX zu üben, indem du Beispiele für die verschiedenen Gestaltprinzipien durchgeht.

Zielgruppe

Diese Übungen in der Skizze sind für alle, die schon schon zumindest ein bisschen über Skizzieren und UX-Design kennen.

Dieser Kurs richtet sich hauptsächlich an UX-Designer, UI-Designer, Produktdesigner, for Webdesigner und andere Profis, die sich dazu angewandt haben.

Fähigkeitsstufe

Dies ist eine Übung, die du ganz einfach mitmachen kannst, auch wenn du Anfänger:in bist und gleichzeitig auch auch von dieser Übung zu profitieren, wenn du bereits ein erfahrener visueller Denker bist.

Skizzieren ist großartig weil die Ursache

  • Diese Technik berücksichtigt die Funktionsweise unserer visuellen Wahrnehmung – wenn wir uns Bilder ansehen, verstehen wir sie viel schneller und die Worte nicht in den Worten lesen.
  • Es kann Dinge zeigen, die wir vielleicht noch nicht gesehen haben, Verbindung, die wir nicht bemerkt haben.
  • sie ein gegenseitiges Verständnis ermöglicht,
  • es unterstützt den schnellen Ansatz zum fail und
  • Es ist eine schnelle und günstige Möglichkeit, viele Ideen zu erzeugen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Krisztina Szerovay

UX Designer & Visual Thinker

Kursleiter:in

I'm Krisztina Szerovay, freelance UX designer. I come from a family of teachers and engineers, so the value of knowledge-sharing and designing complex systems have always been apparent to me.

Teaching is not a profession for me, it is a passion, and I'm really grateful to have the opportunity to reach and help students from all over the world. If you have any questions, suggestions or feedback, please contact me! I believe that teaching itself is an ongoing learning process.

Next to UX design, I also do legal writing and research. I consider myself a generalist, I always utilize a multidisciplinary approach during my work, connecting the dots to achieve the best result possible.

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Gestaltprinzipien und Principles: Willkommen. Und vielen Dank, dass Sie diesen Kurs besucht haben. Ich bin Christina. Setzen Sie sich das Gefühl weg. Sehen Sie? Wise Designer und Online-Lehrer. Ich bin leidenschaftlich darüber, was Sie denken, und ich habe während meiner UX-Arbeit geplant. Das Hauptziel dieses Kurses ist es, zu üben und zu entwickeln Fang Skifahrer durch die verschiedenen nationalen Prinzipien. Ich lade Sie ein, mit mir während des gesamten Kurses zu zeichnen. Danach wird es sich aufwärmen und reden über unsere Touristen. Ich werde Ihnen jeden Gast vorstellen, unsere Hauptbombe um eins und dann schafft Fänge, die jeden von ihnen repräsentieren. Ich habe Sie Männer User Interface Beispiele Ich wählte Gast unsere Prinzipien, um ein Framework für diese kleine Skizzieren Praxis Aktivität zu schaffen . Denn diese Prinzipien zu kennen, ist wirklich nützlich für Sie X oder die Y Designer. Jetzt redest du ein bisschen über Gast, alle CRE, dann beginnen wir die wärmere Phase. Also, wenn Ihre Familie mit dieser Theorie ist, springen Sie einfach zur nächsten Vorlesung. Guess start ist ein deutsches Wort für Form und Abbildung der Serie darüber, wie verschiedene Elemente von unserem Gehirn wahrgenommen werden, wenn sie in einer bestimmten Weise kombiniert oder bestellen Sie eine aus dem ersten Gast, ein Psychologe berühmten Satz fasst die Serie Ziemlich gut, das Ganze ist anders als die Summe aus dem Teil. Diese Idee kann auf Sie angewendet werden. Ich entwerfe auch. Die Elemente einer Benutzeroberfläche bestimmen gemeinsam, wie der Benutzer mit dem System interagieren kann . Gast der Prinzipien sind Regeln der menschlichen Wahrnehmung. Unser Gehirn ist butte, um Muster, Struktur, Form und Logik in der Welt um uns herum zu sehen Struktur, . Man kann es sich als Visionoptimierung vorstellen. Die unbewusst nehmen unser Wort in einer Weise weg. Konstruieren sinnvolle Dinge Objekt durch die Kombination des einzelnen Teils. Wenn Menschen das Wort wahrnehmen, kommen so viele Eingaben herein. Anstatt diese Unterzeichner als einzelne Teile zu analysieren, beginnen unsere Gehirne, die Eingaben zu organisieren, um einheitliche Gruppen zu bilden. Der Gast, alle Prinzipien helfen uns zu verstehen, wie wir diese Gruppierung machen. Wie die menschlichen Augen sehen. Es ist wie wenn Sie einen von Ihren Freunden oder Familienmitgliedern sehen. Du siehst nicht nur seine Nase oder seine Augen. Sie wahrnehmen und erkennen das Gesicht als eine Hure. In den folgenden Vorträgen werden wir also aus zwei Gründen die wichtigsten nationalen Grundsätze durchlaufen. Eins. Verwenden Sie diesen Ansatz die Praxis, skizzieren wir werden viel in diesem Kurs skizzieren, und der zweite Grund ist, dass wir wissen, diese Prinzipien, na ja, werden wir Ihnen helfen, bessere digitale Produkte zu entwickeln, da die Gastverbrecher auch die Nutzererfahrung beeinflussen. Ich würde gerne wissen, dass die in diesem Kurs enthaltenen Grundsätze nicht die originalistischen Prinzipien des Off Gas Stils sind . Die Liste hat sich im Laufe der Zeit geändert. Dies sind Gerät, das ich nützlich fand, um zu üben, skizzieren, und zur , skizzieren, gleichen Zeit, die Vans, die Toby immer als UX-Designer von dieser Gletscherserie der Wahrnehmung sind, werden kritisiert, weil sie überflüssig oder zu aussagekräftig. Meiner Meinung nach, wenn man darüber nachdenkt, wie Menschen wahrnehmen, was sie sehen, kann unsere Denkweise als X- oder Y-Designer verbessern . Und noch eine Sache. Wenn Sie Ihre Skizzierfähigkeiten nach dem Diskurs weiterentwickeln möchten, schauen Sie sich bitte meinen Newsletter auf meiner Website an, die sich dem Skizzieren für uns als Designer widmet. Die USA Kundgebungen skizzieren für Sie Eier dot com bevor ich über jeden Rektor spreche, ich würde Ihnen schnell zeigen, was Sie annehmen, dass Sie brauchen, und wir werden auch ein wenig aufwärmen 2. Tools und Aufwärmen: Also, was brauchen wir? Die einfache Antwort ist, dass jede Art von Material Sie die Arbeit zu tun, zum Beispiel. Dann benutzte Room die Serviette, um seine Ideen zu skizzieren, dann schrieb ein Buch darüber von natürlich hochwertigen Werkzeugen. Wir und machen Ihre Skizzen besser organisiert und präsentieren können. Aber für die Zwecke dieses Kurses, jede Art von Papier und dann werden wir den Job machen. Also das sind meine Ratschläge ist, dass Sie leeres Normalpapier Kopierpapier verwenden sollten, ist in Ordnung. Ich fand, dass Route oder quadratische Papiere Ihre Kreativität und Phantasie einschränken können. Weiße Bretter sind auch große Oberflächen für skizzchy, wie für hängt wieder, irgendwelche Schmerzen, die Sie tun. Aber ich empfehle, zwei verschiedene und Krankheit für die Zwecke aus dieser Fangtätigkeit gesehen für die kleineren die Tests und den normalen mittelgroßen Stift. Für die meisten Dinge, die wir tun werden, ist es schön, einen Plan für die Schattierung zu haben, aber es ist wirklich nicht notwendig. Es ist auch gut, um Ihre Skizzen zu betonen und Todesfälle und Dimensionen hinzuzufügen. Ich empfehle auch, eine Farbe zu verwenden. Ich habe sein Blau benutzt. Sie sollten das Rot nicht wählen, da es normalerweise ein Brüllen anzeigt und Grün auch nicht die beste Wahl ist , da es uns normalerweise eine erfolgreiche Interaktion unterschreibt und Sie keine verwirrenden Skizzen erstellen möchten . Jetzt, wo wir unsere Werkzeuge haben, können wir ins Skizzieren eintauchen. Also ist es Zeit, dass du dich ängstlich aufwärmst, um von nun an mit mir zu ziehen. Also, was würde die Hure Kurs? Wir fangen mit dem Einfacheren an, dachte ich. Dann ziehen Sie Rennen aus dem Startpunkt wie diesem, werden Sie feststellen, dass einige Richtungen schwieriger zu verwalten sind. Versuchen Sie, Ihre Linien gerade zu halten. Du solltest jetzt eine Spur haben. Dann werfen Sie Kreise um das Rennen, beginnend mit einem kleineren, als etwas größere und größere zu machen. Wie Sie sehen können, dient das Rennen als Richtlinien, damit Sie überprüfen können, wie perfekt Ihre Kreise sind. Lass uns jetzt noch ein bisschen schneller eine Runde machen. Jetzt werden wir mit einem Teil ihrer Verbündeten fortfahren. Ein Teil unseres Lebens zu werfen, wird deine Handkontrolle verbessern, und es ist eine sehr nützliche Fähigkeit zu meistern, da du eine Menge von Flaschenverbündeten in deinen Augen einschließen wirst. Skizzen. Zuerst begannen wir vertikale Linien. Unser Ziel ist es, den Abstand zwischen ihnen zu machen, auch Sie werden nicht, dass es einfacher wird, dank der sogenannten Muskelgedächtnis. Dann rollen horizontal lähmen. Versuchen Sie nun, längere Linien zu wachsen. Es ist viel schwieriger, sie gerade zu halten und es dynamisch zu tun. Langsam nicht. Wenn du Teil der Alliierten bist, verbessert du auch deine Koordinationsfähigkeiten. Endlich werden wir etwas Grausames werfen, das lähmt. Diese Technik wird tatsächlich für die Schattierung verwendet, und sie wird Schraffur genannt, und wenn Sie einen zweiten Satz von Linien zeichnen, ist es die sogenannte Kreuzschraffur. Also, wie ich in einer vorherigen Vorlesung sagte, es ist schön, wenn Sie einen Stift zum Schattieren haben, aber es ist kein Muss. Sie können immer Schraffuren oder Kreuzschraffuren nach Punkten und Linien anwenden. Jetzt werden wir schnell einige grundlegende Formen skizzieren. Erste Kreise begannen kleinere Kreise. Das sind fast wie Punkte. Dann können Sie nach und nach klären. Wenn Sie sich immer noch unwohl fühlen, Ihre Kreise zu werfen, beginnen Sie mit der Hand kreisförmige Bewegungen zu machen. Aber berühren Sie das Papier nicht mit dem Stift während der ersten 5 oder 10 Züge. Wenn du denkst, dass deine Hand jetzt den richtigen Zug hat. Senken Sie Ihren Stift, so tun Sie so etwas Jetzt ist es Zeit für Dreiecke. Zuerst werfen wir tatsächliche buchstäbliche Dreiecke, also sollten alle drei Seiten jemanden gleich groß sein. Dann können Sie mit verschiedenen Größen experimentieren. Versuchen Sie, Ihre Linie zu beenden, wo Sie es angefangen haben. Wenn Sie es zu schwer finden, können Sie immer mit drei Punkten beginnen. Endlich werden wir ein paar Rechtecke und Quadrate zeichnen. Wenn Sie Benutzeroberflächen skizzieren, haben Sie viele Rechtecke gezogen, um Schaltflächen darzustellen. Ahead sind Stücke von Inhalten und so weiter. Zuerst durch einen Satz von Quadraten, dann einige Rechtecke wieder. Versuchen Sie, Ihre Linie zu beenden, wo Sie es angefangen haben. Es ist auch wichtig, einen Teil unserer Verbündeten zu schaffen. Sonst sieht es nicht sauber aus. Nachdem das Quietschen aufgewärmt ist, fangen wir mit dem Gesetz an, einfach City. 3. GestaltPrinzipien: Einfachheit: das Grundgesetz von Gas Start ist einfach die Stadt. So viele Dinge konkurrieren um Aufmerksamkeit in unserer Umgebung und wir haben begrenzte Kapazitäten für die Verarbeitung der eingehenden Eingaben. Daher interpretiert unser Verstand die Dinge, die wir sehen, auf die einfachste Weise möglich. Es bedeutet auch, dass wir die Dinge als Ganzes wahrnehmen. Was ist eine Sammlung von verschiedenen Teilen? Denk nur an das Gesicht. Beispiel. Zum Beispiel zeichnete Drew on object auf diese Weise zuerst ein Dreieck, dann erstellen Sie eine 2. 1, indem Sie diese beiden Lügen hinzufügen. Also, was siehst du jetzt? Sie sehen keine horizontalen und vier diagonalen Linien, die Sie sehen, erscheinen Fleisch oder eine Tetra Hydro auf, dann durch eine wunde Crew und kleine Dreiecke um sie herum. Jetzt sehen Sie einen Sohn mit dem Rennen aus Sonnenlicht, nicht der Kreis und viele versuchen wütend. Es funktioniert auch mit Buchstaben. Dies ist der Brief ein nicht zu schlimm. Ghana und eine horizontale Linie einfach Städte über das Angebot leicht erkennbarer Figuren für die menschliche Wahrnehmung. Unser Geist ist auf der Suche nach der einfachsten, aber auch der relevanteste Weg, um das zu interpretieren, was wir sehen. So funktionieren Ihre Augen und Websites. Wenn wir ein Logging-Formular sehen, haben wir das Muster erkannt. Wir sehen nicht nur drei Rechtecke. In einigen Markierungen sehen wir die Eingabefelder, das Feld, Arbeiter und die Unterseite. Ein weiteres Beispiel ist eine Rutsche oder eine Kardosa. Wir sehen uns dort. Kennt das du ich Muster. Es würde nicht so interpretiert werden, als Angers zu versuchen, Kreise zu sehen und direkte Wut unsere nächste Hauptenthüllung . 4. GestaltPrinzipien: Schließung: der zweite nationale Hauptverpflichtete die Offenbarung wiederzuerlangen Dieses Gesetz besagt, dass unser Gehirn den fehlenden Teil fühlt, um eine vollständige Figur zu erhalten, und es schafft auch eine Kombination aus Teil, um eine ganze Schließung zu etablieren ist in der richtigen Weise angewendet , wenn es genug Stücke, um ein Ganzes zu schaffen. Wenn wir also unvollständige oder nicht enge Formen sehen, werden wir versuchen, sie als komplette Objekte wahrzunehmen. Wenn genügend Informationen vorhanden sind. Offensichtlich müssen wir Vorkenntnisse und Erfahrungen über das gegebene Objekt haben, damit wir uns im fehlenden Element fühlen können . Wir können auch unsere USA leer oder leer als Formen interpretieren. So funktioniert der negative Raum. beispielsweise Dies istbeispielsweiseein Rechteck oder ein Container. Es ist nicht vollständig, aber unser Verstand fürchtet den fehlenden Teil. Es gibt viele Logo-Designs, die die Idee aus negativem Raum angewendet. Zum Beispiel, werfen Sie einfach zwei Pfeile und dann zwei Rechtecke wie folgt. Sie können sehen, wie das Alter des Buchstabens entsteht. Offensichtlich können wir diese für Symbole oder Grafiken verwenden. Wir nehmen diese Objekte als Stapel von Rechtecken oder Dokumenten wahr, auch wenn die Objekte hinter dem 1. 1 unvollständig sind, zum Beispiel ist es ein Korbsymbol neben Logo und Icon-Design. Recai war dieses Prinzip, als wir die Benutzer gewonnen haben, für einen Moment anzuhalten, um ihre Kreativität und ihr Denken zu stimulieren , damit wir ihre Aufmerksamkeit besser erregen können. Und zur gleichen Zeit können wir Ah, wenig interessante, clevere Lösung einschließen , um möglicherweise eine reizvollere Benutzererfahrung zu schaffen. Wir verwenden auch Offenlegung, vielleicht zeigen Benachrichtigungen auf den Telefonen oder Tablets. Du ich durch den Kreis und die Zahl. Hi. Es ist ein Teil von der Ikone. Unser Gehirn hat genug Informationen, um eine Vier zu erschaffen, meine Überlappung des Elements. Wir nutzen den zur Verfügung stehenden Raum nicht nur clever, sondern wenden auch das Gesetz aus der Nähe an. Wir werden in einer späteren Vorlesung darüber reden. Also, wenn Sie sich mit einem Element auf einem u I überlappen, ich immer die Frage. Gibt es genügend Informationen, um die Objekte auf der Rückseite zu erkennen? Unsere nächste Frühlingsunterstützung, um seine Figur Boden zu decken 5. Gestaltprinzipien: Figurfläche: das Figurgrundprinzip besagt, dass unser Verstand versucht, die Figur vom Hintergrund zu trennen . Die Figur ist das Element, auf das wir uns konzentrieren, und der Hintergrund sind die Zahlen rund um diese Art, wie wir fahren können, oder? Da ist Aufmerksamkeit. Dinge als Figur und Boden zu sehen hilft, die wichtigsten Eingaben von den Transportern zu trennen , die ignoriert werden können, wenn ich die Begegnung benutze. So Benutzeroberfläche, der Geist beginnt sofort den Trennungsprozess. Wenn wir die Größe von diesen beiden Komponenten vergleichen, wird die kleinere als eine Figur und die größere als der Boden wahrgenommen. Wie Sie hier sehen können, ist der Stern die Figur Regie Mädchen ist der Hintergrund. jedoch In diesem Beispiel ist das kleinere Rechteckjedocheine Figur, und das andere wird als Boden wahrgenommen. Dieser Low gilt auch für das Icon-Design. Auch die Verkehrswissenschaft funktioniert auf diese Weise. Sehen wir uns nun einige Beispiele an. So funktioniert eine gerichtliche Klage Schaltfläche auf der Zielseite. Pop-up- oder Modellfenster sind ein weiteres Beispiel. In diesem Fall wird die vorherige Zahl vorübergehend der Boden, den wir für vielleicht Armadas verwenden, statt vollständig ersetzen den Inhalt, um die Benutzer in der Orientierung zu haben. Es kommuniziert, dass sich der Benutzer immer noch auf derselben Seite befindet. Der Kontext hat sich nicht geändert oder schauen Sie sich dieses Beispiel an. Wir wissen sofort, welche Teile sind die Botschaften, so können wir uns auf den wichtigen Inhalt durch die Figur konzentrieren ist der Inhalt, den wir fragen, Benutzer zu konzentrieren. Der Hintergrund spielt auch eine wichtige Rolle. Es kann die Marke zu kommunizieren, sagte die Stimmung, oder enthalten einige zusätzliche Informationen. Der Zustand der Figur ist nicht notwendigerweise stabil. Einige clevere Illustrationen verwenden diesen Aspekt. zum Beispiel Schauen Sie sichzum Beispieldieses Markierungs-Chat-Logo an. Sie können einen Blick auf andere Negativraum-Logo-Designs werfen. Sie sehen, wie sich die Figur und der Boden verändern, der nächste Prinzipal, seine Nähe. 6. GestaltPrinzipien: Nähe: das Gesetz der Nähe ist sehr wichtig im Design der Benutzeroberfläche. Es besagt, dass die Objekte, die näher beieinander sind, wahrgenommen werden uns mehr verwandt oder verbunden, dann die Objekte, die nicht in der Nähe von ihnen positioniert sind. Die Elemente, die näher platziert werden, werden als Funken aus der gleichen Gruppe oder Kategorie gesehen, und nicht als einzelne Objekte. Dieses Prinzip gilt auch dann, wenn die Elemente keine anderen Merkmale wie Größe oder Farbe haben. Die relative Entfernung reicht aus, um diese Regel funktionieren zu lassen. Ein Beispiel für den Stuhl ist die Art und Weise, wie wir Wörter aus unseren Buchstaben und Sätzen komponieren. Aus den Worten, Wir setzen Leerzeichen zwischen zwei Wörtern. Also ist es einfacher für unser Gehirn, sie wahrzunehmen, da dieses Ding Briefe abbricht. So versteht es die Fähigkeit. Offensichtlich tragen wir sie bekommen die Bedeutung von einem Satz, der keinen Wortabstand enthält . Aber der richtige Abstand verbessert sicherlich die Lesbarkeit. Hier können wir sehen, drei kommt aus Rechtecken und hier drei Zeilen, Erstellen von Kategorien und Gruppierung ist ein wesentlicher Aspekt von Ihnen X und die Y, entworfen durch die Anwendung unterschiedlicher Positionen und die Verwendung von lädt Raum. Angemessenermaßen können wir die Regel aus der Nähe machen, die unsere Content-Steuerelemente unterstützt , sollten nicht zu weit voneinander platziert werden. Wir haben unter Benutzer Zehe sie als verwandt wahrnehmen. Ein weiteres Beispiel ist das Y aus Instagram. Die Artikel, die eng beieinander platziert werden, werden speziell als verwandt wahrgenommen oder darüber nachdenken wie hohe Temps auf Amazon angezeigt werden. Das Bild, der Preis, die Beschreibung und die Bewertungen, die zu einem bestimmten Artikel gehören, sind erfreut In einer Weise, Beziehungen zu zeigen , verwenden wir die niedrige Off-Nähe. Wenn wir die Arbeit in der Nähe der Formularfelder platzieren, werde ich über diese Ähnlichkeit sprechen . 7. GestaltPrinzipien: Ähnlichkeit: Das Prinzip der Ähnlichkeit legt nahe, dass, wenn zwei Objekte ähnliche Eigenschaften haben, diese Objekte eher verwandt wahrgenommen werden als die Vance, die nicht dieselben Eigenschaften haben . Es gibt eine breite Palette von Eigenschaften, über die wir nachdenken können. Es kann Größe, Farbe, Textur, Textur, Form, Mittel, Orientierung, Transparenz, Schlagschatten und so weiter sein. Wir gruppieren nicht nur die ähnlichen Objekte zusammen, die denken auch, dass sie die gleiche Funktion und Regel haben könnten, zum Beispiel eine konsistente typografische. Höher sind er wirklich unterstützt die begreift Fähigkeit von einer Website oder einer Anwendung. Es ist klar, welche Elemente die Schlagzeilen sind, welche die Textkopie sind. Welche sind die Tags, die Links und so weiter. Ähnlichkeit ist eine gute Möglichkeit, die verschiedenen Beziehungen im Inhalt zu zeigen. Diese Regel erklärt auch durch Konsistenz ist so wichtig, zum Beispiel, war der Benutzer weiß, wie Link gestaltet ist. Es kann den gesamten Navigationsprozess unterstützen, da die anderen Links leicht erkennbar sind, was deutlich macht, welche Teile aus dem Inhalt sind mehr verwandt. Sie machen den Hure Inhalt verständlicher, so dass Sie am Ende mit einer besseren Verwendung Diese Erfahrung, zum Beispiel, ist es leicht, die Blockposts von der anderen U Y Komponente in diesem Beispiel zu unterscheiden, Wenn Sie beobachten ein Video auf YouTube, nehmen Sie die Videos auf der rechten Seite wegen ihrer ähnlichen Größe als zusammengehörend wahr. Und vielleicht haben Sie schon bemerkt, dass diese Grundsätze der Pensionen oft zusammengearbeitet haben. Die Kombination aus zwei oder mehr war eine größere Wirkung. Zum Beispiel wird Ähnlichkeit oft mit Nähe kombiniert. Diese verwandten Videos sind nicht nur ähnlich. Sie freuen sich auch nah beieinander. Ein weiteres Beispiel ist eine Nachrichtenanwendung. Es gibt verschiedene Symbole unten links, die ähnlich sind ihre Größe und ihre Farbe ist die gleiche, und dies deutet darauf hin, dass sie ähnliche Funktionen haben. Sie können verwendet werden, um Dinge hinzuzufügen oder um Ihre Nachricht zu ändern. Die ähnlichen Eigenschaften aus Icons können auch bestimmte fünf Typen kommunizieren, die nächste Prinzipal wir über seine Fortsetzung sprechen werden. 8. GestaltPrinzipien: Fortführung: das Gesetz der Fortsetzung oder gute Fortsetzung bedeutet, dass die Elemente auf einer Linie oder auf einer Kurve platziert uns mehr verwandt wahrgenommen werden, dann die Elemente, die nicht auf diese Weise ausgerichtet sind. Das Prinzip deutet auch darauf hin, dass unsere Wahrnehmung von Formen in der implizierten Richtung fortgesetzt wird . So folgen wir der Linie oder der Kurve sogar über die letzten Teile der Komposition hinaus. Vielleicht ist das einfachste Beispiel eine gepunktete oder gestrichelte Linie. Wir nehmen diese Linien als einheitliche Formen wahr, wenn die Teile nicht zu weit voneinander entfernt sind. Zum Beispiel, Google Maps er war thes gepunktete Linien, um die Vergangenheit zu zeigen. Das andere, sehr einfache Beispiel ist die sehr spröde Spracharbeit und die Teile der Anzugblasen auch auf einer gekrümmten Linie umrissen. Also nehmen wir es als Ganzes wahr, das Sie brauchen. Ein weiteres Beispiel sind die am wenigsten verkauften Bücher auf book depository dot com. Sie verdienen, beurteilt auf der gleichen horizontalen Linie, und das geringste geht über den Endpunkt hinaus, den wir derzeit sehen, können wir leicht Elemente folgen , die in einer Weise ausgerichtet sind. Sehen Sie sich dieses Beispiel an, diese beiden Graphen zeigen, an wen ich letzte Woche die meisten Facebook-Nachrichten gesendet habe. Das Diagramm auf der rechten Seite ist einfacher zu interpretieren, da direkte Winkel eine bilden . Fortschrittsbalken oder Timeline-Komponenten sind auch gute Beispiele für die Fortsetzung. Große Systeme sind auch eine große Repräsentation. Zoff. Dieses Prinzip, eine konsistente Struktur für eine Website oder eine Anwendung zu schaffen, ist eine Grundlage für eine gute Benutzererfahrung. Ein konsistentes und ich bin Layout ist einfacher zu navigieren und zu verstehen. Die Fortsetzung wird auch auf Schiebereglerkomponenten angezeigt. Wir haben einen Schieberegler als den Bereich wahrgenommen, der durch die horizontale Linie und das Rechteck als Griff dargestellt wird. Wir sehen es nicht als zwei getrennte Linien und den Griff unser nächstes Prinzip, um seine Gehäuse oder Kameraregion zu diskutieren . 9. GestaltPrinzipien : Enclosure / Gemeinsame Region: das Gesetz Gehäuse oder Kamerabereich legt nahe, dass die Objekte, die eine Grenze um sie herum haben wahrgenommen werden. Es ist eher verwandt oder ist eine Gruppe. Die Grenzen oder Ränder bilden einen geschlossenen Bereich, der verwendet werden kann, um die Beziehung zwischen bestimmten Teilen außerhalb der Benutzeroberfläche oder des Inhalts hervorzuheben . Jedes Element, das innerhalb der Grenze platziert wird, wird als zueinander und auf die gleiche Weise wahrgenommen . Alles außerhalb der gegebenen Arie wird als getrennt betrachtet. Von diesen Elementen. Sie können die Kameraregion festlegen, indem Sie die Elemente in ein Feld einfügen oder Trennlinien anwenden . Es ist auch möglich, verschiedene Hintergrundfarben für die Elemente zu verwenden, die zusammengehören . Dieses Prinzip wird im Kartengeschäft verwendet. Warum werden Designs zum Beispiel auf Pinterest auf diese Weise getrennt? Dribbeln. Verwenden Sie diese Karte auch auf Ihrer Facebook-Timeline. Die Pfosten sind auf die gleiche Weise getrennt, und ein Weg an Bord ist auch ein gutes Beispiel. - Die Optionen und Bedienelemente in den Dialogbüchern gehören auch zusammen und in den Dialogbüchern . Verwendung von Trennlinien können weitere separate Bereiche erstellt werden. Welches Beispiel. Denken Sie an das vordere Dialogfeld in Microsoft Word. Der nächste Grundsatz ist gekommen, der Glaube 10. GestaltPrinzipien: Häufige Gestalt: das Prinzip aus gemeinsamem Glauben oder sinken laufend erhöht den Import auf heutzutage, da Sie Animationen immer beliebter werden, besagt dieses Gesetz, dass die Objekte, die sich in die gleiche Richtung bewegen, als mehr wahrgenommen verwandt, dann die Airman, die sich nicht bewegen oder sich in eine andere Richtung bewegen. Ähnlichkeit oder Nähe spielt keine Rolle. In diesem Fall. Wenn sich die Elemente gleichzeitig bewegen, nimmt unser Gehirn sie als eine Gruppe wahr. Tatsächliche Bewegung ist nicht notwendig. Pfeile können auch angeben, welche Elemente einen gemeinsamen Glauben haben. Ein gutes Beispiel für den gemeinsamen Glauben ist ein Drop-Down-Menü. Alle Elemente innerhalb einer Kategorie bewegen sich zusammen, was darauf hinweist, dass sie an der gleichen Gruppe falsch sind. Ein weiteres Beispiel ist eine Folie aus meinem neuen Wenn Sie anwenden, warum Animationen? Sie können vorschlagen, welche Elemente einen ähnlichen funktionalen Zweck auf der Schnittstelle haben. Zum Beispiel, im Fall von der Schnecke informieren, bewegen sich die beiden Formularfelder zusammen und die Schaltfläche ist etwas verzögert, was darauf hindeutet, dass dieses Element eine andere Funktion als die Felder hat. Ähnlich, wenn sich Elemente in verschiedene Richtungen mit unterschiedlichen Timing bewegen, diese als getrennt wahrgenommenen Elemente denken nur daran, dort nach rechts zu bewegen und nach links zu bewegen bedeutet, wirklich Freund-Ergebnisse zu sein. Ein weiteres gebräuchliches Beispiel ist ein Tooltip. Wenn Sie ihre Hover über einen bestimmten Teil des Y verwenden, erscheint ein neues Element, und dieses Element ist etwas mit dem Element verbunden, das über Elemente im Inneren bedeckt wurde , dann ungeschickt auf auch zusammen bewegen. Das nächste Prinzip, das abzudecken ist, sind verbundene Elemente. 11. GestaltPrinzipien: Verbündete Elemente: Also, jetzt werden wir miteinander verbundene Elemente diskutieren. Dieses Prinzip wird auch als einheitliche Verbundenheit oder die Einheit bezeichnet. Eigentlich hat es eine wirklich geradlinige Definition. Die Objekte, die irgendwie visuell verbunden sind, werden als verwandter wahrgenommen, dann die Lieferwagen ohne diese Verbindungen. Darüber hinaus werden die Elemente, die durch ähnliche Verbindungen oder Linien verbunden sind, in ähnlicher Weise auch als verwandt wahrgenommen. Tulpen sind großartige Beispiele. Diese sind visuell mit dem Element verbunden, über das der Mauszeiger geführt wird. Ein weiteres gutes Beispiel sind Flussdiagramme oder Side Maps. Rede, Babeu oder so schlagen Verbindungspfeile und andere Verbindungslinien vor. Oder so sicher, welche Elemente zusammengehören. Denken Sie zum Beispiel an die Mindmap . Wir haben nur noch vier Prinzipien. Unser nächstes Prinzip ist Seema drei. 12. GestaltPrinzipien: Symmetrie: das Gesetz der Symmetrie besagt, dass symmetrische Elemente wahrgenommen werden uns mehr verwandt und als Zugehörigkeit zu der gleichen einheitlichen Gruppe oder Säge auf Objekt, das heißt, eine Kombination aus zu Spiegelelementen werden als ein einzelnes Objekt wahrgenommen. Eine weitere Interpretation dieser Regel ist, dass wir dazu neigen, Objekte als symmetrisch um den Mittelpunkt zu betrachten . Unser Gehirn trennt Subjekte in symmetrische Stücke, und wenn wir symmetrische Elemente nebeneinander sehen, haben wir sie als Zugehörigkeit wahrgenommen. Zusammen. Hier sehen wir drei Sets aus der Klammer. Interessanterweise in den meisten Fällen hat Symmetrie in den meisten Fälleneine stärkere Wirkung als Nähe. Wahrscheinlich das am häufigsten verwendete symmetrische Layout ist die Google-Startseite. Es ist nicht vollkommen symmetrisch, aber es muss nicht sein, die Wirkung dieses Prinzips auszulösen. Es sollte auch beachtet werden, dass ein symmetrisches Design den Sinn für Stabilität und Konsistenz schafft . Vile und ein symmetrisches Layout erzeugt Spannung, symmetrisch und fördern auch die Verringerung der Komplexität und es chemisch heraus leichter zu verstehen. Sie können auch die Aufmerksamkeit des Benutzers steigern, indem Sie ein asymmetrisches Element neben den anderen symmetrischen Lieferwagen und Großbritannien verwenden. War dieses Prinzip auch im Icon-Design? Zum Beispiel, hier ist diese Flasche, das Gesetz, aus Schließung oder so funktioniert hier, der nächste Principal Isparta Terrorismus 13. GestaltPrinzipien: Parellelism: das Gesetz von Parallelität ist verwandt, um eine drei scheinen. In diesem Fall werden die ähnlichen Linien als verwandter wahrgenommen als die Objekte, die nicht parallel sind . Welcher andere Ismus auch mit dem niederen gemeinsamen Schicksal verbunden ist, wird als Gruppe wahrgenommen, die sich zu bewegen scheinen oder in eine Richtung zeigen . Sie üben einfach schnell, einige beliebte Linien zu werfen, wie wir es während der Aufwärmphase getan haben . Diese Zeilen scheinen eher verwandt zu sein. Man kann Terrorismus in fast jedem Ausweg erkennen. Es gibt Blöcke von Inhalten, die entweder horizontal oder vertikal parallel zueinander sind . Der Trick ist, dass, wenn Sie diese beiden Arten von Anordnung kombinieren, es erleichtert, zwischen den verschiedenen Gruppen von Elementen zu unterscheiden. Geräte, die horizontal ausgerichtet sind, gehören zu einer Gruppe, und die vertikal ausgerichteten Objekte gehören zu einer anderen. Dies ist der Startbildschirm für ein Spiel namens Clash Royal. Ähnliche Funktionen sind in ähnlicher Weise ausgerichtet, und als ein spezifischeres Beispiel, Wieder Knochen und andere über späte Elemente sind auch große Darstellungen von diesem Prinzip, wir müssen Morelos vier Pokalsiege und Erfahrungen aus der Vergangenheit abdecken wir müssen Morelos vier Pokalsiege und Erfahrungen aus der Vergangenheit abdecken 14. Gestalt Fokuspunkte und vergangenes Erlebnis: die Regel der Fokuspunkte ist bei Ihnen X- und dem Y-Design äußerst wichtig. Die Schnittstelle sollte kommunizieren, welche Funktionen Optionen sind die wichtigsten, dass sie Schritt für den Benutzer gegeben. Dieses Gesetz besagt, dass durch die Anwendung von Kontrast, wir machen ein Element anders oder einzigartig, bekommt die Aufmerksamkeit des Benutzers. Es gibt verschiedene Möglichkeiten, das U-Element nach Größe hervorzuheben. Meine Farbe, Gegensatz dazu, durch verschiedene und Typografie durch Ausrichtung und so weiter, wie ich bereits erwähnt, durch ein Element eine symmetrische oder durch Brechen der Gier. Also, indem ein Element etwas abheben oder anders als die anderen Elemente, kann auch die Aufmerksamkeit auf sich ziehen. Definieren von Fokuspunkten hilft, die Hierarchie innerhalb des Benutzers in seinem Gesicht zu etablieren. Ein großartiges Beispiel für Schwerpunkte, Unser Aufruf zu Aktionstasten und der letzte Rektor, den wir diskutieren werden, ist das Gesetz aus vergangenen Erfahrungen. Es besagt einfach, dass die Elemente wahrgenommen Business-Nutzer Vergangenheit Erfahrungen. Dieses Prinzip ist wirklich bedeutsam in neuen Akzenten. Muss ich entwerfen? Habe ich Muster entworfen? Arbeit? Danke, schleppen Sie dieses Prinzip. Offensichtlich ist die Sammlung von vergangenen Erfahrungen für jeden Menschen anders. Aber es gibt gemeinsame Muster, die wir verwenden können, um die Lernfähigkeit eines Produkts oder einer Dienstleistung zu verbessern . Das ist der Grund, warum wir nicht trainieren sollten, wenn das Bier, wenn wir das gängigste Ike will, wie ein Home-Icon oder ein Save-Icon. Dasselbe gilt für Verkehrsschilder und Ampeln. Die Türen funktionieren auch so. Wir nehmen diese Zeilen als das Wort Taxi wahr, nicht individualisieren. Und wie Sie sich vielleicht erinnern, gilt auch hier das Gesetz von einfach City. Und es spielt keine Rolle, dass der Buchstabe A unvollendet ist. Wir erkennen es immer noch. Und als weiteres Beispiel werden diese Rechtecke und Kreise als Ausrufezeichen wahrgenommen. Ihr weißen Muster arbeitet noch am selben Tag. Zum Beispiel, Für jemanden, der noch nie zuvor Steuern gesehen hat, kann es verwirrend sein. Was sind diese Worte optional innerhalb direkter Wut nebeneinander. Dasselbe gilt für andere Muster wie Paginierung. Auf den ersten Blick ist dies nur eine Sequenz von Zahlen von 1 bis 10. In der nächsten Vorlesung werde ich dir eine spannende Übung geben 15. Übungen zum Skizzieren Übungen: in diesem Vortrag, werde ich Ihnen eine Übung geben, um Skizzieren zu üben und zur gleichen Zeit, Tomi Guest out Prinzipien mehr Familie sind für sich selbst. Jetzt einfach das Blatt aus Papier und skizzieren Sie schnell eine Bombe Pager-Website für einen Fotografen, die einige von den Fotos zeigt und enthält auch eine mögliche Möglichkeit für den Benutzer toe. Kontaktieren Sie das Foto dort Verbringen Sie nicht zu viel Zeit damit. Du schläfst fünf Minuten lang, also mach das nicht zu komplex. Fügen Sie einfach den wichtigsten Teil ein. Und denken Sie an die Desktop-Version, damit Sie das Video ab und zu posieren können, werde ich Ihnen meine Lösung versichern . Und ich werde erklären, warum ich Sie gebeten habe, das zu tun. Das ist also meine Lösung für die One-Pager-Website. - Nun , gehen Sie einfach zurück und versuchen, darüber nachzudenken, warum wir bestimmte US-Lösungen angewendet haben und was die Gast-Stars Prinzipien hinter den Verschleißmustern sind, die wir verwendet haben, versuchen, mindestens sechs zu erkennen -Prinzipien. Jetzt kannst du das Video erneut posten. Dies sind also einige der Gäste als Prinzipien hinter den Elementen auf dieser Seite. Ich hoffe, Sie genießen diese kleine Übung und jetzt werde ich Ihnen einige weitere Möglichkeiten, um zu üben, also sind dies die zusätzlichen Übungsaktivitäten. Ich würde die Websites öffnen, die Sie jeden Tag besuchen. Versuchen Sie nun, so viele Gäste alle Prinzipien zu erkennen, wie Sie können. Wenn Sie üben wollen, um Benutzeroberflächen zu fangen, ist es auch eine gute Idee, diese Websites oder Anwendungsstruktur zu kopieren. Die zweite Übung besteht darin, auf eine U I Pattern Collection Website zu gehen, Muster aufzunehmen und die Gestaltprinzipien hinter diesem Muster zu identifizieren. zum Beispiel Denken Siezum Beispieldarüber nach und wie Fünf-Sterne-Bewertungsmechanismus funktionieren. Sie können diese Muster auch kopieren, um Ihre Skizze Scheer zu entwickeln und schließlich, Sie können erstellen und skizzieren Sie Ihre eigenen gashed Ulchi Cheat. Verwenden Sie Ihre Lieblings-Sie Beispiele für jeden Principal und Sie müssen nicht einmal bleiben, um Startprinzipien zu erhalten . Es gibt viele andere Otter im visuellen und UX-Design, also erstellen Sie zusammenfassende Skizzen aus den Dingen, die Sie lesen oder studieren. Es hat einen Zwei-in-Eins-Vorteil. Sie erinnern sich wirklich besser an das Wissen, das Sie gewinnen und Ihre Skizzen Fall wird sich entwickeln. Wir sehen uns in der letzten Abschlussvorlesung 16. Abschluss: Wie du in der Community mitnimmst: Also herzlichen Glückwunsch zum Abschluss der Skizzierübungsaktivität. Viel Glück bei der Entwicklung Ihrer Skizzenfahrer. Und wenn Sie daran interessiert sind, für Sie zu skizzieren, ex oder Sie warum Designer in mehr Details, schauen Sie sich meinen Kurs auf der Skizze für Sie Eier dot com Website und bitte erwägen Beitritt der Skizze für Sie ex Community. Ich habe eine Facebook-Gruppe zu diesem Thema gewidmet, und ich auch auf dem Newsletter, zwei Hauptteile hat. Einer ist eine 100 Tage lang Sie X erstellt Symbol wachsende Herausforderung. Dies kann Toby eine Gewohnheit beim Skizzieren wirklich helfen, und der andere Teil ist eine wöchentliche UX-Wissensdatenbank. Fangen, und es ist auch vereinbart, bilden die Teilnahme an der U X Catcher Community Toe. Teilen Sie Ihre Skizzen. Teilen Sie Ihre Arbeit mit anderen U-X- oder Y-Designern. Also danke, dass du mein Student bist und lass mich wissen, wenn du irgendwelche Fragen oder Anregungen mit deiner Skizzierreise hast. Und vergessen Sie nicht, die Prinzipien des Gästehauses herunterzuladen. Betrügen, betrügen