Visuelle Hierarchie und Abstand im Webdesign | Gil Huybrecht | Skillshare
Drawer
Suchen

Playback Speed


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

Visuelle Hierarchie und Abstand im Webdesign

teacher avatar Gil Huybrecht, Ui & UX designer, Branding

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.

      Intro

      1:08

    • 2.

      Why is visual hierarchy important?

      1:18

    • 3.

      Different ways of visual contrast

      2:19

    • 4.

      My grouping principle

      2:58

    • 5.

      Whitespace and balance

      2:10

    • 6.

      Exercise: Briefing/Subject

      0:53

    • 7.

      Exercise: Wireframes

      4:13

    • 8.

      Exercise: Making the design

      50:00

    • 9.

      Class project

      0:57

    • 10.

      Round up

      0:46

    • 11.

      Bonus lesson: Making a dribbble shot

      3:19

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

10,430

Students

142

Projects

Über diesen Kurs

Zuerst deines Anschauens für den Kurs in den Kurs , ich hoffe, dass du etwas über Webdesign lernen kannst. Mein Name ist Gil und ich bin Benutzeroberfläche und user

In diesem Kurs geht es um visuelle Hierarchie in Design und Abstand. Ich werde es in verschiedenen Möglichkeiten der visuellen Hierarchie machen und wie du guten Abstand hast, um einen minimalen Stil von Webdesign zu entwickeln.

Zuerst werde ich einen kleinen Teil der Theorie machen, aber als wir eine Übung durchgehen und ich werde es mir erklären, wie du diese Theorie in deiner Arbeit verwenden kannst. Dieser Kurs richtet sich an Anfänger:innen und fortgeschrittene Designer:innen, die bereits in Grundlagen von Photoshop haben können.

Am Ende dieses Kurses wirst du ein gutes Verständnis dafür haben, was visuelle Hierarchie und Abstand ist und du wirst das in deiner Arbeit nutzen können, um ein minimal-Stil im Webdesign zu entwickeln. Lass uns anfangen!

Meet Your Teacher

Teacher Profile Image

Gil Huybrecht

Ui & UX designer, Branding

Teacher

Hi everyone, my name is Gil Huybrecht. I'm a UI/UX designer & skateboarder from belgium. I have several years of experience designing websites and brands for various clients. Have a great day and let's make something awesome together!

See full profile

