Adobe XD: Visuelles Design verbessern | Matt Ward | Skillshare

Playback-Geschwindigkeit


1.0x


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

Adobe XD: Visuelles Design verbessern

teacher avatar Matt Ward, Product 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

      1:07

    • 2.

      Übersicht

      2:36

    • 3.

      Hintergrund

      3:03

    • 4.

      Web - Navigation

      19:38

    • 5.

      Web - Seitenkörper

      32:00

    • 6.

      Mobiler Bildschirm

      22:26

    • 7.

      Füge deinen eigenen Stil hinzu

      29:18

    • 8.

      Outro / Abmoderation

      0:28

  • --
  • 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.

301

Teilnehmer:innen

1

Projekte

Über diesen Kurs

Bist du schon einmal frustriert, dass deine App oder deine Website niemals so gut aussehen wie auf Dribbel, Instagram oder Pinterest ? Es kann Jahre und Jahre dauern, bis diese Fähigkeiten natürlich weiterentwickelt werden, aber in diesem Kurs werde ich die SCHNELLSTE und EFFIZIENTeste Weise teilen, wie du deine visuellen Designkenntnisse verbessern kannst.

Ich erkläre einige grundlegende Methoden, mit denen du deine Designarbeit üben und erhöhen kannst. Wir werden Adobe XD verwenden und ich zeige einige Tipps und Tricks darüber, wie du Designs erstellen kannst, die gut aussehen ... schneller.

Niemand ist bei diesen Dingen immer gut zu beginnen und der beste Weg, um gut zu werden, wird dich wahrscheinlich überraschen.

Hier ist ein Blick auf die Art von Dingen, die wir erstellen werden:

Hier sind die Ressourcen, die ich für den Kurs verwende:

Afrika Travel Kit:

https://www.dropbox.com/s/foatm0xzqh9p0wl/Africa%20Travel%20Co.%20UI%20Kit.xd?dl=0

Food

https://www.dropbox.com/s/6bx609s56ks5fx8/Food_app.xd?dl=0

Triff deine:n Kursleiter:in

Teacher Profile Image

Matt Ward

Product Designer

Kursleiter:in

Skills dieses Kurses

