Grundlagen der Sketch App: Design eines Prototypen mit Sketch | Anna Avetisyan | Skillshare
Suchen

Playback-Geschwindigkeit


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

Grundlagen der Sketch App: Design eines Prototypen mit Sketch

teacher avatar Anna Avetisyan, UX Designer, UI Artist w/CS background

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:03

    • 2.

      Dein Kursprojekt und Ressourcen

      1:00

    • 3.

      Sketch

      5:29

    • 4.

      Teil 1: Entwerfen der The

      3:51

    • 5.

      Teil 2: Entwerfen der Anmeldeseiten

      10:51

    • 6.

      Teil 3: Entwerfen der endgültigen Seite

      13:39

    • 7.

      Teil 4: Prototyping

      2:58

    • 8.

      Letzte Gedanken

      0:15

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

643

Teilnehmer:innen

6

Projekte

Über diesen Kurs

In diesem Kurs lernen wir die Grundlagen der Sketch von App-Anwendungen, die dir helfen werden, dich inspirieren zu lassen und einfach ein UI-Design für mobile App zu erstellen. Dann werden wir den Prototyp mit Sketch herzustellen, um dein Design mit Entwicklern und anderen Mitgliedern des Teams zu kommunizieren.

Wir erstellen :

  • app
  • sign
  • die Hauptseite nach der Anmeldung

Dann erstellen wir einen Prototyp für die oben genannten Seiten mit Sketch.

Ich werde auch zwei cover für cover zur Übung und Spiel mit Ideen.

Also los geht's!

Triff deine:n Kursleiter:in

Teacher Profile Image

Anna Avetisyan

UX Designer, UI Artist w/CS background

Kursleiter:in

I’m a teacher on Skillshare. Also, I collaborate with the “Design For The Homeless Organization” and use my UX design skills to help the homeless have better lives.

I have a great passion for art, and I love creating artwork and illustrations whenever I have some spare time, that’s something I never get tired of…

I also love personal development, contribution, exploring the world, cultures, and people.

Reach out to me at info@anna-avetisyan.com

Follow me on Dribble to explore my design works: https://dribbble.com/aplusdesign_

Vollständiges Profil ansehen

Skills dieses Kurses