Level: Intermediate

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: Hallo, alle. Und willkommen zu meinem ersten Fähigkeitsanteil. Schließen Sie zuerst, große Dinge zum Auschecken der Klasse. Ich hoffe, Sie haben heute etwas gelernt. Mein Name ist Shell, und ich bin Designer und Skateboarder aus Belgien. Ich lebe zusammen mit meiner Freundin sind zwei Hunde und wir haben auch zwei Hasen. Meine Arbeit konzentriert sich hauptsächlich auf einen sauberen und minimalen Stil für Webdesign. Und das werde ich dir heute beibringen. In dieser Klasse dreht sich alles um visuelle Hierarchie und Abstände im Design. Ich werde darüber sprechen, warum visuelle Hierarchien die verschiedenen Möglichkeiten wichtig sind, wie wir visuelle Kontraste definieren und wie man Grits basierend verwendet, um mit einem minimalen Stil aus Webdesign zu kommen. Zuerst werden wir kleine Teile der Theorie. Aber dann gehen wir zu einer lustigen Übung, wo ich Ihnen erklären werde, wie Sie eine Theorie in Ihrer eigenen Arbeit verwenden können . Diese Klasse ist für Anfänger und Fortgeschrittene Designer, die bereits die Grundlagen des Photoshop-Downs haben. Aber natürlich werden alle am Ende dieser Klasse zu mir kommen. Sie werden ein gutes Verständnis von visuellem Ire gegen Basis haben, und Sie werden in der Lage sein, es in Ihrer eigenen Arbeit zu verwenden, um einen minimalen Stil für Design zu entwickeln . Also lasst uns loslegen 2. Warum visuelle Hierarchie wichtig?: He, Leute. Und vielen Dank, dass Sie sich in der Klasse eingeschrieben haben. Also, wie ich im Intro sagte, wir werden mit einer Theorie in diesem beginnen. Zuerst hören wir, wir werden über die Wichtigkeit der visuellen Hierarchie sprechen. Also, vor allem, Weißen, visuelle Hierarchie Bedeutung. Nun, visuelle Hierarchie ist wichtig, um einen Benutzer zu einer Webseite zu führen, zum Beispiel durch die Verwendung von Titeln, Untertiteln, Absätzen und so weiter. Sie können es für einen Benutzer viel einfacher machen, eine Seite zu durchblättern. Sie müssen darüber nachdenken, welche Informationen für einen Benutzer am wichtigsten sind und diese in den Titel einfügen , zum Beispiel, zum Beispiel, wie die Beschriftung auf den schlauen Leckereien. Wenn Sie Menschen einen massiven Block von Texten geben, stehen die Chancen, dass 99 von 100 nicht die Mühe machen, es zu lesen. Aber warum ist das so? Nun, das liegt daran, dass die meisten Menschen visuelle Denker sind und zweifellos ein Prozessor. Hier sehen Sie ein Beispiel, das ich gemacht habe, um den Punkt auf der linken Seite klarer zu machen. Wir haben einen regulären Block-Text, und auf der rechten Seite haben wir den gleichen Text. Aber dieser ist in Absätze und Titel unterteilt. Der linke scheint ein Schmerz zu sein, mir zu lesen, aber der rechte sieht viel einladender zu lesen und nicht zuletzt für diese Lektion. Wie definieren oder etablieren wir eine visuelle Hierarchie, während wir dies tun, indem wir visuellen Kontrast , aber mehr dazu in der nächsten Lektion. 3. Verschiedene Arten des visuellen Kontrasts: Wie ich bereits in der vorherigen Lektion sagte,stellen wir visuelle Hierarchie her, indem wir visuellen Kontrast verwenden. Wie ich bereits in der vorherigen Lektion sagte, In dieser Lektion werde ich die fünf verschiedenen Möglichkeiten des visuellen Kontrastes ihrer Größe, Farbe, Ausrichtung, Charakter und nicht zuletzt Animation durchlaufen. Zuerst hast du die Größe. Dies ist wahrscheinlich die am häufigsten verwendete Art des visuellen Kontrastes. Wie Sie sehen, zieht derjenige, der größer ist, die meiste Aufmerksamkeit auf sich. Wie Sie in diesem Beispiel sehen können, wird es für den Titel „ Der Titel Gramps“ verwendet . Mehr Aufmerksamkeit des Benutzers, weil es größer in der Größe ist. Die zweite Art des visuellen Kontrastes. Gelehrter. Dies ist auch ein sehr beliebter. Wie Sie sehen, zieht derjenige, der das hellste Auto hat, die meiste Aufmerksamkeit auf sich. Sie können dies zum Beispiel in Schaltflächen oder Kulturaktionen verwenden , wie Sie in diesem Beispiel sehen, ich arbeite hauptsächlich mit, um Kerne wie hellblau, grau oder weiß zu tonisieren , und dann verwende ich, wie eine helle Farbe für die Kultur Aktionen. Auf diese Weise kann der Benutzer leicht verstehen, welche Teile anklickbar sind und welche nicht. Die nächste ist die Ausrichtung. Dieser ist nicht so viel wie frühere verwendet, aber es kann ein ziemlich cool sein. Sie sehen, dass der mittlere Kreis nicht die Linie mit den anderen ist. Aus diesem Grund lenkt es die meiste Aufmerksamkeit auf den Tod. In diesem Beispiel sehen Sie, dass die Verwendung dieser Art des visuellen Kontrastes eine interessante Komposition bilden kann und den Blick nach unten auf den Text zieht. Die 4. 1 ist Zeichen. Das kann eine Menge Dinge sein. Siehst du. Ich habe mich für die Rundheit der Form entschieden, um sie mehr Aufmerksamkeit zu erregen. Aber es kann auch wie Textur, Schatten und andere Effekte sein, die es vom Rest abheben. In diesem Beispiel sehen Sie, dass das weiße Rechteck mit Schatten aufgrund seines Charakters mehr Aufmerksamkeit erregt . Die letzte ist die Animation. Dieser kann ein sehr mächtiger sein. Wenn Sie es richtig verwenden, können Sie sehen, dass der Mittelkreis aufgrund seiner Bewegung Aufmerksamkeit erregt. In diesem Beispiel wollte ich keinen Text auf Bildern verwenden, aber ich wollte das Urlaubsgefühl beibehalten. Also habe ich zuerst ein vollständiges Bild mit dem unteren gezeigt und dann enthülle ich Ihnen mit Animation, Sie können die Aufmerksamkeit auf Objekte lenken, die Lichter für das Laden von Animationen machen, und so ist es sehr cool. Aber es ist einfach, schnell zu übertreiben, so halten Sie die Animation 4. mein grouping: in dieser Lektion werde ich erklären, wie ich Elemente gruppiere und wie ich diese Gruppen angeordnet habe, um eine minimale Pipe in Ihrem Design zu erhalten . Also, zuerst, das Wichtige, was Sie im Hinterkopf behalten müssen, ist, dass Sie Elemente wie Gruppen sehen müssen . Aber das wird gegen Ende dieses Hörens deutlicher werden. So erhielt er ein einfaches Beispiel, das ich mit auf dem linken Bild und auf der rechten Seite gemacht habe, haben wir erstickt und einen Absatz. Wenn wir also einen Blick darauf werfen, wie ich diese Themen gruppiere, können wir sehen, dass ich hier blaue Rechtecke verwendet habe, um links und rechts von der Komposition zu zeigen . Die großen Linien wären, wo die Briten auf der linken Seite, wir haben nur ein Element, so dass ist eine einfache auf dem Bild. Aber auf der rechten Seite haben wir zwei Elemente. Der Titel und der Absatz. Die Welle platzieren diese Objekte ist die folgende. Sie betrachten den Titel und den Absatz als Ganzes, wären sie eine Gruppe. Dann legen Sie es einfach in die Mitte des blauen Rechtecks, das oben drauf ist, wie Sie hier auf der rechten Seite sehen können. Der Text ist horizontal und vertikal zentriert, und das gibt ihm das ausgewogene Gefühl. Das war also ein ziemlich einfaches Beispiel. Aber jetzt werfen wir einen Blick auf die kompliziertere, die Sie in diesem Beispiel sehen. Wir haben eine ganze Menge Dinge vor sich. Wir haben das Bild. Wir haben den Titel Untertitel Paragraph Rechteck mit einigen USB Aikens Dinge drauf, aber wir sehen, dass das gleiche Prinzip gilt hier nur viel komplizierter. Beginnen wir mit dem oberen linken Teil. Sie können hier sehen, dass wir drei Elemente Titel Untertitel und einen Absatz Zunächst ich Abstand Untertitel mit dem Titel Zu einander haben. Die beiden zusammen sind jetzt eine Gruppe für mich. Dann räume ich diese Gruppe als Ganzes in Richtung des Absatzes und die durch diese Straße zusammen wieder ehemalige Gruppe von ihren eigenen, die wir nutzen können, um später Platz für die Komposition. Als nächstes lassen Sie uns direkten Winkel auf der Unterseite mit den Symbolen hier, über die wir gerichtet haben, wir werden arbeiten und es gibt vier Elemente darauf, also teilen wir das Rechteck in vier gleiche Stücke. Das sind die vier blauen Rechtecke, die Sie sehen. sind jetzt die Orte, an denen die Symbole hingehen werden. Also für die Aikens wuchs ich diese jedes Mal zusammen mit dem Wort darunter. Das sind die rosa Rechtecke, die Sie sehen, und jetzt geht es nur darum, sie in die Mitte der vier blauen Rechtecke zu legen. Das ist also das für das Rechteck und schließlich auf der rechten Seite. Wir haben nur ein Bild, wie im vorherigen Beispiel. Also jetzt haben wir drei Hauptgruppen, mit denen wir arbeiten müssen, um auf der rechten Seite Bild. Wir haben das Rechteck, und wir haben die Gruppe mit Untertitel Titel und Absatz. Also, jetzt ist es einfacher Zehenraum. Diese drei Gruppen gegenüber sich selbst, einander, anstatt all diese separaten Gegenstände in den Raum zu haben,bemerkte ich, bemerkte ich, mag für jetzt kompliziert klingen, aber wenn Sie anfangen, dieses Prinzip zu verwenden, es wird alle medizinisch mit der Zeit kommen. Wenn Sie entwerfen 5. Whitespace und Balance: diese Lektion. Ich werde darüber reden, wie Ihr bester Ort und Raum, die Gruppen, über die wir in der vorherigen Lektion gesprochen haben. Ich verwende die Abstandsmethode hauptsächlich für Lehrbücher, aber sie kann für alles gelten. Wirklich. Also, jetzt werden wir behandeln, wie Sie Ihre Gruppen auf eine ausgewogene Art und Weise in den Hintergrund bringen oder loskommen oder was auch immer Raum, den Sie haben, um zu arbeiten. Hier sehen wir also ein einfaches Beispiel mit nur einem Titel in einem Absatz. Nehmen wir an, dass das weiße Rechteck mit Tropfen flach ein Raum ist, an dem Sie arbeiten müssen. Nun, hier sehen wir, wie ich dieses Lehrbuch platziert habe. Also zuerst, sehen Sie wieder, dass ich dies als eine Gruppe Thailand Absatz sehe. Und wenn wir dies als Gruppe betrachten, haben wir nur ein imaginäres Rechteck auf dem Hintergrund zu zentrieren, indem wir das imaginäre Rechteck einfach vertikal und horizontal zentrieren. Wir bekommen ein sehr ausgewogenes Gefühl, und das ist es, was wir tun. So, wie es angewendet wird, wenn wir an einem Design arbeiten. Nun, er hat ein paar einfache Teile bekommen, mit denen ich auf der rechten Seite des Bildes gemacht habe, und auf der linken Seite haben wir unseren Raum, an dem wir arbeiten können. Hier sehen Sie, dass der Text auf der linken Seite gerade zentriert ist. Wie in den vorherigen Folien habe ich gerade den Titel und den Absatz wieder als Gruppe gesehen. Und dann legte ich das in die horizontale und vertikale Mitte des Raumes, in dem ich Zehenarbeit hatte. Sie können diese Technik verwenden, um Objekte und Elemente fast überall zu platzieren, nur definieren, an welchen Räumen Sie arbeiten müssen. Und nicht zuletzt wollte ich euch sagen, wie ich die Breite eines Blocks definiere, wie man auf den Folien sieht. Für mich beträgt ein gutes Verhältnis 60% für die Objekte, die Sie platzieren, und 40% des großen Raums. Das sind 20% auf jeder Seite, weniger Leerraum, den Sie an den Seiten geben. Der Brief wird ein brütendes Gefühl dafür haben. Wenn Sie es mehr geben würden, kann es minimaler und Zucht werden. Aber Sie müssen aufpassen, dass die Sätze ein bis mindestens 5 bis 8 Wörter vertikal sind. Das gleiche gilt, aber es hängt von dem Raum ab, an dem Sie arbeiten. Also, das ist es für den Theorie-Teil. Ich hoffe, ich habe euch nicht zu viel gelangweilt, aber jetzt gehen wir zu einer Übung, wo ich erkläre, wie ihr all diese Dinge in euren Entwürfen verwenden könnt . 6. Übung: Briefing/Thema: Jetzt beginnen wir mit der Übung, und hier werden Sie sehen, wie wir eine Theorie anwenden können. Wir sind gerade rüber gegangen, und das kann ich in deiner eigenen Arbeit verwenden. Also zuerst werde ich erklären, wie ich mir einen Brief für diese Art von Übung mache. Also für die Dimensionen werde ich keine ganze Seite machen. Ich werde ah, Vollansicht außerhalb des Bildschirms für eine Website und für die für das Thema tun. Ich werde etwas tun, an dem ich interessiert bin, und ich werde mit etwas arbeiten, das sich um skandinavische Arbeitsplätze dreht. Wir werden einen einfachen Workflow für diese Übung verwenden. Also machen wir zuerst einen Drahtrahmen, um uns eine Idee aus dem Kopf zu bekommen, und dann fangen wir mit dem Design für diese Übung an. Ich werde nicht eine große verwenden, aber Sie können eine verwenden, wenn Sie wollen. Beginnen wir also mit einem Drahtrahmen 7. Übung: Wireframes: Also jetzt werden wir zum einfachen Drahtrahmen beginnen. Ähm, ich bin schon fallen gelassen. Ich habe hier sechs Bücher abgelegt, in denen ich arbeiten werde. Und der Grund, warum wir das tun, nur um uns schneller unordentlich aus dem Kopf zu bekommen, als wir es im Fotoshop oder so machen könnten. Also, ähm, ich habe meine sechs Kisten hier. Diese repräsentieren die Seiten, und ich werde gerade anfangen, einige ich d. Also, eigentlich, eigentlich, das erste, was ich darüber nachdenken muss, mit welchen Elementen und Inhalten ich arbeiten werde. Also werde ich mit einem Titel und einem Bild arbeiten, an dem ich mit dem skandinavischen Arbeitsplatz arbeite . Also werde ich wahrscheinlich etwas mit einem vorgestellten Produkt in einer großen Kultrichtung machen. Große Sammlung für den Benutzer, um es zu sehen, so dass er auf eine Detailseite klicken kann viel einfacher, einfacher und das Feature-Produkt, so dass es einige Metadaten, mit denen der Benutzer arbeiten kann. Also werde ich mit einem einfachen Split für dich beginnen, wo es, wie, das Bild auf der rechten Seite haben könnte wie, . Wir könnten die Einheimischen hier haben und wie ein Menü, das ich hier hören kann. Wir könnten einen Text vorgestellten Produkt haben könnte wie in einer Karte hier mit einem Overlay über das Bild oder etwas möchte, Button sagte. Sie sind hier ein anderes, und das ist nur sie haben einige schnelle Ideen, die so dass es nicht perfekt Logo sein muss . Wir können mit einigen diagonalen Linien für das Bild arbeiten. Könnte hierher gehen. Jetzt können wir hier mit einem vorgestellten Produkt arbeiten und dann hier könnten wir haben, wie der Text mit dem Aufruf zum Handeln. Diese Bücher könnten wie ein Aufruf zum Handeln sein, und hier hätten wir es können, wie ein paar Teile wie dieses haben. Aber in der anderen Weise, wie so könnte es, wie, wie, das untere hier Menü Aiken oder ein komplettes Menü haben könnte, wie einige der Text hier rüber kommen. Dies könnte das Bild sein und wäre cool, einen Wagen mit dem vorgestellten Produkt zu haben, wie ein übermäßig hier und für die Kulturaktion. Wir könnten es wie hier drüben haben, mit einem engen oder so etwas könnte wie hier und total bis zu Ihnen sein. Also hier werde ich versuchen, mit etwas in drei Reihen zu arbeiten, also teilen Sie es in drei Reihen auf . Nein, ich werde das Bild im mittleren Loga-Menü haben. Aiken, ein paar SMS, und dann könnten wir das aufteilen. Also haben wir ein schönes hier auf der linken Seite. Das sind die gleichen. Und dann ist diese Party in Stücke, und dann könnte dieser Teil sein, wie das vorgestellte Produkt hier, richtig? Ich bin ein Produkt. Und hier könnten wir, wie, die c t ahaben wie, die c t a also das ist, ähm, ähm, dann können wir ein paar andere Sachen ausprobieren. Als könnten wir sogar mit einem Kreis oder so arbeiten. So, wie diese aus rund um die Formen mit dem Bild gehen hier, Featured Produkt könnte wie hier in einem Gericht oder so sein. Nun, wir könnten unseren Text mit einem Call-to-Action-Logo haben. Nur ein Menü, das ich hier drüben kann. Oder wir können es einfach ändern. Wir haben auch immer den Text auf der linken Seite, also versuchen Sie einen anderen mit dem Bild auf der rechten Seite auf der linken Seite, ich meine, sorry. Und dann hier ist ein Text. Die Featured könnte wie von Kante zu Kante Produkt sein. Weißt du, wir könnten drüben hier drüben einen Aufruf zum Handeln haben. Low und eine Speisekarte, Aiken. Also, wenn ich mir das anschaue. Die eine, die mein Interesse am meisten auffällt, ist diese und diese. Aber ich glaube, ich werde mit diesem hier arbeiten. Also, jetzt werden wir jetzt gehen wir zu der Übung, um zu erklären, wie wir diesen Drahtrahmen machen können , den ich im Abschleppen des Designs gemacht habe. 8. Übung: Design erstellen: Jetzt fangen wir mit der Übung an. Ich habe gerade den Fotoshop eröffnet. Wir machen ein neues Dokument. Ich nenne es skandinavische Arbeitsbereiche. Es wird 1500 Pixel in der Breite und etwa 850 in der Höhe sein. Die Auflösung wird 72 Pixel pro Zoll und die Farbe Moz wird rgb sein. Also einfach OK drücken? Und jetzt haben wir Ah, diese Leinwand, an der wir arbeiten können. Das erste, was ich tun werde, ist, dass ich ein Kunstbrett daraus machen werde, damit du es tun kannst, indem du hier klickst und hier unterwegs hältst und dann kriegst du diesen Pop raus. Sie können einfach für Ardmore Tool wählen und dann starten wir hier in der linken Stopp-Ecke. Sie können klicken und direkt. Du bist klug, Hilfslinien werden angezeigt, und dann kannst du es einfach in die rechte untere Ecke ziehen, und dann wirst du hier im Ebenenfenster sehen, dass wir keine Kunsttafel haben. Also werde ich diese skandinavischen Arbeitsbereiche nennen. Das ist es auch nicht? Die weiße Ebene hier ist nur ein Hintergrund, so dass Sie sich keine Gedanken darüber machen müssen. Also der Grund, warum ich in der Kunsttafel von diesem gemacht habe, ist Ah, das wird leicht zu duplizieren sein. Die Kongolesen arbeiteten. Also, jetzt werden wir verkleinern, und wir werden versuchen, unseren Drahtrahmen neu zu erstellen, den wir gemacht haben. Also die, die ich wählte, hatte ein Bild in der Mitte. Also gehe ich direkt zu dir zum Rechteck-Werkzeug. Also werde ich nur grob ein Rechteck hier in der Mitte setzen, indem ich klicke und ziehe. Das ist also das. Ich werde dir nur eine hellgraue Farbe geben. Also weiß ich, dass das da ist. Sie können den Kern einstellen, indem Sie einfach hier im Terminal direkt klicken. Gary, hol dir eine Farbe, Papa. Der Grund, warum ich das Rechteck dort bin, liegt daran, dass es der Platzhalter für das Bild sein wird . Also hier auf der rechten Seite, werden wir zwei Blöcke haben, den einen für diese für die Kultrichtung und den für die Features Produkt. Also werde ich das hier mit dem ganzen Häuptling übernehmen, also machen wir ein Duplikat davon, um es ein bisschen dunkler zu machen, damit ich den Unterschied zwischen den beiden und dann mit dem Schlagen von Go Monaten t für Transformation sehen kann . Sie erhalten diese umgrenzenden Bücher und Sie können es hierher ziehen, um es kleiner zu machen, nur gehen, um es hier zu ziehen. Du siehst den klugen Kerl, der bedeutet, dass er in der Mitte ist. Also werde ich nur mit dem Tod zu tun und dann Befehl klicken Sie auf diese für Auto wählen Sitze ausgecheckt. Aber wenn ich Kommentare drückte, geht es weiter. Also jedes Mal, wenn ich Befehl drücke und ich irgendwo klicke, wählen Sie diese Ebene aus. So, zum Beispiel, jetzt ist dieser ausgewählt. Wenn ich befehle, klicken Sie hier, wird die andere ausgewählt. Also werde ich wieder hierher gehen. Ich werde das gleiche tun, wie ich es mit der Distriktion von ausgewählten getan habe. Ich werde ausdrücken und verschieben und nach unten ziehen. Ich dachte, trifft die Ecke des anderen und ich sehe, dass es eine Linie mit einem Pixel zwischen ihnen gibt , also werde ich einfach Pfeil nach oben drücken, um es zu bewegen. Also sind sie gegeneinander. Ich werde das auch etwas dunkler machen. Also sehen Sie hier, tatsächlich, was wir jetzt getan haben, wenn wir unseren Drahtrahmen neu erstellen, damit es der Raum sein wird, an dem ich arbeiten werde . Es ist eine andere. Wir haben dieses Set, unsere Frau Rahmen. Ich werde versuchen, ein gutes Bild zu finden, das man hier in dieses Rechteck setzen kann. Also gehe ich rüber zu Luke Room und gehe zu Interessen. Das Kleid ist ein guter Ort, um nach Bildern zu suchen und sich inspirieren lassen. Also werde ich hier nur nach skandinavischem Arbeitsbereich suchen. Mal sehen, welche Bilder erscheinen. Also mag ich das schon irgendwie anders. Anders ist hier ein bisschen beschäftigt. Das hier ist ein netter. Also nur gehen Zehe, klicken Sie darauf und dann einen einfachen Trick, so dass Sie nicht haben, um das Bild zu speichern ist immer Ja , Sie können einfach mit der rechten Maustaste darauf und ein Kopierbild, und Sie können über zu Foto-Shop auf gehen. Haben Sie, um das Rechteck hier, wo Sie gehen, um Ihr Bild auf dem Platz für es zu platzieren, und dann drücken Sie zwei Monate Gebühr, um es einfügen, und so wird es die Ebene oben drauf werden. So jetzt sehen wir, dass die Bilder von der aus dem Platzhalter verlieren. Wenn Sie also möchten, dass das Bild nur auf dem Rechteck erscheint, haben wir hier. Es gibt eine einfache drei kritische, eine beschnittene Moschee, und wir können sie erstellen, indem Sie Ault gedrückt halten und zwischen der Bildebene und der Platzhalterebene klicken. Du siehst also diesen Pfeil. Wenn ich also klicke, wird es nur in der Ebene angezeigt, die es benötigt wurde. Also hier, dass der direkte Winkel. Wenn Sie jetzt sehen, wenn ich auf das Bild klicke und ich ziehe es herum, um es zu sehen, bleibt nur es immer im Rechteck. Das ist also gut für Nein. Also habe ich dieses Bild hier und vielleicht könnten wir ein paar andere ausprobieren. Es ist wirklich einfach, so dass Sie wieder zu Interessen gehen können, ein wenig nach unten scrollen können, sehen, welche Art von Bildern hier sind. Ah, irgendwie wie dieser hier. Also auch über Pinterest ist, wenn du ein Bild findest, das dir gefällt, kannst du immer nach unten scrollen und Pinterest gibt dir vorgeschlagene Bilder. Hier haben wir also eine ganze Menge mehr Bilder. Die Songs sind cool wie dieser, aber dieser hier, den ich mag, ich denke, ich werde mit diesem gehen. Also dasselbe, richtig? Klicken Sie auf, kopieren, Bild, dann sehen Sie, dass wir an der gleichen Stelle sind hier in der Ebene. Füllen Sie es aus. Also sind wir hier und ich kann einfach wieder auf V kommen und Sie werden sehen, dass das Bild hier erscheint. Aber Sie sehen wieder, es ist lose von der aus dem Platzhalter. So können wir einfach wieder zwischen den beiden Schichten drücken und zwischen den beiden Schichten klicken. Und ich werde diese beiden Bilder zu halten, denn wenn ich das Auge hier auf dieser Ebene klicke, wird es mir zeigen, dass das Bild war Essen es. Später, wenn wir ein bisschen weiter in der Komposition sind, können wir den Unterschied sehen. Was das Gefühl Geschenke mit den verschiedenen Bildern. Also werde ich einfach zu Ort. Ich werde nur noch einmal auf das Ich klicken. Wir sehen das Bild. Ich werde kommen und darauf klicken. Also habe ich es ausgewählt, dass ich es an Ort und Stelle ziehen werde. Das war's also. Jetzt fühle, dass es vielleicht ein bisschen zu verengten Ort ist, obwohl, dass ich so werde ich Befehl klicken Sie auf diese in Befehl Shift Klicken Sie auf die darunter. So sehe ich hier, dass ich die beiden Schichten ausgewählt habe. Ich werde nur den Befehl t wieder komprimieren, um zu transformieren und sie einfach ein wenig kleiner in mit Vielleicht wie dieses Zahlenzentrum zu machen . Und dann müssen wir hier den Platzhalter größer machen. Also kann ich einfach hier auf das Rechteck klicken oder über dasselbe platzieren. Komm schon, T zieh es rüber. Jetzt können wir ersetzen. Wir können ihr Bild ein wenig ziehen. Jetzt sehe ich, dass das Rechteck an der Seite zu weiß ist. Also wieder, Sie wählen alle Monte für Transformation lenken, und Sie können es zurück hierher bringen. Drücken Sie also Eingabe-Bild hier, um es ein wenig kleiner zu machen. So, also okay, das gefällt mir. Jetzt, da wir das getan haben, werde ich nur meine Schichten nennen. Also dieser ist ein Platzhalter, dass zwei Bilder gehen, um Befehl klicken Sie auf die anderen beiden. Also haben wir den Tria in den drei Schichten. Wir haben sie ausgewählt, und ich werde Befehl g drücken, um eine Gruppe daraus zu machen. Also hier kann ich das Gruppenbild eingeben benennen. Und hier haben wir zwei Blöcke. Diese werden sich wahrscheinlich ändern . Also werde ich ihnen nicht Namen geben, den Hintergrund und genau wie eine weiße Farbe, aber ich werde es nur löschen, weil es automatisch weiß ist. Das war's also. Das nächste, was ich tun werde, ist, alle Informationen, die ich in diesem Design einfügen will . Also zuerst, also werde ich Presti, um die Typografie zu erörtern. Also mache ich hier nur Textbücher und erinnere mich daran. Wie wir in der Theorie sagten, ichwollte 60% sein ich , an denen wir arbeiten müssen. Also hier wäre es das weiße Rechteck, dass der Raum, wo wir arbeiten können, also werde ich es nur ungefähr tun, wie 60% wahrscheinlich etwas so sein wird. Ich ziehe es einfach in die Mitte und dann wird der Titel, mit dem ich arbeiten werde, nur skandinavische Arbeitsbereiche sein . Ich schaffe es, hier die Leitung zu verlassen. So wird das nur ihre Front setzen ist nicht die, die ich verwenden werde, wahrscheinlich, aber setzen Sie einfach einen Standard hier für mich, und dann werde ich wieder ins Internet gehen. Du wirst ein neues Top machen und ich werde nach skandinavischen Werken suchen und dann involviert. Sehen Sie, wir sehen hier, dass wir ein paar Artikel haben. Wie hier, zum Beispiel, dieser hier. Sehen Sie, wir haben hier einen Text, mit dem wir nur hier sehen können. Wenn ich so etwas wie diese 25 kopieren und einfügen kann, brauchen wir das nicht. Aber ich werde nur nehmen, wie, hier, entworfen, um es in Raumbeschränkungen Raum. Etwas, bis du den Befehl ausdrucken wirst. Siehst du, nur ein paar Mal, um sicher zu sein. Und dann drücken wir den Befehl hoch, um zurück zum Fotoshop zu gehen. Also jetzt wieder, werde machen. Ich werde nur diese Bücher kopieren. Also, das ist das gleiche mit ich werde nur Presti. Und dann kann ich Sie können den Text hier in diesem Feld auswählen. Ich werde Befehl A drücken, um alles auszuwählen. Ich drücke die Rücktaste, um es zu löschen, und befehle V, um den langen Text, den wir haben, einzufügen. Und ich werde den Körpertext in ah ändern, Telefonzeit, die hauptsächlich für Körpertext in Totenkopf-Quelle auf spro verwendet wird. Es wird den regulären nehmen. Es ist ein freier Funk. Sie können es am Telefon herunterladen. Eichhörnchen, ich denke, du kannst es einfach googeln. Du wirst es finden. Das ist also das. Ich werde es machen, , 17 Punkte, und ich werde über die Strafe gehen, die der Charakter und ich habe nicht, dass die Zeilenhöhe ist . Und jetzt sehen wir es eingestellt. Es ist viel zu groß. Also werde ich hier stehen, und ich werde klicken und lenken Sie sehen, in den Sätzen, die kommen werden. Und jetzt wollen wir etwas Gutes und Gieriges. Also, so , das wäre für Jim zusammen für mich. Jemand, der es ein wenig groß macht. Größer. Sehen Sie, dass alle Texte da hineinpassen können. Also habe ich es runtergeschleppt. Also haben wir Text hier gehalten, also ist das tot. Und vielleicht wird es ein bisschen geben. Nous, vielleicht müssen Sie uns nicht so viel Text wie diesen verwenden. Aber wir können zum Beispiel abschneiden, es hier zum Beispiel abschneiden, also habe ich etwas weniger Text, mit dem ich arbeiten muss. Denken Sie daran, es ist kein Kundenjob. Viel Spaß und um ein paar neue Dinge auszuprobieren. Also, jetzt werden wir das lesen. Klicken Sie hier. Also, jetzt ist es wieder da. Okay, das war's. Das nächste, was ich will, ist Ah, Lower. Ich klicke einfach hier und tippe etwas aus. Ähm, funktioniert Basis, zum Beispiel, ich mache das wie, äh, 20 Punkte, zum Beispiel, , dran,denken Sie daran, wir sind nur alles einzustellen. Das ist nicht definitiv oder so, aber wir werden es schaffen. Wir werden es ändern. Teoh. Was werden wir sehen, wie es sich anfühlt, wenn wir das ganze Kompositionsset haben. Also sehen wir hier. Ich habe Raum ein paar Mal gedrückt, dass nur klicken und einen Stift in das Bild zu lenken . Sie sehen also, dass sich der Cursor in die Hand ändert, wenn ich die Leertaste drücke, und dann können Sie klicken und ziehen. Es ist ziemlich einfach. Ähm, das nächste, was wir tun werden, ist, dass wir ein Menü erstellen. Ich kann, also wird es hier rüber gehen, wahrscheinlich. Also werde ich einfach das Zeilenwerkzeug nehmen und er erhielt auf drei Pixel eingestellt. Ich werde es ändern, und ich werde alle scrollen, um zu zoomen, genau so. Und dann, wie so etwas, wie 66 700% oder so. Ich werde nur eine Linie so etwas ziehen. Wie 20 Pixel in der Breite, dass, wie ich sagte, bevor wir direkten Winkel klicken Sie hier im Terminal und Sie können die Farbe ändern , so werde ich es schwarz drücken. Okay, dann wollen wir wollen, dass wir ein Hamburgermenü haben wollen wollen. Also wollen wir drei dieser Streifen, damit wir diesen einfach durch Drücken von Befehlen duplizieren können. Und Jay, also, , du siehst hier, es wird eine Kopie haben. Also gibt es das und dann werden wir das wieder tun, so dass und wir wählen dieses und drücken Shift und eine Straße nach unten, so dass dies bewegt es 10 Pixel. Also, wenn wir das mit dem anderen machen, dann haben wir das. Aber wenn Sie verkleinern, gehen wir zurück zu 100% der tatsächlichen Ansichtsgröße, um zu sehen, wie es aussieht, wenn wir unsere verkleinert haben und eine einfache Möglichkeit, zurück zu 100% dieses Befehls Shift eins so zu gehen. Und dann haben wir das angefleht. Also werde ich Bennett wieder hier. Wenn wir also diese Baumschichten auswählen, sind das das Menü, das ich einfach drücken kann. Komm schon, G. Machen Sie eine Gruppe davon. Du nennst es. Menü. Das kann ich. Das, was ich jetzt sehe, ist, dass es zu hoch ist und dass die Linien zu weit voneinander entfernt sind , also wird es gleich hier rüber kommen. Also will ich, dass die ein bisschen näher beieinander sind, also werde ich so, wie dieser hier, meine Pfeiltasten nehmen. Ich gehe die Zehe. 123 Okay, es sieht besser aus, und dann wählen wir die sind Zahn und 123 Also das fängt an, ein bisschen besser aussehen . Also werde ich alle wieder zoomen, um wieder in das Menü zu gehen, und ich wollte es ein bisschen dynamischer machen. Die Sache, die ich tun werde, ist, dass ich den Verstand ausschalten werde, um das Licht auszuschalten. Ich werde das tun, indem ich A drückt, ist die direkte Auswahl Zehe. Dies ist ah, wo Sie Ankerpunkte mit auswählen können. Also werde ich hier einen Blick drücken. Es sind nicht die weißen Werkzeuge. Ich werde klicken und ziehen, und dann haben wir die direkte Auswahl Zehe. Ich werde darauf klicken Ich werde diese beiden linken Punkte nicht auswählen, aber nur ziehen Sie über sie und in mit den Pfeiltasten kann sie so etwas kürzer machen . Und es gibt keine festgelegten Regeln dafür ist nur, dass Sie damit experimentieren können. Du kannst so viel ausprobieren, wenn du willst, aber ich weiß, dass ich ein bisschen so sein wollte. Also haben wir jetzt drei verschiedene Verstand. Und ich werde nur noch mal sehen, wie sie in der tatsächlichen Größe aussehen. Ich werde noch einmal die Befehlsverschiebung drücken. Genug mit Leichtigkeit. Ich fange an, das zu mögen, aber vielleicht sind sie ein bisschen zu weit voneinander entfernt. Also werde ich wieder den niedrigsten auswählen, den mittleren, und dann werde ich eine Taste nach oben drücken, und ich muss die unteren 12 Pixel verschieben. Also, jetzt kommen wir irgendwo hin. Okay, lassen wir das vorerst. Das tut es auch. Jetzt werden wir sehen, was wir für die Faltengröße tun können. Oh, sind, oder die Waisen im Allgemeinen. Also dieser hier ist irgendwie meine goto Körpertext-Formulare, aber ich mag es irgendwie, also denke ich, ich werde behalten, dass es alles auswählt. Und ich denke, es ist vielleicht ein bisschen zu weiß jetzt. Die Lehrbücher. Also werde ich das auswählen. Ich werde diesen Ankerpunkt hier aus dem Lehrbuch nehmen. Ich ziehe es ein bisschen nach unten und ein bisschen nach links, also mag ich den Tod. Und für dieses Feld, Ich mag diese Telefon-Arbeit in so ziemlich jedem Gewicht und Größe Großbuchstaben. Kleinbuchstaben Eine ziemlich gute multifunktionale Front. Aber ich werde mit etwas Nettem gehen. Irgendwie fit hier ist eine Art Spaß, denke ich, vor Gericht für Duda. Also haben wir hier Duda, und wir werden uns für ein Schwergewicht entscheiden. Und der Grund dafür ist, dass ich einen guten Contras zwischen dem Aufzählungstext und dem Titel haben möchte , damit der Titel wirklich herauskommt. So sehen Sie hier, dass der Titel es irgendwie die richtige Passform hat. Man kann versuchen, das große, vielleicht noch etwas kleiner zu machen . Irgendwie wie es und dann gehen wir Teoh, sehen Sie, dass der Raum zwischen den beiden Zeh wie der Titel des skandinavischen und Arbeitsraum. Der Abstand zwischen zwei großen Zehe Hündin zu groß. Und dann, indem Sie Ault gedrückt halten und die Pfeiltasten verwenden, können Sie die Zeilenhöhe ändern. Wenn Sie also Ault verwenden, drücken Sie alternate. Sie benutzen die irakische Presse UPI-Samen, dass es kleiner wird, der Raum. Das tat es auch. Sehen Sie, wie dieser Blick dort, die unausgewählt aussieht. Also werde ich hier klicken. Das fängt schon an, wie etwas zu sehen. Vielleicht ist der Raum zwischen diesen beiden jetzt zu viel gewesen. Ich werde den Aufzählungstext ein wenig bewegen. Ja, so dass ich irgendwie mochte ist schon vielleicht das Ganze. Wie ich schon vor der Theorie sagte, wir müssen das wie eine Gruppe sehen. Wenn Sie dies also wie eine Gruppe sehen, können Sie einfach ein einfaches Rechteck verwenden, um es in die Mitte zu legen. Casey so. Und wenn wir ihm eine Farbe geben, können Sie den Raum zwischen ihm sehen und dann alle direkt, um es zu bewegen. So etwas muss vorerst nicht perfekt sein. Also, jetzt verkaufen wir diese beiden so, als wären sie sozusagen eine Gruppe, und wir können sie überziehen, so wäre das etwas mehr wie in der Mitte? Also, jetzt werde ich Distrikting löschen ist wieder, weil sie nicht Teil des Designs sind. Aber jetzt siehst du, es fängt an, wie etwas zu sehen. Der Grund, warum ich das Logo hier auf der Oberseite, weil Lois, immer für mich links oben, weil die Leute immer von links nach rechts lesen. Und das erste, was Sie wollen, dass die Leute sehen, wenn sie auf einer Website kommen, ist, desto niedriger Ihr Unternehmen. Deshalb habe ich es da drüben, das Lokal hier, das Menü, das ich hier drüben kann, weil wir nicht genug Platz für ein ganzes Menü haben, um es auszutippen . Und ich habe es hier im weißen Raum behalten und nicht hier. Zum Beispiel, auf der rechten Seite Zehe haben Sie diesen Teil aus dem Design immer für Text. Und dieser könnte variabel sein für Bilder werden Richtungen oder so etwas genannt. Also, jetzt werde ich diese beiden über Textebenen auf einer Gruppe sie Text auswählen und dies ist eine Gruppe für das Logo und dann können Sie, wenn Sie wählen, Sie können wählen, wenn Sie wollen. Wenn du das machen willst oder nicht, aber du kannst, wie, ein helleres Menü Aiken zusammenstellen wie, ein und es zum Beispiel „angeführt“ nennen , damit das nächste, woran wir arbeiten werden, ah, Rufrichtung. Also ich denke, ich möchte hier tun, ist, dass ich eines dieser Bücher verwenden und ihm eine Farbe geben möchte. So knallt es. Und der Grund dafür ist, dass ich möchte, dass das der Aufruf zum Handeln ist. Wenn Leute dort anklicken, gehen sie zu einer Detailseite oder etwas über skandinavische Arbeitsbereiche. Also werde ich anfangen, dieses Buch zu nehmen und dir die Kälte zu geben. Ich werde mitgehen, aber immer noch etwas blau, richtig? So etwas. Ich gebe das hier nur diesen tollen Platzhalter. Ich werde ihm ein weißes Kernphänomene geben, damit es mich nicht so sehr stört. Jetzt, wo wir den Tod haben, haben wir hier für die Anrufrichtung, und ich werde nur ein Rechteck nehmen, um Ihnen den Raum zu zeigen, und ich werde Fuß arbeiten. Ich möchte also einen guten Raum hier drin haben, , wo ich mit meinem Text arbeiten werde. Also, , hier haben wir etwa 60% bis 40 Prozent, zum Beispiel, wie hier. Also hier werde ich versuchen, dasselbe zu tun. Also, was ich tun werde, wird sich wie ein Titelbereich einrichten, so wie du es nennen könntest. Das wird also wieder so etwas sein. Es muss nicht perfekt sein. Moment werde ich das hier nur ein wenig dunkler machen. Also habe ich bemerkt, dass der Bereich, an dem ich arbeiten werde, also das erste, was wir tun werden, ist, dass wir hier die Texte für die Kultrichtung machen werden. Also werde ich einfach nochmal d drücken, um die Typografie aufzurufen, und ich werde hier klicken, und dann werde ich etwas schreiben, wie zum Beispiel die Arbeitsbereiche überprüfen . So sieht man das schon so viel zu groß. Also werde ich hier in der Telefongröße klicken, und Sie können einfach hier Fuß einfacher blättern, wenn es ist, wie Sie sehen, ich bin nur scrollen hier und Sie können schnell sehen, was am besten aussieht. Sie müssen nicht wirklich die Werte eingeben oder etwas, das hier einfach scrollen kann. Also werde ich so etwas tun. Vielleicht können Sie auch die Pfeiltasten verwenden. Vielleicht so etwas wie 28. 26. 27. So etwas wie zum Beispiel 28. wir die Eingabetaste. Also ändern wir die Telefonseiten nicht mehr. Und dann wieder sieht man, dass die beiden Linien viel zu weit auseinander liegen. Also werde ich Ault erneut drücken mit und dann Sie wieder, wie Sie die Pfeiltaste verwenden können, um die Zeilenhöhen zu ändern. Also werde ich das tun. So etwas wie das sieht gut aus und ich werde nur Brust V drei v beschuldigen Visa Abkürzungen. Toe Bringen Sie einfach den Zug nach oben. Also, so. Also, wenn ich ein Text oder stillen und gehen Sie zurück zu bewegen toe So wieder, Befehl klicken. Um sicher zu sein, dass wir das ausgewählt haben, werde ich es einfach nach unten ziehen. Also das erste, was ich jetzt sehe, dass es vielleicht zu klein ist, also werde ich, äh, äh, am ersten Tag wieder, ganzen Text auswählen, ihn zu einem großen, größeren, ein bisschen größer machen größeren, . So etwas wie das. Aber jetzt sind die Linien wieder viel zu nahe beieinander. Halten Sie Ault und mit den Pfeiltasten, um ein wenig nach unten zu drücken. Also werden sie so sein. Ich werde nur dieses Rechteck auswählen und auf I. klicken damit ich es nicht sehen kann. Kinder, die recht gut aussehen, können später einige Anpassungen vornehmen. Also das zweite, was ich hier etwas Teoh haben will, gehen Sie ins Auge. Oben auf diesem Block ist etwas in allen Kappen, ein bisschen kleiner vorne. Das ist zum Beispiel unsere Arbeitsbereiche unsere Arbeitsbereiche. Es spielt keine Rolle, was es genau dort sagt, aber etwas Kleines und Großbuchstaben benutze ich normalerweise Monserrat, weil es für diese Art von Text wirklich gut funktioniert . Also werde ich einfach Monserrat nehmen und ich werde benutzen, ähm, ich benutze meistens halbkahl und dann wieder ein Jahr atmen. Ich gehe hier rüber und wir machen alles kaputt, wahrscheinlich machen es um. Ich meistens für Großbuchstaben. In diesem Szenario habe ich wie 12 Punkte oder maximal 14 verwendet, also werde ich mit Reichtum hier gehen. Also das, was ich immer denke, das funktioniert ziemlich gut mit kleinen Großbuchstaben, kleinen Text ist ah, der Abstand zwischen den Buchstaben, so dass wir das größer machen können. Also werde ich nur hier gehen, hier klicken und direkt. Also gingen die Briefe ein bisschen aus einander heraus, etwa 200 oder so. Und ich sehe, dass gibt es auch den Minimalismus hinzufügt, weil die Buchstaben sind jetzt, sie haben mehr Platz zum Atmen. Also wird sie hier klicken und es nach unten ziehen, damit es so sein könnte, als könnte das hier kommen. Und dann werde ich hier wieder auf dieses Rechteck klicken und auf das I. klicken und ich würde sehen, dass es vielleicht zu viel nach links gelehnt ist. Also werde ich nur auf diese klicken und auf Shift kommen, klicken Sie auf diese. Also haben wir beide sie ausgewählt, und dann werde ich es etwas nach rechts bewegen, vielleicht ein bisschen nach unten. So etwas wie das. Das einzige, was ich denke, dass das dazu hinzufügen kann, ist wie ein Pfeil hier und ein schmaler zeigt immer an, dass du von der Seite gehst, dass es eine neue Seite laden wird. Der Benutzer sieht also den Pfeil, wenn ich denke, 95% der Leute wissen, dass sie eine neue Seite laden werden. Also werde ich hier rüber zu meinem benutzerdefinierten Formwerkzeug gehen. Und ich habe hier einige benutzerdefinierte Formen, Loaded in. Sehen Sie hier ich von Pfeilen. Werde ich. Ich werde eine Notiz mit einem Link durch diese Dateien machen, wo Sie diese Pfeile herunterladen können, und ich werde für eine wirklich dünne Art von Pfeil hier gehen ,der nach rechts zeigt. , Also werde ich einfach so hierher ziehen, was? Ändern Sie die Farbe schwarz, so dass wir sie sehen können. Und dann werde ich um alle vergrößern, vorausgesetzt, wieder, ziehen Sie in vorausgesetzt, wieder, die Mitte, und dann werden wir wieder auf Typ A für die direkte Auswahl Werkzeug klicken, weil ich ein wenig länger sein wollte , also bin ich gerade gehen, um diese Ankerpunkte zu wählen und dann die Verschiebung und meine Aero nach links, kann ich es länger machen. Also werde ich so etwas wie dieses Unterdrückende V noch einmal versuchen, um das Bewegungstool aufzurufen. Komm schon, schieb eins, um zu 100% für dich zurückzukehren, und dann bin ich nur ein Siegel. Ich habe meinen Pfeil ausgewählt. Namen zu benennen ist so schnell, DenNamen zu benennen ist so schnell, und dann werde ich einfach klicken und ziehen und positionieren Sie es richtig. Jetzt werde ich sehen, dass es zu nah am Ende der Komposition ist. Also werde ich diese Texte wieder machen, etwas kleiner, so etwas. Und ich kann einfach nicht etwas näher kommen. So etwas. Okay, so irgendwie so. Nun, wenn Sie einen anderen Kurs ausprobieren möchten, hier ist, wo die Art Board kopieren nützlich ist. So können wir einfach hier auf den Namen der Kunsttafel klicken und Sie werden einfach hier gehen, um die Zehe zu bewegen , und Sie drücken alle, um zu verschieben und ziehen Sie es nach unten. Also machen Sie einfach ein Duplikat des Tons. Also hier können wir einfach schnell die Farbe ändern und sehen, welche Art von Dingen funktioniert. Vielleicht sind so etwas wie immer noch oder so. Machen Sie ein weiteres Duplikat. Wir könnten etwas Grünesversuchen Grünes . Machen Sie weitere Duplikate und versuchen Sie etwas. So etwas wie hellgelb, wie deine Louise oder so. Sehen Sie hier, vielleicht etwas tiefer. Ja, vielleicht so etwas. Ich mag das, weil dies dieses Bild mehr ergänzt, weil das Bild eine Menge von braunen gelblichen Stints darin hat . Also denke ich, dieser hier wird am besten funktionieren. Nun, gerade geschlossen. Die anderen Kunsttafeln hören das Klicken auf die Pfeile, so dass wir nicht verwirrt sind. Also werde ich damit arbeiten. Also das einzige, was jetzt an diesem Layout oder Komposition fehlt, ist ah, das vorgestellte Produkt, das ich hier anziehen wollte. Also haben wir eine schöne Basis hier drüben. Ich werde das hier nur für den Titel herumgezogen. Ich tippe einfach aus. Vielleicht wird das besser für den Namen des Produkts sein, wie wir es hier haben. Wir haben den kleinen Text oben und wir haben den größeren Text Jahr unten niedrig. Also das Ich geht von oben und es zieht Sie automatisch nach unten, weil diese Texas kleine Bits, es hat mehr Kontrast zu den großen die große Runde. Also werde ich hier Produktnamen eingeben, und es wird auch ein Link sein. Also der Pfeil gibt mir hier einen Blinden. Siehst du, das ist der zweite Aufruf zum Handeln. Die Hauptsache, die wir verwenden möchten, ist, auf diese Kulturaktion zu klicken, und deshalb hat es den farbigen Hintergrund, so dass es mehr Aufmerksamkeit auf sich zieht. Also werde ich das hier runterlegen. Ich nehme diesen Text Kleiner Text in Großbuchstaben an, werde ihn hier setzen, und ich bin in der Mitte. Ich werde nur tippen Features Produkt wie Tod. Also, wenn ich es habe, möchte ich das hier in die Mitte stellen. Also habe ich Bezirkswinkel. Dies ist der Platzhalter für das Produkt. Platzhalter, wahrscheinlich. Und wenn wir das ausgewählt haben und wir den Text zusammen auswählen, können wir ihn hier ausrichten, um ihn in die Mitte zu setzen. Also, jetzt ist das in der Mitte. Dies auch wählen Sie diese zusammen mit der Terryl wird eine Gruppe daraus machen. Kalte Richtung, Bruder. Und Sie können dies auch mit Gruppen tun. Also gerade wieder, Ich habe diese Gruppe ausgewählt und ich werde den Hintergrund auswählen, um Rechteck wird es in der Mitte setzen. So jetzt abweichende. Das einzige, was hier fehlt, ist so etwas wie ein Stuhl, so wie hier im Bild. Also werde ich nochmal die Zehe ins Internet gehen und ich werde ein neues Top machen. Ich werde einfach so etwas wie einen unterschriebenen Stuhl oder so austippen. Und dann werde ich zu Bildern gehen, all diese Bilder, so etwas. Also werde ich einfach so wichtig auch. Wir wollten einen weiten Hintergrund haben, damit wir nicht viel arbeiten müssen, es rauszuholen und Schatten zu machen und all das Zeug. Also werde ich nur PNG dahinter stecken. Und wir haben diese Art von Bildern. Also diese eine Art von wie ich werde nur versuchen, ein paar, wie zum Beispiel, zum Beispiel, dieses eine genau das gleiche, wie mit dem Bild in ah, vor ein paar Momenten in einem interessanten und tun Sie Rechtsklick Bild kopieren. Geh zurück zum Fotoshop. Komm schon, Fi. Und wir haben es für Sie und Einkommen. Tante Transform könnte es wieder kleiner machen. Das tut es auch. Also das Einzige, was ich hier nicht mag,dass es keine Schatten hat mag, oder so etwas wie da stehen und nicht wie realistisch aussieht oder so. Nur damit ich das hier löschen werde, gehe zurück, und ich denke, diese Stühle heißen Eames etwas, also gehe ich mal. Aber hier, Teams, ja, Erfolg. Also werde ich nur auf all diese Bilder schauen, wenn wir es haben. Ah, schönes Bild. Wir können mit etwas arbeiten, das ein paar Schatten darauf hat. Äh, nein. Es ist, als wäre es kein echter Schatten und Suche nach Bildern. Es ist nicht das einfachste. Meistens braucht ich , ein paar Stunden,um perfekte Bilder zu finden. Aber vielleicht könnten uns einige verwandte Bilder hier helfen. Etwas wie Tod. Du brauchst ein paar Schatten. Also gut, Leute, ich habe mein Bild gefunden. Ich will es benutzen. Er wird wieder kopieren, zurück zum Fotoshop und Basit hier. Also wirst du drücken, komm wieder ins Fernsehen. Es wurde getötet, ist unten. Es ist hier, als gäbe es einen breiten Hintergrund im Bild, aber es ist nicht wirklich ein Problem, weil wir, wie, weißen Hintergrund hier wieder haben wie, , so dass wir einfach hier spielen können. So, jetzt wissen wir, dass diese Texas es bereits gesendet, so können wir Sie die Ebene Featured Produkt auswählen und un wählen Sie das Bild und dann richten Sie es hier wieder. Middle Oops, Incentive, der falsche. Also werde ich das Bild wieder in und Hintergrund nehmen, und so ist das. Jetzt haben wir alles Zentrum. Das ein bisschen nach unten zu lenken, wird sein, das wird nach oben gehen. Ich mag es nicht ganz, dass es sich abstellt, in welchem also beachten Sie, dass Churkin es ein bisschen mehr skalieren kann . Es ist also eher wie ein ich gefangen genommen habe. Also mag ich so etwas. Sieh dir das an. Also, jetzt diese Art, mit der wir arbeiten, ähm, das Einzige, was ich denke und vielleicht verbessert, ist, als ob wir das in die Kultrichtung setzen können , den Farbblock, wir könnten ihn nach oben drehen. Denn wie gesagt, wie gesagt, lesen die Menschen in den meisten Ländern von links nach rechts und von oben nach unten. Das erste, was wir wollen, dass sie es sehen, ist diese Anrufrichtung, weil wir wollen, dass sie darauf klicken. Also werde ich nur ein wenig verkleinern und eine Kopie davon machen. Sie wollten die nur umdrehen, damit dieser eine Gruppe sein wird. So haben wir die Hintergrundebene, vorgestellten Produkttext , Layer das Bild, und wir haben bereits eine Gruppe für den Aufruf zur Aktion des Produkts gemacht. Torres, das also werde ich eine Gruppe daraus machen und das wird das also werde ich eine Gruppe daraus machen und das wird eine spannende Gruppe sein. Das ist und das wird heutzutage der Untertitel im Hintergrund sein. Es wird eine Gruppe sein, und es wird die Kulturaktion oder c t. Acht sein. Das ist also das. Und ich wollte sie einfach umschalten. Also der Staat, das Ich wollte an die Spitze gehen. Was wird es so hinüberziehen? Ich werde nur gehen und das Auge für die andere Gruppe nehmen. Also schätze ich, mit dem er gearbeitet hat. Also Anrufrichtung geht an die Spitze und die Funktionen Produkt wird so runter kommen . Mal sehen, was es aussieht. Ich muss sagen, ich mag das mehr deflate out. Jetzt haben wir alle Elemente in unserem Design, die wir wollten. Da haben wir den Text, wir haben das Bild. Wir haben die gleiche Art von Logo, ein Menü, das ich in einem Call to Action kann. Also gehe ich nur zu einer Linie. Ich reiße ein bisschen mehr, will es etwas kleiner machen, nur die Araber. Es hat es so etwas wie das wieder aufgestellt. Also mache ich irgendwie so. Wie hier haben wir wie die Texte. Der Titel, mit dem Absatz als Gruppe, befindet sich in der Mitte des weißen Buches. Nur ein bisschen mehr hier. Wenn sich eine Gruppe mit dem vorgestellten Produkttext handelt, das Bild und die Anrufrichtung für die Funktionen Produkte wie eine Gruppe. Und es ist wie in der Mitte gehen, um diese drei Zehe vorgestellten Produkttextebenen zu nehmen. Siehe ta für das Produkt und das Bild. Bewegen Sie es etwas nach oben. Okay, das ist also wie in der Mitte. Und dann haben wir hier sind Werke Basis. Überprüfen Sie die Werksbasis und den Pfeil darauf. Unsere Arbeitsbereiche Textebene. Jetzt sind wir tot. Wir können einfach nur treten. Sie können einfach Ihre Pfeiltasten Zehe, bewegen Sie es um ein wenig und sehen, wo es sich am besten fühlt, können Sie. Sie können den Untertitel nehmen und ihn etwas nach unten verschieben oder so. Aber dann muss der Abstand zwischen hier gleich sein, wie Test hier. ich persönlich denke ich, dass für unten und oben, muss es das gleiche sein. Aber auch links und rechts und ich habe versucht, den linken und rechten Rand an den oben und unten anzupassen . Also, , wenn dieser hier hingehen würde, dann würde ich das als Gruppe hoch gehen. Aber dann muss ich auch die Telefongröße anpassen, weil das auch kleiner werden muss , damit wir es nicht so Monster machen, das rückgängig zu machen. Das ist also das Jetzt. Das Einzige, was ich hier hinzufügen möchte, ist wie ein bisschen Spaß, wie ein paar Pfeile wie dieser könnte wie ein Schieberegler sein, zum Beispiel. Und ich denke, ich werde eine andere Klasse Rai machen, was ich animieren werde. Es ist wie ein Schieberegler in der kurzen. Also in der nächsten Lektion dieser Klasse, die Sie für ein Klassenprojekt sehen werden, wäre cool. Wenn ihr das tun könntet, wie Atome Atom so Art von interaktiven Elementen für wie eine Folie oder etwas für den nächsten Hören, werde ich versuchen zu erklären, wie man einen Schieberegler machen kann. Animation mit der Schuss Haltung ist jetzt gemacht und tun, dass im Prinzip, aber das ist für die nächste zu schließen. Also hier, für die für ihn gehen, um einige Pfeile hinzuzufügen. Also geh einfach, gehe hier rüber zum Lippenhocker und durch Drücken von Shift und Ault, ziehe ich einen Kreis. Also genau so, so etwas. Ok. Ein beeindruckendes V wieder für den Umzug nach So haben wir nur. Also gehen wir hier rüber zur Schicht, Sie können es nennen, pero links. Und jetzt werden wir einige Layer-Stil hinzufügen sagt, Eigentlich, ein nur ein Strich. Also das erste, was ich tun will, aber ich sehe den Kreis nicht, weil er breit ist. Aber für euch, wenn ihr seht, dass es so ist, wenn ihr es so sieht, zum Beispiel, ist die Sache, die ihr tun wollt, dass Teoh das Feld ausschalten will. Also werden wir das 0% so machen und der Unterschied zwischen Deckkraft und Gefühl ist es. Wenn Sie die Deckkraft acht Umsätze abschalten, Deckkraft für alles. Außerdem wird es für die Ebene getestet, aber auch für die Ebenenstile oder alles, was auf die Ebene für die Füllung angewendet wird. Nur schaltet es nur die Deckkraft für den Kern oder so etwas ein. Genau das, was sich innerhalb des Layers befindet, aber nicht für die Layerstile. Wenn du also unseren Schlaganfall sehen willst oder das Einzige, was wir den Schlaganfall sehen wollen, dann müssen wir das Feld ausschalten. Ich werde nie doppelklicken hier auf die Ebenen, nicht auf den Namen, denn dann wirst du den Namen anpassen, nie hier rüber gehen, um zu streicheln. Und sie wollten einen zwei Bixel Schlaganfall Einblicke machen oder draußen ist nicht wirklich wichtig. Es ist ein Kreis. Und sie wollten sich entscheiden, wie eine gelogene bläuliche tolle Farbe. Ich mag keine schlichten tollen Farben. Ich mag sie oder mag, in der blauen Gegend, und gehen Sie einfach ein wenig nach rechts. 9. Kursprojekt: Ich hoffe, ihr lernt etwas aus dem vorherigen Video, in dem wir das Design zusammen gemacht haben . Jetzt für das Klassenprojekt. Ich möchte, dass ihr das Gleiche tut. Suchen Sie nach etwas, an dem Sie interessiert sind, und verwenden Sie das als Ihr Thema. Es könnte wie eine berühmte Person Fußballmannschaft sein, ein Athlet. Ah ha Buf Spiel. Es könnte um alles gehen. Wirklich. Dann haben Sie die gleichen Dimensionen wie ich, um mit einer ähnlichen Art von Design zu kommen. Machen Sie zuerst Ihre Drahtrahmen und denken Sie darüber nach, mit welchen Informationen Sie arbeiten werden. Denken Sie darüber nach, was für den Benutzer wichtig sein könnte. Ich habe das vorgestellte Produkt als etwas verwendet, das für den Benutzer wichtig sein könnte. Aber zum Beispiel, wenn Sie mit einem Athleten arbeiten, können Sie mit dem Alter und der Nationalität oder so etwas arbeiten. Dann überlegen Sie, wie Sie die Informationen herausbringen können, Ihr Projekt hier in der Klasse veröffentlichen können, und ich werde sicherstellen, dass Sie alle überprüfen und Ihnen Feedback geben. Ich freue mich darauf, was dein Kerl sie sich einfallen lassen werden und mich erinnern, viel Spaß damit haben. 10. Ende erlegen: Also, das war es für die Klasse. Ich hoffe, ihr lernt etwas über visuelle Hierarchie und große Abstände. Danke, dass du bei mir bleibst. Denken Sie daran, dass dies mein erstes Mal war. Und ich weiß, dass die Klausel bei weitem nicht perfekt ist. Es war ein lustiges Projekt, an dem man arbeiten konnte. Ich freue mich wirklich darauf, was ihr euch in einem Klassenprojekt über DFO einfallen werdet . Oder ich werde einige zukünftige Klauseln über Animation und einige andere Arten von Themen machen. Das war also eine Art Klasse und danke, dass du wieder bei mir bleibst. Und ich habe auch einen kleinen Bonus hinzugefügt. Hören Sie, darüber, wie ich mein Design für eine Dribble-Show bereit mache. So sehen wir uns nächstes Mal. 11. Bonus Einen a machen: He, Leute. Und willkommen zur Bonusstunde. Also, in diesem Hören werde ich erklären, wie ich Dribble-Shots mit dem Design, das wir gerade gemacht haben, vorbereite. Das erste, was wir tun werden, ist, dass wir unser Design hier offen haben. Wir werden es als, ah j pic Datei speichern . Es gibt also einen einfachen Weg, das zu tun. Du gehst einfach hier rüber zu deinem Künstlernamen und klickst, richtig? Richtig machen. Klicken Sie auf und wählen Sie dann Option Export, wie wir das tun werden. Jetzt werden wir uns für das Date hier entscheiden. Wir werden einfach alles hier exportieren, in meiner Fähigkeit. Sheriff Fuller, ich werde das neun nennen und exportiert. Dann machen wir ein neues, äh, ein neues Dokument, das acht unter 600 sein wird. Spricht ALS, weil es die Größe für ein Dribble-Shooting gibt. Ich nenne es dribbeln, schießen und im Gefängnis. Jetzt haben wir unsere neue Akte hier auf. Ich werde zu meinem Design gehen, dass ich uns gerade ein J-Pic gerettet habe. Ich ziehe es einfach hier rein. Jetzt sehen wir, dass es hier drüben mit Begrenzungsrahmen ist. Ich werde es nur ein bisschen kleiner machen, so und ich werde nur die große Minute geben. Ziehen Sie ein Rechteck dorthin für eine Hintergrundfarbe wird es hierher ziehen. Ich mache das eine hellgraue Farbe, damit wir einen Kontrast zwischen dem Hintergrund und der Designspitze haben , so etwas. Und dann für den Schatten, den wir tun könnten, wie ein normaler Schlagschatten hier wie dieser. Aber ich mag einen interessanteren Schatten, und ich werde ihn erstellen, indem ich Komm schon, Jay, und dupliziere Design drücke. Ich klicke auf den unteren, den ich auf Befehl t drücken werde, um zu transformieren. Aber ich werde es ein bisschen machen, um es zu schaffen, Seiten zu skalieren es ein wenig Diese vielleicht Diskin auch von unten. Also haben wir hier keinen Schatten und drücken Sie einfach die Eingabetaste und dann die Designer darunter , das ist derjenige, den wir den Schatten anwenden, um auf die Ebene für die Ebenenstile zu doppelklicken . Dann wähle ich Schlagschatten ein schönes Jahr. Der Winkel ist 90. Jetzt können wir einfach mit der Distanz spielen . Die Entfernung, die Sie hier sehen, könnte so etwas sein, und ich werde die Größe davon einschalten. Also mag ich, wie das aussieht, und dann können wir mit der Deckkraft spielen. Also, das sind vielleicht zwei Pferde, die ein bisschen runtergehen. Also wird es so etwas sein, und das war's eigentlich. Also hast du deinen Dribble Obdach bereit. Also nochmals vielen Dank, dass du bei mir geblieben bist. Und ich hoffe, ihr habt das Glas genossen.