Typografische Layouts: Erstellen von Layouts für Inhalte schwere Websites und Apps | Claudio Guglieri | Skillshare

Playback-Geschwindigkeit


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

Typografische Layouts: Erstellen von Layouts für Inhalte schwere Websites und Apps

teacher avatar Claudio Guglieri, Creative Director / Hands on Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung und Einrichtung

      11:01

    • 2.

      Die Ideenphase

      25:16

    • 3.

      Skizzieren eines Rahmens auf höchster Ebene

      19:42

    • 4.

      Raster erstellen

      32:08

    • 5.

      Typografie, Look und Feel

      31:49

    • 6.

      Visuelles Gewicht und Composition

      15:13

    • 7.

      Schärfen deines Designs

      38:13

    • 8.

      Die Bedeutung einer Fallstudie

      8:24

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

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.

2.624

Teilnehmer:innen

49

Projekte

Über diesen Kurs

Dieser Kurs lehrt dir, wie du beim Erstellen eines Layouts eine effektive Typografie nutzst.

In Anbetracht der Sites wie Reuters oder der neuen Iteration von New York Times und USA Heute sehen wir, wie sich das Netz in Richtung typografischer Kompositionen bewegt, wo der Inhalt König ist und die Benutzeroberfläche minimal ist, aber relevant. In diesem Kurs lernen wir, wie du ein effektives Layout für eine splash und eine news strukturieren kannst. Wir werden die Grundlagen des responsive Designs, der grid und der Typografie durchlaufen, um die visuelle Hierarchie der Komposition zu erstellen.

Was du lernen wirst

  • Skizzieren eines Top Wir decken das visuelle Rückgrat von UX ab, Drahtrahmen
  • Aufbau eines Gitters. Du entwirfst dein perfektes Raster und findest damit die Ausstrahlung deiner App auf verschiedenen Größen und Geräten.
  • Typografie, Look und Feel. Wir decken die grundlegenden Komponenten der Typografie ab, einschließlich der Überschriften und Untertitel.
  • Visuelle Gewichte und Zusammensetzung. Wir bereiten elegante Kompositionen mit visuellen Gewichten wie Größe, Farbe, Dichte, Wert und weißem Raum vor.

Dies ist ein nur in Design Kursteil. Keine Entwicklung wird gelehrt!

 

Was du machen wirst

Du wirst eine news entwerfen, die stark auf geschmackvolle Typografie setzt. Während des Prozesses der Erstellung eines wireframe, werden Sie die Interaktion der Benutzer, die Platzierung von Vermögenswerten und reaktionsschnelle Designelemente berücksichtigen. Am Ende dieses Kurses hast du ein detailliertes Mock-up mit allen Funktionen deiner App

Triff deine:n Kursleiter:in

Teacher Profile Image

Claudio Guglieri

Creative Director / Hands on Designer

Kursleiter:in

Claudio Guglieri is an independent product designer and creative director living in San Francisco. Claudio has been responsible for directing and executing interactive experiences for clients like Google, Kayak, EA, CNN, Nickelodeon, Microsoft, History Channel and Motorola to name a few. He led the Design Department at Fantasy Interactive as Design Director before starting his own venture.

Vollständiges Profil ansehen