Design UX/UI-Design Prototyping
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: Hallo und willkommen. Mein Name ist Anna Addition. Ich bin ein UX-Designer mit Faktenentwicklungshintergründen. Ich bin auch eine Zukunft bei Skill-Anteil, und in der heutigen Klasse, werde ich Ihnen die Skizze bis Basics beibringen. Sketch Up ist eines der leistungsfähigsten professionellen Designwerkzeuge. Es arbeitet mit Mac und nutzt eine voll von vektorbasierten Workflow Thea Äpfel für alle Arten von Schöpfern. Ob Sie ein Produktdesigner sind, Sie x Sie warum Website-Designer oder eine Person ohne professionelle oder spezialisierte Fähigkeiten? Am Ende dieser Klasse werden Sie in der Lage sein, zu entwerfen und Prototypen mit Skizze. Ich werde auch auf mobile App Cover Seite Wünsche für Ihre Praxis und Inspiration zu teilen. Und Sie haben gelernt, dass einige der besten Skizzenpraktiken effektiver funktionieren. Also lasst uns gleich reinspringen. Ich kann es kaum erwarten zu sehen, was es schafft. 2. Dein Kursprojekt und Ressourcen: in der heutigen Klasse werden wir ein mobiles APP-Design mit Skizze erstellen. Dann werden wir einen Prototyp mit diesen Entwürfen erstellen. Wenn Sie bereit sind, laden Sie Ihr Projekt in die Galerie hoch. Ein komplettes Studentenprojekt sollte nicht gehen. Die folgenden Designseiten im PNG oder JPEG-Format Cover zerquetscht mich sanft aus Anmeldeseiten Die Hauptseite, die Leute nach der Anmeldung sehen. Sie benötigen die folgenden Ressourcen für diese Klasse. Aamodt, Berg und skizzieren Sie 30 Tage kostenlose Testversion. Denken Sie Ofen auf, dass Sie entwerfen möchten. Sie können nicht einmal ein bestehendes aus auswählen und es neu gestalten. Oder Sie können die von mir freigegebenen Skizzendatei verwenden, um Ihr Projekt zu starten. Für Farbinspiration, zögern Sie nicht, mein persönliches Farbstimmungsbrett auf Pinterest zu verwenden, also lasst uns vorwärts gehen und Skizze kennenlernen. 3. Sketch: Die Schnittstelle der Skizze ist vom Design minimal. Im linken Bereich werden alle Ebenen angezeigt, die Pinnwände und Seiten des Dokuments sind. Die Symbolleiste am oberen Rand enthält alle wichtigen Werkzeuge und Aktionen Inspektor auf dem richtigen Weg, um die Eigenschaften der Layer anzupassen. Letzt, der Chemiker in der Mitte ist, wo Sie Ihre Entwürfe sehen werden. Lassen Sie uns einige der Werkzeuge durchgehen und sehen, wie sie hier funktionieren. Auf der linken sehen wir die erste Seite, die standardmäßig erstellt wurde. Um eine neue Seite hinzuzufügen, können wir einfach auf dieses Plus-Symbol klicken. Wir können so viele Seiten erstellen, wie wir nicht waren, und um eine Seite zu entfernen, können wir einfach mit der rechten Maustaste darauf klicken und auf Löschen klicken, um etwas zu entwerfen, das wir brauchen in unserem Hafen Weg kann unser Boot von dieser linken oberen Ecke einfügen, Legen Sie unseren Port ein oder drücken Sie einfach den Buchstaben A auf der Tastatur. Wenn wir dies tun, können wir immer Optionen sehen Im Inspektorfenster sind die alten vorgefertigten Vorlagen, die durch Skizze erstellt wurden, um es einfacher zu wählen, welches Gerät zu entwerfen für es bereits hat. Die richtige Größe ist alles, was Sie tun müssen, ist nur schnell auf dem Gerät, mit dem Sie arbeiten möchten , und es wird ein Kunstboard für Sie erstellen. Sie können Apple-Geräte oder Android-Geräte, Responsive Webpapiergrößen oder benutzerdefinierte auswählen. Eine andere Möglichkeit, ein benutzerdefiniertes Kunstboard zu erstellen, ist zu schnell beim Ziehen. Auf diese Weise können wir sehen, was die erste out Port hier erstellt. Wir können die Benennung ändern und die Größe des Flughafens ändern. Wir können zum Inspektor gehen und neue Nummern hinzufügen. Die erste Zahl W ist für mit und das Alter ist für die Höhe. Um die Höhe zu ändern, habe ich keine andere Nummer eingegeben und einfach die Eingabetaste gedrückt. Diese beiden Nummern an der Wanne sind für die Position unseres Hafens, also um die Position zu ändern, können wir die Nummer ändern. Impress Enter. Lassen Sie uns nun ein paar verschiedene Ebenen hinzufügen und mit den Werkzeugen spielen, um zu sehen, wie sie in Adam Rectangle auf unserem Board zwischen zwei funktionieren . Drücken Sie den Buchstaben R, dann schnell und ziehen Sie für über Repress Oh, und klicken Sie und ziehen Sie dann erneut für einen Kreis drücken. Oh, und dann drücken Sie die Umschalttaste, dann schnell und trinken oder Text mit Drücken halten Sie einfach etwas standardmäßig eingeben. Da steht „Geben Sie etwas ein. Lassen Sie uns also die Eigenschaften unserer Shapes im Inspektorfenster ändern. Sie können die Farbe dieses Kreises ändern, und dann lassen Sie uns dasselbe für ihr Kribbeln tun. Platzieren wir dann den Kreis über das Rechteck, um einige dieser Werkzeuge zu üben. Wenn wir also auf den Kreis klicken, wird er ausgewählt, und dann können wir dieses Tool verwenden, um den Senat rückwärts zu senden. Klicken Sie zurück, arbeitete und klicken Sie dann vorwärts, um es zurück zu bringen. Wir können Shapes auch zusammenfassen oder so schnell bearbeiten und die Kanten ziehen, um einen Konflikt zu erzeugen . Schütteln Sie aus Ihrem Kreis Weg kann schnell, überall auf der Kunsttafel oder drücken Sie fertig bearbeiten, um die Bearbeitungslast zu verlassen. Dann können wir es drehen, klicken Sie auf das Rechteck drücken Sie Shift und klicken Sie auf die neue komplexe Form und dann schnell Maske. Auf diese Weise haben wir unsere Maske aus zwei Formen erstellt. Sie können mit den Tools von oben spielen, um zu sehen, wie sie für einige von ihnen funktionieren, wie zum Beispiel Vorschau Claude oder Export. Wir werden sie später in der Klasse verwenden, also lassen Sie uns ihnen vorerst geben, mein Zeitplanlayout könnte ein wenig anders aussehen. Zum Beispiel, diese, die ich hierher kommt, könnte ich von Ihrer Schnittstelle fehlen. Und der Grund ist, dass ich mehrere Sketch Plug Ins installiert habe und sie bieten einige zusätzliche Funktionen. Das ist mehr schlechte Skizze, und ich werde das in einer anderen Klasse abdecken. Also, wenn Sie so etwas bemerken, Sie nicht verwirrt. Dies ist die grundlegende Struktur der Skizze war kein Schritt vorwärts und beginnen Sie mit der Gestaltung unserer App. 4. Teil 1: Entwerfen der The: , um mit der Gestaltung des up zu beginnen. Lassen Sie uns ein für unser Board drücken und aus den Vorlagen auf der rechten Seite werde ich iPhone Überschuss wählen. Lassen Sie uns die Umbenennen Sind gelangweilt, indem Sie hier doppelklicken. Nein, wir brauchen einen Rückgabewert mit der gleichen Größe Wenn Sie also die Arbour auswählen, indem Sie darauf klicken, können Sie die Größe sehen. Die mit ist 375 in der Höhe ist 112. Also, jetzt lassen Sie uns drücken für Rechteck, klicken und ziehen, und dann lassen Sie uns die Fälschung entfernen und die Größe genau die gleiche wie unser Board machen. Also war es 375 von 812. Nein, ich muss es eine Linie des Rechtecks mit ER-Platine ausrichten, klicken Sie hier nach Alanya horizontal, und dann klicke ich hier, um Lenny vertikal. Dann muss ich die Farbe ändern. Also klicke ich auf die Farbe. Ich kann die Farbe von hier wählen, oder ich kann einige der Farben verwenden, die ich bereits in meinem Talent habe, um Ihre Farbe zu Ihrer Appellate-Einheit zwei hinzuzufügen . Schnell dieses Plus-Symbol hier. Also werde ich diese Ruhe wählen und dann sehe ich, dass es verschiedene Stile für Iraner gibt. Es wurde versucht, dies und sehen, wie sie funktionieren. Ich werde diesen Stil wählen und die harte Farbe zu ändern, klicke ich auf diesen Kreis, dann gehe nach unten zu meiner Palette und wählte diese Farbe. Dann klicke auf den rechten Kreis, wenn ich nach unten gehe und wähle diese Farbe aus. Also, jetzt habe ich bemerkt, Cranie int ich könnte Änderungen an diesem großen machen und durch Ziehen dieser Kante des Kreises zwei verschiedene Winkel Ich werde es so von nun an halten, um Steuer hinzuzufügen, drücken wir den Tee auf der Tastatur und dann einfach den Namen der APP ist ein Einheimischer. Ich werde meine Steuer in zwei Teile aufteilen. Also wähle ich diesen Preis Befehl sehen und dann Befehl sein und dann verschieben und die Pfeiltaste zu bewegen. Und dieser Teil wird entworfen werden. Dann wählte ich und wieder benutzte eine Schicht und Cherokee, um es zu bewegen. Lassen Sie uns beide Teile auswählen, indem Sie den ersten auswählen und dann den rasierten Klick drücken und diese beiden zusammen gruppieren . Sie können es lokal nennen, um dies perfekt in der Mitte, in der Mitte des Kunstwerks auszurichten . Zuerst drücken Sie diese, um horizontal und dann vertikal auf Atlantik auszurichten. Also im Moment habe ich mein Splash-Seitendesign letzten Schritt vorwärts und weiterhin die APP zu entwerfen . 5. Teil 2: Entwerfen der Anmeldeseiten: Lassen Sie uns auf das Rig klicken, verheddert, dann doppelklicken Sie auf den Namen, um es umzubenennen und fertig. Klicken Sie auf das Symbol erstellen, um das Symbol rückwärts in ein Symbol zu verwandeln. Drücken Sie OK, und wir können sehen, dass dieser Hintergrund ein Symbol ist. Bald werden Sie sehen, wie wir können. Wir verwenden das gleiche Element immer wieder in unserem Design. Also lassen Sie uns auf das Are Your Name klicken, dann drücken Sie Währung und Komitee, um das Kunstboard zu kopieren. Lassen Sie uns diese zweite Seite in Seite zwei umbenennen, und jetzt müssen wir das Logo verschieben, und dann müssen wir es ändern. Ausgewählter Text und ich änderte die Spaßgröße aus dem Inspektor. Wir müssen die zweiten Karten verschieben, klicken Sie nun auf die Logo-Gruppe und richten Sie sie wieder horizontal aus. Dann lassen Sie uns ein T für Text präsentieren. Was ist mit einer Steuer? Ich werde eine andere Frontallee wählen, und die Textwissenschaft wird 24. Ich ging zu einem Linus perfekt in der Mitte unseres Brettes. Sie können wählen, Signieren, entwerfen Sie einen Teil drücken Befehl, sein, um ein Buch zu machen, und so haben wir jetzt die zweite Seite unserer App. Klicken wir auf die sind geboren Namen Drücken Sie kommen und C-Befehl V zwei kommen wieder Wir nannten er Bord. Wenn du den Flughafen später nicht umbenennst, wenn du deine Welt erfahrst, wird er Ärger haben, denn auch nur extra wird eines unserer Boards nicht funktionieren. Also nein, wir werden den Anmeldekäfig nicht auf der ersten Seite erstellen. Wir brauchen die faltbare Kleiderstange. Drücken Sie Kommentar Be, um die Kahlheit der besteuerten sieht Platzierung des letzten Teils zu entfernen, um eine Linie zu erstellen Ich drückte den Buchstaben l klicken und ziehen Sie es hier kann ich die Eigenschaft meiner Linie machen weiß ändern Ich wollte auch perfekt in der Mitte Include hier sein. Nein, ich möchte eine Schaltfläche erstellen, also drücke ich Oh, und Shift Klick Indrek entfernt einen Rahmen machen jetzt Hier brauchen wir ein wenig Schatten , weil das zu viel ist. Also lasst uns hier ein paar Änderungen vornehmen. Ich finde, es sieht cool aus. Also x Null y Null in diesem nur ein und Unschärfe. Nein, ich muss ein Symbol über meine Schaltfläche platzieren, um ein Symbol hinzuzufügen. Ich gehe zu dem bekannten Projekt, dass der Betrüger in diesem Angriff als nächstes Tonnen von verschiedenen nächsten Psychos bringt . Ich wähle das aus, und ich kann es per Drag & Drop in meine Skizzendatei ziehen. Wählen wir die Größe, um sicherzustellen, dass sie sich perfekt in der Mitte des Kreises befindet. Also lassen Sie sowohl den Kreis im Symbol und dann die Linie, die es Bulls vertikal und horizontal und dann so, wie der Pfeil nur zum letzten Abschnitt im Inspektor gehen und verwenden Sie die Farbe sieht gut aus. Also jetzt möchte ich Ihnen zeigen, wie es tatsächlich unser Symbol verwenden kann, das wir zuvor erstellt haben. Es ist also ein Doppelklick auf den Hintergrund , der unser Symbol ist. Nehmen wir an, wenn ich meine Hintergrundfarbe ändern möchte, schaue ich sie nicht wieder an, und ich gehe in die Bearbeitungsstimmung. Also hier kann ich eine andere Farbe auswählen. Nein, gehen wir zurück und sehen, was passiert ist. Wie wir in allen unseren Boards sehen können, hat sich die Hintergrundfarbe geändert, so ist dies die Macht des Symbols. Wenn Sie dies getan haben, sagen wir Dutzende von verschiedenen Seiten, Sie müssen keine Zeit verbringen, um die Hintergrundfarbe oder ein anderes Element immer wieder zu ändern . Sie können es einfach in einem einzigen Symbol tun und das ist großartig. Ich will nicht zu meinen vorherigen Farben zurückkehren, also werde ich sie hier ändern. Unten und das Tolle an Skizzen. Sie können Ihre Ersteller auch als global hinzufügen. So wie Sie sehen können, wenn Sie auf dieses Plus-Symbol klicken, diese genau gleich groß und wird Ihrem Gaumen hinzugefügt werden und Sie können es in jedem anderen Projekt wiederverwenden . Nein, Lassen Sie uns ein anderes Symbol erstellen, um unsere Welt schneller zu machen. Also, wenn eine Gruppe diese beiden zusammen, Aber ich werde in der Gruppe Formularfeld brauchen, dann gehen, um ein Symbol zu erstellen, kann ich hier klicken oder ich kann einen Rechtsklick und erstellt eine Bewegung . Von da an werde ich den Namen dort verkaufen, wo ich mich fühlte. Nein, lassen Sie uns diese Kunsttafel kopieren und einfügen. Lassen Sie uns das unser Board h vier nennen. Nein, wie ich sehen kann, ist die Struktur ziemlich gleich. Aber ich will einen anderen Text, den du schreibst. Also, was ich mache, weil es ein Symbol ist, klicke ich darauf. Und hier auf meinem Inspektor Pano kann ich den Wert ändern. Was ich tue, ist, dass ich nur „Beaming“ tippe. Drücken Sie die Eingabetaste Dies ist die Macht des Symbols war kopieren und wieder einfügen. Das ist Seite fünf in diesem. Dieser wird alles Passwort sein. Lassen Sie uns auch Angriffe, weitere Geschäftsbedingungen hinzufügen . Gehen wir zurück zu diesem Kunstbrett und tippen so etwas wie meinen Sohn. Du weißt schon. Du stimmst zu. Hat Teoh Provisionen gesehen? Nein. Lassen Sie uns diese Steuer die feste Größe machen und dann den Dienst geändert. Du. Lassen Sie uns die Schriftgröße ändern und einen Tim Pixel machen. Lassen Sie uns es zentriert und in die Mitte einreihen. Kopieren Sie uns einfach und fügen Sie uns in unsere eigenen Pinnwände ein. Okay, also lasst uns den nächsten Außenborder erschaffen. Die besten Zahlen Sakes. Bestätigen Sie das Passwort. Es erlaubt Ihnen, einfach das Textjahr zu ändern, Ordnung. Es sieht so aus, als hätten alle Altersgruppen angemeldet. Unser nächster Schritt besteht also darin, eine Seite zu entwerfen, die Menschen nach der Einrichtung 6. Teil 3: Entwerfen der endgültigen Seite: Lassen Sie uns nicht die Hauptseite erstellen, die Benutzer sehen, nachdem sie sich schnell auf diesem Kunstboard angemeldet haben. Beginne Siehe, um den Befehl zu kopieren, sei zum Einfügen. Jagen Sie den Namen des Flughafens zum Köder. Sieben. Lassen Sie uns einige der Teile entfernen, die wir nicht brauchen. Lassen Sie uns die Größe für das Hintergrundrechteck ändern, um es als Header-Weg zu verwenden. Sie müssen auch die lokale Größe ändern. Wählen Sie Wolf Teile des Textes und änderte die Telefongröße zu 40. Verschieben wir dann den unteren Teil, um ihn richtig auszurichten. Wählen Sie die nach oben bewegte Logogruppe und dann einen Blitz in der Mitte des Rechtecks aus. Lasst uns jetzt das Essen kreieren. Äh, kopiere den Hintergrund mit einem Gewirr. Hey, stead und wirklich auf den Grund. Es hat die Größe verändert, und ich kann das Gefühl haben, dass Graydon hier nicht sehr gut aussieht. Lassen Sie uns es also vom Symbol lösen und einen anderen Ständer dafür schaffen. Also gehen wir auf das Feld statt groß, und ich wähle diesen ersten Kreis, der eine einzige Farbe ist. Dann klicke ich auf die Pipette zu Teoh, wähle eine Farbe und wähle diese aus. Nun, das wird jetzt meine Fußzeile sein. Wir brauchen einige Symbole für die Fußzeile. Nehmen wir an, wir haben hier drei Kategorien. Galerie-Hilfe im Profil. Also geh zurück zum Nicht-Projekt. Zuerst überwinde ich Galerie. Mal sehen, was wir haben. Ich werde das aussuchen und dann helfen. Lassen Sie uns dieses im nächsten Profil auswählen. Ich versuche, Symbole zu verwenden, die in ihrem Stil identisch sind. Versuchen wir es mal. Nun lassen Sie uns all dies mit Autos auswählen. Ändern Sie die Größe auf 55 Pixel und dann Ruhefeld und verwenden Sie die Farbe. Nein, ich muss das ausrichten. Gehen wir also schnell zu den Ausrichtungswerkzeugen, dieses allerletzte, um es von unten auszurichten und dann den Raum zwischen ihnen auszurichten. Sobald ich das tue, kann ich Befehl G drücken, um diese Symbole in einer einzigen Gruppe zu gruppieren. Ich benenne es zwei Fußzeilensymbole um und klicke auf das mittlere Ausrichtungswerkzeug, um sicherzustellen, dass es sich perfekt in der Mitte des Essens befindet. Er dann schnell auf das Essen oder Rechteck drücken Shift und wählen Sie diese Gruppe und klicken Sie auf die andere Ausrichtung, um sicherzustellen, dass es vertikal in der Fußzeile ausgerichtet ist. Jetzt lassen Sie uns die Hauptkategorien unserer Anwendung erstellen Ich nehme an, dass diese Anwendung für die Entscheidung verschiedener Dinge wie Banner, Symbole, Muster, Logos usw. ist für die Entscheidung verschiedener Dinge wie Banner, Symbole , Muster , Logos . Lassen Sie uns also diese Kategorien erstellen. Drücken Sie sind für Rechteck entfernt das schlechte Abendessen klicken Sie auf das Feld Farbe. Rob die Pipette Werkzeug in ausgewählt diese sehr Top-Farbe von der Laube neben ihm. Lass es uns in der Mitte ausrichten, und dann wollen wir Teoh. Platzieren Sie einen Text darauf. So Presti in Recht entworfen haben. Ich möchte das Schriftbild in Aven ER ändern und auch das Styling zu schwer geändert. Lassen Sie uns auch die Schriftgröße auf 24 ändern. Wählen Sie eine Woche Tango drücken Shift. Markieren Sie den Text in einer Linie vertikal. Nein, wählen wir ein Rechteck und käse den Radius, um abgerundete Ecken zu erhalten, und drücken Sie dann die Umschalttaste . Also, wie der Text und kopieren Sie diese beiden verweilt. Die 2. 1 wird ein besseres Zeichen sein. Lassen Sie uns schneiden Köder wieder in diesem ist entworfen. Die nächste Kategorie ist Icon-Design und lokales Design. Also für die zweite mit 10 niedrig, werde ich eine andere Farbe wählen versuchen, den gleichen Riesen zu erstellen. Das würde sich verheddern. Ja, nimm den Farbwähler und wähle die Farbe aus. Nein, wählen wir die Textebenen aus. Du kennst diese Kategorien und richtest sie nach links aus, indem du auf die linke Ausrichtung klickst. Nein, wir möchten einige Biker hinzufügen, um es optisch ansprechender zu machen. Gehen wir zurück zu dem Nicht-Projekt in Die erste Sache ist Website-Design war zu entwerfen. Lasst uns dieses Symbol auswählen, damit das nächste Design besser plant , weil ich dieses aussuchen werde. Als nächstes ist Musterdesign aus Gründen der Zeit. Ich wähle nicht die perfekten Symbole aus. Mal sehen, was wir für Icon-Design haben. Ich versuche, Symbole auszuwählen, die im Stil identisch sind. Wir haben nicht viele Möglichkeiten, weil ich nicht entwerfen konnte, denke ich. Okay, lass uns bei diesem hier. Und Leslie. Lokales Design. Nun, lokales Design. Lasst uns das aussuchen. Wählen wir nun alle diese Symbole aus und ändern Sie die Größe, um Pixel zu korrigieren. Und dann lassen Sie uns sie nach rechts ausrichten. nächste Schritt besteht darin, auf das Feld zu klicken und die Farbe in Weiß zu ändern oder welche Farbe für Sie funktioniert . Jetzt können wir sehen, dass es mit den ICOs besser aussieht. Nun, ich will es zu einer Ladung machen. Etwas kleiner, vielleicht 50 Pixel in Das letzte, was wir wollten, ist sicherzustellen, dass jedes der Symbole in der Mitte dieses Rechtecks ausgerichtet ist . Wählen Sie also ein Rechteck aus, klicken Sie auf das Symbol und richten Sie es online an der Mitte aus und tun Sie dies für jeden von ihnen. Jetzt haben wir unsere Seite bereit. Wir werden nicht die gesamte Anwendung entwerfen, weil es viel mehr Zeit in Anspruch nehmen würde. Aber hoffentlich war das genug für Sie, um zu verstehen, wie Skizze funktioniert. Also unser nächster Schritt ist, diese Seite zu verwenden, ist es, einen Prototyp zu erstellen. 7. Teil 4: Prototyping: vor dem Prototyping. Ich möchte Ihnen zeigen, wie Sie Ihre Arbeit schnell an den Kameras erkunden und ziehen, um alle Ihre Ports auszuwählen und dann schnell exportierbar auf der rechten Seite zu machen. Du siehst diese Muster auf unserem Brett. Es bedeutet, dass der Hintergrund transparent ist. Es zeigt, dass es einen weißen Hintergrund hat, aber wenn Experte, wird es transparent sein. Also wählen wir Bagram Farbe und überprüfen, in Experte enthalten. Dies wird sicherstellen, dass es nicht transparent ist, aber es ist tatsächlich weiß, so dass Sie Schlacken und dann auf Experten in der rechten oberen Ecke klicken können. Und wenn Sie auf Experte klicken, werden Sie in der Lage sein, Ihre Arbeit in PNG zu exportieren. Hier können Sie ein Format auswählen, das ein Experte verwenden soll. Es kann geschwenkt werden. Du J-Pack warst anders. Möchten Sie einen Prototyp erstellen, klicken Sie auf die Kunst dafür? Sie möchten mit beginnen und dann einen Hot Spot darauf platzieren. Zeitalter der Presse. Klicken Sie und ziehen Sie den Bereich, den Sie eine schnelle auf wollen, und wenn Sie tun, Sie werden diese habe ich hören können. Wenn Sie darauf klicken, werden Sie in der Lage sein, alle Seiten zu sehen, so wählen Sie die Seite, zu der Sie navigieren möchten. Von diesem Punkt ist dieser Fall, es ist Seite zwei wieder mit Presse-Alter und setzen Sie einen Hot Spot auf die Anmeldung, die wird ein Link zu dieser nächsten Seite sein. Nächstes Platzieren Sie alsNächsteseinen Hotspot auf der dritten Seite zur nächsten in der gleichen Sache für andere Seiten. Nein, mal sehen, wie dieser Prototyp funktioniert. Schnell auf der ersten, unser Board, dass Sie begonnen haben, was und dann wie Vorschau mit einem Prototyp zu sehen und lassen Sie uns testen. Wie wir sehen können, funktioniert es entsprechend den Hot Spots, die wir konnten. Sie können Ihre Arbeit auch in die Skizzenwolke hochladen und mit dem Rest Ihres Teams freigeben. 8. Letzte Gedanken: Vielen Dank, dass Sie das genommen haben. Und ich hoffe, es hat dir gefallen. Zögern Sie nicht, mich zu kontaktieren, wenn Sie Fragen oder Feedback haben. Mitarbeiter, teilen Sie Ihr Projekt in der Galerie dieses Hauses. Ich kann es kaum erwarten, Ihre Arbeit zu sehen.