Adobe XD Design UX/UI-Design
Level: Beginner

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: Hey, Leute, ich bin ein Senior Designer, Truest Bank. Und ich habe an einigen Orten gearbeitet, wie Mail Chimp und Home Depot in meiner Karriere. Und in dieser Klasse geht es darum, wie Sie Ihre visuellen Gestaltungsfähigkeiten in einem Debbie X'd verbessern können. Das wird großartig sein, wenn Sie gerade erst mit Adobe X T oder vielleicht ein UX-Designer sind. Das hat in der Vergangenheit nicht wirklich viel mit dir, ich oder Visuals funktioniert , und du suchst, einige dieser Fähigkeiten zu verbessern. So sehr früh in meiner Karriere war ich immer sehr frustriert, dass ich nicht in der Lage war, Dinge zu entwerfen, die schön oder gut angelegt waren . hatte ausgezeichnete Typografie, und es dauerte sehr lange, um die Fähigkeiten wirklich zu entwickeln und zu einem Punkt zu kommen, wo ich stolz auf die Entwürfe war, die ich gemacht habe. In dieser Klasse geht es darum, wie ich das gemacht habe. Der beste Weg, dies zu tun, denn es braucht viel Zeit, wenn Sie es nicht richtig machen, und ich zeige Ihnen einige Tipps und Tricks und Adobe X'd auf dem Weg, um Ihre Fähigkeiten zu verbessern. Sie erhalten aber auch eine Grundlage dafür, wie Sie Ihre visuelle Gestaltungsfähigkeit auf der ganzen Linie verbessern , unabhängig davon, welches Programm Sie verwenden und welche Grundlagen Sie verfolgen können, um Ihre Fähigkeiten zu verbessern . Also lasst uns anfangen. 2. Übersicht: wahrscheinlich der größte Teil, um Ihre visuelle Design-Fähigkeit zu verbessern, ist eigentlich nur Entwicklung eines Auges für das, was gut aussieht und was nicht. So können Sie nach wie nach Schriftstandards suchen, die Sie wollen. Sie können beliebige Layouts nachschlagen. Sie können mit einem Haufen Zeug herumspielen, aber Sie beginnen wirklich nicht gut zu werden, bis Sie wissen, wann Dank gut aussehen oder sie nicht. Das klingt wie die dümmste Antwort, aber es ist sehr wahr, wenn Sie beginnen, ein Auge zu entwickeln und beginnen zu verstehen. Dieses Layout unterscheidet sich etwas von diesem, und deshalb sieht dieses besser aus, wenn Sie wirklich beginnen, Ihre visuelle Design-Fähigkeit zu verbessern . Aber der große Kicker ist, dass es schwer ist, nur Ihre visuelle Design-Fähigkeit zu verbessern. Wenn du wie ich beginnst, ohne Designhintergrund, kennst du unseren Hintergrund überhaupt. Du weißt nicht wirklich, wo du anfangen sollst. Du weißt nicht, was gut ist, was schlecht ist und warum sie anders sind. Also die Methode, die ich heute verwenden werde, verwendet Sie tatsächlich. Ich Kinder und Sie können tatsächlich verwenden Sie I Kinder Art von Maß und Grad selbst auf, was ist oder nicht richtig und verwenden Sie sie als, wie eine Möglichkeit zu testen, um zu sehen, ob Sie es gut gemacht haben oder Sie nicht. Also, was in diesem Sinne tun würde, wird mehrere Sie I Kinder nehmen und versuchen, sie so gut wie möglich zu replizieren. Und was das tun wird, ist, dass es anfangen wird, dein Auge zu trainieren und dir irgendwie beizubringen wie die Dinge angelegt wurden. Was lässt sie anders aussehen? Was macht sie nicht anders? Und dadurch fängst du an, ein Auge dafür zu entwickeln, nachdem du es genug getan hast. Und so kann ich versichern, dass zwei Methoden in dieser Klasse eins nur ein „Du magst es so viel wie möglich kopieren wird . Ich weiß, es klingt so komisch, als wäre ich ein Designer und muss kreativ sein. Ich muss neue Dinge tun. Aber tatsächlich andere gute Arbeit zu kopieren ist der beste Weg, um zu lernen, wie gute Arbeit geleistet wird. Und jetzt sage ich niemandem, er soll da rausgehen und die Arbeit kopieren und so tun, als wäre es deine eigene. Aber Sie können Arbeit als Übung kopieren, und es wird Ihnen helfen, schneller zu lernen als nur etwa. Alles andere wird es tun. Also werde ich hier ein paar verschiedene Raketen benutzen und das erste, was tun wird, ist eigentlich nur zu versuchen, ein paar Bildschirme genau zu kopieren und zu sehen, wie nah wir es bekommen können. Und dann wird der nächste Teil versuchen, einen ähnlichen Bildschirm zu haben, kopieren Sie ihn bis zu einem gewissen Grad, aber dann ändern Sie das Thema und ändern Sie den Stil und beginnen, unsere eigene Persönlichkeit und unsere eigene Art von Design-Flair und Thema in sie zu injizieren und was das ist werde nach und nach tun, sobald Sie Sobald Sie genug kopieren, werden Sie verstehen, wie die Dinge Luft ausgelegt, wie die Dinge funktionieren müssen. Und Sie können beginnen, Ihre eigene Persönlichkeit zu injizieren, Ihre eigenen Themen zu injizieren und beginnen, Dinge einzigartig und anders auf Ihre Weise zu machen. Aber wie auch immer, lassen Sie uns gehen und mit diesem ersten Teil beginnen. 3. Hintergrund: Also, bevor wir anfangen, wollte ich euch nur einen kleinen Hintergrund über diese Art des Lernens, visuelles Design und einige Grundlagen davon geben. Die große Sache ist also, dass gutes visuelles Design tatsächlich von einer Reihe verschiedener Dinge kompromittiert wird . Ich meine, Farben, Rasieren, Hierarchie, Layout und all diese Dinge müssen wirklich zusammenkommen, um etwas zu schaffen, das schön ist , etwas zu schaffen, das funktioniert. Und der zweite Teil davon ist, dass sie auch zusammen praktiziert werden sollten, weil das Lernen irgendeiner Sache das Bild für dich nicht vervollständigen wird. Man muss wirklich alles zusammen lernen. Und diese Art von bringt die beste Art, zu üben, ist eigentlich durch Kopieren. Und ich weiß bereits erwähnt, wollte aber nur wiederholen und auch erklären, dass ich es nicht bin. Das ist nicht meine Idee. Es gibt ein großartiges Buch namens Steal wie ein Künstler. Es ist von Austin Klay auf, und Idee ist, dass niemand mit einem Stil geboren wird. Sie entwickeln einen Stil, indem Sie Dinge erleben, indem Sie Dinge entwerfen, indem Sie neue Dinge ausprobieren, und so lernen wir. Wir haben gelernt, indem wir Menschen kopieren, die besser sind als wir, und es ist einfach der beste Weg, es zu tun, weil es wirklich alle diese Komponenten zusammenbringt . Es einmal und ermöglicht Ihnen, alles zur gleichen Zeit zu lernen. Und zum Glück leben wir im Erreichen des Zeitalters, in dem wir dribbeln. Es gibt nur Tonnen und Tonnen Zeug. Ruhen Sie einen Blick für wir haben Instagram Pinterest. Es gibt alle möglichen anderen Dinge, die wir auch da draußen haben . Lernen Sie von Teoh zu kopieren, um Motivation zu erhalten. Aber die Art von Vorbehalt dafür ist, dass Kopie nicht stehlen. , Beim Kopieren geht es darum,die Technik rückgängig zu machen. Hier geht es um das Lernen. Wie etwas gemacht wird, geht es nicht darum, etwas zu nehmen und es als Ihr eigenes zu verwenden oder es für Profit zu nutzen. Also bedenken Sie das, mit dieser Methode und Art von dem, was die wahre Absicht dahinter steckt und wie ich es gerne betrachte und wie ich es mag. Der Grund, warum ich gerne unsere Kinder benutze, ist, dass es irgendwie wie ein Auto umgebaut wird. Sie sind immer noch Reverse Engineering, aber mit Ihnen könnte ich Zugriff auf das Handbuch haben, wenn Sie einfach versuchen, etwas aus einem Bild oder etwas, das Sie gesehen haben, neu zu erstellen , das Ihnen in der Vergangenheit irgendwie gefallen hat, tun Sie normalerweise nicht so großartig wie ein Job. Und du weißt auch nicht, warum du so einen Job nicht gemacht hast. Also Sie mögen, es ist eine nette Ressource, weil Sie zurückgehen und sich selbst überprüfen und sehen, was es nicht funktionierte. Und nur ein Zitat, das mich wirklich aus Stahl wie ein Künstler festgehalten hat. Bitte überprüfe das Buch, wenn ihr Jungs, aber wie, aber sie fangen an, zu kopieren, was ihr liebt. Kopieren, kopieren, kopieren. Und am Ende der Kopie wirst du dich selbst finden. Und ich denke, das ist absolut wahr für einen Designer, weil Sie nicht anfangen zu wissen, was Ihr Stil ist. Du fängst nicht an zu wissen, wie man Dinge macht. Erstaunlicherweise müssen Sie es lernen, und Sie lernen es, indem Sie es kopieren. Aber ich wollte nur die kurze Notiz dort hinterlassen, bevor wir in die Klasse springen. 4. Web – Navigation: Also wird die 1. 1 tatsächlich diese Afrika-Reise benutzen Sie sind, Kind. Also dieser hier ist schön, weil er sowohl Desktop-Bildschirme als auch mobile Streams hat . Also das erste, was wir tun können, ist wählen Sie einen Desktop in einem mobilen Bildschirm zu versuchen, zu replizieren und wieder, Teil der Grund, warum ich mag, ähm, Sie ich Kinder zu üben Visual Design ist wirklich, weil Sie gehen und wählen verstehen, wie Schriftgrößen. Sie können die Farben sehen, die Menschen verwendet haben. Sie können genau alles wie Abstände Layout sehen. Was dies tut, ist es Ihnen erlaubt, ein Werkzeug zu haben, um zu überprüfen, wie gut Sie es getan haben. Also, was wir tun werden, ist versuchen, einen dieser Bildschirme zu replizieren, wenn vom Desktop und einem von Mobile versucht, es zu replizieren und den visuellen Stil zu erhalten, dann irgendwie großartig uns, wie gut wir getan haben, indem wir zurück zu Ihnen wie es und Art Überprüfung Schriftgrößen und Dinge, auch, sehen Art von geben uns eine große mehr oder weniger so das erste, was wir tun können, ist tatsächlich Export eines dieser Bildschirme. Dann können wir das Gleiche von einem der mobilen Bildschirme machen, und ich werde nur einen Bildschirm für jeden von diesen tun. Sie könnten die gesamte App machen. Das würde ich fast vorschlagen, wenn du wirklich versuchen würdest zu üben. Aber nur für die Zwecke dieser Klasse, werde ich einfach tun. Ein Bildschirm ist ein Beispiel. Auf diese Weise kommen wir nicht in die Tiefe. Und wenn wir eines davon exportieren, können wir zuerst krank erschaffen. So wird die 1. 1 tun, ist eigentlich das Web, die Desktop-Version, so dass wir eine neue Webdatei erstellen können. A 12 80 x 800 ändern Sie die Größe des Bildschirms. Okay, das erste, was ich tun würde, ist tatsächlich reinziehen. Das Bild dieses Desktop-Bildschirms wird replizieren, und eine Sache, die ich hier gerne tun, ist, tatsächlich die Größe des Bildschirms zu ändern, so dass wir es nicht genau kopieren. Das macht es ein wenig zu einfach, wenn seine Größe völlig gleich ist. Unser Hauptziel ist also zu versuchen, dies so genau wie möglich in diesem New York zu replizieren , und offensichtlich, weil es ein Bild ist, können wir nicht einfach hineingehen und etwas kopieren und einfügen. Wir haben nur die visuelle Referenz, also welche Art von haben, um den Bildschirm Stück für Stück zu brechen und zu verstehen, Warum sieht es gut aus? Was funktioniert hier gut und wie können wir es replizieren? Der erste Ort, an dem ich normalerweise starte, ist eine Art Header. Wir gehen weiter und ich hielt. Bist du Presse? Sind Das ist eine Abkürzung für Rechteck. Und dann können wir diese Größe, egal welche Größe wir denken, ist proportional zu unserem Bild hier drüben. Und Sie können um Teoh spielen, als ob Sie es nicht immer richtig oder schritt, aber irgendwie mit der Größe herumspielen. Hier. Wir gehen weiter und ändern das in die Farbe, die wir denken, es ist. Und so könnten Sie die Pipette verwenden und Farben aus dem Bild auswählen. Aber das macht ein bisschen zu einfach. Zumindest, wenn Sie üben, versuchen Sie, die Farbe in Ihrer eigenen auszuwählen. Ich nehme an, das ist schwarz. Es könnte ein etwas schwarzes sein, jetzt, wo ich es anschaue, also passen wir uns an. Das hier nur ein Haar. Und was wir tun können, ist gut, wenn wir in der Nähe einer Farbabstimmung sind, gehen Sie und speichern Sie diese Farbe auch, denn wir werden wahrscheinlich im Iran aufbrauchen. Aber das ist irgendwie Ah, die erste kleine Note zu bemerken ist der Weg, um Ihre visuellen Design-Fähigkeiten besser zu bekommen, ist es alles in den Details. Die Gründe, die Dinge gut aussehen, ist, weil super kleine Details Luft konsistent in der gleichen über einen Bildschirm oder die Erfahrung. Und das ist zum Beispiel ein kleiner, zum Beispiel ein kleiner, aber Sie werden feststellen, dass das eigentlich nicht schwarz ist. Das schnelle, was zu tun wäre, einfach hier rein zu kommen und die Farbe sofort in Schwarz zu ändern . Aber es sind diese Art von kleinen Dingen, die wirklich auf Sie achten müssen , weil das ist, was visuelle Design gut macht. Wie der Abstand der Dinge, die Größe der Symbole, die Form von. Also werden wir hier in eine Menge dieser Tiefe tauchen, aber wir werden weiter mit diesem Header. Wenn wir hier rüber schauen, bemerken Sie, dass es 12 oder fünf gibt. Also haben wir fünf Registerkarten oben, diese eine Seite, also drücke ich T nicht, um mein Textwerkzeug aufzurufen. Das erste, was ich tun werde. Sie gehen voran und erstellen einen Titel. Nein, ich weiß nicht, was diese Schriftart genau ist, wenn du eine Art von Cheat verwenden kannst, wenn du die Schriftart nicht ändern willst . Zumindest, wenn Sie anfangen und nur versuchen, es zu replizieren. Genau. Sie können in die Datei zurückgehen und überprüfen, was dieser Fonds war, weil es ziemlich schwierig sein kann, diese Schriftarten anzupassen. Also, wenn wir hier reingehen und auswählen, ist er ein Scharfschützer. Also werden wir das weit davon nehmen. Und dann, wenn Sie einfach diesen Text hier auswählen und mit der Eingabe beginnen, können Sie ihn tatsächlich verwenden, um Geld hochzuziehen, was Ihnen viel Zeit spart. , Ich werde nicht nachschlagen,welche Schriftgröße oder -abstände sind, ähm, was die Datei benutzt? Aber wie ich schon sagte, es spart ein wenig Zeit, um die gleichen Gedanken zu verwenden, die sie verwenden, weil es ein Ärger sein kann , um zu versuchen, die Zehe zu passen. Also, wenn wir die Spitze hier bemerkt haben, ist es ein kleiner Fonds. Ihre Schale hat es getan. Und das ist, was ich versuchen werde, hier drüben zu replizieren und irgendwie die Schriftgröße zu schätzen versuchen 16 Bold. Ich denke, das wird ziemlich nah sein und dann die Wartezeit ändern. Und wir wissen, dass es fünf Tabs oben gibt. Also, was ich hier tun werde, könnte ein wenig Zeit sparen. Ich werde tatsächlich diesen ersten Titel auswählen und dann Pete Grid an der Spitze verwenden, dann ziehen Sie fünf heraus. Verwendung von Wiederholungsraster ist also ziemlich praktisch, weil wir den Abstand tatsächlich anpassen können indem wir zwischen den Titeln auswählen und ihn in und heraus ziehen. Und das erspart uns ein wenig Zeit beim Versuch, den Abstand genau zu bekommen. Wir können tatsächlich dieses Wiederholungsraster nehmen und den Mittelknopf hier oben drücken und dann, dass wir die Positionierung irgendwie beurteilen und erraten können. Also haben sie entdeckt, planen Sie eine Reise. Alle Touren, Hotels sind blob, und es sieht so aus, als könnte dies tatsächlich ein wenig kleiner sein. Vielleicht gibt es eine andere Schriftgröße. Mit Ackman Pro gibt es also nur regelmäßig kursiv, fett und fett kursiv, was irgendwie gut ist. So wissen wir ziemlich sicher, dass dies ein fett ist Einige Schriftarten könnten 10 verschiedene Gewichte haben. Sie könnten wie ein mittleres Licht von Ben haben, also ist es irgendwie hilfreich. Dokument hat nur ein paar südliche Schriftgrößen, also ist dies definitiv wahrscheinlich ein fett, erscheinen Mitte. Dies, was wir tun können, ist nur diese Schriftgrößen replizieren. Es gibt Titel. Entschuldigen Sie mich. Also haben wir eine Reise entdecken, dann ist unser Block am besten, und in einem Wiederholungsraster können Sie den Text aktualisieren, wie ich es hier getan habe, und manchmal ist es irgendwie schwer zu finden. Aber wenn Sie zwischen dem schweben, wo Sie es wieder rausschieben können, liegt das daran, dass es ein wenig überfüllt wird, wenn Sie den Text ändern. Und wenn Sie doppelklicken Sie rechts dort auf Entdecken und ein Pull immer Sie es ändern, lassen Sie uns ein wenig, sagen ich, lesen Sie über ihr Aussehen. OK, Senator es wieder und Art von Vergleich und Kontrast, also könnte das tatsächlich ein bisschen kleiner sein, also ein Doppelklick Ende. Was ich jetzt tun werde, ist dies auf 14 zu ändern und wenn Sie im Wiederholungsraster bemerken, aktualisiert es tatsächlich alle Schriftarten auf einmal, was großartig ist. Es ist eine große Zeitersparnis, also wenn wir das wieder minimieren und es hier oben zentrieren, kommt es ziemlich nahe. Ich würde sagen, dass das ziemlich genau ist, weil es wieder, die Art und Weise, wie Sie das beurteilen, ohne einen genauen Vergleich zu haben, ist, dass wir wirklich aus dem Raum suchen. Außerdem ich nur ein Rechteck ist eine Beispielart des Raumes. Und wenn Sie alle halten und ziehen, können Sie in die Regie kommen. Also schauen wir uns irgendwie an, wie, den Raum und Layout aus dem Bildschirm einen der großen Teile und versuchen, diese ziemlich genau zu bekommen , weil der Titel, der Titel Luft in der Mitte und dann diese großen Portionen auf der Seite oder sehen relativ ähnlich wie diese kann, um diese zu essen und die nächsten Dinge, die wir tun können, ist tatsächlich diese replizieren. Geh hier oben links. Was ich eigentlich tun werde, ist nur Rechteck-Platzhalter für den Moment zu versuchen. Zeichnen Sie das Rechteck ein wenig nach oben und verschieben Sie es dann relative Position dorthin. Es ist wahrscheinlich ungefähr 75 und ich werde mir noch keine Sorgen darüber machen, das mit einem Symbol auszufüllen . Wir werden das in einer Sekunde tun, und das nächste, was ich hier tun werde, ist eigentlich voran zu gehen und das Raster für die Seite einzurichten . Wenn Sie also auf die Kunsttafel klicken, ist es wie Raster. Sie werden tatsächlich sehen, dass Sie diese automatischen Rasterlinien, die kommen, in der Regel ziemlich hilfreich für den Start zu bekommen. Aber wenn Sie bemerken, dass das Gitter definitiv breiter ist. Also, was wir tun werden, ist, dass wir diesen Standard-Cred anpassen, so dass wir ihn später verwenden können. So ruhig, was Gosse es. Aber was? Wir können hier wechseln und wir werden versuchen, es so anzupassen, dass es ziemlich ähnlich ist. Wird versuchen, 100 gehen vielleicht 90 und nur irgendwie weiter mit diesem zu spielen, bis Eier genau . Und wenn Sie bemerken, müssen Sie rumspielen und sicherstellen, dass er übereinstimmt? Du sagtest, wir versuchen 80. Das ist, wie es sagt 88 Jahr, immer hilfreich zu gehen und diese Seite zu ändern, als auch, weil was es hier tut, wenn es versucht, sie auszugleichen. Und wenn Sie das nicht korrigieren, wird es ihm irgendwie den Abstand hier schreiben. Was ist der Versuch? Er hat gesagt. Das ist hübsch, aber Sie bemerken auf der linken Seite der rechten Seite, die Gitter ein wenig anders. Also eigentlich tun ist, mit der Spaltenbreite nur ein wenig zu spielen, und die einfachsten Möglichkeiten tatsächlich zu dieser Arbeit umzuschalten, so dass es hier am Rand die Art von Witz macht . Das Gleiche. Also geht das eigentlich bei 78 ziemlich nahe? Du blickst zurück und wir versuchen, diese Seite damit zu messen. Also, jetzt vervollständigen wir diese andere Endkopfzeile, also haben wir einen Namen, ein Profil, ein Profil, stellen Sie sich einen Namen vor und ein Drop-Down. Und das Suchsymbol ist es, was wir tun können, weil ich werde E drücken, um den Kreis zu erstellen, und ich werde Option Shift halten und das wird einen Kreis um den Mittelpunkt ziehen V, um mein Auswahlwerkzeug zu bringen und ziehen Sie diese an Ort und Stelle und ich nehme die Grenze heraus, zoomen Sie zurück und schauen Sie sich die Referenz dafür an. Also denke ich, es ist definitiv ein wenig kleiner. So viele verwenden Option Shift ziehen, mystisch in einigen. Das ist ein bisschen näher. Dann werden wir auch diesen Namen neben ihm fallen lassen. Es sieht so aus, als ob der Name ein bisschen kleiner Ort ist, den ich tun werde. Es ist nur doppelt schnell in diese und dann kopieren Befehl C Befehl v einfügen. Vertrage das vorbei und werde es einfach benennen. Lassen Sie uns einen gefälschten Namen John Smith hier drüben ausgeben. Es sieht so aus, als ob es auch fett sein kann, aber nur ein viel Sponte und der Titel. Also werden wir es versuchen. Vielleicht jetzt verwendet Shift Select. Nicht so gut. Fahren Sie uns über ein wenig und dann werden Sie feststellen, wenn Sie hier bei einem Pop-up die Responsive Größe ändern , um es großartig zu erklären, Sie werden tatsächlich in der Lage sein, dieses Element mit dieser Seite auf der Seite zu ziehen und es relativ zur Position dieser. Das ist ziemlich praktisch. Also, wenn Sie jemals brauchen, um zu verkaufen Schicht, um beide von ihnen zu wählen, und Sie können Art von spielen herum mit ihm. Also wissen wir, dass wir auch diesen Drop hier unten haben, und ich habe p gedrückt, um das Stift-Werkzeug hochzubringen, und dann halte ich Shift und Shift wird es in diesen Winkeln schnappen, und wir machen es in diesen Winkeln schnappen, es in einem 45-Grad-Winkel. Bringen Sie es hierher. Klicken Sie erneut. Sie halten Schicht. Die ganze Zeit wird es in einem netten 90-Grad-Winkel haben. Dies nach oben änderte die Farbe auf einem weißen und die Größe wahrscheinlich zwei zu Wenn wir auf diese Referenz zurückblicken , geht es darum, Sie oder vielleicht ein 1.5. Und eine Sache, die hier auf diesem Bild zu beachten ist, wird schwer sein, dass Sie das wirklich sehen, aber es ist wahrscheinlich keine flache Kante hier. Ich denke, das ist eine abgerundete Kante, und wir können das in der Datei überprüfen, wenn wir fertig sind. Aber wenn Sie dies erneut den Dropdown-Pfeil hier rechts auswählen, können Sie die Enden der Linie ändern. Wenn Sie also bemerken, dass dies das abgerundete Ende ist, haben wir jetzt das abgerundet und auch das Drop Down um es herum. Nun, damit wir das Spiel so machen können, als würde es hier drüben passen. Und ich bin mir ziemlich sicher, dass umgeben, obwohl es hier schwer zu sehen ist, aber kann es später überprüfen. Und so sind es kleine Details wie diese, aber tatsächlich machen einen ziemlich großen Unterschied, denn wenn Sie denken, dass Sie 100 Pfeile wie diese auf dem Bildschirm zeichnen, aber keiner von ihnen hat diese abgerundete Kante, und es macht eine ziemlich großen Einfluss darauf, wie die Grafik aussehen wird. Wenn du fertig bist, ziehen wir. Es ist vorbei. Es sieht so aus, als müsste es vielleicht etwas kleiner sein. Vielleicht kann sogar die Schrift auch etwas kleiner sein. Wird versuchen, 10 und dann werde ich das ein wenig verfolgen und die Größe nur ein bisschen ändern, dass ich die ganze Schicht halte, wenn ich die Größe ändere, tut es um die Mitte. Es kommt ein wenig näher, und ich denke, wir müssen das nur ein bisschen überlegen. Eine Menge davon wird also eine Justin Übung und eine Art von Wiederholung sein, wie sicherzustellen, dass die Größe und der Abstand von allem richtig ist und es nur eng wie möglich passt . Denn wenn etwas, wie gute visuelle Gestaltungselemente, ist es, weil ein Großteil dieser Abstände sehr genau ist, und wir müssen nur sicherstellen, dass wir versuchen, das so genau wie möglich zu replizieren. Und dann verwende ich Ault in diesem Scrollrad, um zu vergrößern und zu verkleinern. Ähm, nur warum ich so schnell auf dem Bildschirm liege. Also das nächste, was zu schwächen dio. Also werde ich dieses Suchsymbol zeichnen. Wir können das für ein Lippenwerkzeug treffen, das ich halte Option Shift, um das hochzuziehen. Eigentlich ist dies die Grenze machen dies weiß die Größe, auch. Also eine Sache zu wissen ist gut, denn dieser Drop-Down-Held hat die Seiten von zwei an der Grenze. Das bedeutet, so ziemlich die meisten Symbole und der Rest der Seite wird auch diese Größe haben. Das ist also eine wichtige Notiz, die man haben muss. Wenn du dich hier an diesen Symbolen umsiehst, wird es wahrscheinlich dieselbe Geschichte mit ihnen sein. Wahrscheinlich haben Sie eine zwei Grenze, so ist es ziemlich wichtig zu versuchen, diese Größen so eng wie möglich anzupassen. Auf diesem ersten Symbol zeichnen Sie, weil es irgendwie replizieren wird, was sonst auf der Seite und dann zwei vor sich geht . Ich benutze auch die Leertaste, um diese Hand zu bringen. Und das ist, wie so, wie ich klicke und schwenke über den Bildschirm, Übrigens, so wird zeichnen die und das Suchsymbol die Größe übereinstimmen mit zwei. Ändern Sie es Zehe weiß und auch um das Ende, denn ich runde das Ende dort. Ich gehe auch hier herum, und dann bin ich ein ausgewähltes beides und drücke einfach den Befehl G oder kontrolliertes G. Und wenn das tun wird, ist es hier drüben zu gruppieren und dann werde ich noch einmal schauen, um den Abstand von diesem hier zu überprüfen . Ich denke, es ist etwas kleiner und dann habe ich es. Das ist, was ich tun werde, ist, das etwas kleiner zu machen. Und ich halte Schicht. Ich ziehe das nicht nur ein wenig nach unten und ändere es dann, damit wir das Ende dieser Zeile nicht sehen können . Und ich mache dasselbe mit dieser Linie. Teoh, ich werde die Schicht halten und es nur ein bisschen reinziehen. Aber ich werde das auch nur ein Haar ausschieben und dann Shift halten, um diese Elemente zu schlafen und ziehen Sie es über ein bisschen rechts über es wahrscheinlich richtig ist. Wir kommen ziemlich nah mit einem Header. Das nächste, was wir irgendwie auf Sie springen können. Ist das Bild hier unten? 5. Web – Seitenkörper: und wieder drehe ich das Rechteck-Werkzeug auf. Ich werde versuchen, diesen Raum zu entsprechen, der aufnimmt, würde ich sagen, wahrscheinlich Okay, hier ist nur ein hier größer und dann, was wir hier tun können, ist, wenn wir diese Art von Platzhalter für ein Bild haben , das wir tatsächlich zum Web-Browser gehen können und eine Website Ich liebe es, für Bilder als Pixel dot com. Habe eine Menge von wirklich hochwertigen Bildern, und sie sind frei zu verwenden. Wenn wir also die meisten eingeben, sehen Sie, dass Sie eine Tonne von super hochwertigen Bildern haben, von denen Sie ziehen können. Und eines der größten Dinge über das Erstellen wie Sie ich Bildschirme wie diese speziell ist , dass Sie wirklich brauchen, um hohe Qualität, hohe Qualität und großartige Fotografie für sie zu verwenden , denn das ist eigentlich ein riesiger Einfluss darauf, wie es schauen, auch wenn Sie wie die technische Größe, den Abstand, das Layout richtig bekommen , brauchen Sie wirklich immer noch gute Fotografie, um wirklich alles zusammen zu ziehen. Deshalb ist die Verwendung von so etwas wie Pixeln eine großartige Ressource. Ich glaube, da war ein Löwe drin. Oh, Elfin, damit ich nach oben schauen kann. Sie können versuchen, es mit Elefanten zu replizieren oder nicht einfach alles, was das Meer mit mir passt und wahrscheinlich Spaß machen und fühlen Sie sich frei, nur irgendwie wählerisch über diese zu sein und wählen Sie, welche Sie denken, würde die Durcheinander Zeit passen. Genau wie in diesen Zeilen . Also habe ich das heruntergeladen. Ich ziehe das einfach rüber. Also eines der coolen Dinge, die Sie eine Form in der w x d haben können und dann einfach ein Bild darüber ziehen . Und wenn Sie verdoppeln schnell in, können Sie Art von Form und Größe ändern. Also werden wir diesen Löwen zu etwa dort rezitieren lassen, also irgendwie ein Bild zu bekommen, um diesen Header abzubilden. Und wenn wir das Gitter abschalten wollen, seien Sie glatt. Das Kunstbrett. Ich sehe irgendwie, wie es bisher aussieht. Und nur eine kurze Notiz an Sie, weil wir es von außen hineingezogen haben. Sie werden feststellen, dass die Rechtecke immer noch den Rahmen haben. Stellen Sie einfach sicher. Haben Sie die Grenze gewählt? Du solltest dort gut sein. Ich werde diese Farbe zu diesem Tahir machen. Auch dunkler. Vorfälle der Sache, wenn Sie jemals etwas sehen, das sicherlich angepasst werden müssen, können Sie im laufenden Betrieb anpassen, weil es ein wenig anders aussehen wird, wenn Sie Bilder in anstelle des weißen Hintergrunds fallen gelassen haben , so groß und speichern Sie das wieder. Und wenn Sie jemals eine Farbe löschen möchten, sparen Sie das richtige Jahr. Alles, was Sie tun müssen, ist es zu ziehen und dann wird es löschen, was irgendwie verwirrend ist. Aber es dauerte eine Weile, um das herauszufinden. Also das nächste, was wir tun können, ist Art von setzen diese Ziele gekämpft erscheinen so t Ziel bringen unseren Text. Entschuldigen Sie, und wir können Ziele setzen. Und welche Ideen links online? Dies und Sie können tatsächlich Flächentext zwei Jahres-Punkttext auswählen. Entschuldigen Sie mich? Was das Ihnen erlaubt, Dio ist tatsächlich diesen Boden auf einer Skala ergriffen. Der Text nach oben. Also werden wir uns mit unserem Symbol dort aufstellen und dann tatsächlich die Größe nur ein wenig nach unten gezogen. Nun, da wir unsere Kopfzeile in haben und ich ziemlich zuversichtlich bin über den Abstand unserer Kopfzeile , können Sie beginnen, diesen Text aus der Kopfzeile zu beurteilen. Also wissen wir, dass dies ungefähr die Größe dafür ist. Und wenn Sie den Abstand dazwischen bemerken, ist dieser Text viel näher beieinander als das, was er hier ist. Und das können Sie tatsächlich anpassen. Also genau hier Gerechtigkeit den Abstand zwischen jedem Zeichen, so dass wir versuchen können. Negativ 10 tatsächlich, Oder eine andere Option ist Hold-Option. Verwendet die Tastatur-Taste, den Pfeil nach links auf der Tastatur. Ich habe gelogen. Das ist keine eigentliche Option. Sie können einfach die Zehe halten und es genau dort einstellen. Also, wenn du es versuchen willst, meine ich Nektar 30. Sie fangen an, den Abstand ein wenig näher zu bringen. Also, hier, wenn man schaut, berührt es fast die d s hier, und wir sind immer noch ein bisschen zu weit draußen dafür. Also können wir versuchen, und negative 40 dann irgendwie mit ihm spielen, bis es richtig ist. So wahrscheinlich negativ. 60 ist in der Nähe, und es sieht auch unser Bild, weil es ein hellerer Hintergrund ist. Der Text wird tatsächlich nicht auch angezeigt. Also, wenn Sie wollten, könnten Sie sogar ein weiteres Rechteck fallen lassen und ich habe gedrückt, erstellen Sie das Rechteck, das wir tun werden, ist nur ein wenig Overlay mit dem schwarzen machen. Und dann werde ich die linke Klammer drücken. Es wird es rückwärts schicken, und Sie können sehen, dass hier drüben auf dem linken Befehl links Schläger passiert ist und etwas rückwärts und im Befehl vorwärts Klammer ihre enge Klammer, das Vorwort, und dann können Sie Passen Sie die Kapazität an. Dann bekommen wir unseren Text, um ein wenig besser zu erscheinen. Sie auf etwa 18%. Lass uns einfach so, dass es dort ziemlich ähnlich ist. Und dann haben wir den Text. Darunter sind Top-Destinationen in Afrika, und so habe ich t wieder Textfeld gezupft, ziehen Sie diese öffnen und tippen. Dann Telefon natürlich ist meinTelefon natürlichauch viel. Bigs werden das wahrscheinlich auf fünf Notizen bringen. Es ist definitiv regelmäßig, das kommt über dieses und und eine Sache zu bemerken. Nun, ich möchte diesen Text wirklich wieder ausräumen, um dies zu entsprechen und dann einfach wie Teenager zu verkleinern . Und eine andere Sache, die Sie tun können, ist tatsächlich, wenn Sie auf der linken Seite unseres Brettes schweben, können Sie Gott erziehen. Nun, eigentlich, Zeile drauf. Und eine Sache zu beachten, weil dieses Textfeld ein wenig kleiner ist, die Schriftgröße es tatsächlich nicht perfekt ausgerichtet ist, so dass mich ein wenig verrückt, also werde ich tatsächlich eine glatte diesen Titel erscheinen die Tastatur links Held, um es über ein wenig zu schieben Auf diese Weise, es wirklich Linien nach oben. Im Allgemeinen ist es immer gut zu überprüfen oder etwas wirklich so aufgestellt, weil es wirklich irgendwie die Seite aussehen lassen kann . Wenn Sie nur in das Textfeld tun, werden Sie feststellen, dass das tatsächlich viel Platz ist, dass es ausgeschaltet ist. Okay, jetzt, da wir diesen Bildtitel da oben haben, ist das nächste, woran wir arbeiten könnten, eine Art von diesem Bereich. Das erste, was wir tun können, ist tatsächlich diesen Titel zu machen, und die Schriftgröße sieht Ihnen ziemlich nahe. Dieser Subtext dort, der Abstand sieht ziemlich nah aus. Also das nächste, was wir dio können, hat eigentlich nur Kopieren und Einfügen C Command V und ich halte oben. Ah, verschieben, um das auch nach unten zu ziehen , also bleibt es eine Linie. Wir machen die Farbe. Wir werden diese Farbe benutzen. Ich weiß nicht, ob du schwarz extra bekannt lässt. Ich glaube nicht, dass es komplett schwarz ist, also verwenden wir diese Szene und es ist mutige Hauptziele und dann bist du irgendwie aus einem der Polsterung genommen , die dies oben und unten hat und Mengen ausprobiert hat, die am besten in Ordnung ist, gibt es in Ordnung. Und dann eine andere Sache, die Sie tun können, ist, dass ich ein Rechteck verwenden werde. Es hat das tatsächlich gemessen. Ich halte. Rest sind und halten Verschiebung das Rechteck zu kommen, ist ein Quadrat. Und dann ist das eine 45 und ich werde nur sicherstellen, dass es 45 unter vis gibt, oder ich fange mit dieser Art von Bildblock an . Und wenn ich das schaffe, werde ich das für eine Sekunde behalten. Ich zeichne diesen unteren Teil. Also wir jetzt gibt es ein Bild darunter. Also werde ich wieder aufrichten. Wir wissen also, dass drei Rechtecke in diese Zeit passen. A. Und dann gibt es einen Seymour-Knopf an der Seite. Ich werde eigentlich tun, ist unsere große Verstärkung zu ziehen und versuchen, diesen Abstand Teoh ungefähr so nah zu bekommen , wie ich denke, dass es hier zurückgehen kann und vielleicht ein bisschen kleiner als das hier. Nicht. Aber der halbe Punkt werde ich voran gehen und diesen Raum an der Spitze löschen und da ist auch ein bisschen eine abgerundete Kante drauf. Wir werden das nachbilden. Und ich würde sagen, etwa 10 vielleicht ein Haar weniger versuchen. Acht. Die einzige Sache, die hier zu beachten ist, ist, dass ich mich auch daran erinnern werde, weil Sie irgendwie die gleichen abgerundeten Kanten auf ihrem Ding passen wollen. Also was? Ich werde mich an die acht erinnern. Diese Bilder und ich werde diesen Text wieder kopieren und einfügen. Dies ist der Titel im unteren Teil, und es sieht so aus, als ob diese wahrscheinlich die gleichen Größen gleich sind. Und ich werde das auch noch einmal kopieren und einfügen. Außer dieses Mal werde ich es in deinen Bereichstext ändern. Und das wird irgendwie der Subtext, der Haupttext darunter, hier drüben. Und so ist dies definitiv eine kleinere Schrift. Und es ist auch ein anderes Gewicht. Also werden wir 12 Stamm Ich denke 12. Es ist ziemlich nah da. Und das nächste, was ich dio werde, ist, dass ich nicht wirklich den ganzen Text direkt austippen werde . Haben Sie einen Stecker in, den ich liebe zu verwenden. Wenn Sie also in die untere linke Seite gehen, werden Sie feststellen, dass es eine Steckdose gibt und Sie können das nach oben bringen. Wenn Sie es nicht haben, klicken Sie auf Hinzufügen beginnt. Wenn Sie es nicht haben, Gehen Sie zu dieser Suche und geben Sie Florham ein und suchen Sie danach. Und es gibt diesen Platzhalter-Text-Stecker, den ich gerne benutze. Sie können einfach klicken und herunterladen. Das werde ich hier benutzen. Das ist richtig. Jedes Jahr, die Top-Liebe und gehen Sie einfach mit Platzhaltertext füllen. Und alles, was Sie tun müssen, ist auf diese Schaltfläche zu klicken, während Ihre Textfelder ausgewählt und Sie erhalten diese Aufforderung zu kommen. Dann fügen Sie es einfach ein. Dies ist ein ziemlich großer Zeitsparer, nur damit Sie diesen Text nicht kopieren und einfügen müssen. Genau. Und jetzt, da wir mehrere Textzeilen haben, müssen Sie auch nehmen Jetzt, da der Abstand für den Text auch ähnlich ist, sieht es jetzt ziemlich nah aus. Wir werden nicht wirklich nur das, aber das ist etwas Kleines, das man immer im Auge behalten muss, ist, wie viel Abstand zwischen diesem Text ist und dann, weil wir wissen, dass dieses Kunstboard scrollen wird, weil es in der ursprünglichen Sie ich gehalten ruhigen Start, um diese Hilfe zu ziehen Also das nächste, was wir tun können, ist tatsächlich zeichnen diese Symbole auf der Unterseite und dann dieses Plus als gut. Jetzt können Sie sich die Zeit nehmen, um die Symbole zu zeichnen. Wenn Sie üben müssen, das zu tun, ist das eine ausgezeichnete Sache. Aber ich werde schamlos gehen Teoh Website genannt das Nomen Projekt, dass Kegel. Und wenn Sie jemals in der Notwendigkeit eines schnellen Icon sind, ist dies eine große verwendet, um eine gute Referenz zu kommen. Teoh. Ich denke, es ist dieser Typ in jedem Symbol, das Sie brauchen und Art der Suche nach der spezifischen Verwendung Ich mag nicht hey, Zeichnung Herz Symbole. Also werde ich mir einen leihen. Sie haben eine Schule um eine zu sehen, die dem Stil entspricht, den Sie brauchen, da unten, der benötigt wird . Kann ich das BG überlegen und das in die Akte bringen? Vielen Dank, Maxim David sehr schätzen Ihre Ikone. Und dann nur Befehl Verschiebung G getan Gruppe es, dass dies für Bildungszwecke ist. Sehr dankbar für Mr. Maxim David. Also kommen wir wieder her und wieder. Welche Art von nur diesen Abständen? Es sieht ziemlich ähnlich aus in der 19. Das ist wahrscheinlich ziemlich nah, dass diese Bereiche ziemlich ähnlich und Abstand in den nächsten beiden auf Icons werden wir tatsächlich wirklich wirklich schnell erstellen. Sie sind ein Aktie Symbol, Presti, um den Kreis zu eröffnen. Bei einer Option verschieben, um es nach oben zu skalieren. Diese schwarze Farbe, die wir verwendet haben, skalieren Sie es nach unten diese Verschiebung nur und p für Stift-Werkzeug. Ich bringe das hier auf. Shift halten. Legen Sie das auf meine Kopie und fügen Sie es direkt dort ein, und ich kopiere und füge es noch einmal ein. Wir könnten das Share-Icon bekommen, und ich werde den Befehl Shift rechts in die Klammer drücken, um den Lauf zu bringen. Ich werde die Größe ändern. Das ist der kleine Wunsch, das hochzuziehen. Petit ist es. Ihre relativen Positionen ändern die Farbe dieser Grenze und dann auch geändert. Auch in der Größe. Also verwenden wir, eigentlich könnte es nicht zu sein. Könnte etwas kleiner sein. Nur das Teoh 1.5. Und diese Luft tatsächlich gefüllten Träger so wird sich entsprechend ändern und dann auch die Größe ändern. Eigentlich, lassen Sie das einfach und replizieren Sie diesen Mann, und ich halte Option und Schicht. Manchmal arbeiteten wir wirklich kleine Icons wie diese, werden Sie feststellen, dass es Art von Snaps nicht ganz, wo wir es wollen. Wir wollen es in der Mitte, diese Limette. Also, anstatt es einfach schnappen zu lassen, was Sie tatsächlich tun können, ist einfach hier rauf zu gehen und anzupassen. Es wird fünf am Ende davon versuchen. Ich komme uns nicht näher an die Mittellinie dieser Gruppe. Eigentlich ändern Sie es ein wenig auf diese Weise und etwas zu wissen hier. Wenn Sie die Responsive Größenänderung deaktivieren möchten, können Sie es tatsächlich ein wenig zerschlagen. Ich denke, ich muss hineingehen und ich Ausmaß sicherstellen, dass diese eigentlich noch Kreise und dann ist es nur dieses Basing noch einmal. Eine andere Lösung für Sie wäre, dies nur so zu skalieren, dass es viel größer ist und dann so zentriert. Außer ihnen zurück, ist das etwas, das kommt. Sie müssen nur mit einem Adobe X'd spielen. Es ist normalerweise besser, Illustrator für Symbole zu versuchen, aber dies kann keine schnelle und schmutzige Möglichkeit sein, dies auch zu tun. Okay, also haben wir ein Share-Icon und dann das Lesezeichen I Was ich hier tun kann, ist, dass ich eigentlich nur ein Rechteck trocken ziehen werde, tun 1.5 Grenze ändern die Farbe, die ich werde drücken Gebühr für das Auswahlwerkzeug. Und ich werde auf die Linie selbst doppelklicken und einen neuen abgewandten Wirbel hinzufügen und dann Shift halten und das hochziehen. Sie haben gerade die Freigabe erstellt, die ich viel einfacher für das Lesezeichen-Symbol. Viel einfacher dort. Ich werde die Größe nur ein wenig ändern. Dann schauen Sie zurück und überprüfen Sie. Nur können wir das so genau wie möglich anpassen. Und wenn wir Responsive Größe ändern, können wir Art von realen Raum diese heraus. Stellen Sie einfach sicher, dass sie für drei passen. Hey, sollten Sie diese kleinen näher bringen wollen, dann erstellen wir diese Anzeige, die ich hier gelesen habe. Ich denke, er Lippen und verschieben eine Option Kreis zu kommen. Wir wissen, dass das ein leichtes Rot ist. Ich werde nur ein Doppel rechts abbiegen. Überprüfen Sie dies und hat auch eine Schlagschattenschule auswählt verpackt. Es sieht ziemlich weniger aus, aber ich kann sagen, dass es vielleicht ein bisschen größer ist. Wird versuchen, 10 nicht bis zu diesem Rand und dann werden wir einfach plus Markierung direkt in der Mitte fallen. Wir drücken, um das Pin-Werkzeug zu kommen. Es ist zu weiß. 1.5 ist die Größenverschiebung, die heruntergefahren ist. Und dann werde ich tatsächlich Copy and Paste drücken und dann hier hochgreifen, damit es eine alte Schicht dreht und nach einem bitte zusammen und dann werde ich Jesus gruppieren. Nun, mein Befehl g bekommen unser Plus-Symbol. Wenn wir also hier reinschauen, sieht es so aus, als wäre das Symbol etwas kleiner als ich es habe. Doppelklicken Sie in und halten Sie, verschieben, Option und skalieren Sie dies ein wenig, und dann werde ich das gleiche hier tun. Dann möchte ich sicherstellen, dass ich immer eine gute Linie geht. Dies ist aufgereiht, nicht ganz zentriert aufgereiht. Da gehen wir. Es sieht so aus, als würde ich das hier runterziehen. Nur ein Haar da drüben. Es passt also noch einmal genau zu diesem Radius. Ich denke, es ist besser. Also, eigentlich, das nächste, was ich tun werde, ist ziehen und wählen Sie alle aus. Und das ist, wo es wirklich schnell in einem W x D. Speziell. Und ich werde eigentlich die Wiederholungschrecken hier nach oben übergehen, richtig? Dann ziehen Sie das hier rüber. Und so haben wir irgendwie sofort bekommen sind andere Bilder, die genau dort bevölkert sind. Also sehen wir, dass dieser Seymour irgendwie mit einem Profil aufgereiht ist. Aber dann bekommen wir sofort diese bevölkert nur eine riesige Zeitersparnis. Wir können dies tatsächlich ein wenig ändern, auch wenn wir das Bild größer machen müssen. Also, wenn wir nur Shift halten und die Größe ändern, wird das tatsächlich alles andere in der Wiederholung ändern , was uns eine Menge Zeit spart. Wir können hier auswählen, und ich halte Shift gedrückt, um all diese auszuwählen, und dann ziehe ich das ein wenig nach unten. So bekommen wir dort bessere Abstände. Ich denke, das kommt ziemlich nah dran. Wir sind ziemlich nah dran. Stellen Sie einfach sicher, dass Sie diesen Text herausziehen, so dass er mit diesem übereinstimmt. Plus-Symbol ändert sich tatsächlich in Schwarz, weil dies ziemlich dunkel aussieht. Okay, das nächste, was wir dio können, ist eigentlich noch einen meiner Lieblings-Plug Ins zu benutzen. Das nennt man Repeater. Nein, ich bin hier. Es ist tatsächlich, wie, etwas falsch geschrieben und Operation, Peter, Peter, und installieren Sie das. Das hier ist ein Lebensretter. Es hilft mir, Dinge so schnell und auch in einer wirklich hohen Qualität zu machen. Also wollen wir Bilder von Tieren. Also, wenn Sie hier oben links schauen zeigt uns tatsächlich jedes Stück unserer Wiederholungsraster aus irgendeinem Grund das Share-Icon in der plus I, Connor Middle, Ich habe keine Ahnung, warum und was wir tatsächlich dio durch diese geschlüsselt. Bis wir Tiere sehen, wollen wir diese beiden tatsächlich bevölkern und benutzen. Und mich zu reflektieren, ist Shuffle. Und dann machen wir das. Man hat 1/3 und dann das nächste, was wir tun können, ist tatsächlich geschlafen Dieser Text hier und dann, wenn Sie nach unten fallen, Was dies tut, ist es Auswahl beliebiger Textgeneratoren, um unsere Textfelder zu füllen . Teoh schwächen, wir werden nur den Namen verfolgen. Und wirklich, das ist mehr Platzhalter als alles andere. Es könnte also jede Art von Unsinn sein. Ich denke, es ist irgendwie lustig, es immer den Vornamen zu lassen und nur zu sehen, was das füllt, wie bei der Herstellung von Click gelten. Ich habe tatsächlich nicht auf Für Tiere bewerben geklickt. Das sehen wir uns noch einmal an. Shuffle Emaille aufgetragen ist auch dies aus. Dann doppelklicken Sie hier und schalten Sie dann den Rahmen aus. Okay, der letzte Teil davon ist auch, den Seymour-Helden und Text dort zu bekommen. Sie kopieren das nicht einfach von oben und fügen es ein. Generell ist es immer besser. Nur eine Kopie und fügen Sie die Elemente über. Und es ist zu versuchen, zu replizieren. Stellen Sie sicher, dass dies auch wieder abgerundet wird. Nun, Sie befehlen, dass Sie es dort zu gruppieren, kein Kopieren und Einfügen dieses Textfeldes für den Seymour-Text darunter. Das könnte tatsächlich sein, hält es fest? Also stellen wir sicher, dass das auch fett ist. Wir werden wieder Größe ein bisschen. Stellen Sie sicher, dass wir unsere Abstände gut haben, und ich werde gehen und speichern Sie diese rote tatsächlich verwenden hier. Und dann denke ich, dass dieser Bereich tatsächlich ein wenig verkürzt ist und uns ein wenig festziehen, dann beide ausgewählt und es sieht so aus, als würde der Seymour direkt am unteren Rand dieses Bildes kommen . Legen Sie die Lektüre über nie ein bisschen. Und dann das nächste, was wir didieren könnten, ist es, diese Linie darunter zu ziehen. Sieht so aus, als würde es die gesamte Scheiben-Ross-Seite gehen. Also werden wir das mit unserem Seymour-Text übereinstimmen. Du warst hier, aber ich werde das Gitter wieder einschalten, also klicke ich einfach auf unser Brett, damit das auftaucht. Und nur um sicherzustellen, dass alles schön auf dieser Seite zentriert wird, wie wir diese ursprüngliche rote Linie verwenden Sicher alles up. Ziehen Sie diese über und stellen Sie den Abstand ein wenig ein. Doppelklick-Internierung. Aber auch nur das Grau auf dieser Quintessenz. Nur ein Haar, dann, dann, für den sehr lustigen und befriedigenden Teil. Ich meine, ein Befehl Verschiebung Sie Zehe auf Gruppe dieses Wiederholungsraster, Ich werde all dies auswählen, dann halten Sie Option Shift und ziehen Sie, um diese Linie am unteren Rand zu verlassen. Und dann haben wir es. Also tatsächlich gehen, um diese über nur ein bisschen zu schieben, damit Sie gehen und die Art von Titeln und Schriftarten sowie im Text hier ändern können. Das wird nicht wirklich dafür tun. Das ist irgendwie genug oder üben, gewöhnen Sie sich an den Abstand, das Layout. Und die große Sache ist, dass Sie wirklich verstehen, wie Sie die Dinge besser machen können oder wie Sie Dinge und zukünftige Designs machen können . Also nehme ich dieses Herzbrett. Ich werde es kopieren und einfügen. Ich gehe zurück zum Original, das du magst, und vermessen und sehen, wie es ist . Das erste, was zu beachten ist, ist die Bildschirmgröße. Wir sind ziemlich nah dran. Nicht ganz da. Das hier, war es? 17 83 und unser High? Es war 17 17. Nicht so schlimm. Ziemlich nah, dass, wenn man sich diese Schriftgrößen anschaut, wir hatten 20 erscheinen. Hatte 15 Also ist es ziemlich da draußen. Das ist also eine Sache, die du irgendwie reingehen kannst, dich daran erinnern und es dann korrigieren kannst. Männer. Dasselbe. Ich nehme an, mit diesen Schriftgrößen. 12. Wir waren 12 dort außer Helvetica. Sie sind interessant und 20 für diese. Wenn Sie also hineingehen und messen können, sieht es so aus, als wären unsere Icons ein bisschen klein. Sie können irgendwie beginnen, zu verstehen und eine Idee für den Abstand zu bekommen. Verbessern Sie Ihre eigene Art von visuellem Design Ästhetik auf diese Weise, und es ist nur ein guter Weg, um Art von Maß und Meter, wie Sie es tun. Wir standen uns hier ziemlich nahe. Es gibt definitiv einige Bereiche wie diese Schriftart war viel größer auch mit Helvetica dort, so dass dieser viel größer war. Aber es sind Dinge, die du gelernt hast. Teoh Art bekommen ein Gefühl für das Verständnis des Layouts in den Abständen und es hilft Ihnen wirklich etwas weiter in Ihren eigenen Designs. Und von dort können wir Art vorwärts bewegen Teoh andere mobile Bildschirme und finden mehr Beispiele wie das. 6. Mobiler Bildschirm: für unser nächstes Grün wird diesen mobilen Bildschirm hier unten greifen. Geh und du machst die Datei. Das hier wird ankommen. Ich habe hier Kicks ausgewählt, die wir unser Bild über bringen können. Dann werde ich die Größe ändern. Nur das ist nicht so einfach, alles zu kopieren. Genau. Und dann werden wir diesen Bildschirm zusammenstellen, zusammenstellen, ähnlich wie wir die Desktop-Version gemacht haben. Gehen Sie voran und beginnen Sie zuerst mit dem Abgleich der Kopfzeile und gehen Sie und holen Sie diesen Platz und korrigieren Sie, was hier hilfreich sein könnte. Teoh auch. Versuchen Sie auch hier die gleiche Telefongröße zu verwenden. Aber wenn Sie im Allgemeinen etwas auf Mobilgeräten üben, ermutige ich Leute, zu versuchen, die gefundene Größe zu verwenden, die Sie bereits haben. Wenn Sie also ein iPhone X haben, ist das großartig. Benutze es. Aber wenn Sie ein Ex auf Android haben, können Sie versuchen, es auf diesem Telefon Bildschirmgröße zu verwenden und es nur auswählen, wenn Sie diese neue Datei erstellen . Und der Grund ist, dass, wenn Sie es auf Ihrem tatsächlichen Gerät hochziehen und Live-Vorschau verwenden können , es wirklich hilfreich ist, um die Größe und den Abstand von allem zu verstehen und ein Gefühl für das Gerät zu bekommen, bevor Sie beginnen zu versuchen, für andere gefundene Größen zu entwerfen, wenn Sie mehr Erfahrung. Aber für diesen können wir einfach mit iPhone-Verbrauchsteuern weitermachen. Und das erste, was ich gesagt habe. Wie ich schon sagte, wir werden zuerst diesen Header-Bereich bekommen. Und Sie können auch wieder Noten anschließen. Und es sieht so aus, als würden die Gitter ziemlich nah sein. Also behalten wir den Vorrat, schaffen sich und es ist groß 36 auf der Seite. So unterdrückt T, um Text zu kommen. Ich habe am Anfang keinen Text bekommen und ich habe früher in die Datei geschaut. Und das hier ist jetzt auch Helvetica. Also, was würde an der Schriftart diesen Punkt halten? Wir werden das auch ein wenig ansprechen, etwa 28, und dann ändern wir es. Teoh wenig aus schwarz. Du hast genau da. Geh und speichere es. Sieht so aus, als müsste der vertikale Zeilenabstand ein wenig festgezogen werden. Also, ähm, ich eigentlich 20 da. Das ist viel zu eng. 30 30. Sieht hübsch aus. Dieser Abstand sieht ähnlich aus. Und wieder, ich werde einen Platzhalter für dieses Logo an der Spitze setzen vielleicht etwa 25 dann hielt unser, um dieses Rechteck und 25 zu zeichnen . Es ist wahrscheinlich ziemlich nah und ich werde nur das mit Schwarz gefüllt erstellen, Eigentlich werde ich nicht die Mühe machen, dieses ziemlich komplizierte Level zu replizieren , aber wir werden das einfach als Platzhalter verwenden, wo es ist an, und dann erstellen wir diesen Diener auch oben rechts. So ist der Mini ziemlich einfach, nur drei Zeilen. Also halte ich ein Drücken P, um 10 Werkzeug zu bekommen, um nach unserer ersten Zeile zu kommen, und wir werden hier zurück schauen . Es sieht tatsächlich so aus, als wäre es wahrscheinlich auch, oder Größe. Dann wähle ich diese Option aus und ziehe mich um, dann werde ich etwas größer, und dann werde ich dasselbe tun. Ich werde Optionsverschiebung und Drachen in einer alten Schicht halten und sie etwas ausskalieren. Sieht so aus, als könnte es etwas kleiner sein als das, also werde ich sie alle auswählen. Ist das, um ihn rüber zu schieben? Und ich werde keine Responsive Größenänderung verwenden. Ich werde das auf diese Weise kontrollieren, diese Art von formal und dann werde ich reingehen, tatsächlich versuchen, mit dem Abstand ein wenig zu spielen. Ja. Es sieht also ziemlich ähnlich aus. Was machst du eigentlich? Ist jemand P. Ich werde eine 45-Grad-Linie ziehen, indem Sie die Schicht genau dort halten. Ich werde das eigentlich nur messen. Nur damit es ziemlich Quest ist. Das ist wie, äh, Führer. Das ist also ein bisschen mehr Akt. Ich werde den Abstand nur ein wenig so gut zusammenziehen, um übereinzustimmen, dann befehle G, das zu gruppieren. Und so sieht es aus, als ob der Abstand auf dieser Seite ausgestoßen ist. Tomo Matt, dass auch auf einem trockenen Rechteck mit unserem und so sind wir bei etwa 27 richtig? Stellen Sie sicher, dass Sie das auf dieser anderen Seite passen, okay? Und so das nächste, was für uns zu tun ist, wird diesen Titel dieser Tabs in einer Kopie erstellen und fügen Sie diese sicher, das sieht es wahrscheinlich sagen 16. Mm. Ich versuche 60. Wir ändern das durch ein Feuerzeug. Grau Ich habe gelogen. Lass uns gehen. 14. Und was ich tun werde, ist tatsächlich verwendet, um die Noten hier zu wiederholen. Und wir wissen, dass es 412 gibt, und dann können wir weitergehen und diesen Text und alles ersetzen. Ich mache es richtig? Es gab nur einen Doppelklick auf das Textfeld, und das erlaubt Ihnen nur, es innerhalb des Wiederholungsrasters auszuwählen. Also werde ich eigentlich tun, ist dieses technologische Jahr anzupassen, es ist 11. Ich. 10 ändert den Abstand nur ein wenig. Ich werde es tatsächlich benutzen lassen Sie es Medium drauf kommen. Das sieht aus, als wäre es ein etwas mehr Gewicht als das, was oben ist. Dies könnte tatsächlich auch in gemacht werden. Vielleicht nicht. Das sollte schön sein, aber immer noch, und dann werden wir weniger Symbol. Ich weiß nicht wirklich, was es plus ich Waffen dort. Genau. Eigentlich werde ich es einfach beseitigen. Es wird das bis zum nicht ich einfach nicht ausdehnen. Erde mag den Grund was? Und unsere, um die Suchleiste Rechteck und Rand oft zu erstellen. Dann machen wir auch ein leichtes Grau, und ich habe ein bisschen Blau drin , also werde ich das eigentlich ein bisschen mit dieser Farbe überziehen. Das ist hübsch. Und dann ist es Radius auf dem Hinzufügen etwas in klicken und fahren diese Stadt setzen Sie etwa acht und dann zeichnen wir dieses Suchsymbol wieder, unterdrückt Sie die Ellipse zu kommen halten Shift. Eine Option, um es zu skalieren. Schalten Sie die Füllung aus. Ich sollte es eigentlich ein dunkleres Grau sein. Also, aber da p für das Pin-Tool und zeichnen Sie den Rest des Suchsymbols Gonna speichern diese graue Farbe als auch. Okay, machen Sie die untere Hälfte des Suchsymbols. Mal sehen, dass Check eine abgerundete Ecke hat, alles kann nicht wirklich sagen. Ich nehme an, das tut es, wie die kleine abgerundete Berührung. Wie auch immer, die Gruppe dies macht es tatsächlich ein wenig kleiner und ziehen Sie dies nur ein wenig über. Das könnte tatsächlich benötigt werden, um Sie wäre 1,4. Das ist also irgendwie der Name des Spiels. Wie, eine Menge davon ist Art zu spielen, mit welcher Größe am besten ist. Ähm, eine Menge von seinem Versuch hier irgendwie. Was richtig aussieht, ist der beste Weg, um es an dieser Stelle zu messen. Und so fängst du an, dein Auge zu bauen, oder es ist. Du schätze wirklich, du siehst nach. Sie spielen damit, und dann können Sie es schließlich ziemlich leicht machen. Mit genug Übung werde ich diesen Text direkt hier kopieren und einfügen. zwei Punkt und skalieren Sie ein wenig nach unten. Es sieht so aus, als ob das definitiv Sie später sind, vielleicht ändern. Ok? Und so aus dem nächsten Teil, erstellen Sie dieses wie Hotel auf dem Bild-Block. Das erste, was wir tun werden, ist hart getroffen, um einen Rechteck Tiefgang an diesen Rand zu zeichnen. Und denken Sie daran, wo wir auch auf der Seite sind. Ich bin's jetzt, der Abstand. Er soll den Boden davon teilweise vertuschen. Das ist wahrscheinlich ziemlich nah dran. Wir können hineingehen und ihm einen Radius bis acht geben, um unsere Suchleiste gut zu entsprechen und den Rahmen auszuschalten und dann den Schlagschatten zu haben. Wenn Sie also bemerken, dass der Standard-Dürreschatten weit zu dunkel und zu schließen ist, können wir es versuchen, vielleicht 15 hineingehen und den Schatten ein wenig heller machen. Und das ist wahrscheinlich in der Nähe, und wir werden diesen Bildblock genau hier replizieren. Und was wir eigentlich tun können, ist, dieses Rechteck zu kopieren und einzufügen, einen Rand darauf zu setzen, den Schlagschatten auszuschalten und tatsächlich angehoben zu ungefähr sieht so aus, dass wir es direkt dort setzen können , sehen Sie, ich habe das kleine Gittermarke. Es war auf halbem Weg, um die Option zu halten und dann diese Ecke reinzuziehen. Sie halten die Option für den Radius. Sie werden feststellen, dass es nur den einzelnen Radius ändert, und ich werde dasselbe auf dieser Seite tun. Also, was das sein wird, ist der Platzhalter für das Bild Eine Lesekopie und fügen Sie diesen Texas Well ein, ziehen Sie das hier runter, um den Titel zu formulieren und dann und dannseine technische Größe nur ein bisschen zu spielen, unsere für ein anderes Rechteck und wird diese Bewertungen Platzhalter hier machen. Ich werde sicherstellen, dass der Abstand auch ziemlich ähnlich ist. auch so, Speichern Sie dieses Grauauch so,dass wir das gleiche Grau aus der Suchleiste verwenden können, um sicherzustellen, dass das konsistentist , dass das konsistent . Kopieren Sie es dann und fügen Sie es ein, weil es wahrscheinlich die gleiche Größe hat oder hier gezeigt wird. , und es sieht so aus, als ob es auch ein wenig Radius darauf gibt. Trust, oder vielleicht ja, sieht ziemlich Klasse aus und dann wird es so pro Nacht und 50 nächste replizieren. Und während Sie eigentlich nur diesen Text wiederverwenden. In Ordnung. Eine Aufstellung genau dort, dann nur dann Option Shift, um das zu ziehen Das ist eine andere Kopie. Dieselben 259. Ich werde dieses Schwarz ändern, das wir benutzt haben und dann wirklich die Größe erhöhen tatsächlich diese Größe tatsächlich ein wenig um 10 fallen zu lassen. Ich weiß genau, was dieser Spaß macht. Es könnte anders sein als Helvetica nicht 100% sicher, aber wir können immer überprüfen, dass später, wenn wir fertig sind. Die große Sache ist, nur zu versuchen, es proportional ziemlich gleich zu bekommen und dann das Layout ähnlich zu bekommen. Ich fange an zu denken, dass es hier wahrscheinlich Spaß macht, und Sie könnten die andere Datei einchecken , wenn Sie wirklich sicherstellen wollten. Aber es ist keine große Sache. Solange wir uns an die Dimensionierung und den Abstand gewöhnen, werde ich durch gehen und irgendwie alle diese anderen Elemente auch replizieren. Ich weiß nicht wirklich, was das beinhaltet. Taste ist verwenden Sie die Luft. Okita Bump das nur ein bisschen hoch. Eigentlich ändern Sie diese Stadt kopieren und einfügen, dass Text die WiFi und Shift Option, um ein anderes Unternehmen zu ziehen . Und ich werde das eigentlich ausrichten, wenn Sie oben auf unserem Brett erscheinen. Schnappen Sie sich einen dieser Guides, die Sie tun müssen, ist irgendwie hier schweben, um zu ziehen, klicken und ziehen Sie einen Führer zu bekommen, und wenn Sie es führen müssen, Sie könnten es einfach nach oben schieben. Es wird tatsächlich sicherstellen, dass hier alles gut aufgereiht ist. Und ich möchte auch diese Margen überprüfen. Damit das übereinstimmt, muss ich das etwas überlegen. Und so wie ich gesagt habe, dass du sehen kannst, wirst du so rosa. Ich bin Text direkt dort und stelle sicher, dass diese Art von passt Rand an beiden Stellen. Es ist eine 51, also nur sicherzugehen, dass das da oben passt. Sie können das Layout auch im Raster drehen, um die Dinge ein wenig besser zu sehen. Aber ich glaube, er ist in einer Kombination aus den Guides und das hilft. Okay, das nächste, was wir von diesen Rasterlinien lesen werden, können Sie Kommando Semikolon verwenden, um die Rasterlinien zu verstecken, aber ich bevorzuge es, sie zu führen, nur damit nicht zu viele auf einmal los sind. Als nächstes wird dio eigentlich seine Wiederholungsraster das beste Werkzeug der Welt und ziehen Sie diese nach unten . Sieht aus, als hätten wir die Größe ziemlich nah dran. Also werden wir nur den Abstand. Also ist es genau dort. Die meisten wählen unser Raster, dann verwenden wir wieder unser Repeater-Werkzeug. Sie haben den Stecker nicht. Auf jeden Fall treffen Sie diesen Pluspfeil und haben nur Repeater, um es zu greifen. Und so geben wir tatsächlich ein Hotel ein. Es wird dieses auswählen. Dieses Bild tatsächlich wählen Sie das Bild, Wieder geben Sie es, tippen Sie auf ihrem Zeh. Und wir können einfach diese beiden ziemlich guten Bilder auswählen. Wirklich gilt es. Schließen Sie dieses Fenster und wir werden doppelklicken und tatsächlich nicht wiederholen Raster. Schalten Sie die Grenze aus, sehen Sie ihn wieder raus. Eine Sache, die nur über seine zurückblickt, werden wir sicherstellen, dass Sie diesen Schlagschatten zur Suchleiste hinzufügen , vielleicht machen es ein wenig leichter, aber es ist nicht ziemlich nah für Okay, also jetzt, wo wir irgendwie fertig sind mit dem Bildschirm, was wir tun können, ist kopieren und einfügen, Pullin unser Original You I kid und sehen, wie nah wir gekommen sind. Also eine Sache zu wissen. Definitiv an einigen Stellen, an denen die Schriftart ein wenig besser angepasst werden könnte. Diese Suchleiste ist ehrlich ungewöhnlich klein für Mobilgeräte, also würde ich nicht empfehlen, etwas in dieser kleinen Höhen ein wenig zu klein zu machen. Wir könnten aufstoßen. Die Schrift war 35 Helvetica Bold waren 28. Also nur irgendwie zurückblickend und Blick auf einige Bereiche, die wir verbessert haben, und nur eine Art von Messung und Bewertung selbst und zu verstehen, wo Sie falsch gelaufen sind oder welche Dinge Sie irgendwie gerade. Aber größtenteils kamen wir ziemlich nahe. Und Sie könnten diesen Prozess wirklich wiederholen und irgendwie zurückgehen und verstehen, dass, wenn etwas visuell nicht ähnlich aussieht, es etwas ist etwas, an dem Sie arbeiten können. Sie können sich das nächste Mal daran erinnern und für den nächsten Teil davon wird tatsächlich zu einem weiteren Beispiel übergehen . Aber dieses Mal, anstatt zu versuchen, es zu kopieren, wird es Teoh versuchen, ein neues Thema dafür zu schaffen und es wirklich etwas, das einzigartig ist. Und ich helfe euch zu verstehen, wie man das macht. Also lasst uns den nächsten Teil beginnen 7. Füge deinen eigenen Stil: Okay für diese nächste, wir werden tatsächlich versuchen, verschiedene Methoden zu üben. Und sobald Sie den Hang haben, über zu sein, um andere Designs zu replizieren, können Sie beginnen, irgendwie den Stil von ihnen zu ändern und beginnen zu sehen, wie sich die Designs anpassen können . Wer kann sie in verschiedenen Bereichen verwenden. Also, wenn Sie ihre Nahrung öffnen, Sie sind Kind können einen Link dafür in der Beschreibung einer Klasse oder auch einer der auf X'd karoo dot com finden . Also das erste, was wir hier tun werden, anstatt nur diese Designs genau zu replizieren, die wir tatsächlich zu dio waren , ist eine Art von Änderung des Themas des Designs und dann ändern, was seine Zwecke. Also für diesen ist es wie eine Food-App. Recon, wie Essen bestellen und sehen, wie Nährwert wird nur mit diesen beiden Bildschirmen. Und was wir eigentlich tun werden, ist es in eine Halloween-Store-App zu verwandeln . Also statt Burger gingen Halloween, und indem wir das tun, werden wir auch irgendwie den Namen ändern, um wie ein gruseliges Art gruseliges Thema zu sein. Also werde ich es auch nicht aus dieser Datei entwickeln. Also das erste, was wir tatsächlich tun können, ist diese Bildschirme Hölle Shift exportieren sie beide sezieren, und dann nur die Bilder auf dem Desktop. Wenn diese Luft auf ich fand X sind so bekommen Galle? Ja, ja. Dann schuf ich, während und was dann? Ich werde es dir tun. Es ist nur ziehen Bildschirme immer wieder. Ich mache es so. Nur so ist es nicht so einfach zu kopieren und einzufügen, denn wenn Sie Dinge kopieren und einfügen, verlieren Sie irgendwie auf der Steppe, wirklich zu versuchen, es für sich selbst herauszufinden und verstehen, wie eine Größenbestimmung und Abstand ist Arbeit. Was wir also tun werden, ist diese beiden Bildschirme zu replizieren, aber wir werden den Stil von Also der Prozess ist ziemlich ähnlich, was es war oder und wir werden gehen und diesen Menüpunkt direkt hier oben machen und dann einfach pinkeln den Pinto oder wieder zu kommen, und dann ändern wir es, Teoh. Aber eine Sache zu beachten ist, wenn das ein Halloween-Laden wird und wir die Art des menschlichen Aussehens des Ganzen verändern werden . Dies ist ein großer Hintergrund, aber ich werde in dieser neuen Version zu tun ist tatsächlich ändern Sie die Hintergrundfarbe, um Sie ein schwarz. Weil es ein Halloween-Laden wird. Wir wollten irgendwie erschreckt sein. Wir wollen nicht, dass es super leicht und luftig ist, wie diese Food App ist, und dann, was wir können. Auch Dio macht dieses Menü ein wenig dicker als diese ursprüngliche Version, nur um ausgeprägter zu sein und beginnen, es ein wenig mehr von einem Stil Swill zu geben. Kopieren und fügen Sie diese Limette ein. Ziehen Sie es ein bisschen raus. Es ist eigentlich die oberste Linie, die rausgezogen wird. Und wenn Sie bemerken, weil ich das Thema ändere, ist eine gute Sache zu Dio tatsächlich auf diesem. Überall gibt es eine Menge abgerundeter Kanten. Eine Sache, die am Anfang zu tun ist, einfach diese abgerundeten Kanten zu geraden scharfen Kanten zu ändern , und das wird helfen, irgendwie wie ein neuer Stil zu definieren oder es direkt von oben. So ist es eine einfache Entscheidung, die Menüpunkte ein wenig dicker zu machen und auch sicherstellen, dass es keine abgerundete Kante in dieser Option und sagen, Wir werden unsere Kopfzeile als nächstes erscheinen, Presti, um den Text zu kommen. Es kann sich auch frei fühlen, diesen Text zu ändern oder was immer Sie wollen, Teoh. Da es ein Halloween-Laden sein wird, begrüßen wir vielleicht Teoh. Und zum Spaß. Sie können versuchen, eine andere Schriftart oder eine Art der Grundtitel auszuwählen. Ich gehe gerne sicher und benutze einfach um sf Pro. Das ist also die native IOS-Schriftart. Sie können tatsächlich einfach gehen, um zu mögen, um sf pro Font-Download auf Google, wenn Sie nicht den Spaß haben bereits so frei ein Apfel tatsächlich gibt diese Schriftarten in ihrem Entwickler-Leitfaden und Sie können sie von hier herunterladen, wenn Sie es nicht bereits haben. Es ist eine gute Idee zu gehen und das zu haben, und das ist irgendwie dasselbe für jeden Android will. Ich glaube, dass Roboter da runtergehen. Es gibt und nur irgendwie haben sie, wenn du ihn brauchst. Wir gehen zurück zu unserer Akte. Also, wenn Sie nicht so viel Spaß haben, nehmen Sie es einfach da und Größe sieht so aus, als müssten wir eine kleine Schule sein. Versuchen Sie 16 Dieses Sprichwort finden Sie Ihre Lieblingsspeisen tatsächlich gehen voran und benennen Sie dies wie Halloween-Geschäft eigentlich wollen, dass dies in allen Kappen und anstatt es neu zu tippen? Wenn Sie hier gehen, können Sie tatsächlich alle Großbuchstaben oder Großbuchstaben oder Großbuchstaben auswählen. Ich werde die Größe ändern und es aufpumpen. Vielleicht etwa 28 und ich werde diesen Text weiß machen. Also, was ich tue, ist ich mit ähnlichen Größen und Abständen zu diesem ursprünglichen Abbott A Mr. Toe Fügen Sie verschiedene wie stilistische Elemente, um es und Art von erkunden, wie, was wir tun können, um wirklich das Aussehen und Gefühl von ihm zu ändern. Du änderst dich wie eine Menge des Layouts und kämpfte und Abstand notwendigerweise Spot-Dimensionierung. Das ist eine Sache, die wir dio können, ist tatsächlich die Schriftart für wie Ming speichern ändern. Also, wenn Sie gehen und lassen Sie uns sagen, lassen Sie uns versuchen, wie Sie auf jede Website gehen können, um Tante um herunterzuladen , alles, was kostenlos ist, das heißt, der Standard ist ziemlich gut. Also, wenn Sie hier für Ihre eigenen spezifischen gekämpft suchen wollen, fühlen Sie sich frei, jede Art zu verwenden, die Sie nur ein paar von ihnen möchten, versuchen Sie nicht, etwas zu über die Spitze zu tun, aber etwas, um es ein wenig Fackel zu geben wäre großartig. Also, wenn wir zurück zu unserer Datei gehen, sobald Sie es installieren oder einfach nur uns verwenden, haben Sie pro, wenn Sie üben und mal sehen, ob ich tatsächlich die Schriftart finden kann, die ich heruntergeladen habe . Ok. Zum Glück hat das nicht zu lange gedauert. Also habe ich diese Art von gruseligen gekämpft gut heruntergeladen, eigentlich wollen, Haben Sie gefallen? Sie sind sogar dünn. Also wieder, ich verwende irgendwie die allgemeine Dimensionierung. Es ist ziemlich ähnlich, aber ich spiele wirklich irgendwie mit der Schrift wartet, um eine Art gruselige Stimmung zu schaffen, vor allem mit diesem, vor allem mit diesem wie Halloween-Spaß, den wir hier haben, um ihr das zu schicken. Und wenn jemand will, wurde der spezifische Wunsch Man Esser BB genannt, und das nächste, was wir tun können, ist irgendwie diese Suchleiste zu erstellen und unser für das Rechteck wieder zu halten . Ich werde mir unser Gitter ansehen, also verdopple ich schnelle Teilplatine, schalte das große auf Nein, richte es mit Nein aus, tatsächlich geschraubt an. Vielleicht da und er ist wahrscheinlich hübsche Zitate. Okay, wenn Sie also bemerken, anstatt dass, weiß zu sein, wird tatsächlich eine dunkle schwarze Farbe machen. Du hast genau da. Und anstatt abgerundete Kanten auf der Suche Langhantel tun abgewinkelte Kanten hier, und das ist nur gehen irgendwie zusammen mit fremden. Wir haben eine Art gruselige Halloween-Stimmung, aber wir werden immer noch Suche in diesem Suchsymbol hier oben als auch. Er kopiert und fügt den Text ein. Ich bevorzuge es im Allgemeinen, Text zu kopieren und einzufügen, anstatt nur das Textfeld falsch zu sein. Ich finde es ein wenig schnell. Du sollst es nur so machen, aber du kannst natürlich alles ausprobieren, was du willst. Aber so mag ich es und skaliere uns nur ein wenig. Dann werden wir wahrscheinlich unser drittes Suchsymbol zeichnen, damit er für Lippen das herauszieht, und besonders, wenn du gerade erst anfängst und du dich an das Programm gewöhnt hast, an das du dich gewöhnt hast, um für digitale Produkte, ist es im Allgemeinen besser, voran zu gehen und zu versuchen, diese Symbole selbst zu erstellen. Es hilft Ihnen nur, sich mit dem Tool vertraut zu machen hilft Ihnen mehr vertraut mit, ähm, Icon-Sets und einfach nur eine bessere Visuals rund um. So ist es ein wenig umständlich Zehe immer zeichnen Symbole, aber es hilft auf lange Sicht, und tatsächlich, Ich werde das Ende dieser nicht abgerundet zu machen. So passt es zu Art der Kanten dieser Box-Boxen. Das ist eine der wirklich kleinen Notizen Toe Art wirklich zur Kenntnis nehmen ist Dinge wie die Kantenanpassung sind sehr wichtig, wenn es darum geht, einen visuellen Stil zu haben und zu erreichen. Also stellen wir sicher, dass diese Art von allen Salden und macht Sinn dort. So friert es wieder raus, es ist wieder etwas kleiner. Wir versuchen immer noch, einige der Größe und Abstände davon zu entsprechen, und dann werden wir dieses Symbol auch erstellen. Also bereuen Pool, verfolgen Sie das über. Eigentlich werde ich das löschen, sondern ein Rechteck brauchen, erklären, warum in einer Sekunde so für Rechteck sind, aber und zeichnen Sie das offen und dann füllen wir es einfach aus, schalten Sie die Grenze aus. Ich werde ein wenig kleiner hier, friere wieder aus für dieses kleine kleinere Ich gehe zuerst, du Freund der Lippen, dann Shift-Option. Nein, das und Phil weg. Dann werde ich das ungefähr 1,5 machen, und das ist nur so, dass es dem Matching ein wenig näher kommt. Dies wird tatsächlich auf diese Weise tun. Eigentlich mag ich diese orangefarbene Farbe. Nur weil es sehr Halloween ist, werde ich wahrscheinlich versuchen, diese Orange zu passen. Es war etwas mehr rot darin. Die Frage davon und das passt auch gut zu unserem Halloween-Thema. Also, was ich hier tun werde, wähle beide aus und dann hier oben werde ich den Pfad hinzufügen. Nun, eigentlich werde ich zwei Dinge dort machen, also werde ich das auf eine ausgewählte diese kopieren, und dann werde ich den Pfad schlagen, und dann werde ich ihn wieder einfügen. Phil, mach die Grenze ab. Also soll ich das ein wenig reduzieren. Ja, und dann werde ich die Vergangenheit übernehmen, also stellen wir sicher, dass sie beide ausgewählt sind. Und tatsächlich ist es subtrahiert. Richtig? Also, was das tun wird, ist das macht dies zu einem Loch gefüllten Symbol anstelle eines Rahmens. Halten Sie Option Verschiebung zu Drachen jemals in. Dann, wenn Sie doppelklicken und erneut doppelklicken, können wir tatsächlich bearbeiten und bewegen über diese Kreise die gleiche Sache hier und doppelte schnelle Ende. Manchmal dauert es ein wenig zu spielen, um sicherzustellen, dass Sie die richtige Ebene auswählen, und ich drehe dies tatsächlich den ganzen Weg herum. Dann gruppiere ich das alles zusammen Befehl G und Shift-Option und skaliere es nach unten. Ich bin tatsächlich diese Größe auch ein wenig hochgestoßen. Also die nächste Sache ist eine Art von dieser Tab-Leiste, die auch diese Farbe speichert. Bringen Sie diese Texte hier nach unten für Art dieser Tab-Titel. du für diese Linie? Wir machen die gleiche Orange, die wir da oben benutzt haben. Ich werde diese Symbole noch nicht zeichnen. Fühlen Sie sich frei, wenn Sie versuchen möchten, diese Symbole ist definitiv eine großartige Übung. Oder wenn Sie zum Substantiv Projekt gehen wollen, wie wir es früher getan haben, ist das auch eine gute Option. Aber für den Moment werde ich einfach wie eine quadratische Polizei für sie fallen lassen. Also werde ich jetzt das Wiederholungsraster benutzen, rechts ziehen. Also, wo immer Sie können, ist es in der Regel eine gute Idee, zu versuchen, Wiederholungsraster zu verwenden. Es ist eine riesige Zeitersparnis. Wenn Sie also Elemente sehen, die repliziert werden könnten, ist es wahrscheinlich eine gute Idee, es zu versuchen. Replizieren Sie sie, nur damit es schneller ist. Eigentlich werde ich diesen Fonds ändern. Also, das ist ein wenig, ich könnte tatsächlich etwas anderes Gewicht als gut. Okay, dann werde ich ein Platzhaltersymbol auf dem Substantiv Projekt dafür finden. Also, wenn wir suchen Kostüm Ursache Halloween-Geschäft, können Sie wahrscheinlich etwas finden, das anständig ist, wie dieser eine schreien zu Ich habe keine Ahnung, wie ich das sagen soll, aber danke für So werden wir diese tatsächlich gehen voran und machen diese Weißen Wir können es sehen, aber ich werde dieses Wiederholungsraster, das Kommandoschiff Jeda war, nicht in den Raum bringen und es gruppieren und dann noch einmal die Verschiebung zu dir befehlen, und wir werden diese hohen Pfund einen Platzhalter setzen, Wählen Sie alle diese Shift halten, und dann werden wir tun Sie Raster wiederholen. Auf diese Weise haben wir einen Nikon-Platzhalter, der etwas mehr, ein wenig optisch ansprechender ist. Nun, zentriere das und ich werde eine Gruppe dieser Kommandoverschiebung G, weil das die sind, die ausgewählt werden . Wählen Sie eine Mall Hit Befehl Shift. JIA auf der Gruppe. Ich wähle diese kleinen Linien , machen sie einfach hellgrau, und wir nennen das wie unsere Homepage, und dann werden wir nur ein paar Namen für diese anderen finden. Ich werde alle diese auswählen und sicherstellen, dass Texas zentriert ist. Wir nennen diese Deals-Funktion. Sicher, das wird aufgehoben und du könntest durchgehen und Änderungen sind auch Nachteile. Aber dafür wird sie nur halten, wie es dann ist die nächste Sache ist, diese beiden Elemente auf der Unterseite hier und wieder zu erstellen , werden wir irgendwie im Thema halten. Nun, machen wir keine Rundungen. Ich nur hier, stellen Sie sicher, dass der Hintergrund irgendwie dunkler ist. Wir können auch dio extrahieren ein weiteres Rechteck und unsere zu ziehen, dass Rechteck, übrigens, erstellt Verschiebung eine Option, um es nach unten zu skalieren, kopieren und einfügen. Dies könnten Sie versuchen, Stern zu zeichnen. Ich bin generell nicht gern, Sterne zu zeichnen. Sie denken an eine anständige Menge an Zeit. Aber wenn du es üben willst, kannst du es. Sie können das Dreieck verwenden, das gesagt wurde, um es zu tun, aber das dauert normalerweise einige Zeit, um die Dinge zu perfektionieren. Also danke, du d. Also, nur um ein wenig Zeit zu sparen, werde ich den Stern aus dem Nicht-Projekt ziehen. Wir verwenden das gleiche Orange dafür auch und wieder, also ziehe ich Dinge aus dem Substantiv Projekt ziemlich häufig. Ich verwende diese und nichts Kommerzielles nicht mit denen in irgendeinem APS, den ich veröffentliche. Stellen Sie also immer sicher, dass Sie sie in allem verwenden, was kommerziell sein wird oder nicht. Bildungsbasis, die dio schreien, Geben Sie etwas Kredit. Ähm, Extreme. Das ist zwei Jahre 12. Wir werden es etwas kleiner machen. Vielleicht wie hey, neun. Das ist wirklich klein. Wir behalten einfach die Sternnummer dort. Ich werde sagen, Bewertung statt Minuten. Und dann ist die andere Sache dieses Preisschild, und es verwendet ein abgerundetes Preisschild. Zeichnen Sie ein Rechteck, diesen roten Kern Halloween und eine Sache, die ich tun werde, ist, dass ich doppelklicken. Sie können tatsächlich greifen diese Kanten, wenn ich Shift und dann ziehen Sie es über ein wenig und tatsächlich machen es ein wenig funky Art von Spiel mit der Form. Also machen wir das, und das ist es, worauf wir den Preis setzen. Und wir werden nur diese Größe ein wenig. Sehen Sie, wie das in Schwarz aussieht. Ich mag es in Weiß nur ein bisschen besser. Wir werden das noch etwas größer skalieren, außer wenn ich das auch fett mache. Ok. Und so im Thema dieser wird auch diese Auswahl und verwenden Wiederholungsraster, und ich liebe es, Wiederholungsraster zu verwenden. Es spart einfach so viel Zeit. Also wähle ich diese und dann gehen, um sie an der Spitze zu wiederholen, generieren, Wählen Sie hier auf den Typ und wie gemein Medienkostüm. Also werden wir mischen und nach einigen guten Schäden suchen. Und Sie können mit den Suchwörtern und den Schlüsselwörtern herumspielen. Vielleicht versuchen wir beängstigend, aber suchen Sie einfach herum und finden einige Bilder, die Sie mögen. Nun, schneller vorwärts, bis ich endlich mit einigen Bildern zufrieden bin, können Sie auch, wenn Sie etwas spezifischeres wollen, können wir zu Pixeln gehen und einige Dinge im Jahr finden. Viele Male, das ist eine sicherere Wette. Ähm, weil du mehr Bilder in hoher Qualität bekommen kannst. Also ist es wirklich nur an dir, wofür? Sie möchten, dass diese Luft wirklich kriecht Geschäft. Also gut, egal, welche Bilder dich sehen, was auch immer du da reinlegen möchtest. Und das ist eigentlich ein wichtiger Hinweis. Wenn Sie also mehrere Elemente auswählen und sie dann in ein Wiederholungsraster ziehen, wird es irgendwie schweben, wo sie fallen und dann loslassen, und es wird tatsächlich beide Bilder dort füllen. Wenn Sie einen Haufen versuchen, in immer Wiederholungsraster zu bringen, können Sie so ziemlich einfach tun. Also werden wir die Gruppe tatsächlich befehlen, verschieben, betrügen, und dann können wir diese in ähnlicher Weise skalieren. Wie sie es diese Stadt vergrößert haben, und der Grund, warum es außerhalb der Mitte ist, ist, ich nehme an, dass es irgendeine Art von Scroll-Animation gibt , die passiert. Wir werden nicht darauf eingehen, aber gerade jetzt ist das wahrscheinlich der Grund, warum es zentriert ist. Und das Letzte ist, also haben wir so ziemlich alles an dem relativen Ort, an dem es hier ist. Aber lassen Sie uns ein wenig mehr von Art wie ein Flare mehr, ein wenig mehr Pop-Farbe und etwas, um eine Art von nach Hause fahren dieses ein Halloween-Geschäft. Also, wenn Sie möchten, können Sie zum Substantiv Projekt gehen und was ich suche, es ist wie ein Hintergrund, und wir werden tatsächlich tun, ist nach einem Spritzer Hintergrund zu suchen, also werden wir es wie ein Blutfleck aussehen lassen oder Etwas. Also wählen Sie hier etwas, das Sie möchten es herunterladen und dann, wenn Sie dio können Sie wieder hier reinkommen . Ich mag diese eine Menge, die ich vorhin gefunden habe. Danke, Becca. Ich weiß das zu schätzen. Und was dann? Wir können sicherstellen, dass alles zusammengefasst ist. Komm rein, G hat es benutzt. Das ist wie ein Hintergrund und etwas in dieser oberen rechten Ecke, weil es ziemlich Land mit allem da oben aussieht . Was für ein Kratzer? Dieser große Blutspender über den Bildschirm. Und ich werde die linke Klammer drücken und sie nach hinten schicken. Und dann fährt diese Art von Fahrt nach Hause oder Halloween Store Vibe. Es ist eine schöne Abwechslung von diesem und gibt uns irgendwie ein besseres Gefühl dafür. Und dann, wie der letzte, könntest du das kopieren und einfügen und wieder in dieses Original gehen und sehen, wie nah wir gekommen sind. Und es sieht ziemlich ähnlich aus. Das war ziemlich einfach. Sie können immer noch die sichere Basis und Dimensionierung der Dinge überprüfen und sehen. Ich mag unser Suchsymbol besser dimensionieren. Du willst mindestens 45 bleiben. Sie machen alles, was angeklickt werden muss, so dass wahrscheinlich nur größer hier drüben sein muss. Es ist ziemlich nah, und es hat irgendwie ein schönes Halloween-Flair. Also, wenn wir hier zurück gehen und wenn jemand es ausprobieren will, können Sie tatsächlich voran gehen und diese Seite machen und versuchen, es in ein Halloween-Thema zu machen und zeigen, wie ein heulendes Kostüm hier geschaffen werden könnte. Eine der Optionen. Einer der anderen Bildschirme, die man mit dem Jahr herumspielen könnte und es irgendwie auf eigene Faust ausprobieren . Vielleicht ist es eine Klasse Übung wäre groß und wirklich versuchen, den Stil der es zu ändern und sehen was Sie spielen können mit und Art von. Ich verstehe deinen eigenen visuellen Stil und sehe, wie gut du ihn aussehen lassen kannst. Aber das sollte so ziemlich eingewickelt werden für diese Insel gelöscht alle Links gibt, wenn jemand sie braucht und danke für das Zuschauen. 8. Outro / Abmoderation: so dass es für diese Klasse umschließt. Vielen Dank für das Zuschauen. Bitte hinterlassen Sie eine Bewertung oder einen Kommentar, je nachdem, wie Sie sich fühlten. Und bitte fühlen Sie sich für Sie, um die Klasse Übung zu versuchen. Ich werde auf jeden Fall mein Bestes geben, um allen Klassenübungen Feedback zu geben. Also könnt ihr wirklich anfangen, dieses visuelle Design zu verfeinern, und das im Datumssinn zu bauen , wenn etwas gut aussieht und wann es nicht tut. Denn das ist definitiv der wichtigste Teil für die zunehmende Behinderung. Also nochmals vielen Dank für