Kursbewertung

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

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 auf 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 und Einrichtung: - Hey, Leute. - Willkommen zu erstellen topografische Layouts waren Inhalt schwere Websites und Apps. - Mein Name ist Cavalleri. Und zuallererst möchte ich mich bei Ihnen bedanken, dass Sie sich mir angeschlossen haben. - Ich bin wirklich, - wirklich aufgeregt über dieses Thema. - Und ich hoffe, Sie genießen den Kurs so, wie sie unterrichten. - Die Struktur ist, dass ich neun Einheiten geschaffen habe. - Ähm, - und jede Einheit wird mit einem Video-Vortrag über grundsätzlich Theorie und auch wie kommen - einige echte Beispiele für einige dieser Menschen sind ein bisschen mehr Hände auf kommen - mit einer zweiten größeren Vorlesung, wo ich tatsächlich gehen durch den Prozess der Gestaltung. - Ähm, - die Aufgabe für die Klasse, - die die Krankenschwestern zu schaffen, waren da. - Willkommen bei Unit One Einführung und Einrichtung in dieser Einheit. - Ich werde die Aufstellung für die Klasse abdecken. Ich werde ein bisschen mit meinem Hintergrund reden, und ich werde auch über die Gründe sprechen, die mich dazu gebracht haben, diesen Fluch zu erschaffen, für den sie sich entschieden die Klasse. - Ich werde einen anderen Weg für den Laden benutzen, um tolle alte Beispiele zu sehen. - Du musst es nicht benutzen, wenn du es nicht willst. - Oh, wenn du dich mit einem anderen irgendwo wohl fühlst. - Das ist völlig in Ordnung. - Falls Sie es benutzen wollen und Sie es nicht haben, - können Sie es von Adobe dot com Schrägstrich für ein Geschäft herunterladen. - Ich bin sicher, dass Sie dort eine Testversion bekommen können, aber es ist wirklich egal, weil wir kein Wir werden das nicht bekommen - Technisch in das Tool wird mehr auf einer abstrakten Ebene sein, aber es ist wirklich egal, weil wir kein Wir werden das nicht bekommen - Technisch in das Tool wird mehr auf einer abstrakten Ebenesein, gleichen Prinzipien, dass wirklich, - wissen Sie, - Tricks über für ein Geschäft. - Also, das ist in Ordnung. - Und ich werde auch einen Stift auf Papier benutzen. - Lehrer-Hinterzimmer. - Das bin ich. Mein Name ist klug, witzig, und das ist meine Website. - Warum versuchen wir nicht zu kommen? - Ähm, - formeller Hintergrund wird sein. - Ich arbeitete als Art Director. - Sei wirklich New York. Davor habe ich etwa drei Jahre bei Finest Interactive in New York gearbeitet. Und davor habe ich in London gelebt, wo ich Friedlands und für die Firma „Playing Concepts“ arbeite. - Wir schaffen tatsächlich, - wie, - Tonnen von visuellen Konzepten für Microsoft, - also ist das ein bisschen formell, - aber in Wirklichkeit, - ein Geldunterzeichner, - habe ich Sachen entschieden. - Ich versuche so viel wie möglich, meine Arbeit relevant zu machen und zu versuchen, Dinge zu machen, die wichtig sind - Dinge, die irgendwie verbesserte Benutzer leben auf die eine oder andere Weise. Es könnte so sein, als ob man das Wetter fotografiert, indem man Nachrichten liest , alles, was tatsächlich etwas für jemanden bedeuten kann , und irgendwie ihr Leben verbessert. - Meine Webseite. - Oh, - zuerst schwächen, - Sie können mich auf Twitter finden. - Du kannst mir ein Medium finden, das du deinen Antrieb finden kannst. - Und auch Lincoln auf meiner Website ist, warum versuchen wir nicht, nicht zu kommen? - Ich denke, ob wir es trocknen so ziemlich kapselt die Art und Weise, wie ich mich meiner Arbeit nähere und beurteilen sie - bevor versuchen, nicht protzig zu sein. - Ich habe Sachen entworfen und versucht, es so weit wie möglich zu schieben, und habe versucht, es relevant zu machen . - Und in diesem Fall, - wissen Sie, - warum versuchen wir es nicht? - Ich dachte, er wäre ein wirklich gutes Moto dafür. - Der Titel von The Curse erstellt topografische Layouts für Inhalte, - schwere Websites und Apps. - Wenn du diesen Tunnel ein bisschen kaputt machst, werden wir Layouts erstellen, die auf Topografie basieren. - So Layout werden normalerweise aus Text und Bildern gemacht und wir werden so ziemlich - Typografie verwenden , um all diese Divisionen und all diese wie Teile des Layouts zu erstellen, die - normalerweise verlassen sich auf visuelle Elemente. - Wir werden versuchen, sich davon zu entfernen und verlassen uns nur auf Typografie so viel wie möglich auf - Wir machen das für Inhalte Schwere Websites und Apps Das ist ziemlich selbsterklärend , - aber wir werden ein Sie in einer Weise singen, werden temporäre Layouts für Plattformen erstellen, auf denen der Inhalt König ist. - Aber hier kommt der knifflige Teil. - Wir wissen einfach nicht, was diese Kontinente so über Nachrichten, - Lesernachrichten, -Agenturnachrichten denken - Lesernachrichten, - . - Sie wissen, - dynamische Content-Größe-Portale, wo Sie auf unserer Arbeit wissen, ist eigentlich, um den Rahmen zu schaffen - so Journalisten können das ganze Framework mit Informationen fühlen. - Aber wir müssen es in einer Weise entscheiden, dass Benutzer tun können Keine andere Sache, die nur wirklich, - wissen Sie, - wir müssen schaffen, um diese Zeit in einer Weise zu behandeln, die einfach zu lesen ist. - Das ist nicht Tyson. - Das bringt die Leute dazu, die aktuellen Artikel zu lesen. - Es ist Eingang. - Warum diese Klasse? - Ich will durch verschiedene Trends gehen, die ich gesehen habe, die mich tatsächlich dazu gebracht haben, darüber nachzudenken - diesen Fluch zu tun. - Die 1. 1 ist die Tatsache, dass Internet Webby in Richtung einer mehr User Center Ausrichtung verschoben, - und es ist definitiv weniger Technologiefokus. - Beispiel dafür wäre nur eine wirklich bekannte Tatsache, dass wir Grafikdesigner, - Web-Designer sein. - Wir verwenden schon lange einen festen Standard für Lösungen. - Und das ist nein, - das ist keine Neuigkeit für niemanden, - aber wir haben, - wissen Sie, - wie von hinten in den Tagen zurück, - zurück, - zurück in den Tagen 800 von 600 bis 10 24 von 78 768, um sogar wie der letzte vor - das reaktionsschnelle Getränk kam rein. - Es war wie 12 80. - Aber jetzt ist alles anders. - Wir wir definitiv gibt es diese Bewegung des verantwortungsvollen adaptiven Designs, die tatsächlich wirklich - Benutzer verstehen. - Andi hat tatsächlich Technologie verwendet, um dem Benutzer Inhalte auf eine bessere Weise zu liefern, - unabhängig von der Größe des Schreies oder, - um, - für das Gerät, das sie verwenden. - Das ist also großartig. - Das ist die einzige Sache, die Sie wissen, - wir wir definitiv, wenn ich einen massiven Bildschirm habe, - ich werde nicht mehr nur eine 10 24 Website sehen, - ich werde etwas sehen, das es tatsächlich für die Ausgabe optimiert ist, die ich bei diesem verwende - Punkt. - Ein zweiter Trend, den ich wirklich mag, ist die Tatsache, dass Internet mehr Inhalte orientiert - und definitiv weniger visuell überwältigend. - Es gibt keine mehr, - keine Angst mehr für wie, - das Horror zurück wir es ist eigentlich das Gegenteil. - Weisser Raum ist gut, solange du ihn kennst. - Es gibt dem Inhalt die ganze Relevanz, die er verdient. - Und es ist lustig, weil wir eigentlich meine ich, - offensichtlich der Druck entscheiden hat es für immer gewesen. , Ich fühle mich,als würden wir an einen Punkt kommen, an dem Design und digitales Design endlich zusammenkommen. - Und all diese erstaunlichen Kenntnisse, die wir von Print-Design haben, können auf digitale Design angewendet werden -. - Also all das Zeug, dass Sie tatsächlich sehen Sie in einer Zeitung, die Sie das Gefühl, Sie können - lesen Sie einen Artikel in National Geographic Magazin kann endlich auf der digitalen Seite angewendet werden -. - Und das bedeutet, dass wir es nicht tun. - Weißt du, - es gibt definitiv, - wie wir weg von all denen wie super komplexe Navigationstools und verwandte - Artikel, - und wir lassen das Zeug und wir schaffen wie mehr benutzerdefinierte Artikel sein, wo die Kontinente kamen - auf. - Beispiel für diesen Trend wird auch wie all diese Verrückten sein. - Que Murph ist, - um, - um, - Trend, den wir hatten, und die Tatsache, dass wir Moment in Richtung eines flacheren Designs bewegen, - Ähm scheinen Und ich habe ein bisschen gefallen, dass ich definitiv das Unterschreiben Bücherregal genieße - zurück in der Tage wie Lesen hardcore mit Bildern, - und es war in Ordnung. - Aber wenn Sie wirklich darüber nachdenken, - um Sie wissen, ist definitiv nicht über das Handwerk ist, wie relevant und wie ist es die - Kontinente zu verdauen. - Also würde ich nicht sagen, dass es humorvoll ist. - Es ist schrecklich, - und flaches Design ist großartig, - ist der Flay. - Es hängt vom Inhalt ab, - und es hängt vom Projekt ab, - und es ist wirklich. - Der Fokus sollte auf jedem visuellen sein. - Was auch immer, - Wohnung sind voll von Bildern. - Der Fokus sollte darauf liegen. - Weißt du, was können wir machen? - Der Inhalt ist König, und es ist über alles andere. - Die letzte Runde, die ich hervorheben möchte, ist die Tatsache, dass relevante Inhalte so - Michelle wann ist eigentlich relevant für real. - Und da ist etwas wirklich, weil für eine wirklich lange Zeit. - Ich bin einfach so müde, - Sie wissen schon, - denken an große Portale, - wie ein Jahr alt, die waren, - wie, - sogar CNN die Tatsache, dass Sie einen Artikel gelesen haben. - Aber sie sind, - wie so viele Kohle zu Aktionen. - Und es gibt so viele verwandte Informationen versuchen, Ihre Aufmerksamkeit zu erregen Das ist wirklich schwer - um den Artikel zu lesen. Also wechseln wir in Richtung dieser , neuen Szene, in der Sie wissen, der Fokus liegt auf dem Artikel. - Wenn Sie einen Artikel lesen, - wenn Sie auf der Artikelseite sind, - gibt es nichts um ihn außer dem Artikel und nur wenn Sie fertig sind, wenn Sie fertig - tatsächlich, - wie die Flüsse auf dieser Seite, - Sie gelangen zum Ende der Seite. - Das ist, wenn Sie, - wie, - solche Essenz dessen bekommen - wie, , was man als nächstes und, - wissen Sie, - nur wirklich praktische Beispiele macht. - Übungsbeispiel ist eigentlich der Vergleich der aktuellen New York Times mit hoffentlich was? - Dieser schleichende Blick. - Wir haben gesehen, was die New York Times sein wird. - Solange wir wissen, wird es definitiv näher durch diese Website kommen. - Sie taten letztes Jahr, - das ist dieses Wissen voll. - Und ich kann es schnell öffnen. - Siehst du, wenn ich nach unten scrolle. - Wir kommen zu einem Punkt, wo es nichts in der Pastete außer dem Text gibt, - es gibt offensichtlich einige wie Unterstützung von Informationen zu diesem Text. - Also geben sie dir wie, - ähm, - Kontext tun, - sagen wir einen Charakter wie eine Person. - Das hier ist ein Video. Aber alles ist alles dreht sich um den Artikel und auf Liang wird wirklich schnell gehen - nur wenn man bis zum Ende kommt, bekommt man tatsächlich zu sehen, - wissen Sie, - vorheriger oder nächster, - aber das sieht man vorher nicht. - Und das ist der magische Effekt, den sie respektieren. Die Tatsache, dass du einen Artikel liest , und sie nicht wirklich versuchen, dich woanders zu fahren, fliegt. - Also zurück, - Ich denke, das Nahaufnahme der ersten Einheit. - Also vielen Dank und ich werde Sie in schwer zu tun sehen 2. Die Ideation der Idee: - Hey, Jungs, - Willkommen in der Einheit im Gesicht der Idee. Also, bevor ich studiere, habe ich ein bisschen fünf Kaymer auf. Und das ist, dass ich durch den Kurs der ganzen Klasse einige Prozesse abdecken werde, von denen du weißt, es kommt darauf an. - Wo arbeitest du? - Vielleicht sind sie von einer bestimmten Rolle abgedeckt. - Scheint, dass sie eine Wohnung unterschrieben haben. - Also, - zum Beispiel, - könnte ich ein wenig in das eintreten, was ein Produktdesigner tun wird. - Einige der Dynastie wird mehr mit einer Schnittstelle, - dem Zentrum verbunden sein. - Und vielleicht gerade am Ende, - werde ich in, - wie, - rein visuelle Ausführungsdetails kommen. - Es gibt nur relevant für visuell Unterzeichner. Aber nur wegen meines Hintergrunds, den ich nutzen konnte, um mit einer kleinen Gruppe von Leuten zu arbeiten , lernten wir eigentlich das Ganze kennen. - Also, weißt du, - nimm einfach, was es für dich nützlich ist, und ja, ich hoffe, das hilft. Also mit dem, was in dieser Einheit gesagt wird, werden wir drei Ideen und Inspirationsgesicht abdecken. - Ich werde auch über einige Design-Prinzipien sprechen und definitiv einige echte Projekte und echte Beispiele zeigen . - Also, - vor allem die Idee Gesicht dies ist definitiv das wichtigste Gesicht auf jedem Projekt. - Es ist wirklich wichtig, dass du aus diesem Gesicht rauskommst, mit einem klaren Verständnis, was du tun wirst. - Sie wissen, - haben Sie normalerweise bereits auf der Anweisung, und das konnte ein Nachrichtenleser geschaffen werden, dass - wir es in dieser Klasse ist. - Aber das könnte Ihre eigene Aufgabe sein, weil Sie einen Mangel in der Branche genommen haben, die - Sie denken, Sie können durch ein Nickerchen decken. - Oder, - wissen Sie, - auf jeden Fall - es könnte entweder Sie oder eine Kundenaufgabe sein. Aber in jedem Szenario wird das Gedankengesicht sehr wichtig sein, um festzustellen, ob du erschaffst, weißt du, was du erschaffst, und es ist wichtig, dass wir viel Zeit in diesem Gesicht in diesem Licht verbracht haben, wie ich - mich. Nur um sicherzustellen, dass alles, was wir tun, tatsächlich ist , in wenigen Worten, kurz gesagt, es ist wirklich großartig und großartig. Also, - zum Beispiel, - wenn wir über Video-Seiten dort auf jeden Fall Tom von Video-Seiten sprechen, - aber in dieser Luftfahrt steht vor, dass, wenn Sie wissen, - eine Videoseite zu erstellen, Ihre Aufgabe ist, - Sie müssen sich fragen, - Was kann ich tun, um zu verbessern, was da draußen ist? Und weißt du, es ist etwas passiert, das du gerade sagst, hast du etwas Neues gesehen? - Und du wirst , wie blind, wieneu und brillant? - Iss, aber es gibt immer etwas. - Und das Komische ist, man manchmal nur sieht, dass es etwas gibt, das man schaffen könnte, wenn jemand es will - das war's. - Und ist das Gefühl aus? - Sie wissen, - sagen wie, - verschickt. Ich habe nicht aus meinem Gesicht, aber ich konnte es nicht sehen, so Basis all das Zeug, das wir in der Luftfahrt denken müssen, weniger verrückt - Männer Stil sitzen die Couch auf der Couch, - Steh wieder auf, - hol dir einen Drink, - Komm zurück. Aber hör nicht auf, darüber nachzudenken, bis du sicher bist, dass das, was du tust, relevant ist . - Tut mir leid, aber dieses Lissabon will. - Also in dieser Luftfahrt Gesicht, - Sie definitiv Dies ist wie, was Picasso sagte, - richtig, - Wie, - Ausdruck ist da. - Aber Sie müssen finden, dass Sie arbeiten. - Eine Inspiration ist, dass dies ein Freund meiner sagte, dass in der Rede, - und tatsächlich, - es machte mich viel denken. - Inspiration ist der Unterschied zwischen tollem Design und einfach in Ordnung. - entscheiden, - und ich glaube nicht, dass keiner von uns machen will. - Okay, - Zeichen, das klingt ziemlich OK, - aber er ist definitiv nicht sehr Seite eso. - Es ist wichtig, dass wir darüber nachdenken, was wir tun, bevor wir die Hände bekommen und versuchen, etwas Bemerkenswertes in einem Sinne auf der anderen zu machen und nur um eine weitere zu sagen - Zeit, - weil es wirklich einen Unterschied macht. Und es gibt immer ein Beispiel, das mir in den Sinn kommt, wenn ich darüber nachdenke, dass diese Ideengesicht auf dem Flip ist, oder ich bin mir sicher, als der Bericht kam, kam auf die Idee, dass sie zum Abendessen gingen und sie hatten, - die beste Nacht ihres Lebens, weil sie nur über ein Konzept nachgedacht, das einfach wirklich ist - schön aus der Nähe. - Wenn man sich Leute anschaut , meine ich einen Dienst. - Es ist nichts Neues daran. - Ich jetzt ohne alle Operationen, dass sie ihre Sachen in einer Menge Zeug haben, das ist - genial. - Und Sie, aber wissen Sie, - das Ja und so Fleet Board ist nur ein RSS-Reader. - Östliche Festnahme. - Es ist mit ihnen für Ihr iPad, das ist nur mehr visuell und nutzen Sie ist aus. - Nutzen Sie alle ähnlichen Funktionen, die Sie auf Ihrem iPad verwenden können und nicht einmal alle - von ihnen, - aber zumindest Gesten. Also, wenn Sie Flip oder zwei vergleichen, und das ist wirklich für die Kompression. Aber wenn Sie Freeport mit dem tatsächlichen Google-Leser vergleichen, obwohl er im Ruhestand ist, wissen Sie, dass sie die gleichen Informationen anzeigen, die Sie haben. - Sie können den Inhalt starten, den Sie können. - Du kannst es teilen. - Sie können uns lesen lassen. - Sie können es per E-Mail senden, - es ist der gleiche Inhalt, - aber es gibt definitiv ein Handwerk basiert, - schrecklich. Also kümmert man sich darum, wie dieser Texas angelegt hat, wie der Titel in der Mitte steht, und es ist definitiv das Haar, das Chi ist. - Es ist klar, - ähm, - und wieder etwas tut. - Und ich denke wirklich, dass Hilfe, - aber meiner Meinung nach, - waren wirklich wie Make Flipper. - Erstaunlich ist die Tatsache, dass nur etwas so Einfaches wie der Übergang, - wie sie die verschiedenen Teile miteinander verbinden, der Name des Produkts geworden ist, - und wissen Sie, - das Produkt selbst. - So Flipboard. - Es heißt Flipper, weil Sie tatsächlich Flotte die Seite, - und es ist eine einfache ist, dass und es ist fantastisch und es ist leicht zu lesen und Ausgabe Stadt. - Sie sind nur so, dass das großartig ist. Wenn wir über das Produkt nachdenken , das das Projekt auf dem Gesicht der Idee gemacht hat, gibt es definitiv wie einige Designprinzipien, über die wir nachdenken sollten, und ich nehme an, das zu tun, - ergriff meine Aufmerksamkeit und weil sie eigentlich Regisseur. - Aber sie ändern sich, sobald wir sie im Lichte der Erfolgskriterien betrachten. - Das sind also dieselben Prinzipien. - Ist die Hierarchie nicht nötig? - Und das heißt, - damit das Zeichen erfolgreich sein kann - muss es den Grundbedürfnissen der Menschen gerecht werden, bevor er versuchen kann, höhere Bedürfnisse zu befriedigen. - Also, wenn wir einfach wie eine visuelle Darstellung dieses Prinzips schaffen, - sehen wir eine große Erlaubnis, - und an der Basis davon - haben wir Funktionalität. - Also sagen wir definitiv, dass wir dort ungewöhnlich reden. - Sie respektieren? - Wissen Sie, - die Mindestanforderung von diesem Nachrichtenleser ist, tatsächlich Nachrichten anzuzeigen. - Sie können zustimmen. - Also wissen Sie, dass das psychologische Fleisch ein wenig aufsteigt befriedigt. - Wir haben wirklich, - wirklich Fähigkeit, dass dieser Harmon am Ende im Grunde die Sicherheit befriedigen. - Also, - wissen Sie, - das Eintreten, - wir haben Invaliditätskompetenz. - Und bei der sehr doppelten Passform. - Wir haben Kreativität. - Also offensichtlich, - wenn Sie, - wenn Sie einen Mail-Service erstellen, - die grundlegenden Dinge, die Sie abdecken sollten, ist, wenn ich, dass Sie in der Lage sein sollten - E-Mails zu senden und zu empfangen . - Ähm, - aber, - wissen Sie, - und dann werden Sie in der Tatsache heraustreten, dass der Bruder solide ausgegeben sein muss und abstürzen - sollte zuverlässig sein. - Verwenden Sie die Fähigkeit. - Sie sollten in der Lage sein, es in einer Weise zu verwenden, - wissen Sie, - es wird Teil von Ihnen und Ihrem Verhalten. - Und Sie müssen nicht darüber nachdenken, - äh, - was man auf ihnen Beherrschung auf der Kreativität ganz oben, - als etwas tut, das zuerst nicht notwendig ist. - Aber er hatte definitiv etwas oben auf dem Versprechen. - Ein weiteres Prinzip Design, über das ich sprechen möchte. - Seine Form folgt Funktion. - Es sagt im Grunde, dass Schönheit und das Zeichen resultiert aus Reinheit off Funktion auf auch sagt - die ästhetischen Überlegungen im Zeichen sollten sekundär zu funktionellen Überlegungen sein. Ich empfehle, dass dieses Buch jemand in dem ersten Kommentar ist, den ich im Kurs gemacht habe, und ich habe tatsächlich all diese Bücher geschrieben und so wirst du es herausnehmen, aber, weißt du, - ich denke, insgesamt sind diese beiden Prinzipien wahr, - offensichtlich von einem Newsreader wollen Sie die Nachrichten lesen und alles, was Sie brauchen, - wie, - Ästhetik, die zwischen Ihnen und ein Grundbedürfnis auf eine Grundvoraussetzung mit Bruder kommt - sollte entfernt werden. - Aber zur gleichen Zeit, - wissen Sie, - wir haben, - ah, - wir haben das Licht aus der Erfolgskriterien auf, dass, wenn die Wissenschaft - Entscheidungen konzentrieren sich auf die damit verbundene Bedeutung aller der Aspekt des Designs, - Form und Funktion unter Berücksichtigung der Erfolgskriterien. - Also wieder, - offensichtlich, - wenn Sie ihn Tierdienst oder einen Nachrichtenleser machen, - sollten Sie in der Lage sein, die Nachrichten zu lesen. Aber ihr Problem ist, dass das einfach nicht genug ist, weil das da draußen ist. - Wir sind zu einem Punkt gekommen, an dem es wirklich schwer ist, in einigen spezifischen Produkten zu innovieren - weil es eine große Trennung auf dem Markt gibt. - Aber das heißt nicht, dass wir es schaffen können. Ich meine, - offensichtlich müssen wir dieses Feuer immer so machen, - die Grundbedürfnisse des Produkts, - und wir müssen sicherstellen, dass - Sie wissen, dass Funktionalität da ist. Aber wenn wir einfach nicht die Spitze des Dreiecks bedecken, wenn wir nicht die Kreativität abdecken, wird nicht funktionieren. - Sieh dir Dropbox an. - Drop Oak ist ein FTP-Client. - Ihre verspottet FTP-Clients. - Es gab Tonnen, als Dropbox herauskam, aber sie haben einfach noch ein paar Sachen von der Spitze des Dreiecks hinzugefügt. - Sie haben es gerade geschafft. - Er ist hier, um zu benutzen, war nicht das Wichtigste. - Nein, - das Wichtigste war die Tatsache, dass ich arbeite. - Aber war es angesichts der Erfolgskriterien für dieses Produkt relevant, tatsächlich erfolgreich zu werden? - Ja, er war absolut notwendig, nur um das einzupacken. - Denken Sie daran, dass jedes Mal, wenn Sie mit Ihrem Team diskutieren, - offensichtlich müssen Sie Ihre Produktneuheiten befriedigen, um grundlegende Bedürfnisse zu befriedigen. - Aber Sie sollten immer auf die beste Erfahrung drängen. - Und das könnte sein, indem du Dinge tust, die du normalerweise oben auf das Dreieck stellst. - Und das heißt, - Sie wissen, - Erstellen von Animationen, - immer wie Putting Zeit einladende Übergänge zwischen den verschiedenen Abschnitten, - alles, was die beste Erfahrung für den Benutzer schafft. - Nun möchten wir Ihnen ein paar Beispiele zeigen, an denen ich in den letzten Jahren die Möglichkeit habe, zu arbeiten , und sie sind definitiv , sehr isolierte Beispiele von Ideen,die wir innerhalb von Projekten haben, dachten wir, er könnte machen - sie stehen ein bisschen mehr. - Andi, definitiv. - Als wären sie verschiedene Überlegungen. - Wie Sie finden können, - wissen Sie, - beurteilt vor Freeport ist das beste Beispiel für, - wie, - eine Idee, die tatsächlich zum Hauptpunkt des Produkts wird. - Aber das ist nicht immer möglich. - Eso Sie Eigentlich, - wissen Sie, - wenn Ihre Idee den Bruder nicht definiert, - zumindest basierend auf dem Design Geschlechtskriterien Problem, - fügen Sie definitiv zu diesem Erfolg auf die eine oder andere Weise hinzu. - Und das will ich jetzt zeigen. - Ich habe ein paar Beispiele. - Erstens, - sind einige Lookups mit Ihnen für USA Today? - Also war die Idee von USA Today auf der Artikelseite, den größten Titel des Artikels zu erstellen , , den du je auf einer neuen Seite gesehen hast. - Wenn Sie also auf das glückliche schauen, rühmen Sie sich nicht und Sie wissen, - klingt so, dass sie sich definitiv auf, - wie, - ein großer Titel, - etwas bewegt - wie, - ein großer Titel, haben, das leicht zu verdauen ist. - Also wollten wir dasselbe schaffen, das Sie tatsächlich sehen werden. - Und, - wissen Sie, - Sie werden definitiv den Titel vor allem anderen erstellen. - Also nur wissen Sie, - wenn Ihr Beispiel dafür mit einem Freund, - verschiedene Komponenten und dann die Geschichte sagt, Sie haben, - wie, - offensichtlich, - um, - zusätzliche Inhalte, die ergänzt die Geschichte auf so weiter. - Und sobald Sie fertig sind, - offensichtlich halb wie die vorherige Geschichte innerhalb dieses Themas auf dem nächsten als auch -. - Und wenn Sie sich ein wenig bewegen, werden Sie sehen, was sich auf Ihren aktuellen Standort bezieht, an dem Sie sich ändern können. - Aber ich denke, der Sinn dieser für mich war eigentlich, eine so große auf beiden Aussagen in - der Artikelseite, - etwas, das Sie noch nie gesehen haben. - Und es treibt Sie definitiv Ihre Aufmerksamkeit auf den Titel des Artikels zu lenken und - da war etwas Macht drin. - Also sind sie anders, verschiedene Variationen. - Und es gibt noch weitere Beispiele, die ich zeigen möchte. Und dann ist es, - ähm, - diese Schnittstelle, die ich für Nickelodeon für ihre iPad-App, die sie veröffentlicht nicht bekannt - vor. - Das ist also eine Arbeit außerhalb der Umwelt, die wir erschaffen haben. - Ich werde Base berühren. - Berühren Sie nicht die Basis, - ähm, - auf diesem Rahmen im nächsten Kapitel, - aber hier. - Ich wollte nur die Idee zeigen, die wir für die Speisekarte haben. - Also werden Sie tatsächlich auf unendliche Rate gehen. - Sie werden sich bewegen, - Sie wissen, - Sie bewegen den Bildschirm durch Ziehen auf dem iPad, - gehen an einen Ort der anderen. - Sie können sehen, wie Sie unterschiedliche Inhalte haben, - abhängig von der Natur. - So manchmal könnte er aussehen wie eine Reihe von Bildern manchmal eher wie ein Video ist manchmal - ist wie ein schneller Tweet. - Aber wir dachten, es wäre wirklich cool, wenn die Speisekarte immer der Zeppelin hier oben links ist. Und jedes Mal, wenn Sie auf das Menü zugreifen wollen, spielt es keine Rolle, wo Sie sind, legen Sie es einfach ab und es schaltet tatsächlich das Licht aus. - Das Fleisch macht das noch mal, du könntest, und du magst es einfach runter ziehen. - Neues Blacktop. - Jetzt bist du im Dunkeln. - Das ist offensichtlich eine Arbeit in Arbeit. - Wissen Sie, - es gibt einige andere Stufen dieses Menüs, - aber ich wollte nur diese Idee hervorheben, wie das Licht auszuschalten, nur weil - wieder ist eines jener Beispiele, die man definitiv sagen könnte, dass es nicht an. - Es ist definitiv nicht an der Basis des Dreiecks. - Aber Sie wissen, - diese Renton, - wie die kleinen Details, die Schritt für Schritt nach und nach schaffen wirklich erstaunliches Produkt für - der Benutzer. - Ein Beispiel weniger, das ich heute vorstellen möchte, ist sexuell eine Website mit ihr nicht allzu lange - vor dem Rio, - es heißt Escape flat. Und er lässt Sie im Grunde Juden so gibt Ihnen, - ah, - eine Reihe von Optionen abseits von Orten, denen Sie dem kommenden Wochenende entkommen können, - wissen Sie, - wirklich von Ihren ausgewählten Kriterien. - Also, - zum Beispiel, - wenn Sie sich um den Preis kümmern, - könnten Sie Preise auswählen, - Ihre, - könnten Sie Preise auswählen, - Ihre, - äh, - Kriterien, - und dann wird es Ihnen Ergebnisse auf, Materie. - Sie können auch wählen, ob Ärger und dann können Sie hinzufügen, - wie Präferenzsystem wie Kultur, - Essen, - Nachtleben, - Outdoor und so weiter. - Also, was ich gerne über diese Website sprechen möchte, ist etwas, das nicht wirklich ist, - ähm es bezieht sich nicht viel auf das Konzept, - aber es fügt definitiv zur Benutzererfahrung hinzu. - Und das ist, wo Sie schon oben gesehen haben. - Wir haben diese Drop-Downs, - und jedes Mal, wenn Sie sich ändern, - ähm, - die Option, - dreht es tatsächlich um. - Also sind die Bretter flippen, - und Sie bekommen zu sehen, wie es sich von der vorherigen Wahl zu Ihrer Auswahl ändert, - wie das funktioniert. - Sie können sehen, wie die gleiche Änderung der Werte. - Sie sagten, - wie ein Glanz leuchtende Animation auf dem Go Button, - tatsächlich sagen dem Benutzer, dass sie jetzt aktiv gehen, um tatsächlich wählen Suche mit diesen - Kriterien, - Ihr Präsident und Sie tatsächlich bekommen Ihre Ergebnisse. - Aber nur eine einfache wie die Erstellung dieser Animation. - Und Sie können sehen, wie Sie wissen, wenn Sie tatsächlich Buchstaben ändern, weil mit Buchstaben. - Aber wenn Sie Symbol ändern, - es zeigt Symbol gibt, - wie, - Spaß. - Sie fügen nicht wirklich etwas Prozent zum Dienst hinzu, aber assay yusor Sie fühlen sich wie - Zufriedenheit würde tatsächlich mit diesen Elementen interagieren und tut die Magie des Benutzers - Schnittstelle. - Auf das sollten wir unbedingt immer achten. - Und obwohl er sagte, dass hart das Dreieck, - sollten wir es nie vergessen. Also, nur um diese Einheit einzupacken, - äh, - werde ich als Teil der Idee Gesicht zeigen einige Ideen, die ich hatte über die Zuweisung von - diese Autos, - die Designern sind, - sagt Leser. - Das wird also das erste Projekt über Lieferbar sein. - Ich werde euch bitten, online zu posten Ich möchte, dass Sie, - äh post Diese Fänge Sie haben und die Bereiche, die Sie auf diese sind, - sagt Reader. - Also können wir einfach drei zusammen gehen und kommentieren, also die Art, wie ich es betrachte, basierend auf meinem eigenen Verhalten, - weißt du, - ich schaue es von einem wirklich funktionalen Standpunkt aus. - Es ist wie der Ort, wo ich gehen, um tatsächlich meine Füße zu lesen und meinen Arsch zu lesen, - sagt Artikel. - Nicht als ein Ort, an dem ich mich wirklich inspirieren lassen werde. - Also, aber das ist nur mein Standpunkt. - Ich meine, - bitte fühlen Sie sich frei, diese Aufgabe tatsächlich aus der Sicht zu nähern. - Denkst du das? - Es ist besser für dich, - für mich ist ziemlich viel ist es so ziemlich. - Das Ding mit Freeport, - es funktioniert wirklich im iPad, - und es wird eine schöne Website als auch sein. - Aber die Art und Weise, wie ich unseren Service verdaue, ist, dass wir funktional sind. - So einfach ein Layout reiben, wo, - wissen Sie, - wir haben, - wie, - ein großes Bild und dann kleine Komponenten. - Er wird eine Art Cherokee-Hierarchie auf den Inhalt implizieren. - Und so schaue ich uns unsere Einschätzung nicht an. - Wirklich? - Weil ich eigentlich alles lesen kann oder einfach nur sicherstellen will, dass ich alles gesehen habe . - Beurteilen Alles hat die gleiche Relevanz für mich, da ich so ein wenig aus beschrieben - Erklärung auf diesem Bildschirm haben Sie oben links Ecke. - Sie können sehen, wie ich denke über eine neue Struktur ähnlich wie Twitter und ähnlich, - wie Rat verschiedene mobile Apps. - Wo Sie ein Menü auf links haben, dass es ziemlich funktional ist. - Es wird dir nur die Füße sagen. - Sie werden eine zentrale Säulehaben, die wirklich verlockend ist. haben, - Und das ist derjenige, den du anklickst oder nicht, um den Artikel zu sehen, weil er eine Vorschau des Artikels enthält. - Also habe ich gesehen, dass ein ziemlich ähnlicher Künstler uns zu diesem hier sagt. Das Problem ist dieseverlockendeKolumne und darüber reden, und vielleicht können wir in dieserSkizze besser sehen, die verlockende Berufung, die Sie tatsächlich inspirieren muss und Ihnen ein verlockende Das Problem ist dieseverlockendeKolumne und darüber reden, und vielleicht können wir in dieser Skizze besser sehen, die verlockende Berufung, Etwas abgeschwächt. - Eine Vorschau des Artikels ist rein Text. - Was ist das Problem damit? - Wenn ich selbst surfe? - Feeds, - ähm, - nur für die Art der Inhalte, die ich tatsächlich abonniert. - Ihre normalerweise Galerien von Bildern auf dem Titel ist so etwas wie, ähm, - Sie wissen schon, - inspirierende Verpackung dieses Mal. - Also der Titel sagt mir nicht wirklich, es ist nicht wirklich, - wie ich mich einladen zu sagen, ich meine, - er ist wirklich beschreibend, - aber wenn der Artikel Bilder drauf hat , - weißt du , genannt Leser und ich spreche über nicht, mich zu inspirieren. - Also wieder möchte ich verdauen. - Ich möchte mich von der Vorschau dieser Artikel in einer Weise inspirieren lassen, dass es wie - Twitter sein wird . - Aber tatsächlich, - wie Sie in dieser Skizze sehen können, - zeigt alle Medieninhalte, die ich auf meiner Hälfte denke. - Also hat er nach dir ein Bild gesucht. - Wenn es eine Vorschau auf ein Video oder etwas ist, das, - wissen Sie, - es wird mich tatsächlich dazu bringen, darauf zu tippen. - Also, um das ein bisschen mehr zu erklären, - Sie können unten sehen, wie platzt für die Welt diese mittlere Spalte, die ich verlockend nenne - Rufen Sie ihn an? - Es wird Artikel ausschneiden, und du wirst in der Lage sein, nach oben und unten zu scrollen. in der Lage sein, -Uh, Uh - S. - Lasst uns auf die nächste gehen. - Ich bin so, als würde es viel rauskommen. - All die verschiedenen Zustände, die viele auf der linken Seite haben werden. - Also schaue ich mir die Schicht an, und ich definiere tatsächlich, welche Bereiche reagieren werden und was andere sein werden . - Adaptiv? - Nein, - dass das sie gerade angenommen haben. - So können Sie sehen, woher Sie so viele Möglichkeiten kennen. - Definitiv adaptiv, - weil es von festen Punkten abhängt. - Es wird eine oder andere Größe haben. - Jedoch, - das verlockende Menü ist definitiv ansprechbar nach einem bestimmten Punkt. - Es ist also eine Mischung aus reaktionsschnell und adaptiv. - Und schließlich, - diese funktionelle Verschnaufpause aus dem Artikel ist definitiv ansprechbar. - Und das wird der Bereich sein, der die Verwendung von Reis im Fenster erhöht, so dass Sie sehen können - wie das Menü kollabieren Rüstung wird wie ein Handy sein. - Warum? - Aber Sie können wischen, um tatsächlich die Optionen zu sehen. - Lasst uns weitermachen. - Und in dieser verlockenden Spalte, wo Sie wissen, ist eigentlich mit dem Üblichen wird t aussehen - wählen Sie, was sie lesen werden. - Ich dachte auf speziell Touchscreens. - Er wäre nett, wenn wir könnten, - wie, - wischen Sie es irgendwie wie Twitter so, wie sie sind wie Wischen Sie es rollen. - Und das wird Optionen wie bei den Favoriten offenbaren. - Markieren Sie s unsichtbar oder teilen. - Es sollte der Weg sein, sich zu nähern. - Das ist wie super einfach, - unkompliziert. - Ich will keine Empfehlungen. - Ich will keine verwandten Feeds. - Ich möchte nur die Füße sehen, die ich abonniere, auf die funktionellste Art und Weise. - So mehr Bildschirme beurteilen es vorher, - wie verschiedene Zustände im Menü auf Handy und auch wie Omo wird am Stopp normal sein - Größe. - Einige Details wie, wenn Ihre Schule in dem Artikel und Sie auf den Grund zu bekommen, - gab einen Floh, - gehen Sie in Richtung der nächsten und so das gleiche, wenn Sie rückwärts gehen. - So werden Sie immer die nächste im vorherigen Artikel sehen, die sicherstellen, dass sie so - wünschen, dass ständig auf dann Benutzernavigation, - die Verwendung von Flow und sie bekommen nie anfangen, bis zum Ende eines, - um, - Reise. - Aber es ist immer wie ein kontinuierlicher Abfluss von unsichtbaren Artikeln. - Und das ist eine ziemlich Top-Level-Ansicht, wie wir drei Hauptbereiche haben, - ABC, - wie diese auf einem Tablet zeigen, so dass Sie sehen können, wie A und B auf der Höhe in der Mitte - sichtbar sein werden. - Aber sehen, - wir zeigen, wenn Sie auf eine dieser Vorschauen tippen und es wird angezeigt, dass es verschoben wird - Ebene oben. - Dasselbe für Movil mit dem Unterschied, dass die Speisekarte als auch zusammengebrochen ist. - Also nur ein paar verschiedene Skizzen, - zufällige Ideen. - Dann können Sie hier sehen, - zum Beispiel, - wie auf den vielen auf der linken Seite einige Parsons sind wie darüber, dass die adaptiven auf dem auf - der weiße Zugang, - eine andere Art von reagieren, weil sie eine Feed und Sie werden in der Lage sein, zu scrollen - nach unten auf die auf einigen unten wieder. - Optionen wie Outfit oder ein Manager-Konto werden fixiert, - also etwa dort, - und Sie können tatsächlich auch Feeds gruppieren. - Und so freue ich mich, zu sehen, was Ihre Skizzen und Ideen sind. - In der Zwischenzeit, - bitte werfen Sie einen Blick auf das, - und ich denke, nur das Ende der hören Sie zu denken 3. Skizzieren eines Framework auf Ebene Ebene: - Hey, Jungs, willkommen in der Uni drei. - Besorgen wir ihm ein Top-Level-Framework, bevor wir anfangen. - Ich habe wieder einen kleinen Haftungsausschluss auf, - und es ist so ziemlich ich wollte nur darüber reden, wie man sich entscheiden kann, wenn man im visuellen auf sieht - die Dankbare, die Sie bisher kennen, - besonders den U X und Y Rahmen gewidmet. - Oder, weißt du, - ging zu einer Show, die wie Han Drone du X. - Und du weißt, dass es nicht nur eine Antwort gibt , aber ich nach meiner Erfahrung , - wenn ich an einem Projekt arbeite, das nicht ist, es nicht viele Seiten enthält, - könnte ich es selbst tun. - Wenn es aber wie ein großes Portal oder eine große Unternehmensseite ist, dass es einen Führer hat, - viele verschiedene Seiten, - verschiedene Variationen, - wissen Sie, - könnte ich eine U X Person bei mir haben. - Ähm, - nur ganz gewidmet der Frau Widder über den Grund dafür. - Das kürzlich ist ziemlich funktional, und es ist nur, weil, wenn man einem Kunden etwas vorstellt, wissen Sie, dass sie beweisen müssen, dass Sie Ihre Eier Zehe, - beweisen Sie es und jede kleine zwicken oder irgendein wenig Veränderung oder einen kleinen Kommentar, den sie könnten - haben. - Sie wissen, dass es länger dauern wird, wenn Sie es für zeigen, wenn Sie es tun - auf einem Bild auf dem Dankbaren. - Also für wie, - ein kleines Projekt ist völlig in Ordnung, nur um den Fotoshop. Aber sobald du weißt, dass es größer wird als ein bestimmter Punkt, - ist definitiv eine Nacht, Mary, wenn du nicht wirklich damit arbeitest, - du X Person, von der du weißt, dass es ziemlich befestigt ist. - Kann, - wie, - tatsächlich twittern diese Dinge im laufenden Betrieb durch die Verwendung, - wissen Sie, - die Show bedauerlich oder was auch immer diese Person sich wohl fühlt. - Mit dem sagte, - was ist der Rahmen? - Also gemäß Google, - gibt es zwei Beschreibungen. - Die 1. 1 ist definitiv nicht unsere auf der zweiten wird ein bisschen näher eine Grundstruktur - das System, - Konzept oder Text zugrunde liegt . - Also denken Sie über dieses Systemkonzept oder nimmt eine Stern-Website oder wir sind auf. - Grundsätzlich, - der Rahmen ist die Struktur dort zugrunde liegt die oben, - so verbindet es im Grunde alle verschiedenen Abschnitte in ihrem auf macht es nur ein Arbeitsstück . - Also denken Sie über das Framework als erste und die Navigation, - die Navigation, die alle verschiedenen Abschnitte verbindet denken über einen Teil des Frameworks - das wird jede globale Komponente sein. - Also jedes Mal, wenn Sie tatsächlich drücken sich Insect zwei Lieblings-Favoriten, die über alle arbeiten - die Abschnitte ist Teil des globalen Rahmens. - Was ich normalerweise gerne 1% mache, dann Framework zu unserem Kunden oder einfach für mich selbst, - ist eigentlich noch Zimmerprozent. - Wie diese Schichten spät in einem Drei-D-Raum sind und es macht nicht wirklich viel Sinn, - aber es hilft wirklich, das globale Ökosystem von oben zu verstehen, eso Sie sehen, - wie wenn sie stapeln übereinander, - sie könnten verstehen dass sie wie Autos sind, die übereinander stapeln oder das, wie viele der Sklaven von links. - Aber es ist oben drauf drauf schiebt den Inhalt. - Die sind wie, ähm, - wissen Sie, - Top-Level-Bilder, die der Kunde oder einfach selbst Sie haben könnte, - meine ehrlichen sie einfach einfacher. - Eine andere Sache, die ich empfehle, wenn ich das Framework mache , - vor allem für Kunden, - ist, eine Grafik mit dem Ökosystem der oben zu erstellen, - und ich komme zum nächsten Abschnitt. Wir zeigen ein paar Beispiele, und ich habe auch etwas damit zu tun, also das ist ich meine, offensichtlich die Namen rechts, aber das ist ein Beispiel für das Ökosystem oft oben. - So haben Sie einen Home-Bildschirm, - Sie haben Stadt, - und Sie können sehen, je mehr Sie müssen Listen tun und dann haben Sie, - wie, - Komponenten. - So zeigen Sie das gesamte Ökosystem, wie diese Abschnitte miteinander verbunden sind. - Sie wissen, - von dieser Grafik und verstehen von diesem Home-Bildschirm, - kann ich entweder zu diesem Abschnitt oder zu diesem Abschnitt gehen. - Das verstehe ich. - Wissen Sie, - aus diesem Abschnitt kann ich wirklich suchen, - und ich kann Und ich suche in diesen drei verschiedenen mit diesen verschiedenen Werten. - Und das könnte Sie zu dieser anderen Sache führen, die irgendwie verbunden ist. All diese Verbindungen sind im ersten Augenblick das Herz. - Aber wenn Sie tatsächlich anfangen zu lesen, nur durch spezifische, - alle Verdoppelung nach unten ist ziemlich leicht zu verstehen. - Also ein Beispiel für ein Framework Das ist Ah Furley Easy. - Ich erstelle diese Kamera für das iPhone, - und es ist eigentlich ziemlich einfach, - aber es funktioniert mit, - wie, - ein paar verschiedenen Ebenen, - so können Sie sehen, wie es völlig kein Design ist. - Was ich hier mache, ist nur eine Frage zu erklären, wie die verschiedenen Komponenten funktionieren. - Also haben wir hier, wie die Kameraaufnahme. - Wir haben das iPhone, - und dann haben wir ich Menü, die Scheibe von unten. - Es ist dieser hier und ich war derjenige, der oben steht. - Und, - wissen Sie, - was auch immer der eigentliche Hintergrund ist - es gibt eine sehr abstrakte, aber es hilft wirklich, wirklich zu verstehen, wie diese Tafeln funktionieren. - Ein weiteres Beispiel wäre, ob ich vor einer Weile getan habe, dass Sie wieder alle - Abschnitte übereinander stecken konnten , nur um alle Ebenen, die die - Benutzeroberfläche erstellen, aufzuschlüsseln . - So haben wir mit den Freunden haben wir Wetterschicht, - Tagesschicht, - und dann schafft das eine Stadt. - Und dann haben wir, - wie, - verschiedene Stadtpakete. - Ein weiteres Beispiel. - Das ist ein großes Problem. - Afghanistan. Das ist also so ziemlich ein Vorschlag für Videoseit-Kampagne eineVideoseit-Kampagneauf, und Sie können sehen, wie ich erklären wollte, dass Sie vielleicht in einem Video sind und es einen Angriff auf ein Video gibt . - Und wenn Sie Angriff gedrückt haben, - wird dieser Videobestandteil nach links auf Ihnen gleiten, sehen Sie hier, wie nach dem Gefängnis auf dem Angriff -, - es sich nach links und mehreren EU bewegen wird. - Nein, - dieses Video wird über die Zeit, die Sie gerade drücken. - Also, wenn ich herausscheine, können Sie es beide zur gleichen Zeit sehen. - Ziemlich viel Video, - Sie tippen darauf und diese Slights, - und Sie können immer wieder zurück, um tatsächlich zu dem Video zu kommen, wo Sie eine ganz einfache - Interaktion waren . - Aber, - wissen Sie, - es ist wirklich schön, tatsächlich durch die Übung aus dem Gebäude zu gehen, hat ein Top-Level - ux geschaffen , um zu erklären, was vor sich geht. Jetzt möchte ich Ihnen zeigen, wann es wahrscheinlich eines der komplexesten Frameworks ist, die ich getan habe und wir werden nicht im Detail gehen, aber ich möchte Ihnen nur zeigen, wie alle Kategorien, die ich mit diesem Rahmen abdecke. - In diesem Fall werde ich wirklich abstrakt. - Es war im Grunde eine Nacht, aber oben entworfen für Nickelodeon, - und wir wollten um, - wie eine Welt machen , - werden Sie erklären, - Horace, - ähm, - Sie werden horizontal erkunden auf diese. - Wird haben, - wie, - verschiedene Schichten. - Stellen Sie sich vor, wir haben das. - Aber hier, - stell dir vor. - Sie sehen die Welt durch den iPod, - das iPad, - dies ein Fenster. - Sie - Sie sind wie einige globale Komponenten wie die Menüanzeige. - Und das ist eigentlich, was ich in der vorherigen Episode zeige. - Wenn Sie sich erinnern, - und dann, wenn Sie weiter durch dieses Fenster schauen, - können Sie diese Ebene sehen, - was die Spielnummer drei ist die Vordergrundumgebung. - Sie sind also wie Lums. - Wissen Sie, - das Dach dort wie Leute, die super nah an der Kamera sind, weil sie in dieser Schicht - das ist näher an Ihrem Standpunkt. - Die nächste Ebene ist eigentlich die Content-Ebene. - Also wieder, - Inhalt darüber wird unten gezeigt werden, was wie hinter diesen Komponenten der Schicht drei ist. - Es gibt einige Details, wie man nach oben und unten gleiten kann und so weiter, - und dann schlagen sie Schicht eins, - das ist die Backbone-Umgebung. - Also wieder, - Sie können dort einige Zeichen sehen, wo immer noch einige Inhalte mit dem Bagram zusammengeführt - Komponenten, - und es gibt einige Interaktionen, die von Interaktionen getrennt sein können. - Drei. - Entschuldigen Sie mich. - Also die ersten hier, - Sie können den Hintergrund aus dem Aufruf des Hintergrunds ändern. - Du siehst ein paar Videos und so weiter. - Das ist ein ziemlich komplexer Rahmen, und es wird noch besser, weil Sie wissen, was ich hier für diese isometrische Perspektive ausgegebenhabe. ein ziemlich komplexer Rahmen, und es wird noch besser, weil Sie wissen, was ich hier für diese isometrische Perspektive ausgegeben - Jetzt zeige ich dir, wie es funktioniert. - Der Boden scheint dem iPod zu sein. Also all diese Schichten, - wissen Sie, - all diese Komplexität ist hier tatsächlich gekapselt, wo sie eigentlich nicht mehr so komplex aussieht. - Und das ist der Zauber. - Wissen Sie, - es geht nicht darum, komplexe Komplexität zu schaffen, weil es nur um den Versuch geht - um das Konzept zu erklären. Und dann machtes offensichtlich kompliziert, um es offensichtlich kompliziert, es am Ende einfach zu machen. - So erklären wir auch, - sie setzen Top-Level-Menü, - und das ist, was ich tatsächlich verbrachte die vorherige Einheit, wo man tatsächlich nur, - wie, - ziehen Sie es und es wird die Lichter ausschalten. - Ähm, - wir haben erklärt, dass diese Umgebung, in der wir horizontal surfen, modular und skalierbar ist. - Also wieder, - alles basiert auf einer Vorlage, - und sie sind wie verschiedene Vorlagen. - Einer ist eine Person und Inhalte, die Sie tatsächlich schieben können. - Besonders eine andere Vorlage wird eine Ganzkörperperson sein, die wir gerne Inhalte auf der linken Seite. - Dann haben wir, wie Türen, die Sie in die Ferse treiben, - bringen Sie in ein anderes Zimmer, - und wir haben eine Vorlage ohne Zeichen. - Ich kenne den Tempel mit Charakteren wieder, - Eine interaktive Vorlage, wo eigentlich Schauspieler gehen und wir werden etwas im Glas tun - der Vergangenheit. - Also musst du es wirklich aufhalten. - Und so ist die gleiche Komponente hier mit einer anderen Vorlage. - Also in diesem Fall, - statt, - äh, - wie para reinigen das Glas, - sie werden wie das Herausnehmen des, - äh, - Islam von ihm Schleim sein. - Um und dann offensichtlich zu erklären, wie einfach zu einer Skala dieses Konzept und, - wissen Sie, - wenn nötig mehr Vorlagen schaffen. - Ein Punkt der Rahmenwerke wurde erklärt. - Wie interagieren wir mit den Sektionen? Weißt du, all die Gesten, die wir benutzen werden, also sagen wir Inhalt, indem wir einen Kreis zeichnen, wir werden Inhalte öffnen, indem wir tun, aber wie Malen mit den Finger, die zurückgemalt werden tatsächlich schließen. -Inhalt. - Sie können tatsächlich wie geheime Handshakes mit einigen Zeichen in einigen der - Fenster erstellen . - Du kannst dich von links nach rechts bewegen. - Und wieder, - es ist eine empfindliche, - wie, - ziemlich komplex. - Also gehe ich zum schlimmsten Fall hier, um zu sehen, wie viel Detail können wir in den Rahmen stellen? - Also wieder, - wie in einer Probe der Interaktion Woche bis zum Gerät, - aber wir bestreiten auch gedreht, um es dieses Beispiel einzupacken. - Es gibt Animationen, außer, - ähm ja, - Beispiel. - So Charakterspringen, - wie Sie sehen können, - ist definitiv über dieses Zeichen ist über die Show. - Wie das ist, - wissen Sie, - ist ein zeigt das Konzept ab, was passieren wird, - wie Inhalt in diesem Fall durch, - wie, - ein Charakter, der vorbeispringt, - wie ein Tür, die geöffnet wird oder durch, - wie, - Charakter, die läuft und tatsächlich offenbaren den Inhalt ist eine Maske. - Also lass uns zurückzoomen, damit du es sehen kannst. - Ihsaa Ziemlich massive Druckarbeiten. Und es ist eine wirklich Top-Level-Beschreibung nur für den Klienten und eine weitere schnelle, duftende Krankheit einfacher. Und es ist eine wirklich Top-Level-Beschreibung nur für den Klienten und eine weitere schnelle, - Ich wollte zeigen, - ähm ist nur eine Website, auf , - wissen Sie, - ich illustriere, wie der Bildschirm hier aussieht, - die Größe und wie das immer die ganze Haut des Größe der Navigation - von der unten askew Schule nach unten kommt es an die Spitze, - wissen Sie, - nur gehen durch einige der Inhalte. - Wir haben hier vielleicht ein bisschen zu viel im Detail. - Aber, - wissen Sie, - nur versuchend, dem Kunden dass zu erklären, wie die Abschnitte verbunden sind. - Also dieses Vollbildbild, wie Sie nach unten scrollen, gibt es eine Karte und Sie können auf einige - Zeiger klicken und es wird auf diese oder die Karte gleiten, - Ähm, - und so weiter. - Also gehen wir zurück. - Das waren einige Beispiele von Frameworks, - und jetzt würde ich gerne einfach schnell durch ein Muss gehen. - Und nicht, dass Sie tatsächlich tun müssen, wenn Sie Ihr eigenes Framework erstellen. - Das erste, was ist definitiv über das große Ganze nachzudenken. - Nimm keine Details auf und gib ein paar Inhaltsbeschreibungen aus, weil , - weißt du , - das Abholen von Details oder Inhalten in dieser Phase des Projekts könnte in - Diskussionen, die du wirklich nicht mit einem Kunden haben willst nur noch. - Jetzt geht es darum, diese Genehmigung für die Frameworks zu erhalten, damit Sie tatsächlich weitermachen können, wie zum Beispiel in Details zu bestimmten Abschnitten. - Aber an diesem Punkt, - wissen Sie, - hat versucht, es wirklich wie oberstes Niveau zu halten und einfach zu erklären, wie diese Abschnitte mit einander - anderen waren . - Mehr als wieder ins Detail zu kommen. - Was ist die Verbindung zwischen allen Abschnitten? - Sie müssen das detaillieren, wie Sie erklären müssen, wie diese Abschnitte miteinander verbunden sind - andere. - Oh, - und wissen Sie, - Sie Dinge wie eine Navigation, wie eine Animation dazwischen war der Übergang, wenn es wie eine - physische Verbindung zwischen ihnen ist , - Also denken Sie darüber nach, wie ein Abschnitt den anderen nach oben schiebt, - oder es wird, - wie gemeinsame Spitze all diese Details. - Es wäre schön, wenn Sie es erklären könnten, - spiegeln alle Funktionalität. - Wir kümmern uns nicht um den Inhalt, - aber wir kümmern uns um die Funktionalität an dieser Stelle. - Tut mir leid. - Tage wie , ein sparender Funktionär, wie ein Hauptrolle, oder es gibt wie ein, ähm, - das Teilen all die Dinge, die wie neue Szenarien auslösen könnten, ist, würde ich sagen, - wichtige Arbeit mit 100% Fonds. Ich meine, du brauchst vielleicht nicht mal Telefone, aber ich habe nur Erfahrungen in der Vergangenheit, wo einige Leute dich mit einer wirklichkleinen Schrift machen werden , wo einige Leute dich mit einer wirklich . Und du weißt, dass das immer Ärger ist, weil sie einen Job machen, den du tatsächlich kannst, du kannst später nicht auf das Schild übersetzen. - Die Behauptung könnte etwas genehmigen, weil sie einfach nur waren, wie ihre Sorgen zu entwerfen. - Jedoch, - wissen Sie, - an diesem Niveau, - Sie Tage jeden Spaß. Ich versuche nur, nicht zu verrückt mit dieser ISIS zu werden und zu versuchen , dich näher zu halten. - Je näher du kannst, um das Leben aus dem Kasten heraus. - Das ist ein lustiger. - Also denke ich, vielleicht meine ich, - das ist ein bisschen übertrieben. - Es ist gut, out of box nachzudenken, - wie ich immer gesagt habe - die Tatsache, dass er nicht unmöglich ist, bedeutet definitiv, dass es noch nicht getan wurde, aber es bedeutet nicht unbedingt, dass es getan werden kann. - Also ermutige ich Sie einfach, so viel wie möglich aus der Box zu denken, damit Sie können - tatsächlich aus der Box lassen. - Versucht die großen neuen Lösungen, die versuchen, wirklich, - wissen Sie, - für eine Hauptnavigation herunterzufallen. - Könnte nicht die beste Lösung sein. - Vielleicht ist dies eine coole Aufgabe, die Sie tun können, wie versuchen, in diesen Komponenten innovativ zu sein. - Ähm, - offensichtlich in die Navigation hat Methoden getroffen. - A. - So viel wie Sie verwenden können, um zu zeigen, wie alle diese Abschnitte verbunden sind. - Planen Sie für alle Geräte. - Das ist eigentlich ziemlich wichtig damit, wenn wir unsere Ideen skizzieren. - Aber auch hier, - Sie sollten eigentlich darüber nachdenken, dass Sie wissen, wie diese Abschnitte werden auf der - anders auf der Freundesausgabe, - verschiedenen Bildschirmen und wieder, - einfach nicht gerne zurück zum erste Thema der offiziellen Details ist wirklich wichtig -, dass niemand dies als Design zu verstehen. - Aber das ist unsere Gesamtbeschreibung, um diese Einheit hochzufahren. - Ich möchte eine wirklich hochrangige Freundesarbeit zeigen, die ich an dem RSS-Reader gemacht habe . - Und ich habe nicht viel Fokus auf die verschiedenen Größen, die es haben könnte auch, - wie, - welcher Teil des Layouts wird reagieren Welcher Teil der Ebenen wird angepasst werden? - Aber ich möchte eigentlich eine der Aufgaben von dieser Einheit für euch Jungs, - das ist, um tatsächlich einen vollständigeren Rahmen aus Ihrer Idee zu schaffen , basierend auf den Beispielen, die wir gesehen haben. - Also bin ich, wie ich zeigen werde, - weißt du, ich konzentriere mich nur - weißt du, ich konzentriere mich nurauf einen Teil der Schichten, die ihre angenommenen eine der Ebenen angenommen haben, die reaktionsschnell sind. , auf einen Teil der Schichten, die ihre angenommenen eine der Ebenen angenommen haben, die reaktionsschnell sind - Aber ich möchte, dass ihr tatsächlich so arbeitet, dass ihr Animationen und Entscheidungen einbeziehen könnt . - Also sagte ich, Super-Top-Level überhaupt nicht entworfen, - Aber wir sehen ziemlich viel die verschiedenen Abschnitte aus der Schicht, - wissen Sie, - und wie viele auf der linken Seite wäre adaptiv. - Wie, - dann werden die Heldentaten rechts gehen. - Und sie werden Medien einschließen, - wenn sie es haben, - und wie der Artikel reagieren wird, wobei der Rest davon mit und wir auch detailliert. - Ich bin so detailliert, - wissen Sie, - die Höhe von den Komponenten. - Welcher Teil der Komponenten wird darauf fixiert, was seitens der Komponenten sein wird - tatsächlich reagiert auf die Ausgabe. - Dieser Kopf des Browsers, - Ähm, - wieder, - wie wird das für, sagen wir, - um auf Ausgabe, die einem Tablet ähnlich ist, gelten sagen wir, . - Mehr Geburtstag, - goldene horizontale. - Also wieder, - wir haben diese neue Version von der Navigation, die zusammengebrochen ist. - Aber Sie sehen immer noch, - wie die Hauptinformationseinheit, - und Sie können immer, - wie Wischen, um mehr Informationen zu enthüllen. - Dann nehmen Niederlagen den ganzen Schrei, also wird es inspirierender. - Und sobald sie verwendet, um eine zu klicken, - es wird auf den zweiten Bildschirm gehen wir auf der rechten Seite haben, wo Sie tatsächlich übernehmen werden diese - Stapel von Heldentaten. - Und wieder, - wie wird dies zu einem mobilen Gerät übersetzen, damit Sie sehen können, wie viele ein Übersetzer es. - Wir haben es wirklich komplett versteckt. - Wir leben nur ein bisschen aus der Anzeige auf der linken Seite. - Und das wird den Benutzer tatsächlich wissen lassen, dass es dieses Geld gibt. - Sie können die Ordnung ziehen und aufdecken. - Der ganze Schrei wird für Theis verwendet. - Großer Abschnitt mit Vorschauen, - Alle sie tippen auf diese uns in der Tablet-Version. - Du weißt, dass du kommen wirst. - Artikel oben. - Also, - Dustin, - Simon, - Wissen Sie, - basierend auf den Ideen, die Sie passiert haben produzieren seine es wird cool sein zu sehen, welche Art von - Rahmen können Sie erstellen? - Sie können auch eine Sitemap erstellen, wenn Sie möchten. - Und ja, ich freue mich darauf, was du dir einfallen kannst. - Das ist das Ende der Liste auf drei. - Vielen Dank. 4. Ein Gitter aufbauen: - Jedermann. - Willkommen in Einheit für Live Integrieren Sie in dieser Einheit, - wir werden die Definition einer großen Komponenten, die eine große Besonderheiten machen decken Von - welches Design? - Einige gemeinsame Faktoren zwischen großartig für Web- und Print-Design sind echte Beispiele, die ich gearbeitet habe - in der Vergangenheit. - Und schließlich werde ich durch die große tatsächlich gebaut für ihre Arse Leser gehen. - Also, was ist ein Großartiges und warum brauchen wir es? - Nun, - eine Definition des großen ist Rahmen aus dem Raum, - Bar ihre Wohnung zwei oder kreuzen sich gegenseitig ein Gitter, - aber eine Definition wirklich wie besser. - Ist das von Wikipedia? - So ziemlich eine typographische, - wirklich gesagt, zweidimensionale Struktur aus einer ernsten aus schneidenden vertikalen und - der horizontale Zugang zu einer Struktur Inhalt verwendet Nun, - Sie können tatsächlich, - wirklich auf der Bildschirm, der so ziemlich zustimmen dies und Sie können sehen, wie ich alle erklären werde - die Komponenten später weiter. - Aber nur hier können Sie sehen, - wie einige der Komponenten, die die große machen So sehen Sie Einheit einfache Spalten. - Du siehst eine Grundlinie und so weiter. - So ziemlich dieser größte hilft mir jetzt, dieses fest einfache Framework zu organisieren - was genau das ist, was ich für die Präsentation in einer Weise verwende, die leicht zu absorbieren und zu strukturieren ist . - Da ist dieses Zitat aus Sojabohnen in seinem Buch, - Ordnung und Unordnung, die besagt, - seit undenklichen Zeiten - ist alles, was die Menschheit wahrgenommen hat, der ständigen Suche nach Ordnung unterworfen. - Das Buch ist sehr empfehlenswert, - vor allem für diesen Abschnitt. - Sie sprechen ziemlich viel über grüßen es ist Region und die Gründe dahinter, - und es gilt auch, was das gleiche später. Aber als ich dieses Zitat lese, dachte ich tatsächlich an diesen Tumbler Schlag, den ich wirklich mag. - Es sind Dinge ordentlich organisiert, und dieser Becher ist so ziemlich wie Fotos von Objekten zu machen. - Sie sind ziemlich gut organisiert. - Und es gibt ein visuelles Vergnügen, dieses Bild gesehen zu haben. - Also fragen Sie noch mal, was ist ein Großartiges und warum brauchen wir es? - Hauptgrund ist, dass es den Unterschied macht. - Sie können wirklich sagen, wann ein Zeichen getan wurde, - aber verwenden Sie integrieren oder wo es hat, - und einige Leute sind wirklich, - wirklich gut darin. - Und, - wissen Sie, - ich traf einige Designer in der Vergangenheit, die nie Geheimnisse verwenden, - aber sie waren nur, - wie, - wirklich spezifisch und wirklich metallisch und wie sie ihre inkompetenten organisieren. - Aber in Wirklichkeit, wissen Sie, - wenn Sie wirklich eine große nutzen können, werden Sie sagen, dass Tom die Zeit hat, wenn Sie ihre Informationen organisieren - und das Layout aufbauen, - wissen Sie, - es ist wirklich wichtig, tatsächlich eine große, die Ihnen helfen, tatsächlich zu arbeiten. Manche Leute nehmen das so, ich muss geheim benutzen, aber, weißt du, sie verbringen fast mehr Zeit. ich muss geheim benutzen, aber, weißt du, - Sie stimmten ihren Bedürfnissen damals nicht zu, wissen Sie, - Zeit zu sparen, weil sie eine große verwenden. Also ist es wichtig für Sie zu wissen, dass, - wissen Sie, - ein großartiges ist das Ergebnis früherer Forschung und die vorherigen Gedanken darüber, was Sie tatsächlich bauen werden. Und wenn du das im Sinn hast und es ziemlich klar ist, wird dir der Große helfen, das zu erreichen. - Und das ist ein Beispiel für den Brandstiftenleser. - Ich baue das ein Beispiel für die Klasse, und Sie können ein bisschen von der Kreation sehen, die ich angefangen habe zu bauen. - Ich erkläre das später noch weiter, - aber wie eine kurze Beschreibung, - können Sie sehen, wie wir auf der linken Seite die Haupt kommen mit den Füßen und das nimmt, - wie, - ein Collier aus zwei Einheiten. - Ich werde etwas Marge mit diesem Muster haben , nur um mir selbst zu helfen. , nur um mir selbst zu helfen. - Wie Gegenstände deine Linie sein werden. - Und ich markiere auch, was mobile Geräte und Telefon-Größe und auch Tablets sein wird. - Und diejenigen, die ich später erkläre, sind - wie, - verschieden, - wie Bruchpunkte auf dem verantwortlichen nach dem kriechenden Design und bauen sie, - um, - Ressource, die wir auch schaffen müssen. - Und das ist wieder Gericht in der Karibik. - In seiner Buchreihenfolge begrüßt in dieser Reihenfolge kontinuierlich und Harmonie zur Präsentation - aus Informationen auf häufig hochdichten Webseiten. - Und in diesem senden undein Beispiel würde USA Today wieder sein. - Also in dieser Artikelseite, - Ich benutze eine fünf gemeinsame Straße und Sie können sehen, wie alles organisiert wird zwischen - Sie wissen, - innerhalb dieser fünf Spalten haben wir in der 1. 1 tatsächlich ernsthafte Geschichten Updates und dann - Stick auf Ding geht in die anderen. - Ein weiterer Grund werden Grüße sein. - Gesundheit yusor Milz Wert verschiedene Informationen von Seite zu Seite Boden von Verhalten - Zustand zu Verhaltenszustand, - die bei der Kommunikation dieser Informationen hilft und das gleiche Beispiel ist, bevor wir - haben fünf Spalten und wir verwendet ist, dass die drei in der Mitte nur um den Haupttext anzuzeigen - Und dann werden wir die 5. 1 auf der rechten Seite verwenden, um zusätzliche Inhalte anzuzeigen. - Also wieder, - Benutzer, die sie durch verschiedene Artikel gehen, werden schließlich verstehen, dass die Fünfte - Spalte in der Artikelansicht wird immer wie Bilder und Videobatterien haben. - Ein weiterer Grund macht es einfacher, neue Inhalte zu einer Website in einer Weise hinzuzufügen, dass in - amerikanisches System mit der Gesamtvision von der regionalen Website. - Also wieder, - ich meine ziemlich unkompliziert, - wie so ziemlich wir eine Website bauen, die aktualisiert werden muss und da alles funktioniert - in einem großen wissen Sie, - später wollten wir das. - Ich denke mehr Informationen über neue Module. - Es wird gut, solange wir diesen Kredit einhalten. - Eine andere Gruppe, die hier ist, um verschiedene Mr Dissensions aus dem gleichen Inhalt zu planen - unter Beibehaltung einer umfassenden Struktur. - Also dieses Land, - gut mit diesem ansprechenden und adaptiven Raster, - denn wie wir in dieser Website bauen, dass Laissez eine große hat, wissen wir, dass wir damit planen werden - innerhalb des Rasters. - Wie diese Website aussehen wird, hängt von der Buber-Größe ab. - Es ist also egal, ob es 9 66 40 ist. - Es behält immer die gleiche Konsistenz und dies in der gleichen Optik und Haptik. - Alles klar, - lassen Sie uns jetzt über die verschiedenen Teile eines großen So das Minimum, - die kleinste Division auf einem Gitter sprechen. - Das ist, was eine Schuleinheit ist normalerweise zu eng zu denken, um tatsächlich enthalten oder - wie Haus jeden textuellen Inhalt. - Deshalb kombinieren wir sie zu Säulen. - McCallum ist eine Gruppe von Einheiten, die Sie sehen können, und sie haben sich im Grunde zusammengetan, um zu schaffen. - Wir nennen praktikable Bereiche. Also in diesem College können wir wirklich zufrieden sein, weil sie weiß genug sind und sich tatsächlich zu Regionen und Regionen zusammengeschlossen haben. - Ist diese Gruppe von Spalten und, - wissen Sie, - am Ende bilden sie Seite. - Die nächste Komponente ist die Grundlinie, - und ich weiß wirklich über das beste Land, weil es wirklich, - wirklich, - wirklich wichtig ist , wenn man tatsächlich wie eine Schicht von dem baut, was entwickelt wurde, um eine Baseline zu verwenden. - Es hilft dieser Grube wirklich, weil tatsächlich den Abstand zwischen den Zeilen und vor allem - zwischen Blöcken aus Zeichen messen . - Wenn Sie sich in der Typografie ändern, - wird es sagen, - zum Beispiel, - der Abstand zwischen einem Titel auf der Körperkopie direkt darunter ist super hilfreich, um den - Keller zu haben , - also bitte benutzen Sie ihn. - Also, die nächste ist Rinnen. - Die Dachrinnen sind die leeren Räume zwischen Einheiten und Münzen. Weißt du, wenn die Einheit Cummings rekombiniert, die sie absorbieren. Sie haben sie in sich gebracht, aber sie haben nicht wirklich das zwischen dem, das sie von einer anderen Einheit von einer anderen Spalte trennt . - Und das letzte ist das Muster auf dem Markt. - Also Ränder sind der Raum außerhalb einer Einheit oder Spalte und Putting ist der Raum innerhalb dieser Einheit - oder Spalte. - Und Sie wissen vielleicht, dass einige von ihnen wie vertraut mit HTML und CSS erscheinen, weil diese - wie Eigenschaften sind , mit denen Sie tatsächlich arbeiten können. - Das ist ziemlich nützlich. - Weiter Diese Begrüßung Besonderheiten für Web-Design. - Nun, - unnötig zu sagen, - Grüße sind wirklich alt. - Nein. Dann, wenn Sie jetzt auf interaktive sehen, - aber offensichtlich haben sie ein Vermächtnis aus gedruckten Zeichen und davor, - sie haben ein Vermächtnis von wie Malerei auf Zeichnung so weiter, dass wir ah wirklich, - wirklich lange Tradition aus Grüßen. - Aber wenn es um interaktive geht, ist definitiv eine ganz neue Welt. - Also möchte ich ein paar Dinge hervorheben, die meiner Meinung nach spezifisch für Webdesign sind. - Die 1. 1 ist dynamische Layouts. - Also müssen wir wirklich großartig für die unbekannte Ansicht bauen, genau. - Und in diesem Sinne, - wissen wir das definitiv nicht, weil es definitiv vom Benutzer auf der - Plattform abhängt . - Der Benutzer gibt an diesem Punkt Probleme. - Und sie sind so. - Ich will nicht Trends sagen, - aber wie verschiedene Lösungen, die wir das Problem gefunden haben und wir könnten es in adaptives - und responsive Design teilen . - So beschreiben Sie einfach ein wenig Adaptive ist eigentlich entworfen, die mit festen Break-Punkten funktioniert . - Denk darüber nach, dass ich ein Beispiel für dich habe. - Denken Sie darüber nach, dass ein die Katzen, die Mantel, so ist es fixiert, weil es hat, - wie, - verschiedene Bruchpunkte. - Wenn Sie die Größe des Fensters ändern, - hat es tatsächlich das Layout geändert, wenn Sie einen dieser Bruchpunkte treffen, - Sie können hier sehen, - aber nichts davon. - Nichts ist präzise. - Es spielt keine Rolle, - Sie wissen, dass die Größe davon war, solange Sie den Bruchpunkt nicht erreichen, - Sie wissen, dass es so bleiben würde und reagieren im Land entscheiden. - Ich möchte es zeigen, um es zu zeigen, indem es dieses Beispiel zeigt, - mein Freund Israel Pastrana So ist ziemlich viel an dem Zeichen, das tatsächlich allmählich geändert - mit dem Browser. - Also wieder, - wissen Sie, - das ist nicht etwas, was Sie Herren tun werden. - Rezitationen, dass wir wissen, dass es keinen Sinn hat, das zu tun, - aber das Stellen Sie sicher, dass, - Sie wissen, - unabhängig davon, ob Ihr Tablet ein iPad oder ein Windows-Tablet ist oder was auch immer es eine Lösung gab - anders sein könnte . - Diese sorgen dafür, dass es gleichzeitig gut aussieht. - Es hat auch Spreizpunkte, so dass Sie einen Bruchpunkt hier sehen können, ist es, das Menü zusammenbrechen oder - nicht, - so ist es definitiv eine Mischung zwischen den beiden von ihnen. - So weitergehend, - denken mobil, - je kleiner der Bildschirm dort größer als Panzer und Rabatte innerhalb Weil, - um, - ja, - definitiv. - Im Moment, - der Moment, in dem wir in mobilen Geräten leben, sagt, haben eine größere oder mehr Dichte mehr Auflösung - als Desktop-Schreie. - Und ich werde als Beispiel sagen, - wie, - Ihr Desktop-Bildschirm könnte, - wie 72 in nur einem Punkt für Interesse, - während Ihr mobiles Gerät könnte sogar doppelt sein. Deshalb, wenn wir einen Text mit dieser Größe von 12 Punkten haben, wenn Ihr Desktop und Sie das ins Handy übersetzen, dann wird das wirklich, - wirklich klein aussehen . - Also denken Sie einfach über mobile Geräte ist etwas, was Benutzer offensichtlich mit ihnen nehmen und sie - überprüfen Sie unterwegs. - Und definitiv muss der Texaner größer sein. - Ich glaube, das hört sich an. - Ich überprüfe das genau wie ein zufälliges Portfolio, in dem ich auf meinem Handy überprüft habe und ich konnte - sehen, als ob nur der Text wirklich, - wirklich klein war . - Und, - wissen Sie, - denken Sie über mich in der U-Bahn oder so gut ist nicht etwas, das Sie vielleicht eingeladen fühlen - lesen. - Im Gegenteil, - eine meiner Lieblings-Websites im Moment 1.000.000 dot com, - Sie können sehen, wie einfach die Farm viel ist, - viel größer und definitiv schöner. - Und er ist hier, um etwas zu bewerten. - Ich denke auch, es ist einzigartig für Web-Design ist die Tatsache, dass wir für eine nicht-Content-Dichte entscheiden -. - Wenn Sie also eine Zeitschrift vergleichen, - wissen Sie, dass sie offensichtlich bereits einen Rahmen haben, - einen Stil, den sie wie in jedem anderen Artikel folgen müssen, - aber am Ende des Tages, - sie wissen, was der Artikel ist. - Also, - wissen Sie, - sie arbeiten mit diesem Wissen. - Aber - laufen interaktives Design wir gebaut, - wir bauen den Rahmen, den wir tatsächlich im Rahmen für, ähm wissen Sie, - was auch immer ihr Artikel der Journalisten über, - wer auch immer will zu posten und es muss für alle von ihnen funktionieren. - Und in diesem Sinne würde ich gerne über zwei verschiedene Szenarien sprechen. - Die 1. 1 ist Übersichtsseiten. - Denken Sie also an die Haupt-Homepage von einer neuen Website oder einer Portal-Website. - Du wirst verschiedene Artikel zeigen, , die du auf der Seite hast. - Aber offensichtlich wirst du das nicht alles zeigen. - Also weißt du, - du könntest es wie ein Ausstecher aus dem Titel zeigen. - Und vielleicht sind sie Untertitel. Und in diesem Fall, weil du irgendwann das Projekt jemandem übergeben wirst, und diese Person wird es benutzen. - Du musst nur wirklich spezifisch sein. - Ähm, - wissen Sie, - wenn Details in Dingen wie der Charakter zählen, - müssen Sie sagen, es fühlt sich an, wie war die maximale Anzahl von Zeichen, die dieser Kraftstoff kann - aufnehmen und müssen sie nur wissen lassen, dass, wenn sie gehen Sie über, - Sie müssen möglicherweise Ellipsen in diesem Inhalt machen. Und ich habe ein paar Beispiele dafür, dass ein Prototyp für USA Today ist , , und Sie können sehen, - Sie wissen, - das ist offensichtlich diese Homepage, auf der Sie tatsächlich einen Titel an der Außenseite haben. - Ja, noch mehr Abdeckungen. - Und wenn wir nach unten scrollen, - wissen Sie, - sind all diese Kerle hier, die sie einzigartig sind, um tatsächlich ein Maximum einzurichten, - sonst, - wissen Sie, dass er unterzeichnet hat, Gestalt gehen kann. - Aber das bedeutet nicht, - du weißt schon, - du musst es nicht wirklich sein. - Du musst auch ein bisschen flexibel sein. - So wissen Sie, - kann es nicht darauf kommen, dass ein Minimum von diesem spezifischen ein von Zeichen und ein Maximum davon - auf dem spezifischen. - Und in diesen Modulen, - können Sie hier sehen, wie in ich war ein wenig flexibel, - so könnte es wie zwei Zeilen sein. - Es kann eine Zeile sein, - aber das Bild auf der linken Seite, - es könnte wie auch immer es ist ein Modell für Sport mit zwei Linien und manchmal iranischen. - Sie können zu drei Zeilen gehen und so weiter muss es sein. - Offensichtlich, - müssen Sie für alles so viel wie Sie können berücksichtigen. - Ein weiteres Beispiel wäre dieser andere Vorschlag für Google, - plus die braunen Seiten. - Also wieder, - das sagt die Übersichtsseite. Also, wenn du über Musik reden willst , , zum Beispiel, zum Beispiel, oder was auch immer du zu Artikeln hier hast und der Titel Stary kann bis zu +12 sein, vielleicht drei Zeilen. - Aber dann fängst du an, den Text zu schreiben und wir wissen nicht, was der Text sein wird. - Aber das müssen wir. - Eigentlich, - das Begrenzte war das Maximum, dass das eso sein wird. - Eigentlich, - wo mit diesem Rahmen arbeiten wollte, kann sich darum kümmern. - Also, das andere Szenario zurückzubekommen, über das reden wollte, ist die Detailseite. - Also hier ist ein anderes Szenario, - denn bevor wir tatsächlich nicht den ganzen Inhalt des Artikels enthalten konnten, aber im Fall - waren in diesem Fall, - wir haben tatsächlich Es ist unsere Verantwortung. - Die Theoretische ist, - wissen Sie, - kann perfekt in unser Layout passen und tatsächlich gut aussehen. Also einige Beispiele in diesem Sinne sind, ähm , ... genau wie... verschiedene Dinge, die im Laufe der Zeit werden, das wird einer von ihnen ...ähm, ... genau wie...verschiedene Dinge, die im Laufe der Zeitwerden, das wird einer von ihnensein, , Dies ist wie eine ziemlich sichere Artikelansicht, in der Sie tatsächlich einen Titel sehen können und Sie sehen können - wie dieser Titel, - falls er auf zwei Zeilen kommt. - Es würde einfach den Inhalt runterdrücken. - So ist alles flexibel in einer Weise, dass, wenn es länger ist, - es nur den Inhalt nach unten gedrückt. - Dasselbe dafür, wie eine wirklich kurze Interaktion und das Gleiche für das. - Danke, - Tom unten Ich weiß, dass das Beispiel sein wird Dieser Artikel macht für USA Heute und wieder ist es nur ein - Sache aus, - wie das Lesen verschiedener Module. - Also eigentlich, - wenn das Unternehmen so kurz ist fast der schlimmste Fall ein Gebiet ist, dass die Kontinente - wirklich kurz, denn wenn es lange ist, haben Sie einfach, - wie, - Tonnen von verschiedenen Motiven, die Sie kombinieren können. - Aber wenn es sicher ist, dass das geschehen kann, - müssen Sie auch dafür bereit sein. - In diesem Fall ist ziemlich lang, wie Sie es sehen können. - So hast du das, was länger sein kann. - Es wird den Inhalt nach unten schieben. - Wir können, - wie, - Zitate haben - wie, , die den Inhalt wieder herumlaufen lassen. - Den Körper zu brechen bedeutet, ihn spielerischer mit Zitaten oder was auch immer zu machen. Und dann kam es auch - endlich - endlich- hier vorbei. - Ein anderer wird sein, - ähm Also hier, - zum Beispiel , - wissen Sie , - wenn Sie , - wie, - auf dieser Seite und Sie, - aber das ist es, um zu sehen, wie Sie surfen, - diese Seite wird aufgerufen, - und Sie wollen tatsächlich in einen der Artikel klicken, die Sie auf dieses Buch tippen. - Es öffnet sich ein Overlay. - Und jetzt, - offensichtlich, - wissen Sie, - das kann den ganzen Weg hinuntergehen. Aber wenn Sie tatsächlich haben wir dieses System geschaffen, das Sie zu bestimmten, - ähm, - Linien kommentieren können - ähm, , wie Medium es jetzt tut. - Also, - wissen Sie, - Sie werden wirklich die Linie hier buchen, - und diese Tafel wird wieder kommen. - Kommentare sind nicht etwas, das Sie tatsächlich können, - ähm, - wissen Sie, - wie Schnitt. - Sie müssen den ganzen Weg da sein. - Also wieder, - wenn das länger wird, - wird es einfach länger werden. - Jetzt, - immer wieder zur Präsentation, - es ist wichtig, spielerisch zu sein. - Es gibt etwas wie, - ich werde das weiter auf uns erklären. - Wir bewegen uns - besonders auf der Typografie weiter. - Aber, - wissen Sie, - ist es wichtig, das Land tatsächlich so zu organisieren, dass sie für fühlt sich wie - wirklich lesen es in Ordnung. - Ein weiteres spezifisches Webdesign für Körnungen ist Typografie. - Fullbacks. - Das ändert sich also definitiv mit Diensten wie Type kid oder Google-Telefonen und so vielen - anderen. - Aber weißt du, - so ziemlich bevor du eine von denen wie Waffen etablieren wirst. - Und wenn der Benutzer es nicht lokal in seinem Computer passiert, - äh, - könnten Sie wie ein Fullback für die Topographie für das Telefon auswählen. - Und so, - wissen Sie, - Zeiten in romantischen gehen zu einem anderen, - verschiedenen Serifen und so weiter. - Und das einzige Problem, auf das Sie stoßen können, ist wie die Typografie-Meile - vielleicht , - warum sie so wieder sind, dass Sie nur wirklich bauen müssen. - Einverstanden, das mit einem anderen, - ähm, - mit verschiedenen Typen kommen kann - ähm, . Und wissen Sie, - das ist es wirklich wichtig, wenn Sie wirklich an eine typografische Komposition denken, weil sich das völlig ändern kann, wenn das Telefon eigentlich nein ist, - das, das Sie sein wollten. - Und der Letzte ist es. - Offensichtlich werden - Telefone vom Browser gerendert. - Also wieder, - das ist etwas, das mehr Standard wird, - aber es ist immer noch manchmal mit den Unterzeichnern. - Wir arbeiten in unserer zu mögen Fotos zeigen, - aber was auch immer und sie haben, - wie, - verschiedene Möglichkeiten, um Telefone zu rendern und sie sehen schön aus für ein Geschäft. - Und dann sehen Sie tatsächlich das Telefon auf, dass ein bestimmter Satz im Browser und es nicht - sieht so gut aus. - Also ist es wirklich wichtig. - Wie Sie weitermachen, - entwerfen Sie Ihre Projekte, um tatsächlich Ihre Fehler im Browser die ganze Zeit zu testen . - Also haben wir eigentlich über den Unterschied gesprochen. - Aber lassen Sie uns über die gemeinsamen Faktoren sprechen, - weil in Wirklichkeit, - wissen Sie, - digitale tatsächlich trinkt aus dem Erbe das vorherige ich bereits habe. - Also ist es nicht so, wie wir kommen, - eigentlich wissen, wo wir sie wirklich Spanien Kredit bereits wir es nur verwenden. - So begann Layout Regeln für jede Größe, - jede jede jede andere Wissenschaft, die wir haben können, spielt keine Rolle, ob es ein mobiles Gerät oder Tablet ist - oder dass Halt. - Wissen Sie, - die Layout-Regeln sind immer die gleichen. - Und Sie wissen, dass wir diesen Inhalt auf der Ebene lesen müssen, um nett zu sein - gilt für jede Größe und dann offensichtlich typografische und Lesbarkeitsregeln. - Es muss gut aussehen, - aber es muss auch leicht vom Benutzer zu verdauen sein. - Und, wissen Sie, - wir haben immer noch ziemlich viel auf die gleiche Benutzergruppe Menschen. - Also, wenn etwas, - wenn Sie etwas auf einer Seite lesen können, - spielt es keine Rolle. - Wenn Sie das auf dem iPad sehen, - sollte es ein noch Assisi sein, um zu lesen, - wie Sie wissen, - auf einer physischen Plattform tatsächlich als nur einem Schrei. - Also, wie lassen wir das passieren? - Es sind zwei Zitate, die in dieser Hinsicht wirklich so sind. - Die 1. 1 sagte, - je einfacher die große, - desto effektiver ist es völlig wahr auf der 2. 1 ist jedes Problem erfordert widmen eine - Lösung. Das ist definitiv nicht nur eine Lösung für alles, obwohl es ein paar Jungs Nächte gibt, Frank. Aber die Realität ist so, wenn ich die Einheit so fertigstelle, weißt du, du hättest vielleicht keine wenn ich die Einheit so fertigstelle, weißt du, du hättest vielleicht keinegute Meinung über mich. - Lassen Sie uns über ein paar echte Beispiele sprechen. - Jetzt können wir diese Gitter sehen. - Die 1. 1, die ich zeigen möchte, ist die AGB Seite zum Skate-Flug. - Sie können hier den Griff sehen, den ich benutzt habe, als wir die Website tatsächlich bauen, - Sie können sehen, wie die Tobar tatsächlich benutzt, - ähm, - wie ein paar von vertikalen Einheiten, - halb, aber es ist hübsch viel alles ist eine Linie auf der Grundlinie. - Dann haben wir diese gelbe Fläche, die wieder Sie sehen können, wie es passt perfekt auf die erstellen - und wie wir gehen verzweifelt, - sicherzustellen, wie auch die Tasten und das dauert. - Alles sitzt ruht auf dieser Grundlinie auf, die wirklich hilft, tatsächlich zu schaffen wie - der Raum. - Und das ist schön zwischen dem Titel auf dem Textkörper. - Also für den Knopf auch, - so ist ziemlich viel über, - wie folgt, - offensichtlich auf dieser Grundlinie und auch, - wissen Sie, - ich verrechne zwei Regionen. - So ist es eine ziemlich einfache große aus nur zwei Regionen, - eine verwerfen, wenn Sie das Menü haben. - Und das hier ist der eigentlich Körper von Tex, wo man, wie, den ganzen Inhalt hat. - Das ist also gegenseitig. - Einer ist das Detail, - übermäßig so. - Es gibt nichts Komplizierteres, und ich folge ihm irgendwann. - Aber einige andere habe ich nicht, - so können Sie sehen, wie wieder, - wie offensichtlich die Khobar und der Rahmen folgt perfekt, - alle Inhalte wie oben auf der Grundlinie zu sein, - sogar die Wetterbedingungen während Sie sich bewegen Hier unten. Ich musste nur mehr im Detail gehen, also werde ich die Grundlinie nicht so sehr benutzen, aber sobald ich alles hören kann, ist es eigentlich perfekt ausgerichtet und er schafft, , - Inhaltsblöcke, - ein Beispiel für, - wie, - Zeichenzählung. - Also, wenn wir wirklich diese Uhren hier, - um, -ich bauen - um, - müssen wir ihnen geben, - wissen Sie, - die Angeklagte Person auch, - wie die ewige Mannschaft, - eine maximale Anzahl von Charaktere, die sie tatsächlich könnten, - diese Spalte könnte eigentlich Hauptgrund haben ist, dass wir viel Zeit haben für, - um Entwicklung und befindet sich auch in der großen Menge von Bildern, die wir für alle haben - verschiedene Ziele. - Also wollten wir tatsächlich haben, - wie, - dieses Maximum, - also werden sie eigentlich immer wirklich schön zusammen arbeiten. - Und Sie können sehen, wie sich wieder alle Bereiche bewegen, wie es wirklich so viel wie möglich ist, die ganze Zeit an den Großen zu schnappen. - Ein weiteres Beispiel wird wieder die Artikelseite, die ich vor gezeigt, damit Sie sehen können, wie sie halten - sie. - Es funktioniert mit Ritz. - Eine ist fünf Spalten und eine andere ist nur zwei Spalten. - Also wieder, - hier ist fünf. - Sie können sehen, dass das einen dieser Autotext-Menschen nimmt, das Zitat auch braucht. - Wenn wir runterziehen. - Jetzt haben wir das, - wie zusätzlichen Inhalt dort, der die fünfte Spalte nimmt. - Wir brechen in den drei Spalten auf der Mitte manchmal, indem wir Inhalte wie diese und - direkt am Ende, - wissen Sie, - mit Ihnen von der Firma nur zu mit mehr Geschichten nebenan ist in der Berichterstattung und schließlich - mit vier Modulen, - wie mehr Inhalte aus deiner Stadt. - Der letzte Teil dieser Einheit ist die R. - Sagt Leser. - Ich wollte mit euch teilen meine Fortschritte auf dem Design und auch die große, die ich - gebaut für Es ist so, was Sie auf dem Bildschirm sehen können. - Wenn Sie sich an meine Freundschaftsarbeit erinnern, - war ich eigentlich dabei, durch den Bildschirm in drei verschiedenen Bereichen zu tun. - Also, wann wird die Liste aus allen Heldentaten verwenden Beschreiben, wenn Sie den neuen Beitrag dort sehen können - sind verfügbar. - Du könntest sehen wie dein Favorit. - Oder du könntest einfach eine Liste von Feeds sehen. Ein weiterer zentraler Kolleen wird sein, wenn Sie tatsächlich wissen, wenn Sie einen bestimmten Fuß auswählen, werden Sie die Nachrichten dort aufgelistet sehen, aber Sie werden nicht nur den Namen auf der Beschreibung sehen, - Sie werden sehen. - Auch, - wie alle Medieninhalte, mit denen sie kommen, - äh und dann werden Sie diesen Bereich auf der rechten Seite haben, wo Sie tatsächlich den Artikel sehen werden. - Also werde ich zwei für die Show springen, und das könnte einfacher sein, sie zu visualisieren. - Es ist also ein bisschen, wie es der Leser tut. - Ich bin einfach nicht wirklich zufrieden mit einigen Funktionen. - Ist sie haben. - Also, - zum Beispiel - für mich - ist diese mittlere Spalte wirklich wichtig, um mich tatsächlich dazu zu bringen, einen Artikel zu lesen - war ein Artikel oder nicht. - Und nur weil ich mich für ein paar Heldentaten abonniere , haben sie nicht wirklich einen relevanten Titel. - Vielleicht gibt es, wie, - Typ-Inspiration. - Ähm, - also wissen Sie, - ist nicht wirklich verlockend ist nicht wirklich dazu bringen, dass ich darauf klicke. Also wollte ich ein bisschen mehr zeigen, entweder Medien-Video, das sie hier haben, also kann ich eigentlich, - ähm, - wissen Sie, dass das Problem darauf zu klicken, - aber das ist ziemlich genau das, was ich erklärt habe. - Wir hatten diese Spalte hier, wo Sie Ihre Füße sehen können. - Sie können einen neuen Posten sehen. - Sie immer als Favoriten betrachtet, - und dann sehen Sie einzeln Niederlagen Verwendung beschrieben. Wenn sie mit einem Symbol kommen, das visualisiert wird, wenn sie es nicht tun, werden wir, wie solche Dinge haben . - Es ist wie ein Standard. - Ich komme für sie Besonderheiten, die ich dachte, es wäre irgendwie cool. - Du wirst, wie Gruppen haben . - So können Sie immer diesen internen dort verfolgen, - ein und sie werden, - um, - es wird eine Gruppe werden tut, - auch. Und eine andere Sache, die ich zeigen wollte, ist die Tatsache, dass Sie wissen, - Sie haben diese Nummer, die Ihnen sagt, die Anzahl der Artikel, die Sie nicht auf diesen Füßen gelesen haben - und Sie wissen, - abhängig. - Wenn Sie keinen Artikel auf der fünften haben, werden Sie den Titel wie diese Art von wie sie aus sehen. - Sie wissen also, dass es leer ist. - Wenn Sie Artikel Beiträge zu lesen haben, - wird es ein bisschen mehr hervorgehoben. - Also weißt du eigentlich, dass da etwas ist. - Ein weiterer visueller Hinweis, den ich in diesem Sinne tun wollte, war das Ich komme, wie ich dachte, - es wird wirklich cool sein, wenn wir sagen, Sie lesen alle alle Beiträge in, - nicht für Papier, so dass das Symbol tatsächlich verschwinden wird und wie ein winzigen Kreis, - aber es ist nur, sobald Sie einen haben. - Du musst Buch lesen. - Es wird zur Verfügung stellen. - Es wird wieder groß werden. - Der Grund dafür ist, dass ich es ihnen zeigen will. - Sie wissen, - diese Säule, wenn der linke zwei verschiedene Ansichten hat, - was erweitert wird und der andere Zusammenbruch ist. - Also, wenn er zusammengebrochen ist, - wissen Sie, - interessieren Sie sich vielleicht nicht so sehr um den Text über den Titel, weil Sie verärgern könnten, weil - nur, - Sie wissen, dass es bekommen wird, dass es so groß sein wird, dass es mehrere in Ihrem Bildschirm . - Sie können immer erweitert, - obwohl, - Aber wenn Sie es zusammenbrechen, - Ich wollte all den textuellen Inhalt aus und lassen Sie einfach eine visuelle Anzeige, die könnte - lassen Sie wissen sehr bald Artikel, dass Sie lesen müssen auf diesem Feed oder Nr. Also, weißt du, es so hast, bekommst du eine wirklich schnelle Idee von den Heldentaten. - Sind Sie bereits gelesen und diejenigen, die ich noch habe, - wie, - herausragende Artikel für Sie zu lesen. - Das sind also ein paar Ideen. Und dann ist dieser Typ hier und genau wie die Unterzeichnung, - weißt du, - verschiedene Module, wie es mit einem Bild kommt. - Es kommt nicht mit einem Foto. - Es ist nur der Text. - Es dauert nur mit der heiligen Schrift und so weiter. - Lass uns ein bisschen in die Creme tauchen. - Also was? - Ich dachte dafür, - wissen Sie, - es, - wirklich? - Wir haben diese Einheit hier, und es spielt wirklich keine Rolle, wie viele Einheiten Sie haben, weil ich vorhabe, dass das tatsächlich angenommen wird, - machen Sie was auch immer die Größe einer Lösung vom Bildschirm ist. - Die ISS. - Jedoch, - es gibt einige angenommene Komponenten. - Ist es wie die, - um die Feeds viele hier. - Es hängt von der Größe Ihres Bildschirms ab, - all Ihr Gerät, das vollständig angezeigt wird oder nicht. - Und es gibt auch wie ein Web, - eine Telefonversion, in der es eigentlich zuerst zusammengebrochen wird. - Also, - wissen Sie, - ich denke diejenigen, die die Anzahl von Einheiten wirklich spielt keine Rolle. - Aber es ist wirklich wichtig, dass wir uns bewusst sind, was gibt es mit einem Telefon? - Also nehme ich uns eine Referenz, die ich gefunden habe 6 40 Pixel mit und auch ein Tablet. , Ich denke, es ist eine Referenz, - ähm, - das iPad, - ähm, - mit, ähm auch auf in diesem Sinne, - offensichtlich, - wissen Sie, - es ist einfach keine Frage, wie der Inhalt von zeigen, aber tatsächlich die Größe verdoppeln, wenn - Sie zu diesem Gerät kommen für echte. - Okay, - Sie können sehen, einfach nur über die verschiedenen Komponenten reden, die wir haben. - Wie wir gesagt haben , - Ich mag es immer, ein bisschen die Grundlinie zu markieren und dann bemerkenswert. - Es hilft mir wirklich, visuell wie dieser Raum zwischen Typ und manchmal in - diesem Fall, - zu organisieren - diesem Fall, und tatsächlich noch tiefer ohne fünf Pixel-Trennung. - Und dann haben wir die Einheiten und dann erschaffe ich. - Ich mag es, Marker für,wie, -Klopfen innerhalb der Einheiten zu erstellen wie, - . Also, wenn ich sehe, - ähm, - weißt du, - passt das zu vielen. - Sie können sehen, wie alle Elemente auf diesem Teil in der Einheit ausgerichtet sind, - das ist für mich ist wirklich nützlich, - und er hilft mir wirklich, es wie, - knackig und wirklich organisiert zu halten . - In diesem Sinne hatte ich das Gleiche auf der rechten Seite, also das ist ein Maximum, als sollte der Text nie hinter diesem Punkt zurückgehen. - Sonst, - es wird die Marge brechen, die innerhalb der Einheit abläuft, und Sie wissen, dass es wie Klappern aussehen wird, - also das ist wichtig. - Auch um den Entwicklern zu sagen, wir haben die gleiche Art von wie Mark in der Hervorhebung der Trennung - innerhalb der Einheit und dies für diesen Spaltenartikel. - Also nochmal, - Sie sehen, wie weder die Bilder noch der Inhalt vor dem Teil davon geht. - Der einzige eigentliche Inhalt, der kommt, mit dem wir vor sein werden, ist das Suchgefühl. - Und es mag einfach nicht die Hälfte, weil sonst, - weißt du, - man muss eigentlich über den Typ nachdenken. - Es fast es wirklich braucht, um ein bisschen mehr als X ray einige der Komponenten zu atmen. - Also, da dies wie sie aus ist, - ist es in Ordnung, tatsächlich nicht das gleiche Muster zu folgen. - Meiner Meinung nach, - um und dann dasselbe auf der rechten Seite, - nur um sicherzustellen, - wie, - nicht nimmt Mädchen, - sie sind die einzigen fertig wieder. - Das Suchfeld. - Es geht wie die Hälfte davon. - Das ist also dieser Text. - Das Ding an diesem Texas taucht nur auf, wenn du den Artikel bewegst. - Sie werden sehen, dass ich noch daran arbeite. - Aber wir haben, - wie das Datum, an dem dies gepostet wurde und auch die Optionen, um es zu machen, um seinen Favoriten zu vermarkten -. - So können Sie wirklich, - wirklich später in Ordnung. - Das ist also mein Fortschritt auf ihren Ärschen. - Ob und ich gerne deins sehen würde, - habe ich das entgegengesetzt. - Großartig. - Also PST ist, wenn Sie es tatsächlich verwenden können oder einfach nur verwenden Sie dies eine Referenz auf Ihre Zuweisung. - Vielen Dank. - Und wir sehen uns in der nächsten Einheit. 5. Typografie, Look und Fühlen: - Jedermann. - Willkommen bei Unit Five Topographie und schauen und fühlen nach Sure, - Einführung wird die Grundlagen der Typografie und einen Abschnitt, den ich nenne, abdecken. - Ich würde gerne Ihre Texte lesen. Danachgehen wir durch, gehen wir durch, wo bin ich mit ihrem Künstler-Leser, was die Aufgabe für die Klasse ist. wo bin ich mit ihrem Künstler-Leser, - Also ein bisschen Interaktion. - Erstens, - ich habe diesen Keynote von Jason Santa Maria gesehen, der einer der X Create-Direktoren vom Typ Kind ist. - Und er sprach von Web-Typografie. - Und es gab, - wie, - einige Dinge. - Das hast du gesagt. - Eigentlich, - Ich dachte, sie waren vor Interesse, - und die 1. 1 war wie, - wenn Sie tippen schlecht, - hat er unterschrieben scheitert? Und ich denke, das ist wirklich wahr in der Realität, wenn du mir von den Klangfeldern erzählst. - Aber er sagte auch, dass Sie wissen, - ist nicht über Wie wäre es der Typ ist Abbott ist darüber, wie schlecht ist die Verwendung des Typs. - Also in diesem Sinne, - können Sie auf dem Bildschirm sehen, wie amüsant Comic Sinn. - Und ich war eigentlich ziemlich überrascht, als ich die Topographie änderte, weil ich eigentlich Horror des Blicks darauf erwartete, und ich könnte sagen, ich mag es nicht so sehr. - Ich meine, - der Stills Comic verkauft, - aber solange Sie einen richtigen Abstand halten und Sie wissen, dass der richtige Herky definitiv die Verwendung der Art dessen ist , was Ihr Design macht, scheitert an der Spitze Ihrer Zeitauswahl. - Ein weiteres Zitat von Tag Symptome von Santa Maria, die ich dachte, er war mit irrelevant ist die - Typ ist eine wichtige Entscheidung, in jedem Schritt aus dem Design-Prozess berücksichtigt werden. - Das ist wirklich wichtig. - Und, weißt du, - es ist etwas, das du eigentlich erst entscheidest. - Aber Sie müssen tatsächlich flexibel genug sein, um Ihre Entscheidung durch den Design-Prozess zu überdenken, nur um sicherzustellen, dass Sie die richtige Entscheidung treffen. - Und das ist ein Zitat, das ich gerade ausgedacht habe, und das ist Text soll gelesen werden. - War der Grund, warum diese Dinger bedeuten? - Nun, - Ich bin einer dieser Designer dort für eine wirklich lange Zeit, - wissen Sie, - ich werde immer sagen, - wie, - Oh, - niemand liest den Text, - sie kommen auf, - Niemand liest den Text, - und das stimmt. - Ich meine, - niemand überprüft einfach. - Aber der einzige Grund, warum Benutzer keinen Text lesen, ist, weil wir den Text nicht mit Respekt behandeln . - Ich meine, - wenn Sie wollen, dass Sie durch Benutzer gerissen werden, - Sie tatsächlich müssen Sie mehr für auf sie setzen, - wissen Sie, - machen die Typfreigabe mehr und, wissen Sie, - schwer zu sehen Sie wissen, dass sie sich nicht um die älteste Seite kümmern werden. Es ist nicht wie, weißt du, dieses berühmte Buch lässt mich nicht denken, dass es frei steht. - Ähnlich wie Benutzer sind nicht dumm, - sie sind einfach faul. - Also lassen Sie uns den Text mit Respekt behandeln. - Und, - wissen Sie, - lassen Sie uns sicherstellen, dass der ganze Sieg mit dem Bildschirm tatsächlich lesbar ist. - Also in einem Beispiel, - in diesem Sinne ist sie Wikipedia-Website. - Dies ist eine für Leo Website und es ist völlig reaktionsschnell. - Ihr Problem damit ist, dass es ein wirklich flüssiges Layout hat, - und es nicht, es verwendet keine Prozentsätze. - Es geht einfach den ganzen Weg. - Also der ganze Bereich, wo Sie jetzt lesen können, - kleine Medina, - wissen Sie, dass eine Strecke mit Ihrem Browser bekommen wird. - Und ich persönlich habe einen wirklich großen Bildschirm, und ich neige dazu, dass der Browser den ganzen Bildschirm nimmt. - Also, wenn ich solche Situationen bekomme, - kann man sehen, wie das Maß von der Linie so groß ist, - es ist wie das Vierfache der empfohlenen Maßnahme für diesen Text, der wirklich schwer zu lesen ist. - Also jedes Mal, wenn ich in die Wikipedia, - Ich muss tatsächlich die Größe des Browsers ändern, weil ich sonst kann ich den Text lesen. - Es ist wirklich schwer, den Text zu verfolgen, wenn wir so ein großes Maß haben. - Also lasst uns verschiedene Grundlagen der Typografie durchlaufen. - Wie wir vorher gesagt haben, - denke ich im Kapitel eins, - kann Typografie uns definiert werden. - Sie sind auf Technik aus Arranging-Typ, um Sprache sichtbar zu machen. - Also, - wissen Sie, - Grundlagen der Typografie werden all jene verschiedenen Komponenten sein, die den Typ sichtbar machen. - Das macht Sprache so, dass Benutzer sie bringen können. Also werde ich diesen großen, großen Absatz als Beispiel verwenden , um alle Parameter zu beschreiben. - Also die 1. 1 ist Maß. - Messen ist die links von Ihrer Linie Sie schickten empfohlene Maß von wie 60 65 Zeichen auf -. - Wenn Sie darüber hinwegkommen, - es wird einfach wie ein Wikipedia-Beispiel, das wirklich schwer zu folgen ist. - Ein anderer führt an. - Leading kann als der Abstand zwischen der Grundlinie von zwei verschiedenen Linien beschrieben werden - innerhalb desselben Textes. - Deshalb können Sie in diesem Beispiel sehen, dass wir einen großen Lebensunterhalt im Haupttitel haben. Denn nur, dass Sie wissen, - die Basis, dass die Lebenden zwischen den beiden der Abstand zwischen den Basislinien größer ist, - aber es ist Sie gehen runter zu den Untertiteln. - Sie können sehen, wie die Leinen klein in diesem Textblock, - und es wird immer kleiner mit dem Textkörper. - Ein anderes Konzept ist die Verfolgung. - Also Tracking ist der Abstand zwischen den Charakteren, , als das eine Gruppe zu sehen. - Also wissen Sie, - das ist ein bisschen verwirrend, wenn Sie wirklich über Tracking und Drehen nachdenken. - Aber denken Sie über die Verfolgung nach. - Es gilt für den gesamten Textblock, so dass Sie ein Beispiel hier auf der linken Seite sehen können, - dieser ganze Absatz mit einem Tracking off 10 Punkte Komfort auf die gleiche Hoffnung. - Ein Flugzeug mit einer Sendungsverfolgung von 50 Punkten. - In diesem Sinne, - ein anderes Konzept ist Kerr Name. - Kernen ist also der spezifische Abstand zwischen zwei Charakteren, also ist das Tracking wie eine oberste Ebene. - Es gilt für die ganze Gruppe. - Auf Kernan, - nur Versorgung gilt nur für ihre Beziehung zwischen zwei Zeichen. - So sehen Sie, wie auf der linken Seite. - Wir haben die gleiche Verfolgung vorwärts, - und wissen Sie, - sie sind wie knifflige Zeichen wie ein und warum oder ein M V in diesem Fall, - oder W und A, die auf einem bestimmten Kernan erfordern, dass die Drehung nicht auf der linken Seite angewendet wird, - aber Sie können sehen, wie es auf der rechten Seite geliefert wird, - und es sieht einfach besser aus und ein anderer hängt Satzzeichen. - Oder ich denke, es sind Farben gut, - Rommel, - Satzzeichen. - Und das ist nur, - wissen Sie, - Sie müssen sicherstellen, dass alle Anführungszeichen oder Satzzeichen, die Sie in Ihrem Text haben, - es kommt aus der Kiste aus dem Maß der Linie. - Also, wenn Sie diesen Anruf Mexikaner haben, - er hier. - Stellen Sie einfach sicher, dass Sie die Ausrichtung nicht brechen, indem Sie dieses Zitat in der Spalte haben. - Und das ist eigentlich ziemlich zu sehen. - Sie können für einen Schock sein, wenn Sie Zitate schreiben. - Ich kenne das Konzert. - Ragin. - Also, Ragin ist eigentlich, dass Sie sehen, wie die Maßnahme außerhalb des Landes ein spezifisches ist. - Aber weil alles online verlassen wird, - wissen Sie, - beenden einige Linien vor einigen anderen. - Es kommt an, - war die letzten Sorgen. - Es wird ein bisschen mehr oder weniger gehen, also müssen wir so viel versuchen, wie wir können. - Und das ist auch eine dieser ziemlich guten Optionen in Editoren wie Photo Shop oder - Illustrator, um die Ragin zu machen, - je mehr, desto weniger extrem wir können, um das Leben zu machen, - desto konsistenter, dass wir können. - So sieht es einfach besser aus. - Ein weiterer Konzeptkontrast. - Kontrast. - Es bestimmt ziemlich viel, - wissen Sie, - wissen Sie, - wie Angriffe auftauchen sollten, wenn Sie einen weißen Hintergrund oder, - im Gegenteil, - einen dunklen Hintergrund haben - im Gegenteil, . - Also, das ist eine schnelle, - äh, - Faustregel. - Wenn Sie den Text auf einem dunklen Hintergrund haben, - sollte das Tracking und das Vorführen des Textes größer sein. - Jedoch, - das Gewicht aus es sollte kleiner sein, - so ist es wirklich schwer zu sehen, weil das ist, warum wir es tun. - Aber hier kann man sehen, wie der Haupttitel, - der schnelle braune Fox springt über den faulen Hund auf der linken Seite wirklich Ball ist, - während auf der rechten Seite halb Ball ist. - Und es ist wirklich schwer zu sehen, denn das ist der Punkt weg. - Ähm, - der Kontrast. - Sie müssen das Gewicht von den Mitteln verringern oder sonst wird es zu fett A und es - nicht. - Es ist nicht mehr leicht zu lesen. - Dasselbe für den Untertitel. - Comey ist für was auch immer Lutscher. - Sie können sehen, wie das Gewicht von ihm ist, - ähm, - es ist weniger schwer rechts über dunkel, - dort auf der linken Seite, - genau wie ein weißer Hintergrund. - Jedoch, - wenn wir an den Körper Tex, - können Sie sehen, wie ich die Tracking-Onda erhöht. - Wie erhöht die Führung von den Linien. - Und das ist, weil, wenn wir nur das gleiche auf einem schwarzen Hintergrund, - plötzlich alle Charaktere bekommen wirklich Klappern auf ist wirklich schwer, einen Text zu lesen. - Deshalb empfiehlt es sich, aus Sicht der visuellen Wahrnehmung, - Zehe tatsächlich das Tracking zu erhöhen, - die Lebenserwartung zu erhöhen und das Gewicht aus dem Fonds der Typhierarchie zu verringern? - Nun, - ich meine, - wir verwenden Größen, um die Einsätze lesbar zu machen und um tatsächlich - spezifische Hierarchie hervorzuheben . - Was wollen wir also, dass der Benutzer zuerst sieht, - wenn er sich diesen Text anschaut, - ist das erste, was wir wollen, dass er aussieht, offensichtlich der Haupttitel. - Das ist die Nummer eins Sekunde, was der Untertitel sein wird. Also, das ist Nummer zwei, - und Sie können sehen, die Hierarchie und die Gewichte und von denen wie ich Gesichter sind wie Art und Weise, - viel relevanter und , zum Beispiel, - was wäre das dritte, was ich gerne sehen würde, - das ist der Autor und das Datum, - auch wenn das nicht passieren könnte, nur weil die Art und Weise, wie die Benutzer einlesen, - wissen Sie, - westliche Länder, in - wissen Sie, denen wir von links nach rechts lesen, - wir neigen dazu, eine Sache zu ziehen. - Also Autor und sie werden wahrscheinlich das erste, was sie lesen werden. - Jedoch, - die Hierarchie und in Bezug auf Gewichte und Farben, - sagt Ihnen, einen Text zuerst zu lesen. - Der nächste Abschnitt heißt I Will Love, um Ihren Text so lange zu lesen, wie Sie wollen. - Und dieser Grund geht zurück zu dem, wovon ich vorher gesprochen habe, wie der Unterzeichner - Dinge sagen wie oder niemand liest den Text. - Eigentlich, - ich meine, - Leute lesen Textstädte, - aber was Sie erwarten können, so wollen wirklich lesen Dank Sie nicht einmal kümmern. - Also, - wissen Sie, - solange sich die Unterzeichner um die Steuer kümmern und versuchen, sie so lesbar zu machen, wie sie können - werden verwendet, um sie zu lesen. - Aber wo man so tun kann, ist, den Textteil ohne Liebe und ohne Bruchpunkte zu setzen und - nicht attraktiv für ihn Und, wissen Sie, - zu versuchen, dass ein Benutzer es tatsächlich durchmacht und es herunterbringt. - Es wird wahrscheinlich nicht passieren. - Also die erste, - vielleicht das erste, was wir auf die Sinne sagen könnten, - wie brechen Sie es nach unten, - Konto machen. - Und das bedeutet, wenn Sie wirklich wollen, um es zu lesen, müssen Sie es zusammenbrechen. - Du musst den Text auf eine Art und Weise artikulieren, die total interessant ist. - Und ein Beispiel in diesem Sinne ist die über Seite, die ich bin, ich habe hier aus dem Fluchtplan. - Also, - wissen Sie, - offensichtlich, - da jeder Unterzeichner dieses Projekts für ihre über Seite zu machen ist ziemlich viel habe ich wie eine - Hundedatei bekommen und das sagt, es gibt offensichtlich den ganzen Text, der in dieser Seite auf der - Tatsache, dass wir ein Video haben. - Wie kann ich das attraktiv machen? - Nun, - Sie müssen wie eine neue Reihenfolge erstellen, die Sie erstellen müssen, - wie eine Hierarchie aus Elementen. - Ah, - Hierarchie der Dinge, die sie benutzt haben. - Es wird durchgehen. - Also zuallererst, - wenn Sie auf diese Seite gelangen, indem Sie klicken, - Sie wissen, über Sie werden hierher kommen. - Das erste, was Sie lesen, ist jetzt reden wir über die Buchung von Flügen. - Es gibt also eine Aussage. - Das ist das erste, was du liest. - Wie jetzt reden wir über die Buchung von Flügen. - Das ist es, worum es auf dieser Seite geht. - Es geht nicht um irgendetwas anderes über die Buchung von Flügen. - Und wenn Sie mit ihnen fortfahren, - so haben Sie die Videos, - Sie können darauf klicken. - Und dann kennen Sie dieses Gefühl, wenn Sie stecken und dann ziemlich viel erklären, worum es bei dem Projekt geht, - aber es erklärt es von mir wirklich mag Werbung Weg, - wissen Sie, - Es ist wirklich so, als ob es Sie aufgeregt darüber. - Aber lassen Sie uns weitermachen. - Also dann weiter mit dem Text ist wie ein normaler Fluss, der nach oben und unten geht. - Dann, - wenn Sie die Welt Liebe haben, - Liebe, - Liebe, - Liebe, - LA Sie wissen, dass Sie diesen Block Angriffe lesen, das ist OK. - Und dann glauben wir, dass es mehr weg ist. - Also nimm es raus. - Jetzt reden wir über die Buchung von Fliegen. - Wir glauben, es gibt einen klügeren Weg, den ich folge. - Ich benutze dasselbe Telefon. Ich bin eigentlich, das ist in der gleichen Hierarchie, also können Sie diese beiden tatsächlich verbinden und nicht mit diesem Text, und Sie bekommen immer noch die Idee, worum es geht? - Und nach dieser Autobahn, - bekommen wir Fluchtlicht, - und dann nennen wir es übersprungen Leben. - Also hier, - wissen Sie, - rein ein Text. - Sie können es atmen, können Sie nicht bereit. - Weißt du, es geht darum. Weißt du, es geht darum, von hier zu all diesen Orten zu reisen, aber trotzdem, - weißt du, - es ist ein kostenloser Service, - und ich hätte das noch mehr kaputt machen können. - Aber es gibt definitiv ein Gleichgewicht, wenn man tatsächlich weiß, - man kann es sogar noch mehr brechen, weil sonst es wie ein Tarantino wie - eine ernste aus Bildern wird . - Und es gibt nirgends, wo wir es versuchen. - Aber im Grunde müssen wir den ganzen Text teilen. - Wir müssen zu den Hauptpunkten. - Also wieder, - wir glauben, dass das klug ist. - Wenn wir dem Hurrikan folgen, - nennen wir es entkommen Flug. - Und wenn wir den Hurrikanen folgen, wie wenn du nicht weißt, wohin du willst , - Sie respektiert die Art der Person, die wir suchen, so dass Sie sehen können, wie auch nur mit der - Titel wurden erstellt Generation Sinn auf Laufwerken die Verwendung von unten zu machen. Also, weißt du, du bist die einzige Art von Person, nach der wir suchen, einfach zurücktreten. - Sagen Sie uns, woran Sie interessiert sind. - Wenn du gehen willst, kümmern wir uns um den Rest. - Also bin ich Amy. - Und hier denke ich darüber nach, was Sie interessiert. - Diese Symbole hier sind eigentlich Ihre Interessen. - Interessieren Sie sich für das Nachtleben? - Sie interessantes Essen, - Themen erforschen, - wissen Sie, - Einkaufen. - Ich glaube, das war ein Luxus. - Ich habe immer nur noch damit. - Wie Romantik, so was. - Und dann ist es wie der nächste. - Du bist genau die Art von Person, die wir suchen. - Eine bessere Suche. - Also, jetzt haben wir beschrieben, - wie beschreiben, - große Aussagen geben oder was ist das? - Bei einer besseren Suche geht es darum, bla , bla, bla, bla, bla, bla bla, bla. - Fahren Sie fort. - Weißt du, als ob ich den Sonnenschein über alles andere hervorheben würde. - Entschuldigen Sie mich auf Dissension tatsächlich hier reflektiert werden. - Ob ich sozialen Verbrauch getötet habe, - wird alles verbunden und dann fortsetzen, einfach an visuellen Wochenenden zu beschreiben. - Erst jetzt beginnend, damit du sehen kannst, wie der ganze Strom dich runter treibt. - Holst du Davia? - Vielleicht müssen Sie nicht einmal den Text lesen, weil, - wie nur mit dem Titel sagt genug Und wenn Sie wissen, dass Sie einer der Benutzer, die wollen - sterben sie. - Hier ist der Text für dich. - Du kannst es wirklich lesen. - Und es wird alles auf eine Weise organisiert, die nein, - wirklich schwer für den Benutzer ist . - Sie können eintauchen, wenn sie wollen. - Sonst bekommen sie den Punkt. - Also gehen wir runter und es ist so, wo du wartest? - Probieren Sie es aus. - Sie werden von ihren Ergebnissen überrascht sein, und wir enden am Ende. - Die heilige Wissenschaft endet jetzt mit einem Aufruf zur Aktionssuche. - Denk einfach an Hierarchie. - Wie die Textur sagt, kommuniziert die ganze Idee und wie wir den Fluss enden. - Nein, - mit, dass und wo der Benutzer sein wird wie. - Okay, was weiß ich nicht? - Nein. - Sie wissen, was sie tun müssen. - Sie müssen jetzt suchen. - Ähm, - ja. - Das war also ein Beispiel, an dem ich gerne hätte, wie... du weißt schon, - es zusammenbrechen. - Die Texaner machen es in einer Weise, dass Benutzer einige entkommene Licht verstehen können. - Weißt du vielleicht nicht, was können wir tun, wenn der Text einfach versucht wird? - Also habe ich ein paar Beispiele. - Die 1. 1, die ich nicht gemacht habe, aber es ist eine Website, die ich wirklich mag und ist das die große Unzufriedenheit? - Grundsätzlich, - Sie können es überprüfen, ist der größte Inhalt. - Sie kommen und sie posten Interviews toe, - wissen Sie, - wirklich, - wirklich interessante Leute. - Also zögern Sie nicht, es auszuschalten. - Das ist wirklich erstaunlich. - Was ich von dieser Seite mag und was ich jetzt hervorheben möchte, ist, wie Sie - wissen, dass sie Kretin sind. - Sie machen etwas wirklich Nettes aus einem Interview. - Die Art, wie sie den Text zerbrechen, macht es einfach so viel Sinn. Du willst natürlich immer die Möglichkeit haben, Illustrationen rund um deine Botschaft zu kreieren, und das ist völlig in Ordnung, weißt du? Du willst natürlich immer die Möglichkeit haben, Illustrationen rund um deine Botschaft zu kreieren , und das ist völlig in Ordnung, - Aber es gibt immer noch, - denke ich, - die große Unzufriedenheit. - Es ist ein großartiges Beispiel dafür, wie, - nur mit Typ, - Sie können ein Layout erstellen, das wirklich schön und wirklich leicht zu lesen ist, - so können Sie diese drei Kondome sehen. - Zuerst sehen wir diesen Kerl Jason. Sie dann nach unten scrollen, was Sie sehen, wenn Sie so folgen, wie Sie wissen, der Weg war es von links nach rechts oben nach unten über Jason. - Ehrfürchtig. - Wir setzen einige Sponsorensachen fort und dann hier, - Sie verstehen, dass das der Hauptkörper und dann als unterstützender Inhalt ist. - Wir haben nur ein Zitat zu diesem Zitat. Beschreiben Sie hier etwas über Jason, und dann, wenn Sie runtergehen, ist wie , Oh , mein Gott, ich weiß, dass das wirklich hart wird und dann, wenn Sie runtergehen, ist wie, Oh, mein Gott,ich weiß, dass das wirklich hart wird. - Sie sind, als würden sie den Text zerbrechen. - Sie haben also andere Absätze. - Verschiedene Highlights, wie Sie nach unten gehen. - Weißt du, sie versuchen, es leicht zu lesen, und sie haben sogar Zitate, - die Pause, - ihre Schicht. - Und das ist erstaunlich. - Sie brechen diesen ganzen Collier mit einem Layout und nehmen das Ganze mit. - Und das ist genau wie, - etwas wirklich Schönes visuell, das würde, - Sie wissen, dass es Sie weitermachen wird. - Wirklich? - Also gehst du wieder runter. - Mehr Ruhm, - einige Unterstützung und Beamte. - Es ist einfach wirklich nett. - Und es ist ein Beispiel aus beurteilen. - Es ist nur Typografie sehr gut verwendet, um eine Schicht zu erstellen, die , trocken sein könnte, wenn man nicht damit spielt. Aber nur weil sie das tun, ist es wirklich schön, ihn zu sehen. - Ich werde es auf jeden Fall mit Griffin beschäftigen. - Richtig. - Also das andere Beispiel ist USA Today auf diesem. - In Ordnung. - So lange her, - ich arbeite in diesem Reporter für diesen gut, - es war ziemlich viel, - Ich meine definiert Rahmen ein wenig und tun einige der Presseabschnitte. - Und, - wissen Sie, - Ich tue etwas, das ich nahm uns eine realisierte Herausforderung, weil es definitiv ein Abschnitt ist, den sie -, - wissen Sie, - nicht so viele Menschen kümmern sich in Begriffen Off the sign ist nur ein Corporate Sektion, - der Pressebereich. - Das ist nur für Journalisten, - aber, - wissen Sie, - sie verdienen auch ein großes Zeichen. - Also dachte ich, es wäre interessant, wenn wir wirklich ein paar mutige Aussagen erstellen könnten . - Stellen Sie sich vor, wenn Sie auf die Dezibel Geschichte klicken, - das erste, was Sie sehen, ist, als wäre es nicht das gleiche. - Das ist nur eine der größten Aussagen, die Desi Wallace definiert. - Eine Marke als Unternehmen ist einfach nicht die gleiche. - Und das ist das erste, was du siehst, wenn du das wieder bekommst. - Weißt du, - du gehst runter, und es ist wichtig, Zitate zu haben, um den Text so viel wie möglich zu brechen. - Wenn wir ein Video haben, - wissen Sie, - in den Weg gestellt, dass es wieder Sinn macht, - wissen Sie einige Inhalte nicht, - und das ist alles bis zum Vermögen, und Sie haben. - Aber immer noch gibt es eine Möglichkeit, tatsächlich Konto zu machen und nett zu machen Ein anderer, den Sie vielleicht - an dieser Stelle erkennen, ist wieder diese Artikelseite und einfach wieder, - wissen Sie, - Hervorhebung, wie wir den Anruf brechen. - Liam hier mit diesem Zitat, wie wir den Untertitel in einem anderen Gewicht haben Wie wir das haben - großes Kapital M, um den Absatz zu starten und so weiter. - Wissen Sie, - es geht darum, zweite zu geben, - und es geht darum, den Inhalt zu machen, - für den Benutzer zu engagieren, - weiterzumachen, - weiterzumachen, - eine Fallstudie zu veranschaulichen. - Also etwas, das ich für eine Weile arbeite fertig interaktiv. - Und, - wissen Sie, - ich habe definitiv Spott in Bezug auf Design gelernt, - und es war, dass wir angefangen haben, Fall zu schaffen, der so ist, dass Sie wissen, - einige Projekte, wo Sie Ihr Bestes sein können. - Ein Zeichen schaffte es nicht bis zur endgültigen Veröffentlichung oder aus welchem Grund auch immer. - Du weißt schon, - sogar Schüchternheit. - Muchas, das Sie gerne haben, aber Sie haben wirklich tolle Designs gefallen oder viel an einer bestimmten Illustration gearbeitet. - Wir dachten, es wäre wirklich schön, alle diejenigen wie arbeiten Burger Bühnen in diesem - Darlehen Fallstudie und Sie wissen, dass auch funktionieren wird, um das ganze Handwerk zu fördern und all die - Liebe, die wir auf diese unabhängigen Komponenten setzen. - Und ich will hier nur ein Beispiel aufstellen. - Das ist also einer der Fallstatus mit ihm für Google-Website-Jungs, und es ist nur ein Teil davon ist nicht die ganze Sache, aber ich arbeite an diesem, - und es war wirklich wirklich schön, - weißt du, - Was zu denken? - Wie konntest du diesen Text so machen, dass die Leute ihn lesen würden? - Nein, wir versuchen es nicht. - Ich tue nicht so, als hätte ich Nutzer in etwas, das ich nie brechen werde. - Wie könnten wir das Interesse an und wieder machen? - Ich denke, wenn Sie es bis heute vergleichen, - große Unzufriedenheit ist definitiv nicht das gleiche. - Weil hier wir Vermögen haben und wir die Passivität haben, Illustrationen zu schaffen, die - andere tragen , die wir nicht. - Aber wieder, - es ist eine Frage, wie eine Geschichte zu erstellen, - eine Geschichte in Ihrer Seite zu erstellen, die tatsächlich die Benutzer antreibt, um die ganze Sache zu lesen. - Sehen wir uns das mal an. - Weißt du, wo war die Leiche da, wie Gesichter? - Wie du? - Ausgezeichnete Strategie. - Wir haben einen Untertitel auf, - wissen Sie, - sofort ist so eine visuelle Sache. - Wir haben, - wie, - bereits einige der Skizzen mit unten und nimmt das dieses Verbrechen es nicht zu viel, - gerade genug. Also, wenn Sie den Text lesen, wenn Sie den Titel lesen, bekommen Sie, worum es geht? - Und wenn Sie ein bisschen mehr eintauchen wollen, - Sie wissen auch, - Sie haben diese Option, damit sagen, endgültige Drahtrahmen wieder versuchen, es kurz zu halten, - versuchen, es so zu halten, - wirklich gut organisiert und immer versuchen, - wie, - zeigen ergänzende Kunstwerk zu treffen. - Also ist es nicht versuchen, den Abschnitt zu brechen. - Also sehen Sie, wie wir von Ihnen gegangen sind, erweitern Sie eine Strategie und jetzt werde ich anfangen, über dieses Zeichen zu reden . - Also, was ist wie brechen Sie es mit einer wirklich schönen Illustration, nur zu mögen. Der gleiche Prozess ist, den Abschnitt so zu öffnen, wie die Leute so sind, okay, ich verstehe es. - Jetzt werden wir darüber reden, eine wirklich mutige Aussage, die wieder die Hierarchie aufbaut. - Das ist also ganz einfach. - Kann es? - Das ist das erste, was du sehen wirst, wenn du runtergehst. - Wissen Sie, - Sie könnten am Ende auf die Homepage schauen und so lange wieder etwas Traktor Komponenten. - Es ist eine wirklich, - wirklich lange Seite mit wie, - Ich markiere mit einem engen wie, wissen Sie, - Vorschläge, die sie machen die endgültige Veröffentlichung. - Einige andere, die es wieder geschafft haben, - letzte Abfahrt hier. Also werde ich das Ganze nicht immer und immer wiederholen, aber du wirst den Elf brauchen, als ob es darum geht, den Text so zu behandeln, dass man die Leute bitten kann, ihn zu lesen, und es ist kein großen Schmerz für sie, - richtig? - Also weiter, - ich denke, das letzte, was wir gesprochen haben, - diese Einheit ist der Leser selbst. - Also hat eine der Arten von Aktionen getan und, wissen Sie, - Dinge, die tatsächlich das Aussehen und Gefühl davon definieren. - Was ich in dieser Einheit zeigen möchte, ist so ziemlich wie verschiedene Etappen von Dingen. - Große Arbeit im Gange von meinem AR, - sagt Leser. - Ich freue mich sehr darauf, was ihr euch einfallen könnt. - Also möchte ich Ihnen im Grunde zeigen, wie Look and Feel und Typografie, was ich tue. - Ich denke, ich sollte einige der Bildschirme bereits in der vorherigen Einheit haben, - so könnte ich nur über einige der Ärzte sprechen in Bezug auf das Zeichen in Begriffen getan haben - off entworfen, - nicht nur über die erstellen. - Okay, damit Sie sehen können, wie das der erste Versuch ist. - Ich habe es gemacht. - Und ich habe nicht einmal, - wie, - viel modifiziert. Aber es gibt , ein paar Dinge, die es so gemacht haben, als würde es jedes Mal, wenn ich tatsächlich zurückkomme zu dieser PSD und so ziemlich wie eine der ersten Entscheidung hatte , - aus der Benutzerperspektive ist wie, - Ich werde einen Kreis haben, der wirklich mag, - um, - identifizieren was? - Die Fütterung. - Also haben sie so ziemlich mit Michael beschrieben. - Was ist das? - Die Zahlen haben ihn beschrieben. - Also dort, - nach Lou A B in der 1. 1 zum Beispiel. - Und Sie werden sehen, hier haben Sie 11 Post. - Sie haben keinen Auftrag in Deutschland gesehen. - Sie haben , 23 so weiter, einige von ihnen, - äh, - sagen wir, sie hatten nicht ah, - äh, und ich komme, - wir werden diesen Standard verwenden. - Ich kann nicht, dass wir die Farbe ändern, nur um sie wieder spielerischer zu machen. - Sie haben diese erste Sache dieses erste Mal sehen Sie zuerst, was ungesehene Artikel ist. - Und dann, - wissen Sie, - das ist wie 188 und Sie können Niederlagen und 80 Jahre Konto haben. - Als ich darüber nachdachte, dachte ich wie tatsächlich die Zahlen. - Daddy ist wirklich wichtig. - Als ob ich das wirklich auf eine Art und Weise betrete, ist es nicht wichtig. - Aber weißt du, - du weißt schon, - schon ich komme, bist du echt. - Sie wissen wahrscheinlich bereits, dass dies Seiten des Tages am Nachmittag oder Sie bereits sind - wissen, dass dies ungesehene Artikel ist. Aber wenn du diese Website 200 Mal besuchst, kann ich dir sagen, wann du interessiert bist. - Es ist in dieser kleinen Zahl, also lasst uns versuchen, etwas mehr daran zu arbeiten. Deshalb denke ich, das ist meine erste, meine zweite Iteration, wo ich die Nummer tatsächlich nehme. - Ich nahm die Nummer raus und erstelle einfach eine große Aussage, und das werden die Leute sehen. eine große Aussage, - Aber zur gleichen Zeit, - ich möchte einen visuellen Hinweis auf, - wie, - dieses Zeug,das Sie sehen müssen, geben - wie, - dieses Zeug, . - Deswegen habe ich das hier gemacht, damit ich seine Farbe ändern würde, wenn du es gesehen hast. - Hast du den Modelltag gesehen? - Etwas Neues. - Und in dieser Hinsicht, - hören Sie, wie ich gerade zu ihrem vorherigen zurückgehe, - ähm, - einen,den - ähm, - einen, Sie hier sehen können, wie alle diese Kerle sichtbar sind. - Aber dann dachte ich, weißt du was? - Wenn ich es noch besser machen kann, Eigentlich, weißt du, wenn du einfach all die verschiedenen Artikel von diesen Füßen mietest, werde ich die Ikone verstecken, und das wird das bedeuten. - Weißt du, - das bedeutet, dass du alles liest. - Es gibt nichts für dich, als wäre es klein geworden. - Jedoch, - wissen Sie, - wenn Sie eine neue Post bekommen, - was auch immer Sie wissen, - wird er zurückkommen, um zu sein, - wie eine echte Form. - Und das wird uns helfen. - Als wir diesen Balken zusammenbrachen, weil du genau wie Punkte sehen wirst. - Sie sind wirklich klein oder wirklich lang. - Und das bedeutet, es ist etwas, um ihre zu lesen oder vielleicht gibt es keine. - Das ist also eine Entscheidung. - Eine andere ist, - ähm, - diese Typen zu machen. - Sie wissen, - wenn Sie hier sehen, - werden sie die gleiche Farbe haben. Aber hier, je nachdem, ob dieser Artikel für dich da ist, um zu lesen oder nicht, es wird eine andere haben - Farbe wird subtiler sein oder, wie, mehr, - ähm, - wie hell. - Wenn es etwas für Sie gibt, um so wieder zu lesen, - wissen Sie, - kleine Entscheidungen, die wirklich, - ich denke, die Erfahrung besser machen. - Etwas anderes. - Ich denke, es ist wirklich schwer zu sehen. - Aber die Suchleiste, - äh, - wissen Sie, - wurde er ein bisschen größer. - Wir machen nicht dasselbe. - Die nächste Situation hier. - Ich wollte dich nur wissen lassen, um die Version dieser Kollapse Bar zu machen. - Also, wie ich bereits erklärt habe, - Sie haben einige von denen, die bereits lesen und sie sind, - wie, - klein und einige andere sie sind immer noch Post für Sie zu lesen. - Sie werden auftauchen, um zu sprechen. - Und offensichtlich, - Sie wissen dieses Elternteil, - Sie werden im Stande sein, es wirklich zu erweitern, während Sie darin stöbern. - Dann habe ich tatsächlich angefangen, diese Spalte auf A zu tun, sagt, dass in meinen vorherigen Videos, - das ist eigentlich eine wirklich wichtige Berufung für mich. Ich weiß, dass ich einen wirklich traditionellen Ansatz für Analyse-Leser nehme. - Ich versuche nicht, ein neues inspirierendes Magazin zu schaffen und versuche, etwas zu schaffen, das wirklich funktional und wirklich leicht zu verstehen ist. - und da ist diese wirklich gute Lektüre. - Sie heißen Verschnaufpause R E B E R. - Und was sie tun, ist, dass sie diese drei Spalten haben, die ich wirklich mag, weil es wie eine progressive Offenlegung von Informationen ist, die auf einer wirklich starken Hierarchie basiert . - Also zuerst verwendet, um Sie zu besiegen, - Wählen Sie die Passform. - Sie sehen die Artikel im Outfit, - Sie wählen den Artikel und Sie sehen den Artikel. - Jedoch, - das Problem, das sie haben, - nach meiner Meinung, - ist, der darin in dieser mittleren Säule ist, ist wirklich trocken. - Da ist nichts, was mir sagt, ich soll etwas lesen. - Und, weißt du, - ich will es nur visueller machen. - Deshalb habe ich angefangen, mit einem D-Elf zu spielen, wie, - um dann, - wie ein bisschen mehr, als ich verspielter zu sein, - mit dem Text, der mit uns Paddles spielerischer ist und irgendwelche Medieninhalte zeigt, die du vielleicht haben könntest, wenn jedweder , - weißt du, - wieder, - das war meine erste Iteration, - und als ich es tat, - erkannte ich, dass ich gerade zur Schacht ging. - Ich habe, - wie, - einige Beispiele davon nimmt in verschiedenen Arten. Das ist Gibson und die amüsante Miria, die den Boden für den Körpertext verliert , was ich gerne hätte , aber ich dachte, ich wäre es nicht richtig. - Also wirklich, - schenken Sie Aufmerksamkeit dem rechts nicht. - Aber ich fühlte mich, als müssten wir es kleiner machen. - Deshalb habe ich angefangen, mit Gibson mit einer kleinen Größe zu spielen und endlich schalte ich die Zehe zurück - Bereich an. - Der Grund ist, wie ich denke, Ariel auf kleinen Größen, - wie 12 oder 13. - Es ist wirklich schön, wenn man es wirklich sieht. - Ähm, - fett. - Also fing ich an, mit dem Telefon rumzuspielen und zu sehen, was mir einfallen könnte. Also, wenn ich zum Fotoshop kam , um zu beschreiben, ... wie verschiedene Dinge haben sich so wieder versucht, - weißt du, wie ich bereits erklärt habe, - äh, - Wir werden diese Bar haben, , die tatsächlich zusammengebrochen oder erweitert, Sie können sehen, wie alles der gleichen Linie folgt . - Alles ist perfekt ausgerichtet. - Und dann habe ich versucht, wie verschiedene Dinge hier mit der Suchleiste und so weiter. - Also wieder, - aus einer typografischen Perspektive, - verwende ich anders, um eine Hierarchie aus der Fotografie zu erstellen, indem du Größen verwendest, - du scheinst wie eine andere, - etwas andere Ecke auf dem Körpertext, den ich versuche zu erstellen, - wie die verschiedenen Module, die Sie durch den RSS-Reader sehen werden, - das heißt - mit einem Bild ohne Bild mit nur Text ohne Text und so weiter. Und ja, ich denke, das habe ich bisher in den nächsten Einheiten. - Du wirst diesen Teil sehen, während ich daran arbeite. - Also, das ist alles für die Einheit für diese Einheit. - Also freue ich mich sehr auf Ihre Beispiele. - Und was können Sie sich einfallen lassen? - Danke. - Und wir sehen uns in der nächsten Einheit. 6. Visuelles Gewicht und Komposition Balance: - Willkommen bei Einheit sechs fühlte einige visuelle Gewicht und Zusammensetzung Gleichgewicht in dieser Einheit decken -. - Diese beiden Konzepte werden die Faktoren abdecken, die mehr visuelles Gewicht erzeugen, - arbeiten über die Arten der Zusammensetzung Gleichgewicht, - und wir werden diesen letzten Abschnitt namens Dashi entworfen Flow. - Also zuerst, - was ist es und wofür ist es? - Nun, - Objekte, die die Aufmerksamkeit des Benutzers mehr anziehen als andere, haben ein größeres visuelles Gewicht. - Dies kann durch die Größe bestimmt werden, - über die Größe der Objekte, - durch die Form, - durch die Position, - durch die Dichte durch seine Farbe jemand, - die Faktoren können dazu führen, dass ein Nicht-Objekt mehr in die Zusammensetzung als einige andere, - und dann Zusammensetzung Gleichgewicht wird die richtige Behandlung von visuellem Gewicht auf visuelle - Richtungen. - Erstellen Sie seine Zusammensetzung Gleichgewicht. - Dies ist notwendig, um wie eine glatte Erfahrung zu schaffen und, - wissen Sie, - wenn es definitiv notwendig ist, wirklich sicherzustellen, dass wir die Nachricht liefern, die versucht, - durch unsere Arbeit zu liefern. - Das sind die Konzepte aus diesem Buch von Brittle Warehime. - Das Buch heißt Kunst und visuelle Wahrnehmung, - eine Psychologie aus, die I. erstellt. - Dieses Buch beschreibt im Grunde den psychologischen Prozess, der stattfindet, wenn Benutzer erstellen - oder schauen Sie sich Kunst. Es ist ein Buch, das ich in den Tagen zurück auf dem College gelesen habe, und ich empfehle es euch wirklich, wenn ihr die Chance habt, es abzuholen, weil es so ist. - Es ist ein Klassiker, - und es beschreibt so ziemlich, wie wir tatsächlich Informationen erhalten. - Und Sie wissen, - die ganze verschiedene Vereinigung, die wir in unserem Gehirn machen, basierend darauf, - so, - Faktoren, die visuelles Gewicht, - Eigenschaften von flüchtigen beeinflussen . - Sie sind definitiv Tom von verschiedenen Faktoren, die einen anderen zu Ihrem schwerer machen können als ein anderer. - Also, nur um durch die Liste wirklich schnell das erste zu gehen, was Größe so ziemlich sein könnte, - wissen Sie, - Objekte dort sind größer erscheinen optisch schwerer als all das. - Es gibt eine kleinere Form. - Im Grunde - im Grunde wie, , schien - im Grunde wie, - regelmäßige Form schwerer zu sein als einige andere, die nicht regelmäßige Form und Raum sind, - naja, - positive Formen mit mehr als negativem Raum. - Dies ist, dass Isolationsobjekte isoliert sind, - neigen dazu, schwerer zu sein als einige andere, die wie von einigen anderen umgeben sind. - Und das ist der wichtige weiße Raum. - Insgesamt, - um, - na ja, - Dichte. - Also, - wissen Sie, - je mehr Sie Objekte in einem bestimmten Bereich überzeugen, - desto schwerer wird es Farben, - so scheint eine Farbe schwerer zu sein als einige andere. - Also zuerst in solchen Farben neigen dazu, heller als dunkle Ecken zu erscheinen oder sogar zu lesen scheint - die schwerste Farbe, - während Gelb scheint die hellere Ah zu sein, - der Wert. - Also es Primer sagt, dass Sie wissen, die dunklere auf Objekt. - Es ist um so mehr Gewicht, das Sie tatsächlich diesem Objekt zuordnen. - Eso Fötus leichter, - es scheint, - tatsächlich später beeinflussen Interesse. - Es wird also komplex verhört, genau wie Schattierungen, die deine Aufmerksamkeit erregen. - Wegen ihres Weges sind sie nicht ihre Form. - neigen dazu, in der Regel schwerer zu sein, dass einige andere, die als häufigere Textur wahrgenommen werden könnten -. - Ähm, - dieser Prima sagt, dass Objekt mit Textur schwereres Volumen zu sein scheint. - Wenn wir also ein Objekt haben, das - wie eine Art Drei-D-Tod durch ihn hat , - wird er als schwer erscheinen, - schwerer als einige andere, die so sind, als würde man den Tod von sich wegnehmen. - Fühle diese Primus sagt, dass je größer das päpstliche Gefühl oft Bereich, - sie erstellt das visuelle Gewicht von diesem Bereich. - Iss, - äh, - gehen physisches Gewicht. - Das ist wirklich selbsterklärend, - aber wissen Sie, - wenn wir in einer Komposition haben, - sagen wir, - ein Bild von etwas, das wirklich schwer in der Realität ist, - so werden wir es als etwas wahrnehmen auch schwer. - Und schließlich, - Position oder Position des Elements. - Dies sagt so ziemlich wie je näher ein Objekt an der Mitte ist, - desto schwerer sieht es aus, - aber zur gleichen Zeit, - es kann durch eine wirklich kleine Objekte in der Nähe des Randes entgegengewirkt werden. - So wie Sie sehen können, - gelten alle diese Regeln auf die eine oder andere Weise. - Aber, - wissen Sie, - offensichtlich liegt es an Ihrer außer einem Jahr sub. - Du bist bis zu deinem Auge, - dein Know-how, um das visuelle Gewicht einer Komposition zu definieren und tatsächlich zu verstehen. - Ich wollte nur fünf Werte aus allem hervorheben, was ich hier erklärt habe und einige - Beispiele auch über die 1. 1, über die ich gerne wieder sprechen möchte. - Ein Seiten nehmen Respekt an. - Größere Objekte neigen dazu, schwerer zu erscheinen. - Irgendwas zeigt sich schon in der vorherigen Einheit iss. - Ähm, - dieser Teil der Website für Dezibel und wie ich mich entschieden habe, - hat den Abschnitt mit einer wirklich, - wirklich großen Aussage geöffnet , die tatsächlich das Unternehmen definiert. - Und wieder sehen Sie hier. - Es ist nicht nur Kontrast, weil es der größte ist, sondern es ist auch seine Größe. - Was macht es wirklich in dieser Schicht auftauchen? - Es wird also noch einen geben. - Eine 2. 1, die ein sexuell wir diskutieren können, - wie verschiedene Faktoren in dieser Zusammensetzung ist ein Vorschlag für die Homepage und es, - wie, - wirklich nicht vor. - Aber Sie können sehen, wie der größte Typ in dieser Komposition Traum ist. - Und wenn Sie nach unten scrollen wie verschiedene Komponenten, - das ist die Khobar bleiben für dieses Modell und dann einige Bindemittel und so weiter. Aber in Wirklichkeit, obwohl dies der größte Typ ist, ist das eigentlich, was meine Absicht scheißt. Aber in Wirklichkeit, obwohl dies der größte Typ ist, ist das eigentlich, Und es kann sich nicht auf eines dieser Prinzipien beziehen, weil es, ähm, aber es ist ein intrinsisches Interesse. - Es ist so ein komplexes Bild, dass Sie normalerweise nicht , dass es Ihre Aufmerksamkeit erregt, - gesehen haben, dass es Ihre Aufmerksamkeit erregt, -übrigens, - so können Sie sehen, wie Sie wissen, dass es Sommer ist, wie diese Konzepte in Begriffen zu mischen. - Offizielles Gewicht und einige Dinge sind derjenige, von dem Sie wissen, dass es richtig ist. - Und manchmal, wenn Sie verschiedene Faktoren kombinieren, - vielleicht ist es ein anderer in diesem Fall ist definitiv intrinsisches Interesse an diesem Bild, - der nächste ist wieder kühler. - Also, - wie wir bereits gesagt haben, - wie einige Ecken, - sie wahrgenommen einen Sevier schwerer als einige andere. - Und ein Beispiel dafür, wir könnten es hier finden. - Seltsamste, aber nichts, wo wir wieder. - Du weißt schon, wie Farben wie Blau. - Ähm, - wie, - wirklich mag cremig sind immer noch wie weniger schwer als einige andere. - Jeder dunklere, - wie dieser Titel und einige andere mögen wirklich, - wirklich leichter wie zuerst. - Das ist, wo wir in der Suchleiste als leichter wahrgenommen werden, als tatsächlich denkt man. - Der dunklere Nächste ist Dichte. - Und dieses Konzept Prämisse besagt, dass je mehr Objekte Sie einen bestimmten Raum packen, desto schwerer ist dieser spezifische Raum tendenziell. - Also, zurück zum Beispiel, - Sie können sehen, ob wir runter gehen, wie Sie wissen, - wenn Sie nur die Dichte aus dem Inhalt in der rechten Spalte betrachten, ist viel mehr Unordnung, als diese linke Spalte hier, - Sie können sehen, ob wir runter gehen, wie Sie wissen, - wenn Sie nur die Dichte aus dem Inhalt in der rechten Spalte betrachten, ist vielmehr Unordnung, als diese linke Spalte hier, diese linke Region und der Grund dafür ist, wie auch wenn wir nur haben wir fast keine - Inhalt auf der linken Seite. - Wir haben nur ein Bild und den Text im Vergleich zu dem, was wir auf der rechten Seite haben, was eine verrückte Information ist. - Nur die Tatsache, dass wir hier ein Bild haben, wie ein Foto. - Es macht definitiv gleich wie Balance. - Wenn dies leer oder nur ein Kühler sein wird, - wird die Zusammensetzung nach rechts fallen. - Aber wie wir dieses Bild hier haben, ist, als wir vorher auf der Dezibel-Homepage gesehen haben, - wie es tatsächlich die ganze Komposition ausbalancieren. - Der nächste Faktor ist Wert. - Es gibt ein bisschen wie Farbe. - Es sagt, dass das dunklere und Objekt dort schwerer ist, - erscheint es dem Benutzer. Also, zurück zu diesem Kerl zu kommen verwelken Beispiel, - wir können sehen, wie das wirklich eine übliche Sache ist, wenn man Text trainiert. - So, zum Beispiel, - hier sehen Sie, - als ob der Kontrast so groß ist. - So ist es eigentlich leicht zu sehen, dass, wenn wir Celtics hinuntergehen, es vielleicht nicht sein könnte, dass - wichtig, wie dieser Text hier fühlen. - Was ist dein erlaubtes Kleid? - Nun, ich habe es einfach so ausgedrückt, - wirklich, - wirklich tolles Down-Relight, - und das bedeutet, dass es nicht so wichtig ist. - Also wieder, - wissen Sie, - wir können der Komposition folgen, indem Sie einfach den Text darauf lesen, - speichern Sie verschiedene Orte überall auf der Welt und Sie bekommen die Nachricht dort. - Das ist weniger relevant, - und deshalb ist es kühler ist ein bisschen grauer. - So können Sie sehen, wie wir das den ganzen Weg machen, - auch hier, - Mr Wenige mehr grau. - Und nur damit wir mit diesen höheren Key Off Inhalten nach Größe erstellen können , , - weil die Titel definitiv größer sind, - und auch durch die Verwendung des Kühlers und seines Wertes auf den letzten Faktor in diesem Schnürsenkel Leerzeichen. - Es sagt im Grunde, dass der positive Raum mehr wartet als negative Raum oder Leerraum. - Alles klar, - bewegen sich auf Arten der Zusammensetzung Gleichgewicht. - So gibt es so ziemlich vier Arten von Zusammensetzung Gleichgewicht. - Wir haben horizontal, - vertikal und dann symmetrisch und asymmetrisch. - So horizontal und vertikal für dieses Beispiel wird zurück zu, - ähm, - das Himmelswetter verärgert, nur um zu zeigen, wie Sie wissen, - definitiv die Zusammensetzung Gleichgewicht verteilt auf den horizontalen Zugang davon. - Also in diesem Fall haben wir definitiv das Telefon, das wirklich schwer ist. - Ist die Hand wirklich scharf? - Und er ergreift unsere Aufmerksamkeit und hier wegen des Kontrastes und seiner Größe, - und auch wie der weiße Raum um diesen herum, um sich gegenseitig auszugleichen, - aber definitiv ist die Art, wie es ein bisschen mehr auf der linken Seite ist definitiv Pferd bis Gewalt hier -. - Während wir weitermachen, - das ist ziemlich symmetrisch, - wie wir die Gewichte in dieser Region hier haben, - auf der linken und der rechten Seite verteilt. - Gleichermaßen. - Man könnte sagen, dass über diese Komponente auch, - obwohl es ein bisschen mehr auf der linken Seite ist, - getan in der rechten wegen dieser, - aber immer noch ist es Kurs mehr als 50%. - So fühlt es sich ein wenig Gleichgewicht an, - Ähm, - also wieder bekommen wir diesen Abschnitt und das ist gegen symmetrisch, - ein bisschen vertikal mehr als horizontal. - Aber wie auch immer, - Sie können sehen, wie die Symmetrie zwischen dem Abschnitt auf der linken Seite auf der rechten Seite, - weil wir nur den Spaß an der Mitte haben und dann mit beschreibt wie Funktionen rund um die - Telefon. - Und schließlich gehen wir symmetrisch bis zum Bereich und wieder, - jetzt symmetrisch versus symmetrisch. - So Shannon Michelle nur arbeiten Fortschritt von etwas, das wir sind wie eine wirklich lange Zeit - vor und auch meine Website. Deshalb versuchen wir es nicht, das heißt Liam und alles in der Mitte zu nennen. - Das wird also in den symmetrischen Eimer gehen und dann gibt es noch eine andere Sache über die Show und dass IHS hier Theis Website ist, die Profis für Skylanders und Activision arbeiten. - Nun, - wir haben so ziemlich diese Idee, - wie, - zeigen, - Sie wissen, - Vergangenheit in einer Weise zu blockieren, die, - wie, - dynamischer sein wird - wie, und weil sie haben tatsächlich , drei spezifische Kategorien von Blockbusting, die wir posten werden. - Also war es einfach, eine visuelle Sprache für diese zu schaffen . - Und Sie können sehen, die Zusammensetzung hier ist einfach nicht symmetrisch wenig. - Aber das war der Punkt, dass Sie ein Problem Scroll scrollen. - Es wird Sinn ergeben. - Aber wenn Sie nur einen Screenshot machen, - sieht es definitiv aus wie im Gleichgewicht. - Also das war es ein kritisches Projekt, wie vor allem 10 Stationen waren ziemlich nett. - Und der letzte Abschnitt von dieser Einheit ist Staub, Ihren Designfluss. - Also, - wissen Sie, - ich möchte nur wieder hervorheben, dass all diese Faktoren bis zu Ihnen sind. - Ich meine, - Sie sind derjenige, der wirklich darüber nachdenken muss und, - wissen Sie, - überlegen, was in welchem Fall wichtiger ist? - Und weißt du was? - Es ist vorherrschender als das andere Ende. - Sie wissen, - es hängt mit dem Drehbuch ab. - So wie wir es vorher gesehen haben. - Wir haben dieses Bild von dem Mädchen mit den waren hier, - und das war definitiv wie die schwerere Ausdünnung der Website haben dieses Ding auf der - Website, nur weil er so ein seltenes Bild ist, das Aufmerksamkeit ziehen wird. - Es spielt keine Rolle, ob Sie die größte Schrift nah an das Mädchen legen, weil Sie wissen, es gibt eine Hierarchie. - Auch, wenn es um diese Faktoren geht, - ähm, - also diese große Frage fließt Ihr Design? - Manchmal siehst du die Schilder dort, wirklich? - Sie sind wirklich hübsch. - Aber sie mögen Herrick auch, wie ein Fluss dergleichen, - dergleichen Generation. - Also sind sie wirklich schwer zu folgen. - Und nur, um durch dieses Beispiel zu wiederholen, das ich vor auf der ungefähr Seite und überspringen - Linie, - es ist einfach ein Bürger ziemlich einfach. - Die Fallstudien, die ich in den Perioden Einheiten zeige, um tatsächlich dem Fluss zu folgen, weil Sie - normalerweise wissen und verlangen, dass viel Aktivität von Ihrem Benutzer, - Sie sollten ihnen tatsächlich so viel wie möglich geben. - So ist der Prozess der Atmung durch eine Seite so einfach auf in diesem Fall, - das ist der Fluss, den Sie folgen werden, wenn Sie zu diesem über Paige kommen. - Also wissen Sie, - im Grunde, - lesen Sie Stücke von Text weiter, während Sie von einem zum anderen gehen. - Sie sahen mit etwas Sichtbares, um sich hier zu engagieren. - Und, - wissen Sie, - sie bedeuten auch etwas in Bezug auf diesen Text, um ihn einzupacken. - Betrachten Sie, - war, dass diese keine Regeln haben. - Hier gibt es keine Regeln. - Es gibt nur die Prinzipien, die Sie berücksichtigen müssen. - Und Sie wissen, - diese Prinzipien werden Ihnen helfen, eine Komposition zu erstellen, die es tatsächlich ausbalanciert und - einen Designfluss zu schaffen, der tatsächlich etwas für den Benutzer bedeutet auf so weiter. darauf, Ich freue michdarauf, zu sehen, was ihr euch einfallen könnt, und ich werde euch in der nächsten Einheit sehen. - Danke. 7. Schärfe dein Design: - Hey, Leute. - Willkommen zu Kapitel sieben. - Gedanken darüber, Ihre Seite für diese Einheit zu schärfen. - Ich habe einige Kategorien zusammengestellt, die mir helfen werden, wenn ich jemanden aus dem Schild sehe. - Und ich nehme auch in Betracht, wenn ich tatsächlich an etwas Bestimmtes selbst arbeite -. - Also diese Kategorie ist die 1. 1 behandeln Sie Ihren Typ rechts dreht sich von Typografie. - 2. 1 Kontrast, - Ich werde über den Kontrast sprechen, wenn Sie wissen, - Erstellen verschiedener Bereiche von Inhalten. - Wie schaffen wir eine Trennung? - Die Yusof Ikonographie verwenden auch für über Finger das Zeichen und den letzten Abschnitt, den ich - nennen Sie den Design-Wettbewerb. - Also zuerst, - behandeln Sie Ihren Typ, - richtig? - Ich werde in das RCs Beispiel kommen, um zu zeigen. - Ich werde über Abstände, - Größe und Hierarchiefarben sprechen. - Und schließlich, - Sie wissen, was Sie hervorheben, wenn Sie tatsächlich mit Text arbeiten. - Dann kommen wir dran. - Ok. - Dokey. - Also, das ist eigentlich, wenn Sie das hier sehen können. - Wie Sie wissen, ist das die Aufgabe, an der wir arbeiten. - Es war zu entwerfen, - und ich sagte auch wir. - Also habe ich Marcus für das iPhone gemacht . - Wie würde es aussehen? - Haben Sie wie ein paar Bildschirme. - Wie würdest du mit der Speisekarte leben? - Er ist es, wenn Sie tatsächlich einen Artikel öffnen, - auch wenn Sie etwas suchen wollen. - Wir hatten diesen Dinosaurierblick, - er würde herunterkommen, und Sie werden im Stande sein, durch Klopfen und auch mit Ecken zu suchen, dass ich - dachte, es könnte cool sein. - Das ist also der Typ von Teil. - Aber ich möchte jetzt über Typografie und Abstand und jemanden sprechen, damit wir es tatsächlich schaffen können - tun Sie es in der Desktop-Version. Also das erste, was Abstände ist, und das ist etwas, das wir gesprochen haben, weil, weißt du, richtig? - Topographie definitiv, - wie ist wirklich nah beieinander, um Abstand zu schreiben. Sie können eine erstaunliche Topographie haben, aber wenn Sie sie nicht mit dem richtigen Raum behandeln, kann es wie Mist aussehen. - Also wieder, - wir haben uns einige Gedanken zu bekommen, - wissen Sie, - wie trennen wir wie die Zeilenhöhe vom Körper, - kopieren und so weiter. - Aber es ist wichtig, dass offensichtlich ihr Abstand, - es hängt wirklich von der Größe der Topographie auf dem Text ab. - Also, - in diesem Fall, - wenn ich nur meine große rausnehme, - können Sie sehen, woher Sie wissen, - ich lebe. - Das sind 20 Pixel zwischen diesen Grundlinien auf dieser Spur, und ich lebe noch mehr. Ich gehe, eigentlich 60 zwischen diesem Kerl und dem Kerl, ich bin das, was ich versuche zu tun, ist im Grunde versucht, sich hier zu gruppieren eigentlich 60 zwischen diesem Kerl und dem Kerl, ich bin das, was ich versuche zu tun, ist im Grunde versucht, sich hier zu gruppieren. - Also, obwohl, - wissen Sie, - alles gehört zu demselben Artikel, - ich werde lieber ich diesen Titel haben, und das kommt diese tatsächlich von David veröffentlichte Angriffslinie -. - Was auch immer. - Und, - wissen Sie, - zwei Minuten, - richtig? - Das ist, obwohl es sich um den ganzen Artikel handelt. - Es ist definitiv nicht so, wie Sie, - Sir, - scannen Zählung. - Es gehört zum Titel. Also siehst du den Titel, den du siehst, wer ihn veröffentlicht hat, und du siehst , wie , wielange ist das? - Ich denke, ich werde da sein, dann fangen wir mit einer Körperkopie für die Körperfirma an, - weißt du, ich meine, ich habe wie eine Firma verlassen, - viel Platz in der fangen wir mit einer Körperkopie für die Körperfirma an, - weißt du, ich meine, ich habe wie eine Firma verlassen, Baseline, - und sehen, - Ich habe genau 30 Punkte für einen Typ aus 17 Schwangerschaft hier, - und ich habe, ich denke, es ist definitiv auf dem Barsch. Wie, wenn ich es ein bisschen mehr mache, wird sich wie zu viel anfühlen, aber genau so, als wäre das wirklich gut für , als digitale, alswäre es vielleicht nicht das Gleiche, wenn du Druck machst, aber wie beim Lesen auf einem Bildschirm, - vor allem mit weißem Hintergrund, - fühlte ich mich, dass das wirklich wirklich wirklich schön war. - Und dann wieder doppelter Abstand hier und genau wie dieser letzte Titel sie, - der Abstand ist wirklich, - wirklich wichtig. - Gibt es also Raum zwischen dem Titel und der Körperkopie oder dem Abstand zwischen diesem Titel - und eigentlich dem Bild? - Wir haben ein Top und ich war jemand von Beispiel, wir dachten ein Bild, aber Sie können sehen, wie es sich einfach richtig anfühlt. - Es fühlt sich richtig an. - Als ob es so ist, okay, ich bekomme den Titel. - Ich bekomme hier eine Art Überblick und jetzt tauche ich ein. - Das zweite, worüber ich sprechen möchte, ist diese Größe in der Hierarchie. - Also natürlich wollen wir, dass der Gebrauch dafür tatsächlich darauf achtet, was auf einer der Möglichkeiten wichtiger ist , das zu tun, - um von diesen Hierarchien zu sein, - sexuell durch die Schaffung verschiedener Größen und, - wissen Sie, - wenn Sie ein wenig von HTML wissen, - das ist wie 81 h zwei h drei so was ich will. Das Wichtigste, was ich auf dieser Seite machen wollte, war eigentlich ,... ähm, die ganze Aufmerksamkeit in dem Artikel zulenkenund dafür lenken kann man natürlich den größten Typ darin sehen , - in diesem Leser ist eigentlich der Titel, - ähm, - aus dem Artikel. - Und auch wie im Bauen dieser Hierarchie, - wird er auch Farben verwenden. - Ich will, dass das das Wichtigste ist. - Also wird es tatsächlich eine der dunkelsten Farben sein, wie kontrastierende Farben in der ganzen Komposition, wo mir vielleicht nicht wirklich wichtig ist - das. , Wenn Sie sehen, wurde letztes Jahr von David veröffentlicht, ist das cool. - Oder wenn du sagst, das ist cool. - Aber es ist definitiv das Wichtigste an einem wirklich guten Beispiel ist hier. - Wie wenn Sie die obere Leiste sehen, dass die Farben der Spitze sind, - Sie werden sehen, wie der Titel definitiv dunkel ist, - und dann bei Freak ist wichtig und es ist ein Link. - So hat es eine andere Farbe und dann Anzeige gesehen. Es ist wie einer dieser Fühler wie, offensichtlich braucht man das, denn sonst ergibt es keinen Sinn. - Ist wie der Name des Artikels und dann ein Trick. - Was bedeutet das? - Du brauchst, als müsstest du den ganzen Satz sein. Und dafür brauchst du diese Art von Fühlern, aber sie sind nicht wirklich wichtig. diese Art von Fühlern, - Ähm, - wenn Sie von Ah wissen, - Sie ich Perspektive sie sind notwendig, - aber nicht das Wichtigste auf der Seite. - Eigentlich, - wenn Sie mit in dem Artikel fertig, - Ich wollte diese Art von coolen Finn zu tun, wo Sie Teoh die Vorteile bekommen. - Also werde ich das ist die Art, in der wir nicht waren, in der du wirklich warst. - Also vermasselst du es und dann kommst du hierher und es wird aus Beinraum kommen. - Dies ist der nächste auf Frick und sie werden Ihnen sagen, dass der ganze Artikel so wieder hier Sie - sehen, wie weiter auf ist nicht wirklich bei Frank es iss hervorgehoben Aber dann das Wichtigste - basierend auf Größe ist der Titel des nächsten Artikels. - Etwas, das Sie aufpassen müssen, wenn Sie das tun, ist wie versuchen, Aufmerksamkeit zu schenken, denn wenn Sie versuchen, alles hervorzuheben wird nichts hervorgehoben. Und was ich meine, ist wie, wenn ich tatsächlich diese Texte über die Herstellung von Bullen nehme, wissen Sie , - wenn ich den Körper Text Schüssel nennen darf, - plötzlich ist es nicht mehr kontrastiert, weil es nichts zu kontrastieren Sie es mit. - Alles ist mutig, und Sie wissen deshalb alles ist beides. - Also ist nichts hervorgehoben. - Es ist wichtig, - um, - die ganze Zusammensetzung wirklich ruhig zu halten. - Ja. - So können Sie tatsächlich ein Stück Inhalt markieren, wenn Sie es wollen. - Und ich würde empfehlen, - wissen Sie, - in nur einem in einem. - Schau, - wenn ich nur, - wie, - einen Blick auf das jetzt, - werde ich sehen, was das Wichtigste ist. - Lasst uns versuchen, es nicht zu übertreiben. Wenn ich mehr habe als das Wichtige, was ich habe, wie zwei Hauptaufrufe zu Aktionen, die so anfangen, als würde ich mich ein bisschen wie OK fühlen, was soll ich sehen? - Weil ihre beiden Dinge schreien für meine Aufmerksamkeit auf das Problem ist wie die mehr Dinge - Sie haben, - der letzte Effekt, den Sie in Benutzer machen, weil plötzlich alles riesig ist. - Alles ruft Ihre Aufmerksamkeit auf. - Und Sie wissen, - deshalb ignorieren Sie alles. - Ein zweiter Punkt, über den ich sprechen möchte, ist der Kontrast beim Erstellen von Inhaltsbereichen. - Also manchmal beim Entwerfen auf unserer Website. - Was auch immer. - Sie müssen tatsächlich Kontaktbereiche für offensichtlich wie viele oder diesen Ort erstellen, wo - Sie werden wie Updates, - was auch immer Komponente, - oder einfach nur, dass. - Der Hauptartikel und es ist wirklich wichtig. - Und das ist etwas, das ich dann macht es wirklich Ihr Design besser aussehen, wenn Sie tatsächlich - machen diese Anhörungen in einer Weise, die sich ergänzen, aber gleichzeitig irgendwie mögen - teilen Sie den Inhalt. - Eso Was wir in diesem Grün sehen können, ist ein Mokka von Anapa, der an Schulfonds arbeitet - Album. - Sie können sehen, wie ich die verschiedenen Abschnitte davon teile. - Das ist wirklich eine Inspiration für mich auch bei der Arbeit an ihrem sagt Leser. - Wir haben also viele auf der linken Seite, die wirklich dunkelblau sind. Und dann, weißt du, dann haben wir diese Google-Waffen, viele davon werden es eigentlich nicht ständig da sein, weil du es öffnen und schließen kannst . - Aber Sie können sofort sehen, wie er auf jeden Fall einen anderen Kontrast ist eine Komponente, die - wenn es immer da ist, - Sie werden fast ärgerlich wie nein, - wirklich schön Wenn es um Radium kommt, - Foreal ist nicht schön, es oben an einer Ecke zu tun. - Also, aber für eine dieser Komponenten ist völlig in Ordnung. - Und dann haben wir, - wie, - die Hauptsache der Kern von oben, und das sind diese drei Säulen Sammlungen, - Telefone, - Archiv und Filter. - Sie können sehen, wie Sammlungen und Formen, wie ich mag, miteinander in Beziehung stehen. - Der ist definitiv der Selektor. - Die Feldersammlung am ersten Tag ist dieser Raum, wo Sie die Ergebnisse sehen werden und so den - Hintergrund, dass ich wirklich ähnlich sein wollte. - Aber wenn Sie es wie super anders machen, - Sie tatsächlich mögen es wird wie ein Kuchen aus Schichten und Farben und er könnte ein bisschen - zu verrückt. - Also, was ich in diesem Abschnitt tun werde ich durch verschiedene Beispiele gehen, die ich denke - kann wirklich gut diesen Punkt illustrieren. - Ich wünschte, dies zu zeigen, ist ein anderer Bildschirm. - Aber Distanz ein Beispiel. - Sie können sehen, wie hier dies eine Farbe ist, - offensichtlich mit der Textur von wann und das ist genau wie Weiß ist nicht so anders. - Aber es ist anders genug. - Damit du es verstehen kannst. - Einer ist Filter auf einem ist der Körper des Paares, den Sie eigentlich eigentlich, - Sie wissen, was Sie den Inhalt setzen sollen, der nur verwendet und etwas wirklich - wichtig, wenn Kontrast zwischen den Abschnitten zu schaffen, ist eigentlich der Teiler, - etwas wie ein Highlight, das etwas dunkler ist als jeder dieser beiden Abschnitte. - Aber es hilft dem Benutzer zu verstehen und zu sehen, - wie eine scharfe Trennung zwischen den Inhaltsblöcken. - Und in diesem Sinne, - Ich war eigentlich ich wirklich mag das neue Google plus wirklich Zeichen. - Ich dachte, ich wäre es. - Und da habe ich diese Woche angefangen. - Und ich wollte euch nur zeigen, wie dieses Ding, von dem ich rede, ihr jeden Tag einen Vorrat an den Schildern kennen könnt , die wir überall sehen. - Das ist also das normale Du und ich glaube, es ist Cremegeschäft und ich gehe zum Fotoladen, der Doktor rein und nur im Grunde da. - Siehst du, wovon ich rede? - Erstens, - wir haben Weg mit Verdauungsinhalt, - und das ist rein weiß. - Aber dann hatten wir das Badezimmer, was toll ist, und das ist total cool. - Aber wenn Sie diesen Hintergrund wirklich mit diesem tollen Hintergrund setzen. - Das ist richtig, - dieses weiße zurück in mit diesem grauen Hintergrund zusammen ohne Trennung, wenn Sie vielleicht brauchen - ein bisschen mehr Konferenz. - Also ich mag es, Bereiche der gleichen fast wie die gleichen dummen, - aber nicht das gleiche zu schaffen . Aber wenn Sie das tun, - Sie wirklich mögen Sie wirklich hier erstellen wie ein super toller Hintergrund und dann ein - weiße Bücher. - Weißt du, - das ist nicht die umstrittensten sie, die du tun könntest. Aber wenn ich gehen will, ist das eher so, als wäre es wirklich schwer, die Trennung so zu sehen, wie sie fast ist - Tricks mit dem Verstand zu spielen. - Jedoch, - wenn Sie nur ersticken und einfach machen es super leicht, aber verschwand dunkler als die - Hintergrund einfach so und Sie können sehen, wie es sitzt 4% Kapazität. - Es macht schon einen Unterschied. - Und wie ich diese beiden Bereiche wahrnehme. - So geht das Gleiche hier, dass man diese tolle Farbe sehen kann, dann ist das reinweiß . - Aber dann hier in der Mitte - sie haben diesen Schlag, der etwas dunkler ist. - Ist das der Hintergrund? - Aber wieder hilft es, diese Trennung zu schaffen. - Und so ist das gleiche mit diesem wie ein Grau, - das der grauen. - Sie sind wirklich nahe beieinander. - Aber dann haben Sie diesen Kerl, der nur weit ins Dunkel ist und Gesundheitsvorsorge isst, - diese Trennung. - Das ist also wirklich wichtig. - Hören Sie, - Ich denke, ist definitiv etwas, das bis zu Ihnen ist nicht, wie Sie dies tun müssen, um zu machen - Ihr Design besser gibt Tonnen von verschiedenen Stilen. - Aber das ist definitiv ein Trick, den ich benutze. - Also bringen Sie ihn zurück zu diesem ist kein Google-Projekt. - Ich arbeite. - Ach, - während Sie vor und wieder hier sehen können, wie das wieder toll ist. - Das ist weiß. - Und vielleicht ist das ein bisschen, - ähm der Schlaganfall. - Ich ging ein bisschen zu viel ist zu groß, um einen Kontrast... Aber dann gibt es diesen Schatten hier und das ist - ein weiterer. - Wenn Sie Schatten auf, - wie, - Hintergründe und Körper des Inhalts, - dort wirklich ähnlich tun - wie, - Hintergründe und Körper des Inhalts, . - Also hier haben wir, - wie reinweiß, - wirklich wie grau und dann der Schlaganfall. - Es ist wichtig, dass der Schatten ein bisschen heller ist als der Schlaganfall. - Der Schatten ist also heller als der Schlag. - Aber der dunkleren offensichtlich, - im Hintergrund wieder nur um, - wie, -Ebenen von Inhalten zu erstellen - wie, - , die tatsächlich als wirklich scharf vom Benutzer wahrgenommen werden. - Um, - ein paar weitere Beispiele davon, - das wird es hervorheben, - und dann bewegen Sie sich, - Sie können sehen, wovon ich rede, - und Sie können sehen, wie Sie wissen, dass es nur gilt, wenn sie Kondom wenn sie tatsächlich mögen die - Bereiche. - Wir sind wirklich nahe beieinander, aber nicht wirklich, wenn sie weit sind. Also zuerst, ich brauche keinen Schlaganfall, wenn ich von dieser Ausbreitung zu diesem Weiß gehe. - Weil der Kontrast zwischen dem roten und dem Weißen Haus so stark ist. - Das reicht gerade. - Wenn ich einen Schlaganfall kreiere, wird sich wie über dem Schild anfühlen. - Irgendwie meine ich, ganze Schule auch. - Ein paar Beispiele und dann letztes Mal dieses Kerl Verhältnis. - Aber Sie können sehen, wie jedes Mal, wenn wir den Inhalt teilen. - Weißt du, - das ist wie eine Trennwand, - dass es eigentlich etwas dunkler ist. Dann sehen wir hier dunkler als die beiden Seiten. - Hier benutze ich nur den Schatten. - Aber wieder, - Sie können sehen, wie der Schatten dunkler genug ist , um das zu sehen. - Ok. - Also mehr Tricks beim Trennen oder Trennen von Garnison in Ihrem Layup. - Eine andere, die ich gerne zeigen würde, ist, ... um, - zurück zu ... um, diesem Jungen Flick, damit etwas nennen kann, dass wir nicht entkommen sind. - Flug war, um wir wie auflisten, - verschiedene Dinge, - verschiedene Erfahrungen, die Sie in einem an einem Ort haben könnten. - Und ich wollte dynamisch Likabilität schaffen. - Aber nur, - wissen Sie, - weil aus, aber dann und so weiter, - wir würden nicht viel Zeit dafür haben. - Also wirklich, - alles folgt den gleichen Layouts auf dieser Art Autotext. - Hier ist das Gleiche Habe das gleiche Ley Ellis, - das hier. - Also dieser hier. - Aber Sie können sehen, obwohl wir tatsächlich die gleiche Vorlage auflisten, - es ist so gemacht, dass, um es abwechselnd wie ein dunkler, - etwas dunkelster Hintergrund in Quoten und dann nicht in der anderen, so dass wir die Ukraine - wie ein Rhythmus Wenn ich alles mit weißem Hintergrund mache. - Wenn Sie das also sehen, ist dieser Kerl hier weiß. - Und dann ist dieser Block hier ein B wie Ray. - Wenn ich alles weiß gelassen, - dieses Lügen wird wie viel zu zwei Futter werden Sie fast wie alles, was - Ich versuche, durch den Inhalt zu tun Und jetzt, wo ich diese wie Monate später sehe, - Ich fühle mich fast wie ich sollte haben das wie diese Linie leichter gemacht. - Aber nochmal, du weißt, es ist Have Teoh. - Es war vor einer Weile und wieder reden über Verträge sagte hier eine knifflige Sache davon - Website. - Wir wussten nicht, woher du weißt, was für die Bilder wir sein werden? - Offensichtlich können wir verschiedene Ziele bevölkern, die wir hatten. - Also, wenn Sie einen Rücken haben, ein Bild, das wie, wirklich, - wirklich dunkel ist wirklich, , dass wir hier nichts haben, C 5 Ort. - Aber wenn wir ein wirklich dunkles Bild haben, macht es Sinn, einen Schatten zu haben. - Aber so wie hier sieht es fast jeder zu stark aus. - Aber wenn Sie ein wie ein Bild wie dieses eine Gehalt haben, - der gleiche Schatten, wenn Sie auch zu viel sein, wenn Sie ein bisschen zu nah am realen Bild und - deshalb, - wie die verschiedenen Bereiche, - emergent ondas Gefahren, weil das zu bekommen, wie ein schmutziges Aussehen, wenn die verschiedenen Bereiche - Auftauchen mit Ihnen auch. - Es gibt also etwas, woran wir denken sollten, wenn Koreaner Schatten mögen und jemand, weil er - abhängig von dem Inhalt, den Sie kennen, - es könnte 12 Jahre dauern oder nicht, - und dann etwas anderes, über das ich sprechen möchte, ist der Kucheneffekt auf der Kick-Effekt. - Mal sehen, - zum Beispiel, - der Kick-Effekt ist der Effekt, den Sie sehen, wenn Sie diese Art von Teiler haben, - nicht besonders, dass, - wie dieser Teil der Ballettteiler zwischen den Abschnitten. - Viel zu oft. - Stellen Sie sich vor, ich habe das hier geteilt. - Ich habe einen sehr kleinen Raum, und dann habe ich noch eine Trennwand. - Und dann bedeutet das, - wie für einen Benutzer, - sie werden sofort in nur einem Bildschirm drei Trennwände sehen, die sie teilen können. - Es gibt drei Inhaltsbereiche, - und das ist, wo wir den Layer-Layer-Kuchen-Effekt genannt. - Das muss man also auch vermeiden, denn der Hintergrund sollte nie viel zu relevant werden oder nie relevanter sein als der Inhalt, der eigentlich Gehäuse ist. - Das ist also auch wichtig. - Und das Letzte, was ich gerne zeigen möchte, wenn ich über Kontrast im Hintergrund spreche, ist, - äh, - saubere Schnitte zwischen den Abschnitten. - Also sind sie wahrscheinlich der König. - Cut ist wie Sie, Sir. - Sir, ich bin kein Experte. - Also was? - Was ist das? Stephen Crabb hat gesagt, dass ich nicht denken muss, dass die Benutzer nicht zu spät sind. - Sie sind nicht dämlich. - Sie sind einfach faul. - Wenn Sie also einen sauberen Schnitt zwischen einem Abschnitt des Inhalts auf dem anderen machen, - wissen Sie, - könnten einige Anwendungen denken, dass der Inhalt unten ist, als wären sie innerhalb der Seite fertig, und - sie könnten nicht nach unten scrollen. - Deshalb ist es wichtig. - Verknüpfen Sie alle Abschnitte direkt miteinander Wirklich gut, - Wenn Sie also tatsächlich lesen und der Geschichte folgen, - können Sie wissen, - Sie tun Neid. - Richten sie sich ein. - Da drüben ist eine Ikone ein sauberer Schnitt. Aber mit diesem Zyklus oben, also springen Sie tatsächlich über den Schnitt und verstehen immer, dass das mehr Zeug kommt. - Deine Aufmerksamkeit erregende Benutzer hier. Und deshalb sind sie fast so, als würden sie diesen Becher ignorieren und springen von hier aus. - Hören Sie? - Er verkaufte darüber, wie die Leute Ihr Design wahrnehmen und Sie wissen, was das Beste ist, was Sie tun können - um tatsächlich nicht den Fluss zu brechen? - Der dritte Punkt, über den ich sprechen möchte, ist Ikonographie. - Ich liebe es, Zyklen zu zeichnen. - Ich liebe drei Übungen aus, - tatsächlich, - Kondome. - Beim Versuch, nach Konzept in eine Illustration einzukapseln, die Leute verstehen werden. Aber die Beerdigung, die ich komme, ist, als ob sie Kontext brauchen, und ich habe hier manchmal geschrieben. - Aber in Wirklichkeit, - Symbole brauchen immer Kontext. - Dieser Kontext kann mit Angriffen kommen, die unterstützt werden, oder manchmal ist es genau wie die - Umgebung, die um das Symbol herum ist. - Also verstehst du sofort, was es isst. Also zuerst in dieser Kamera, Aiken, weißt du, wenn du keine andere Referenz hast, als du tatsächlich hast, ist mein Ding etwas mit raughy verwandt. - Aber, - wissen Sie, - es könnte Galleria Fotogalerie sein. , Ich denke, ein Bild, das ich komme, oder es könnte sein, ich weiß nicht, wie ein Kameramodell. - ICANN ist schwer zu sagen. Du brauchst Text, oder du weißt, dass du etwas in der Umgebung brauchst, das dir sagt, wann es passiert. - In diesem Sinne - es gibt einige Beispiele, über die ich gerne spreche. Jeder Stein ist auf dieser Seite zusammen für diese Mauer, an der ich nachgedachthabe, was soll das bedeuten? Jeder Stein ist auf dieser Seite zusammen für diese Mauer, an der ich nachgedacht habe, was soll das bedeuten? , - Weil ich das benutzt habe, komme ich schon für so viele Dinge in meinem Leben. - Das und wenn du darüber nachdenkst. - Es hat nicht viel aus einer Minute, - sagte er. - Pfeil, der runtergeht. Ich meine, basierend auf dem, was die Jahre in meinem Rücken im Internet haben, würde ich sagen, - Okay, - ist das eine enge Down? Also wird er mich definitiv irgendwohin bringen, oder er wird etwas herunterladen, weil Paradigm in Verbindung gebracht wurde, um oder er wird etwas herunterladen, weil Paradigm in Verbindung gebracht wurde, um Zeug herunterzuladen. - Aber in diesem Fall, - der einzige Grund, wenn ich das benutze, kann ich. - Es ist nur eine Möglichkeit, den Benutzer den Tag etwas interaktives in dieser Komponente anzuzeigen. - So können Sie sehen, dass dies der Khobar-Staat ist, - und das ist, was passieren würde, dass der Benutzer sagen wird Dieses Magazin deckt eine von - sie schweben und sie werden tatsächlich sehen, - wie dieses pdf-Icon und dann rufen sie an Action Dollar. - Also in Wirklichkeit, - der Zweck dieses Wanderns hier nur um die Sucht über etwas zu nennen und dann - offensichtlich, - wissen Sie, - sagen Sie dem Benutzer genau, was das IHS um, - ein weiteres Beispiel in Symbole, die ich immer verwirrt, - wie ich immer aus irgendeinem Grund, - ein paar Mal in meinem Leben, - Ich habe die Aufgabe zu tun, und ich komme für Internet, - und das ist wahrscheinlich eine der schwierigsten, was Sie tun können. - Wie, - was ist Internet-Konnektivität? - Ist es die Welt? - Wissen Sie, - wie können wir kommen, um zu sagen, - Das ist Internet und das ist, warum ich mag, - wissen Sie, - ich kommt in diesem Sinne, - sie müssen mit Kontext kommen, der zuerst Text sein kann und etwas Auch, - das ist neugierig ist wie Denken über die Welt als Ikone. - Ich bin mir sicher, dass die verschiedenen Designer, die Facebook hatten die gleiche Herausforderung, wenn wir reden - die Benachrichtigung, die ich kann. Also, wenn ich zu meinem Facebook-Konto gehe , habe ich, - ähm das sind Nachrichten, - diese Leute. - Und das ist meine Benachrichtigung und die Welt. Und ich weiß nicht, warum die Welt eine Benachrichtigung für jeden bedeuten wird, aber sie benutzen den Weg und sind in Ordnung, denn wieder, du verstehst, dass das da oben ist, und sie öffnen sich wie ein Overlay. - Das Engagement der Gegenwart ist wirklich gering, da Sie nirgendwohin gehen. - Deshalb, - meiner Meinung nach, - es funktioniert und sie verwenden auch, - wie, - Art von wie Zahlen, um Ihnen zu sagen, wie viele Benachrichtigungen, die Sie haben und Sie wissen, dass - im Vergleich zu Medium, - es ist wirklich anders, das einzige, was das Medium tut, um Ihnen zu sagen, dass es einige - Aktivität auf Ihrem Profil ist, tatsächlich diese Quintessenz in Farbe zu haben. - Und das ist, was Sie wissen, - Apsis auf Ihrem iPhone. - Wie Rebe, die sie tun. - Sie sagen es uns nicht. - Wahrscheinlich, wie viele Benachrichtigungen haben Sie oder sogar Hochtöner? - Sie sagen dir nur, als gäbe es Benachrichtigungen. - Also hier sehe ich Sie haben, - wie, - drei Aktivitäten Sache ist, - aber wenn ich tatsächlich Ticket raus, - können Sie sehen, wie es nicht mehr da ist. Das ist, wie kann ich gerne an die Seite kommen und es ist so, dass es etwas Neues gibt. - Ich muss nicht wissen, wie viele neue Dinge es für mich gibt nur das Gefühl , dass in meinem Profil etwas Neues passiert ist. - Das reicht, um mich neugierig zu machen. Etwas, was ich in diesem Zusammenhang in unserem Auftrag getan habe, ist hier, - ähm, - 10 Benachrichtigungen, die Ihnen sagen, wie maney ungesehene Artikel Sie haben. - Also hier sehen Sie, wie, wenn ich das Panel geöffnet habe, - Sie können sehen, wie es wie Müllkippe sein wird. - Es kommt mit einem Text, weil man sonst nicht weiß, und das ist in Ordnung. Aber wenn das zusammengebrochen ist, mache ich immer noch dieses Ding, wo ich die Farbe vom I. ändere also wenn du eigentlich keine Benachrichtigung hast, wäre ich nicht da. - Oder vielleicht wird es wie blau sein. - Aber wenn es grün wird, - bedeutet es, wie Sie mögen, - ungesehene Beiträge bereits dort und etwas haben . - Ich habe darüber nachgedacht. - Ok, - Ok, obwohl wir das haben, brauchen wir vielleicht, vielleicht wie ein Schwebezustand, wenn Sie tatsächlich über eine dieser Blasen hinausgehen. - Er war wie, - Oh, weißt du, - Fünf. - Ich sehe Artikel von Spion Inspire, also ist das schwierig. - Aber, - wissen Sie, - müssen Sie verstehen, dass manchmal ich nicht kann. Ich meine, wir müssen mit einem Text über einen ähnlichen Kontext kommen wir müssen mit einem Text über einen ähnlichen Kontext kommen. - Ich sag dir was. - Es ISS und einige andere Zeiten, wenn die Verlobung ist wirklich niedrig. - Was? - Eigentlich, - du wirst keine verrückte Sache über den Benutzer tun weiß, dass das in Ordnung ist. - Wenn es nicht damit kommt, - ähm, - mit dem Text. - Also zurück zu diesem Beispiel, - es ist okay, wenn es nicht mit dem Text kommt, - denn wenn ich schreiben will, - weiß es nicht. - Tex benutzt hier total. - Sie können das nicht wissen. - Wir konnten den Download Thin in diesem Layout nicht immer und immer wieder wiederholen. - Nun, - ich habe gerade, - wie das, was dazu dient, die Aufmerksamkeit der Benutzer tatsächlich zu lenken. - Und dann sage ich ihnen, was passieren wird. - Der nächste Punkt, über den ich sprechen möchte, ist, dass Sie Fotografie auf Ihrer Entscheidung scheinen. - Also, meiner Meinung nach, - Fotografie ist immer schwierig, wenn mit Text zu spielen, - vor allem ohne Kontrolle. - Das Bild, - 100%. - Und weißt du, - das passiert, wenn wir wirklich Innenräume mit dir bauen. - Bereiten Sie sich auf wie, wirklich wie schwere Portale vor, zum Beispiel, über, - wie, - neue Website oder so, - wo wir tatsächlich wissen, dass sie sein werden, - Unzählige Bilder. - Aber wir wissen nicht, was das Bild sein wird . - Und es wird schwierig, wenn Sie nicht wissen, was die Bilder. - Vielleicht, weil Sie nicht wissen, ob der Text auf der linken Seite ist. - Aber wissen Sie, - der schwerste. - Der wichtigste Teil der Bilder auf der linken Seite. Vielleicht hast du alles auf der linken Seite in deiner Komposition, und das sieht vielleicht nicht gut aus. - Oder vielleicht, - wie das Wichtigste in Ihrer Komposition ist eigentlich, - wissen Sie, - direkt hinter dem Text. - Ist das nicht so wo sonst? - Wo? - Eigentlich, - es wird die Zusammensetzung ausgleichen, - so ist das immer knifflig. - Und ich hatte einige Erfahrung damit, indem ich mit Kunden wie CNN oder USA Today A gut, - unser Fluchtflug jetzt auf anders wagen. - Einige Tricks Designer tun in diesem Sinne und gut, - das erste und einfachste Problem trennen offensichtlich das Foto vom Inhalt. - Also, wenn ich mir anschaue, - um, - wieder unser Lieblingsbeispiel ist das unsrige Leser auf dem iPhone. Vielleicht, wenn ich mir anschaue, um offensichtlich so etwas, es ist wirklich Es ist einfach, sich zu trennen. - Sie können sie nicht vom Bild trennen. - Das Bild wird fantastisch aussehen. - Dieser Kerl, - das ist eines der wichtigsten Dinge auf dem Bild, - kann in dieser Ecke kann ich sein. - Also die Ecke, - ist Ihnen egal, weil alles, was Sie tun müssen, nur, - wissen Sie, - dort glücklich ist - wissen Sie, . - Es sei denn, du scrollst etwas nach unten, was dir egal ist, weil er getrennt ist. - Manchmal, - jedoch, - wir trennen wir es nicht. - Also haben wir versucht, es zusammenzufassen. - Und das ist, wo Sie wissen, - wir haben nur das Bild und den Text oben. - Und wenn wir das Bild wirklich 100% kontrollieren, wird das am Beispiel großartig sein. - Ich habe für das ist eine meiner Lieblings-Websites in letzter Zeit ist es Ah, - Memoir ist wie ein Tagebuch, aber im Grunde haben verschiedene Kapitel, - und die Homepage ist immer die gleiche Sache, - aber sie spielen mit verschiedenen Ecken. - Das ist Kapitel sieben und dann siehst du die Steuer wirklich schön. - Großer Jumbo, - leicht zu lesen, - ähm, - und so weiter. - Aber wenn wir zum Hauptmarquis zurückkehren, - das ist super nett, - denn offensichtlich hatte der Designer die totale Kontrolle über dieses Bild. Und wenn wir das in eine andere ändern, Ihre Majestät nochmal, sehen wir, wie sie diesen Filter anwenden, wie die Bilder in der Farbe sind, und es ist einfach, den Text zu lesen, Ihre Majestät nochmal, sehen wir, wie sie diesen Filter anwenden, wie die Bilder in der Farbe sind, und es ist einfach, den Text zu lesen, lassen Sie es, um den Titel zu lesen und so weiter. - Also wieder, - das ist nicht etwas, das passiert, wenn Sie tatsächlich eine Website für eine Nachricht bauen, - eine Nachrichtenplattform oder wie eine Krankenschwester wirklich beeinflusst ist. - Und so ist es schwierig, das texanische Oberteil zu setzen. - Aber wenn wir es dort machen wollen, - verschwendet es, - und die edle Art, dies zu tun, ist es tatsächlich, einen Grady oben auf dem Bild zu verwenden. Und dafür habe ich hier ihre Richtlinien, die wir bei der Erstellung hatten, bei der Erstellung der Richtlinien für den , Fluchtflug Simon, der sich hier öffnet, damit Sie sie sehen können. - Und im Grunde, - wo ich beschrieb, wie diese Festzelt Bereich funktionieren würde, - je nachdem, wie viel Dank. - Wir haben wir so hier Flucht hier, - Bilder, - Marktrichtlinien. - Sie können sehen, wie wieder ich bin, scheinen wirklich ruhige Bilder zu sein. - Und das dachte ich, wir würden es haben. - Und dann setze ich den Text hier auf der linken Seite. Und dieser Grady, wenn ich nur die Bildkomposition betrachte, beschreibe ich, wie das visuelle Gewicht des Bildes immer auf der rechten Seite sein sollte, damit wir den Text auf der linken Seite platzierenkönnen . wenn ich nur die Bildkomposition betrachte, beschreibe ich, wie das visuelle Gewicht des Bildes immer auf der rechten Seite sein sollte, damit wir den Text auf der linken Seite platzierenkönnen , damit wir den Text auf der linken Seite platzieren - und es ist OK. - Und dann gehe ich tatsächlich, um, - wie, - einige Beispiele hier zu beschreiben - wie, . - So offensichtlich wissen Sie, - Richtlinien für die Bilder, - die Themen Natur Straßen öffnen Felder wie versucht, Amateur ish Fotografie zu vermeiden, - überfüllte Szenen, - Unordnung klare Szenarien wie super ausgesetzt Alter. - Das sind Bilder oder Vignetten oder wie soziale wie Instagram-Bilder. - Also ich das etwas falsch, aber Sie können sehen, wie ihre Bilder wirklich ruhig. - Und in diesem Fall, - der Graham ist nett und es funktioniert. - Aber, - wie Sie zu einigen anderen gehen, - wie hier in diesem Verbrechen in wie, was nicht in diesem trüben zu tun, - so viel braun, - wissen Sie, - zu klebrig sein noch zu stark, - Genau wie die Farben wirklich, - wirklich, - wirklich, - wirklich schlecht sind. - Und wieder, - Sie wissen, wie die Techniker eine Rolle spielen werden. - Also nochmal, wir haben die Grady. - Ähm, - wir haben den Text, - und das dauert es hängt von der Größe ab. - Es könnte größer oder kleiner sein und wieder, - wissen Sie, - ich bin nur hier, - wie einige Beispiele mit unterschiedlichen Takes on line length. - Also, was wir mit sechs Linien haben, - was wird mit fünf Linien geschehen? - Was passiert mit vier Zeilen hier und so weiter? - Das ist etwas, was du tun kannst, aber nochmal, wenn du mit Feuer spielst, weil du wirklich nicht weißt, was diese Bilder machen werden . - Wie Sie wissen, - so viel wie Sie eine bestimmte Richtlinie haben können, - es hängt in dem Medium, - es könnte nicht immer in der Lage sein, mit diesen Richtlinien zu beschweren. - Sie könnten also an einem Ort landen, wo , sie tatsächlich ein wirklich schlechtes Bild haben, oder sie habenalle Details unter dem Text, und es tut sie tatsächlich ein wirklich schlechtes Bild haben, oder sie haben sie tatsächlich ein wirklich schlechtes Bild haben, oder sie habenalle Details unter dem Text, und es tut alle Details unter dem Text, Sieht nicht so nett aus. - Also wieder, ich bin irgendwie so, als würde ich mich in Richtung bewegen, , Textbilder jedes Mal zu trennen. - Ich kann die Qualität des Bildes nicht kontrollieren. - Also gibt es etwas, woran man für euch denken kann. - Der fünfte letzte Punkt, über den ich in dieser Einheit sprechen möchte, ist jede Komponente so zu behandeln, als ob - es könnte vorgestellt werden Zehe Design-Wettbewerb. - Was bedeutet das? - Nun, wieder mit den Unterzeichnern. - Aber wir fangen menschlich an. Offensichtlich versuchen wir immer unser Bestes zu geben, aber manchmal denke ich, Sie wissen einige Dinge, wie es einige Komponenten gibt, die uns egal sind, oder wir kümmern uns so viel wie möglich. - Aber ich bin vielleicht nicht das Wichtigste, aber für uns. - Das ist definitiv der Rhone-Ansatz. - Und das versucht der Satz zu sagen. Es ist, als müssten wir jede einzelne Komponente mit der Wissenschaft behandeln, als ob wir das Design übernehmen könnten. - Ich werde einem Designwettbewerb vorgestellt. - Das habe ich auf die harte Art gelernt. - Ich lernte, wie, - tun, - wiederholen, wiederholen und tatsächlich, - wissen Sie, - versuchen, jeden einzelnen Schritt im Designprozess zu genießen. - Sogar ein Essen kann ein verdammt tolles Essen sein. - Wenn du tatsächlich die Energie einbringst, um es großartig zu machen. - Also in diesem Sinne, - möchte ich dieses Beispiel von einem Videoplayer zeigen. - Ich habe es vor einer Weile getan, aber wie wieder? - Ich habe gerade versucht, zurückzutreten. - Und das ist schon drei Jahre alt. - Aber noch, - wissen Sie, - kann ich sehen, - wie, - all das niedrige, wenn ich versuche, es anzuziehen und so weiter. - Also habe ich... , wie verschiedene Szenarien, wiewir ein Overlay werden eine weitere über Entlassungen sein. - Wie die Leute Ihre Timeline kommentierten. - Diese Schließtasten werden nur angezeigt, wenn Sie sie, - ähm, - wieder, - wie verschiedene Komponenten halten - ähm, - wieder, . - Sehen Sie, wie, wenn Sie auf Nahunterschrift drücken, setzen, - wird er heraufkommen. - Sie könnten in der Lage sein, die Größe zu definieren oder nicht. - Genau wie die Liebe, die ich in diese Komponente setzen wollte. Und es ist einfacher zu sehen, wenn wir uns das so ansehen, wie du weißt, es ist alles eine Frage des , richtigen Raumes in der Lichtbehandlung, die du hier begreifst. - Vor fast drei Jahren. - Ich habe das getan und jetzt fühlt es sich ein bisschen übertwittert an, als würde ich das nicht mehr so - mehr. - Aber offensichtlich, - Designer und sie sind wie, - Übergänge sind harte Geschmacksänderungen und so weiter. - Aber trotzdem, - als ich das tat, - Ich mag, ich habe all die Aufmerksamkeit geschenkt, die ich konnte, um dieses Tempo genau hier und da zu machen - und hier können Sie sehen, wie es den Rahmen an hält, - tatsächlich doppelt diesen Raum dort zu bekommen . - Also alles, - alles hat, - wie, - eine Menge Liebe und sogar 1% in diesem. Weißt du, ich weiß eigentlich nicht, ob du das Glühen auf dem Hintergrund sehen kannst, wie diese Telefone, weißt du, nur damit ich es am besten sehen kann, und die Leute können wirklich genießen es und dann, - wissen Sie, - wie eine Frage der wie, - zeigt die Liebe, die Dinge Komponente hat ich nur die verschiedenen Einheiten beschreiben, die 8. Die Bedeutung einer Fallstudie: Hey, Leute, willkommen zu Kapitel acht. Die Bedeutung einer Fallstudie in dieser Union wird sich im Wesentlichen auf die Definition einer Fallstudie erstrecken . Warum ist es wichtig, einen Fall zu erstellen, der ist? Und schließlich gehen wir durch die Struktur, die Sie verwenden können, um Ihre eigene Fallstudie zu erstellen? Also 1. von allen, was ist eine Fallstudie, wenn Sie wissen, was? Eigentlich frage ich mich über ein allgemeines Konzept wie dieses. Wie Sie wissen, gehe ich gerne zu Google. Und im Grunde ist eine Fallstudie, wie sie sagten, der Prozess oder Rekordforschung, bei dem die Entwicklung einer bestimmten Angelegenheit über einen bestimmten Zeitraum detailliert berücksichtigt wird . Lassen Sie uns diese besondere Angelegenheit nehmen, und das ist definitiv unser Projekt. So können wir den Prozess der Forschung und all die detaillierten Überlegungen, die unserem Projekt über einen bestimmten Zeitraum gegeben wurden, nicht erklären . Wir haben im Grunde dieses Produkt, das ziemlich fertig ist, und jetzt ist es Zeit, tatsächlich die ganze Zeit zu erklären, die wir durchgemacht haben , wissen Sie, , wissen Sie, von Anfang an, von der Pause anfänglich kurz aus dem Con off -Projekt. Wie können wir das ausarbeiten? Und wie betrachten wir alle verschiedenen Variationen und gehen zum endgültigen Projekt. Das ist ein Fall, dass nur eine Reflexion davon. Wie machen wir das? Wissen Sie, ziemlich arbeiten wir in den digitalen Medien, so dass wir durch digitales durchgängiges digitales Blut, von dem aus potenziell wie Website ist. So schaffen wir so ziemlich diese Seite, wo wir alle Gründe und all die rationalen hinter ihrem Prozess erklären . Und warum ist das wichtig? Wie, warum kümmern wir uns darum? Ich denke, ich meine, es ist wirklich wichtig, aus Toms verschiedenen Perspektiven. Wie wenn ich es mir anschaue, um von einem Designer Kiefer von dir zu retten, denke ich aus einer Designperspektive, ist es wirklich wichtig, tatsächlich in der Lage zu sein, coole Sachen zu erstellen, Lage zu sein, tatsächlich eine kurze wirklich durch zu bekommen, und kommen mit einer wirklich guten Idee, die alle Bedürfnisse des Atems adressieren und tatsächlich etwas daraus machen. Und das ist das Projekt. Das ist erstaunlich. Und das ist definitiv eine der wichtigsten Fähigkeiten sagte, dass das Zentrum haben sollte. Aber es ist heimlich wichtig, tatsächlich in der Lage zu sein, durch Ihr Konzept zu sprechen, jemandem zu erklären, warum Sie etwas auf die spezifische Art und Weise getan haben, und nicht auf andere Weise . Weißt du, wie ich denke, , ich denke, dass es wirklich wichtig ist, alle Gedanken und den Prozess, dendu durchgemacht hast,erklären du durchgemacht hast, zu können. Es ist wirklich wichtig zu wissen, wie Sie Ihre Ideen kommunizieren und dann, so wird das aus einer Designperspektive sein . Aber wie? Wie betrachten wir das aus geschäftlicher Sicht? Nun, du denkst einfach an wie eine Firma und all das Zeug, das sie produzieren, von dem du weißt, wirst du niemals Allahs Du in der Firma arbeiten sehen. Weißt du, es gibt so viele Dinge, die schief gehen können. Und es gibt so viele tolle Ideen und großartige Hinrichtungen, die manchmal nicht zum Leben erwecken, weil sie es nicht bis zur endgültigen Veröffentlichung geschafft haben. Dies ist also ein Projekt für Unternehmen, um tatsächlich die meisten Handel, wie gut sie sind und wie gut einige ihrer Lösungen nur den Prozess von Kredit in diesem Projekt mit dem Kunden wert aus. Es ist also eine Werbe-Co-Arbeiter, eine Werbewaffe, um aus rein Produktionsfirma Perspektive zu sagen. Aber es ist auch so, als hätte eine persönliche Entwicklung erklärt, dass Konzept durch ist wirklich nützlich. Und wie ist es Struktur? Was ich also über die Strukturierung gegen Ali denke, denkeich immer , denke an Geschichten. Also ist es definierbar, eine Geschichte und Geschichte zu erzählen, so ziemlich haben die Einrichtung des Konflikts, und es gab Lösung. Wenn wir also über die Einrichtung nachdenken und das wird der erste Punkt sein, müssen wir die Situation beschreiben . Wir müssen also den Grund beschreiben, warum wir dieses Projekt tatsächlich machen. Ist es, weil es ein Brief von einem Kunden ist? Könnte sein, sagten sie, weil wir einen Mangel auf dem Markt gesehen haben, den wir denken, dass wir mit unserem Projekt fühlen können. Wie, Sie wissen schon, , Sie wissen schon, vor ein paar Monaten vor Mitgliedern, er war wie, Wir müssen tatsächlich etwas Besseres erstellen, weil der E-Mail-Prozess, es ein paar Monaten vor Mitgliedern, er war wie, er war wie, Wir müssen tatsächlich etwas Besseres erstellen, weil der E-Mail-Prozess, ist so für immer gewesen. Das wird also das Setup sein. Eine E-Mail hat sich in 10 Jahren nicht geändert, ist der Weg in unserem Fall, sagt unser, wir dort? Wir denken, dass es keinen Anus-Leser gibt, der alle Bedürfnisse des Benutzers in einer überzeugenden Weise adressiert, und dafür ist wirklich nützlich, um Ihr Konzept tatsächlich zu kapseln. Haben Sie ein ziemlich klares Konzept, das in nur einem Satz eingekapselt werden kann. Dies ist eine Übung, die ich vor kurzem angefangen habe, und er hat wirklich geholfen, genau so ziemlich eine Erklärung Ihres Konzepts zu jemand anderem. Die Macht zu sagen, erklären Sie Ihre den einen Satz und die andere Person, wie bekommen Sie sofort ist wirklich mächtig. Okay, also erklären wir es schon. Wir haben in unserer Fallstudie. Wir haben die Situation bereits beschrieben. Wir haben unseren Vorschlag in einem Satz, und jetzt müssen wir das Ganze erklären. Basierend auf unserem Vorschlag, ist der Körper, wenn wir tatsächlich unser Konzept im Tod erklären. Was bedeutet das? Nun, ich meine, es hängt wirklich von dem Projekt ab, aber zuerst, wenn Sie eindrängen, vielleicht wie die soziale Beteiligung an Ihrem Iriss-Leser, ist das eigentlich der Ort, um Erklären Sie es. Wenn Sie gerne verrückte Animationen machen, die Sie denken, verbinden die ganze Etage wie, wirklich gut, das wird Eigentlich, sie kommen der Ort, um es auf, dass funktioniert zu fördern. Sie wissen, dass diese Arbeit mit jedem Schutz Sie so ziemlich haben, um diese Highlights zu finden, die es besonders machen . Ist es, weil es wirklich einfach ist. Vielleicht sollten Sie in diesem Abschnitt über diese Einfachheit sprechen, und schließlich müssen Sie es einschließen. Also, weißt du, du erklärst wirklich den Markt. Sie erklären Ihren Vorschlag, Sie haben tatsächlich Details zu Ihrem Vorschlag gegeben, und jetzt müssen Sie tatsächlich beschleunigen, damit sie verwenden oder wissen, was als nächstes kommt. Wissen Sie, wenn wir sagen, dass das nicht oben ist, ähm, anfänglich bereit auf dem Markt als nächstes ist eigentlich der Link zu wissen, dass sie echt sind wenn es nicht ist oder ob es jetzt ist. Aber es wird immer noch als nächstes entwickelt. Und, wissen Sie, nächsten Schritte und letzten Abschnitt in Ihrem Fall, dass es sein sollte, wie melden Sie sich für das Bessere oder wie melden Sie sich für neue. Sir, wenn Sie wissen wollen, wann er freigelassen wird? Es ist wirklich wichtig, dass wir die Fallstudie tatsächlich mit einem klaren Handlungsaufruf enden. Andernfalls Andernfalls kommen Benutzer zum Ende des Flow und Sie wissen, dass sie kein Feedback haben können. Und diese Art aus könnte wie das Ende oder Ihre Kommunikation mit dem Benutzer sein. Also, je mehr Sie sie mit Ihrem Produkt beschäftigen können, die besten Ergebnisse, die Sie bekommen werden. Offensichtlich. Und das führt uns bis zum Ende von Kapitel acht, das heute wichtig ist. Und ich denke, es ist der Moment, wirklich wieder zu sagen, große Fans für alle, die tatsächlich dem Fluch beigetreten sind. Ich hoffe, ihr hattet Spaß daran. Und das ist definitiv das Ende der Einheiten, aber ist nicht das Ende des Kurses selbst. Der nächste Schritt ist, dass ich in den nächsten paar Wochen meine Fortschritte auf der RSS-Leserzuweisung posten werde, damit wir alle nachvollziehen können. Und ich freue mich auch darauf, zu sehen, was ihr euch an eher praktischen Händen am Beispiel einfallen könnt . Also all die erstaunlichen Projekte, die da draußen gesehen haben, Also nochmals vielen Dank und halten Sie die gute Arbeit. Genieße.