Mobile App Design von Grund auf mit Skizze 3 - Teil 3 (UI Design fortgeschritten) | Maxime C | Skillshare

Playback-Geschwindigkeit


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

Mobile App Design von Grund auf mit Skizze 3 - Teil 3 (UI Design fortgeschritten)

teacher avatar Maxime C, Entrepreneur and Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Einheiten dieses Kurses

16 Einheiten (1 Std. 17 Min.)
    • 1. Willkommen in Teil 3

      0:32
    • 2. Inspiration und Trends

      3:41
    • 3. Farben und Farbauswahl

      3:40
    • 4. Gute Praxis : Farbpaletten

      4:09
    • 5. Farbharmonie (optional)

      5:01
    • 6. Typografie

      4:26
    • 7. Gute Praxis : Textstile

      3:37
    • 8. Drawing

      9:37
    • 9. Gute Praktiken : Symbole

      7:34
    • 10. Sparen Sie Zeit mit Plugins

      3:53
    • 11. Styleguide & Praxis

      6:23
    • 12. Export und Spezifikationen

      6:48
    • 13. App Icon v2 und graphic

      9:24
    • 14. App Store Screenshots v2

      4:43
    • 15. Produktpräsentation

      2:08
    • 16. Schlussbemerkung

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

Von der Community generiert

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

729

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Der Schlüssel zum Erstellen einer erfolgreichen App ist es, etwas zu machen, das die Menschen wollen und das funktioniert. Und darum geht es in diesem Design wirklich. Deshalb geht es bei diesem Kurs nicht nur darum, eine hübsche App zu erstellen, sondern es geht darum, ein Produkt zu entwerfen, das für die Menschen Sinn macht und zufällig schön ist.

In diesem dreistündigen Kurs unterrichten wir dir einen kompletten Design-Workflow, mit dem du deine Idee in eine voll entworfene und ansprechende mobile App mit Sketch 3 verwandeln kannst.

Dieser Kurs wird mit einem Beispiel unterrichtet. Jeder Kurs stellt einen Schritt in dem Designprozess dar, der auf die App angewandt wird, die wir aufbauen, damit du ein klares Verständnis aller Designprinzipien hast, die diskutiert werden.

Der Kurs ist in 3 Teile aufgeteilt, stelle sicher, dass du alle abonnieren kannst:

In Teil 1 werden wir uns auf 1, konzentrieren, mit denen wir sicherstellen können, dass wir eine aufregende App entwerfen, was wirklich funktioniert und Sinn macht.

In Teil 2 beschäftigen wir uns mit den Grundlagen des UI-Designs. Wir lernen wie du Sketch verwendest, und entwerfen einen ersten Entwurf deiner App, der hauptsächlich iOS verwendet. Das Schlüsselwort hier ist Effizienz.

In Teil 3 nehmen wir uns die Zeit, um in die benutzerdefinierte Benutzeroberfläche, fortgeschrittene UI, Icon Design und viele andere Überraschungen zu gehen, indem wir eine letzte Version unserer App entwerfen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Maxime C

Entrepreneur and Designer

Kursleiter:in

I'm an entrepreneur and web and mobile app designer. I've created 2 startups. I teach entrepreneurship and design at SciencesPo, a top school in Paris. I'm also a UX consultant and interface designer, I work mainly with startups.

I strongly believe in the power of teaching by example and my goal is to make sure my students will be able to use the skills I teach them immediately.

Vollständiges Profil ansehen

Skills dieses Kurses

Kreativ UI/UX Design Skizze 3

Kursbewertungen

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

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

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

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

Lerne von überall aus

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

Transkripte

1. Willkommen in Teil 3: In Ordnung. Willkommen zurück. Dies ist Teil drei dieses mobilen App-Design-Kurses. Stellen Sie also sicher, dass Sie an einem und Teil zwei teilgenommen haben, bevor Sie diesen in diesem Abschnitt beginnen. Teil drei. Wir arbeiten an der visuellen Identität und dem benutzerdefinierten Design unserer App, die es uns ermöglicht, tiefer in erweiterte Skizzenfunktionalitäten Design Best Practices zu gehen . Ich kann nicht auf viele andere Dinge entwerfen. Wenn Sie nicht wissen, dass trotzt für den Kurs in Teil eins oder teilweise, um sicherzustellen, dass Sie tun. Es ist Ihr in der Klasse Projekt tippen. Und jetzt verlasse ich dich wieder bei Adrianne. Also viel Spaß, Leute. 2. Inspiration und Trends: Hey, willkommen im zweiten Teil des Kurses. Nicht, dass er jemals mit Standard-Design läuft. Es ist Zeit, über seine visuelle Identität nachzudenken. Wie es aussehen wird, fühlen sich an, wie Farben und Telefone zu verwenden waren. Dies ist ein visuelles Konzept der App. Ein großer Teil dieses Prozesses besteht darin, Inspiration zu finden. Inspiration ist kein Geschenk der Götter, das aus dem Nichts zu dir kommt. Der beste Weg, sich inspirieren zu lassen, ist, sich andere Arbeiten anzuschauen. Und wenn du das Gefühl hast, dass das andere Leute stehlt , dann ist es irgendwie der Punkt. , Als Sprecher, die sagte, gute Künstler kopieren große Künstler stehlen. Und wenn, weil sie sagen, dass ich denke, wir sind gut zu gehen, gibt es viele Möglichkeiten, Informationen im Internet zu sammeln. Eine gute und einfache ist es, ein Brett und Interesse, wo Sie verwiesen werden Referenzen, die Sie mögen, haben . Wir empfehlen Ihnen auch, Screenshots zu machen, wie Sie mögen, wenn Sie die App auf Ihrem Telefon durchsuchen . eigene Sammlung zu erstellen, ist ein ständiges Sprichwort. Halten Sie immer die Augen offen. Es gibt viele Orte, an denen Sie Inspiration im Internet finden können. Werfen wir einen Blick auf einige der besten ein Dribble Dribble ist die Show bis Website. Für Designer sind viele erstaunliche Designer mobile App Designer Grafikdesigner Illustratoren sehr aktiv in dieser Plattform und laden ihre Arbeit jeden Tag hoch. Sie können sowohl für die beliebten Aufnahmen, Ich werde für bestimmte Themen suchen. Es gibt eine große Kragenwerkzeuge, die Ihnen die Hauptfarbe zeigen, die in der Aufnahme verwendet wird. Wenn Sie einen Designer finden, der, wo Sie möchten, ihre Aufnahmen erkunden und ihnen sogar folgen kann, wenn sie ein Konto erstellen, jeder erstellt ein Konto, aber Sie müssen eingeladen werden, um Push zu können. Sie wollen Entwürfe. Sie können auch auschecken daher dot net, das ist auch ein großes Design Schaufenster Websites. Da wir an mobilen App arbeiten, gibt es ein paar Websites, die Screenshots mehr von wie ihr Jungs und fließt Muster anzeigen , P t T R und s dot com. Sie können in der Regel bro Screenshots von Aufgaben oder Sie ich Muster. Nehmen wir an, wir arbeiten an dem Profil in unserer App. Wir können einen Blick darauf werfen, wie andere APS Benutzerprofile anzeigen. Je weniger Website möchte mit Ihnen teilen, sind kleine große Details, die kommen. Es ist ein Blut, das kluge sammelt, detaillierte Verbrecher, verschiedene Websites, APS und Verwendung Es fließt. Es geht nicht immer um Design, aber es ist wirklich beeindruckend zu sehen, wie weit Designer gehen können. Ich empfehle Ihnen auch, sich auf Seite Bardet Io Sidebar registrieren wurde von der solchen zustimmen erstellt, wenn eine sehr cool in der Zeit zu Designer. Es ist eine Liste der fünf besten Design-Links des Tages, die Ihnen jeden Morgen per E-Mail zugesandt werden. Es hält Sie auf dem Laufenden mit neuen Produkten, neuen Artikeln und allen Arten von Sachen rund um Design. Lassen Sie uns mit Ihnen teilen, was wir von den heutigen Trends bemerkt haben. Inapt Zeichen auf der U Exide Wir sehen mehr und mehr Gesten. Gesten sind Interaktion, die Sie mit Ihren Finger machen sollten nur warten, als Karten, zum Beispiel, Auf der US-Seite, flaches Design ist jetzt obligatorisch, aber Sie werden auch viele APs sehen, um zu versuchen, Vollbild mit dem Inhalt zu sein. Snapchat zum Beispiel zum Beispiel hat eine wirklich seltsame UX, aber sobald Sie auf den Inhalt sind, ist es immer voll Gange. Also Sie völlig in sie, indem Sie etwas Unschärfe Ihren Hintergrund setzen. Eines der großen Merkmale der Skizze ist jetzt die Alternative zu einem Doktrin-Sprint-Layout im Hintergrund. Schließlich werden mehr und mehr Gliederungssymbole anstelle von fett gedruckten Piktogrammen angezeigt. Ein großartiges Beispiel dafür ist urban be neueste totale Rebranding. Jetzt, da wir wissen, wo wir Inspiration finden, lasst uns lernen, wie man Skizze beherrscht, um fertig zu werden. Er Sachen, die du magst und sogar deine eigenen Ideen kreieren. Das wird in der nächsten Lektion sein. 3. Farben und Farbauswahl: Willkommen zurück in diesem Video, wir werden über Farben sprechen. Ein gutes Design sollte ohne Farben funktionieren. Das ist der Grund, warum wir IRS-Ausschreibungen in unserer ersten Version verwendet haben. jedoch Farbe istjedocheines der ersten Elemente des Designs, das vom Benutzer wahrgenommen wird, und daher spielt sie eine große Rolle in der ästhetischen Wahrnehmung Ihres Designs. Aber bevor wir unsere Farbe in Farbpaletten behandeln, möchte ich Ihnen zeigen, wie der Farbwähler funktioniert. in der Skizze eine neue Datei, Öffnen Siein der Skizze eine neue Datei,und zeichnen Sie ein Quadrat. Klicken Sie nun auf die Feldschaltfläche und geben Sie ihm die Farbe, die Sie mögen. Während Sie den Farbwähler in der Stimmzettel verschieben, sehen Sie, wie sich die folgenden Zahlen bewegen. Das sind die Umfänge, die die Farbe definiert haben. Die alten erzählen das Gleiche, aber auf unterschiedliche Weise. Es ist, als würde man dasselbe Wort in verschiedenen Sprachen sagen. Skizze über die U drei. Hex ist ein eindeutiger Code aus sechs Ziffern und Buchstaben, die Ihre Farbe definieren. RGB ist eine Möglichkeit, Farbe zu komponieren, indem die sind, die für rot G für ein Grün steht und für blau Wert kann zwischen Null und 235 sein. Also, wenn Sie Gelegenheit, Faisal, Fred und Null von grün und blau. Wenn du aufstehst, hast du gelesen. Wenn du 235 von Blau hättest, bekommst du lila und so weiter. Wenn Sie auf den RGB-Button klicken, verwandeln Sie RGB in HSB. H steht für wen? Das Wer ist eine Farbe in seiner reinen Form. Wenn wir beziehen sich auf Farben wie rot, blau, gelb orange, wo Sie in der Regel darüber sprechen, wer war mieten von 0 bis 3 60 können Sie sehen, wo sie hier auf der Farbskala s stehen für Sättigung. Es bezieht sich auf die Reinheit des WHO-Sättigungswertebereichs von 0 200, der dem Prozentsatz der Sättigung der Farbe entspricht . Je mehr Farbe gesättigt ist, desto näher wird es dem Reinen sein, der weniger gesättigt ist, desto näher ist es an Weiß. Endlich werden steht für Helligkeit. Es ist im Grunde, wie wie oder dunkel, wer ist wie Sättigung Helligkeit Wertebereich von 0 200%. Manchmal muss man sich auch mit Farben beschäftigen, die von C. M. Y que definiert werden M. . Dieses Farbprofil ist dem Druckdesign gewidmet. Wenn eine Marke gibt Ihnen wie eine Referenzen für ihr Branding oder ein Ponton Musterfeld zu Farbe gehen , die sein musste, dass in der Sprache konvertiert kommen, die Sie wollen. Das letzte Gefühl, das Sie bearbeiten können, ist das A, das für Alfa steht. Es ist die Deckkraft. Der Wert kann zwischen Null und 100% Also, wenn wir ein weiteres Quadrat vor Stunden erstellen und die Kapazität ändern wird in der Lage sein, die 1. 1 durch die neue zu sehen. Bitte beachten Sie, dass eine Änderung der Kapazität den Wert Ihres Ex- oder RGB-Wertes nicht ändert. Es ist eine zusätzliche Information. Also, wenn Sie klare Informationen geben wollen, der Entwickler von Design, Team sollte ihnen die hex oder ihre RGB und die Transparenz, wenn es nicht 100% der ganze Sinn dieses Hörens war, Sie verstehen, wie der Farbwähler funktioniert. Ich habe versucht, es so einfach wie möglich zu machen, aber wenn Sie es technisch finden, sich keine Sorgen. Dieser hindert Sie daran, es zu benutzen und zu verstehen, was darüber folgt, wie man Gelehrte. Ihre Hausaufgaben für diese Lektion ist es, dieses Spiel bis Mitte der Fraktion zu spielen. Sie schaffen erstaunliche und lustige Spiele. Klicken Sie einfach auf diesen Link in der nächsten Lektion wird sehen, wie Sie wählen. Die Farbe wird mit Indie-App 4. Gute Praxis : Farbpaletten: Hey, jetzt, wo wir wissen, wie der Farbwähler in der Skizze funktioniert, lassen Sie durch die Farbe wird. Mit unserer App in dieser Lektion wird ein Farbschema erstellt. Kragen Glanz ist im Grunde die Wahl der Farben wird in unseren Designs verwendet werden. Dies sind drei Beispiele für Farbschemata. Wir werden zwei Möglichkeiten sehen, mit der College-Szene zu kommen. Die erste ist, eine Grundfarbe zu wählen und die Schande mit Farbtönen dieser Farbe und Grautönen zu vervollständigen . Es ist die einfachste und oft die effizienteste. Nur ein kleines Nebennotizen hier, um den Begriff zu definieren, den ich gerade verwendet habe. Wenn die Farbe durch Verstecken von Weiß heller gemacht wird, wird das Ergebnis als Zelt bezeichnet. Wenn Schwarz hinzugefügt wird, wird die dunklere Version als Schatten bezeichnet, und wenn Grau hinzugefügt wird, ist das Ergebnis ein anderer Ton. Ein zweiter Rahmen, den Sie verwenden können, um mit einer Reacher-Koalition zu kommen, könnte zuerst sein, wählen Sie einen Basisanrufer, dann wählen Sie sekundäre Farbe mit Harmonieprinzipien und schließlich glaubte, Scham und nur intensive Schattierungen und Töne. Wir werden im nächsten Video über diese Methode sprechen. In beiden Fällen ist der erste Schritt zu groß. Die Hauptfarbe. Es ist in der Regel die Farbe Ihrer Marke. Wenn Sie noch keine Marke oder Galerie im Sinn haben, gibt es keine magische Formel oder Werkzeug, die sie für Sie auswählen. Aber kümmern Sie sich nicht zu sehr damit. Sie einen Blick auf andere abs Brooks, die auf dribbeln entwerfen und wählen Sie eine Farbe, die Sie mögen. Wenn Sie wirklich stecken, geöffnet in Skizzendatei namens Farben in diesem Unterrichtsordner und wählen Sie eine dieser Farben wir für Sie ausgewählt haben. Lassen Sie uns die erste Mitte verwenden, um eine einfache und effektive Schande für App zu schaffen. Öffnen Sie Ihre Hauptdatei. All das in diesem Unterrichtsordner. Wir werden dies auf einer neuen Seite in der gleichen Datei tun. Klicken Sie auf dieses kleine Symbol neben Seite eins und klicken Sie dann auf das Plus. Unsere Datei hat jetzt zwei Seiten, die unsere Tafel erstellen und nennen es Farben. Erstellen Sie ein Quadrat und geben Sie ihm die Farbe, die Sie ausgewählt haben. Für uns wird es der Hex-Code sein. 125688 Dies ist unsere Hauptfarbe. Die Farbe der Marke Instagram. Jetzt duplizieren Sie das Quadrat viermal und legen Sie diese fünf Quadrat nebeneinander wird die gleiche halten , die, aber durch das Spielen mit der Sättigung und Helligkeit wird fünf verschiedene Tönungen zu erhalten. Wir werden mit ein wenig Blau beginnen, die für aktive Elemente in Sie verwenden wird, sagte ich. Die Sättigung bei 87 und die Helligkeit bei 53, dann ein hellgrau für inaktive Elemente. Situation mit drei Richtigkeit. 67, dass eine dunklere Grausättigung bei Null und Helligkeit bei 33. Und schließlich eine schwarze oder sehr dunkelgraue Situation. A 12 und Helligkeit bei 10, wie wir gehen, um dieses Halsband oft zu verwenden. Eine gute Praxis ist es, sie hinzuzufügen. So verwenden Sie das Watchpanel. Wählen Sie eine Farbe aus, öffnen Sie die Registerkarte „Feldfarbe“ und klicken Sie auf „Plus“ für jeden Schalter. So haben Sie die ganze Farbe in Reichweite. Das war's. Tut das gleiche für Ihr Projekt. Erstellen Sie Ihr eigenes Farbschema und fügen Sie es zu Ihrer Farbtabelle hinzu. Sie werden viel mehr Produkt auf diese Weise sein. Das nächste Video ist optional. Es befassen sich mit Farbe, wie maney Prinzip und das Hinzufügen von verschiedenen Farben zu Scham. Fühlen Sie sich frei, es zu behalten und kommen Sie zurück, wann immer Sie wollen. Wenn Sie Europa so schnell wie möglich gestalten möchten, aber wenn Sie andere Farben zu Ihrem obszönen hinzufügen möchten und nicht wissen, wie Sie sie wählen sollen. Dann gehen Sie weiter und sehen Sie sich das nächste Video an. Wir erklären, wie und zeigen Ihnen, wie Sie ein sehr nützliches Werkzeug verwenden. 5. Farbharmonie (optional): Hallo wieder Im Vorwort Video haben wir Ihnen gezeigt, wie Sie eine einfache und effiziente Kohle rasheem erstellen. Wenn du damit zufrieden bist, kannst du in das nächste Video gehen Wenn du mehr als nur eine Farbe in deinem Team willst und ein bisschen mehr über Farbharmonie wissen möchtest, habe ich den Rest dieses Videos nicht gesehen. Wir beginnen auch von einer Grundfarbe, aber dieses Mal wird Harmonieprinzip verwenden, um sekundäre Farben zu wählen. Das Farbrad ist Partikel ist nützlich bei der Erstellung getan Art von Kühlschrank Farbe. Scheint traditionelle Farbe scheint Muster sind Kombination von Farben basierend auf ihrer Beziehung zueinander. Die traditionellen Maschinen können Ihnen helfen, schnell mit Harmonien und interessanten Paletten zu kommen . Monochromatische Farbe scheint bestehen aus verschiedenen Tönen, Schattierungen intensiv. Wer ist in einem bestimmten wer? Dies sind die einfachste Farbschema zu schaffen, da die alte aus dem gleichen Reifen monochromatische Farbe genommen scheint in der Regel einheitlich und harmonisch zu sein. Dies macht sie ziemlich effektiv in der allgemeinen Stimmung zu etablieren. Der Nachteil ist, dass sie aufgrund der fehlenden Vielfalt der komplementären Farben monoton werden können. Scheint basieren auf der gegenüberliegenden Farbe. auf dem Farbrad, zum Beispiel rot und grün oder blau und orange. Kostenlose Farbschemata sind schwierig, in großen Dosen zu verwenden, aber funktionieren gut, wenn Sie etwas abheben möchten. Die Komplimentfarbe ist am besten verwenden Sie mehr als Akzentfarbe. Keine orangefarbene Kontraktion auf der Seite. Erniedrigend, ein Blau zu kaufen, wird sehr effektiv sein. Zum Beispiel, wie gespielt komplementär schämt sich. Major ist einer, der, plus zwei andere gleichermaßen Raum von seiner Ergänzung. Dieses Farbschema hat den gleichen starken visuellen Kontrast wie ein komplementärer Farbglanz, hat aber weniger Spannung. Analoge Kollisionen basieren auf Farbanpassungen. Jeder andere ist auf dem Farbrad. Analoge Farbschemata sind oft in der Natur zu finden. Sie sind ziemlich harmonisch und angenehm für das Auge. jedoch Sie bietenjedochnicht viele Kontraste. Wählen Sie eine Farbe, um die mittlere Farbe zu dominieren, eine zweite, um die Hauptfarbe und die 30 Farbe für Akzente zu unterstützen. Sie können, natürlich, ich nur Stints, Schattierungen und Töne sagte. Dort sind Sie Schlüssel zwischen den Farben, über die wir im zweiten Baum sprechen werden. Dachboden Farbe scheint verwenden Farben, die gleichmäßig um das Farbrad verteilt sind. Sie bieten sowohl Kontrast als auch Harmonie. Er war eine der Farben ist dominante Farbe und die anderen beiden für Akzente. Zwei tragische oder doppelte Komplementärfarben. Sie verwendet vier Farben, die zu zwei komplementären Paaren angeordnet sind. Die satte Farbe scheint von ihr viele Möglichkeiten für Variationen, aber es kann ein bisschen schwierig sein, auszubalancieren. Also, aber der beste Weg, eine Schande wie diese zu verwenden, ist, eine Farbe als Primärfarbe und die andere als Akzente zu verwenden. Alles klar, lassen Sie uns jetzt versuchen, eine dieser traditionellen scheint zu nehmen und sehen, wie wir damit herumspielen können und, obwohl, um das zu tun, wird mit Adobe Farbe arbeiten. Gehen Sie zu Farbe, die Adobe, die kommen. Die App wird aus einem Farbrad gemacht, das Sie größer oder kleiner machen können, indem Sie darauf klicken. Fünf Farben a, hier drüben angezeigt. Analysten auf dem Rad fünf ist eine gute Zahl zu beginnen, an Ihrem Kragen Glanz zu arbeiten, aber Sie könnten am Ende mit mehr als fünf Farben. Weiter auf der Straße können Sie traditionelle Scheinwerfer wie analog, monochromatisch und so weiter auswählen und die Farbe bewegen, während die Geometrie der Maschine beibehalten wird. Und Sie können auch benutzerdefinierten Glanz verwenden, wo Sie alles tun können, was Sie wollen, Sie können wählen, welches Farbmodell Sie verwenden möchten. Wir werden HSB benutzen, weil wir wissen, dass es das wird. Mal sehen, ob wir in Lagos Shihm weiterarbeiten können. Unsere Grundfarbe ist diese in der Mitte. Es hat einen weißen Pfeil hier und hier, und wir können es ändern, indem Sie hier klicken, zum Beispiel, oder indem Sie es auf dem Rad auf Farbe bewegen. Wir können Sättigung und Helligkeit anpassen, um mit Stints, Schattierungen und Tönen herumzuspielen und unseren Gaumen einen Kontrast zu verleihen. Vergessen Sie nicht, einige Inspirationen im Web zu holen. Dribble hat eine großartige Funktion, die die Farbe zeigt, die im Design verwendet wird, und wenn wir auf die Farbe klicken, sehen Sie andere Designs, die diese Farbe verwenden. Dies ist großartig, wenn Sie sehen möchten, welche Farben der Designer mit dieser Grundfarbe verwendet. Wenn Sie mit ihm gehen, um für Sie zu wählen, wählen Sie zwei Farben auf Materialpalette dot com und lassen Sie die Magie passieren. Sie können auch Spaß beim Spielen mit Kühlern dot Co. Es ist ein Adjektivwerkzeug, um fünf Sweatshirt zu erzeugen, indem Sie einfach auf Ihre Leertaste tippen. Der beste Weg, um dies besser zu werden, ist zu üben, versucht zu erkunden, was wir gelernt haben, und kommen mit Farbschema, die Sie nur um es willen mögen . Es muss nicht für ein bestimmtes Projekt sein. Viel Spaß beim Herumspielen, Spaß haben. 6. Typografie: Hallo wieder und dieses Video wird über Typografie genommen. Dies ist nicht etwas, für das Sie zu viel Zeit verbringen sollten. Moment ist der Prozess des Umgangs mit Texten und der Auswahl von Schriftarten oder Schriftarten wirklich iteriert, da es sehr schwierig ist, ein Telefon zu wählen, ohne es im Kontext zu sagen. Und das Beste ist in der Regel, mit Helvetica zu beginnen und dann zu experimentieren, wenn Ihre Entwürfe etwas fortgeschrittener sind. Was ist wichtig zu verstehen, dass Typografie sowohl verbal als auch visuell ist, Das bedeutet, dass die Art und Weise, wie der Text aussieht, beeinflusst den Leser zu lesen oder nicht und beeinflusst den Weg, um den Inhalt zu lesen, die Schrift, die Größe. Die Position der Techniker kann sich also selbst oder Schaden für Ihre Inhalte leisten. Deshalb ist es wichtig, ein allgemeines Verständnis darüber zu haben, wie diese Dinge funktionieren. Die ersten Dinge zuerst. Schriftzeichen. Schriftarten sind in der Regel, was die Leute beziehen, wenn Sie über Geld sprechen, und bitte machen Sie nie Schriften wie ich auf diesem Titel getan. Die Schrift ist ein Design für eine Reihe von Zeichen haben einen Köder und mal New Roman sind zwei verschiedene Schriftarten. Zum Beispiel werden wir auch in einer Minute sehen, dass sie zu zwei verschiedenen Schriftfamilien gehören. Also, wenn das eine Schrift ist, was ist ein Fonds? Nun, es ist in Ordnung, Fonds als Senat neue Art Gesicht zu verwenden, aber nur damit du weißt, ich habe angerufen ist eine bestimmte Größe, Gewicht und Stil einer Schrift. Es gibt drei Hauptschriftfamilien. Serif San, Serif und Drehbuch. Fangen wir mit Sheriff an. Eine Serife ist eine kleine Linie, die am Ende eines Strichs in dem Buchstaben oder Symbol angebracht ist, eine Schrift mit serifenähnlichen Zeiten, New Romans gehört zur Stereo-Familie. Ernsthafte Schriften verwenden auch eine Kombination aus Sünde und Denken Striche. Serifen-Schriften sehen etwas konservativ aus, sind aber für längere Stücke leicht zu lesen. Lassen Sie uns jetzt über einige ernsthafte in Französisch sprechen. Das Wort Söhne bedeutet ohne. diesem Grund ergeben sich Schriftarten. Serif werden serif genannt, im Gegensatz zu serifenartigen Schriften, Sunseri. Wenn Sie in Strichen, sie sehen mehr Mutter sind toll für Schlagzeilen und Knopf. Sie sind in der Regel auch leicht zu lesen. Im Gegensatz zu einer bestimmten Schriftfamilie, die Skript genannt wird, imitieren und schreiben die oft nützlichen Logos oder betitelten, die nicht für Textkörper verwendet werden. Es gibt Dutzende von Unterkategorien, die Sie nicht über sie wissen müssen, um großartiges Design zu produzieren . Aber wenn Sie interessiert sind, schauen Sie sich diese Website an. Der Link ist keine Beschreibung. Also, wie man Schriften kombiniert? Warum es immer einfacher ist, mit nur einer Schrift zu arbeiten, die zwei verschiedene Schriften mischt, kann manchmal zu schönen Ergebnissen führen. Wenn Sie es versuchen möchten, vermeide ich, zwei Telefone aus derselben Familie zu verwenden. Der Hauptgrund, warum Sie eine andere Schriftart verwenden möchten, besteht darin, einen gewissen Kontrast hinzuzufügen. Daher verwendet zweite Schriftart, die nicht zu ähnlich ist von der 1. 1 und ändern Sie die Größe, Gewicht oder Farbe. Das ist es, was ich in diesem Licht mache. Zum Beispiel für meine App dringend, empfehle ich für meine App dringend,dass Sie nur eine Art Gesicht in der APP verwenden. Indem Sie dies tun, stellen Sie sicher, dass Sie Konsistenz halten und vermeiden Sie schlampig aussehen. Gehen wir zurück, um zu überprüfen, um einen Blick auf den Text-Kachel-Editor zu werfen. Die Ausrichtung auf ist etwas, das Sie vorher in Wort gesehen haben müssen oder einen Texteditor Wits verwies auf den Verstand der Lehrbücher. Es hieß Oto. Standardmäßig bedeutet dies, dass das Feld so erweitert wird, dass es in den Text passt. Wenn Sie gesagt, es zu beheben, ist der Verstand der Box fixiert und der Text erweitert unten, bevor wir dieses Video, ein Wort auf Abstand schließen . Es bezieht sich auf den Abstand zwischen den Zeichen, der Textzeile und den Absätzen. Eine gute Praxis ist, einen Buchstabenabstand von 1,2 bis 1,5-fachen der Größe des Telefons für Textkörper zu haben , verwenden Sie eine kleinere Menge, die ist, basierend auf einem Titel, der im Körper einen Punkt Y wissen, welchen Punkt darauf es für diese Lektion . Im nächsten werde ich Ihnen ein großartiges Werkzeug bei Weiden zeigen, um effizienter mit Stacks in Ihrem Design zu arbeiten. 7. Gute Praxis : Textstile: Willkommen zurück in dieser Lektion wird unsere Produktivität durch Sitzen verschiedene Textilien zu verbessern , so dass in der Lage, ihr einen Text zu geben. Blockieren Sie die richtigen Eigenschaften mit einem Klick. Gehen wir zurück zu seiner Käfig-Akte. Öffnen Sie den Ordner in diesem Unterrichtsordner, um sicherzustellen, dass Sie auf dem neuesten Stand sind. Nun, hören Sie mit dem Namen des Nutzerprofils auf. Wählen Sie den Text auf der rechten Seite aus. Sie sehen, dass es sich um ein Helvetica Neue Medium 16 in Blau handelt, oberhalb der Eigenschaften des Textes. Du solltest kein Textil sehen. Klicken Sie darauf und größeren Deckstil. Benennen Sie es Benutzername. Wählen Sie nun den gemeinsamen Textblock, den Sie auf der rechten Seite sehen, dass es in Helvetica Neue Regular in 16 und Hund Grau ist. Klicken Sie auf kein Textil und erstellen Sie ein neues. Nennen Sie es. Kommentar. Schließlich tun Sie das Gleiche für den Text, der anzeigt, wie lange das Foto vor gepostet wurde. Eine Image-Zeit, und das war's. Um Ihnen zu zeigen, wie wir es gebrauchen können. Lassen Sie uns eine erweiterte Version des Home-Feeds erstellen, wählen Sie den Home Outboard und könnte basted werden. Nimm den Griff an der Unterseite und ziehe ihn darunter. Ziehen Sie Ihre Wannenleiste an der Unterseite. Fügen Sie das Lehrbuch ein und setzen Sie den Namen von einem Benutzer. Sagen wir Claudia Schiffer, dann nimmt die Auswahl Block. Klicken Sie auf das Textilpanel und stellen Sie es als Benutzerprofil und Boom-Magie ein. Das große Sprichwort, es war sein Feature ist, dass, wenn Sie das Textil getan haben, alle Elemente, die es verwendet werden sofort aktualisiert werden. Wenn Sie zum Beispiel die Farbe über die Größe des Telefons ändern, ist es eine gute Angewohnheit, ein Inventar Ihrer verschiedenen Textilien zu erstellen, also lassen Sie es uns tun. Wir tun dies auf der zweiten Seite unserer Datei, also gehen Sie zu Seite zwei, erstellen Sie ein Drehfeld und benennen Sie es Textilien. Geben Sie dann den Namen Ihres verschiedenen Textils in getrennten Takes Blöcke, rechten Benutzerprofilkommentar ein. Ein weiteres für die Zeit, sagte sie mit den entsprechenden nimmt Diäten, Sie werden jetzt alle Ihre Textilien an einem Ort haben. Der Entwickler wird es wirklich zu schätzen wissen. Schriften angeht, sollten Sie nicht jede Menge Textilien haben. Und denken Sie daran, Ihre felsigen zwischen ihnen zu halten. Spielen mit Gelehrten, Handys und Größe zwei Meter ist wichtig. Das größte Beispiel in der Typografie des Irakischen Inhalts ist Medium, das in Bros verschiedenen Artikeln eingeht und sehen, wie Texte zwischen weißen Zitaten, dichten Absätzen und diskreten Untertiteln miteinander verwandt sind . dieser Lektion ist es fast der Perfektion. Wir Also, wie Textilien zu setzen? Es ist nicht obligatorisch, da Sie jeden Textblock basieren können, aber es wird Ihnen wirklich helfen, effizient zu arbeiten. Keiner von Ihnen hat Farben und Text. Lasst uns durch unsere eigenen Icons. 8. Drawing: in diesem Abschnitt wird tiefer in die Möglichkeiten der Skizzenzeichnung eingehen, indem die Registerkartenleiste I-Kegel neu gestaltet werden. Das Entwerfen dieser Symbole wird uns durch eine Menge Funktionalität gehen Bleiben Sie also im Fokus und alles wird gut. zunächst Lassen Sie unszunächstauf die Style-Guide-Seite der Horror-Datei gehen. Hier werden wir jedes Element mit unseren Entwürfen setzen. Wir haben bereits Farben und Text gesetzt. Wir werden jetzt hinzufügen, sind Symbole. Im nächsten Video erfahren Sie, wie Sie dieses Symbol in Symbole verwandeln, sodass jedes Mal, wenn Sie es geändert haben, auch auf Ihrer Entwurfsseite geändert werden. Wir fangen mit der Aegis an. Das Kamera-Icon Instagrams Kamera-Icon ist ein bisschen abstrakt, ist aber kein Teil seiner Identität. Es ist ein Kreis in einem Quadrat, fuhr Quadrat aus 31 Pixel sagte die Farbe zu etwas, das Sie sehen können. Sagen wir orange, sagte das Farbregister. Vier. Drücken Sie nun oh, um einen Kreis zu zeichnen, zeichnen Sie einen Kreis von 22 Pixeln breit. Vergiss nicht, die Schicht zu halten. Warum wachsen schlug ein Quadrat und der Kreis klicken Sie einmal auf, horizontal ausrichten und einmal vertikal ausrichten, wenn ich sicher, dass zwei Elemente durch die Mitte ausgerichtet sind , werden wir unsere erste boolesche Operation machen. Boolesche Operationen werden verwendet, um Formen miteinander zu kombinieren. Am häufigsten werden Ergänzungen und Subtraktionen verwendet, aber wir sind fast benutzt. Imo Wählen Sie Ihren Kreis und das Quadrat aus. Klicken Sie nun auf die Schaltfläche „Abonnieren“. Dadurch wird der Kreis aus dem Quadrat extrahiert. Sie haben nun ein Quadrat mit dem Loch in der Mitte und in der Ebenenliste. Die beiden Objekte, die zwei nun in einem aufgetaucht sind, zeichnen, dass ein Kreis von 15 Pixeln breit. Legen Sie es in die Mitte Ihres Platzes und los geht's. Wir haben das Kamera-Symbol. Lassen Sie uns alles, was es oder in für den Moment, ausgewählt, um Formen und klicken Sie auf Gruppe. Dadurch wird ein Ordner in The Loyalist erstellt, um einen Ordner umzubenennen. Sie können einfacher doppelklicken auf den Namen oder ausgewählt und drücken. Kommen Sie mit unserem Namen die Mappe Icahn und diese Hofkamera. Jetzt ist es großartig. Ein weiteres Symbol. Lassen Sie uns mit der Aktivität und Benachrichtigung gehen. Eichel. Dieses Symbol ist eine Kombination aus einer Gesprächsblase und Herz. Wir beginnen mit dem Herzen, fuhren einen neun mal neun Kreis klicken und ziehen, während Sie nach außen drücken, um einen Kreis zu konkurrieren. Eine Website platziert einen zweiten Kreis neben der 1. 1 Sie sollten um zwei Pixel überlappen. Wählen Sie die beiden Kreise aus und verschmelzen Sie sie zu einer Form, indem Sie auf das Vereinigungssymbol klicken. Jetzt werden die beiden Kreise zu einer Form gelobt, aber wenn ich doppelklicken Sie auf die Form, um es, es Skizze mit nur einem niedrigen mich, um eine aus der Form zu bearbeiten, um es tat. Die neue Form als Ganzes wird darin überfluten müssen. Wählen Sie die beiden Kreise Kloster und Quicken Flatten aus. Nun, wenn ich mich schnell auf die Shape-Skizze verdoppeln, wird die Form als ein Element betrachten, das ich bearbeiten kann . Jetzt hat es sich in ein schönes Herz verwandelt. Wählen Sie den Punkt am unteren Rand des linken Kreises aus und erweitern Sie ihn, indem Sie auf der Tastatur Entf drücken . Tun Sie dasselbe für den Punkt am unteren Rand des rechten Kreises. Wählen Sie die beiden Punkte in der Mitte aus und löschen Sie sie. Sie werden feststellen, dass es tatsächlich zwei von ihnen gab. Wählen Sie nun den Punkt in der Mitte in seiner Y-Position auf der rechten Seite Typ plus 10. Dadurch wird unser Punkt 10 Pixel nach unten gehen. Jetzt werden wir mit belebten Kurven spielen. Fleißige Mädchen. Früher habe ich eine abgerundete Formen zeichnen, die keine geometrischen Standards sind. Sie sind ziemlich schwer zu meistern, aber Sie werden sich daran in belebten Kurven gewöhnen. Jeder Punkt wird durch ein oder zwei Griffe definiert. Verschieben dieser Ziehpunkte wird die gesamte Form geändert. Lassen Sie uns eine kleine Pause von unserem Herzen machen und ein Quadrat zeichnen, um zu sehen, wie diese Mist Karriere gezeichnet hat und doppelklicken Sie darauf. Um Zeichnungspunkte anzuzeigen, klicken Sie auf einen der Punkte im rechten Bereich. Sie können sehen, dass die Straßenecke dort ausgewählt ist. Drei andere Arten von Ecken. Merode. Sie haben zwei Ziehpunkte, die symmetrisch und getrennt sind . Zwei Griffe können unabhängig voneinander verschoben werden. Ein S symmetrisch. Es ist eine Mischung zwischen den vorherigen beiden zu behandeln abgestanden gefüttert, kann aber unabhängig entlang des Zugangs verschoben werden . Jetzt machen wir es das Quadrat und gehen zurück zum Herzen. Der Boden unseres Herzens wird ein Tipp sein, der so gut gesagt ist, gerade zu handhaben. Es bedeutet, dass es jetzt keinen Griff gibt. Wir geben unserem Haus eine bessere Form. Wählen Sie den Punkt auf der linken Seite, die beiden Linien, die auf dem Griff angezeigt werden, der die Form der Kurven definiert, die oberhalb der definierten oberen Kurve ändert nur die Form darunter. Wählen Sie also eine symmetrische im rechten Bereich aus. Jetzt zog den Punkt der Handles Handel unten. Bis Ihr Herz aussieht wie seine voller Liebe führt auf die gleiche Sache auf der rechten Seite. Klicken Sie auf den Punkt als eine symmetrische und Drain zog den Griff darunter wie der andere. Ist das nicht ein wunderbares Herz voller Liebe? Sie können Ihre Form erstellen, wie wir es gerade mit der Maus getan haben, aber Sie können auch die Koordinaten für den Griff in dem Punkt verwenden. Wenn Sie jetzt genauer sein wollen, lassen Sie uns kümmern sich um die Blase Türen so cool von 29 Pixel breit. Klicken Sie auf das Schließfach, um es zu entsperren und sagte der Hass ein 28, um es ein wenig zu komprimieren. Sie nun KlickenSie nunauf Form und Dreieck einfügen. Klicken Sie und ziehen Sie durch das Dreieck, sagte der Hass im Verstand um neun. Drehen Sie die Dreiecke bis zum Spitzenpunkt in die untere rechte Ecke, die zu Shapes ausgewählt wurde, und fügen Sie sie zu einem mit Union-Funktion zusammen. Klicken Sie auf Abflachen, um es in eine neue Form zu verwandeln. Legen Sie nun das Herz in die Mitte der Blase. Wählen Sie das Herz und die Blase aus und klicken Sie auf Subtrahieren. Das war's. Schnell auf das Shape in der Ebenenliste, und benennen Sie es Symbol Unterstriche Aktivität. Jetzt lasst uns das Profil machen. Symbol Tippen Sie auf. Das Profilsymbol besteht aus zwei geänderten Rechtecken. Zeichnen Sie das erste Rechteck mit 25 Pixeln breit und 11 Pixel hoch doppelt schnell auf die Form, um es zu bearbeiten . Wenn Sie über den Rand des Rechtecks, sehen Sie einen Stift mit einem kleinen Plus. Auf diese Weise können Sie Punkte auf Ihrer Form hinzufügen. Wir wollen einen anderen Punkt in der Mitte der oberen Grenze. Um dies zu tun, halten Sie den Kommentar gedrückt, während Sie den Mauszeiger über das Segment halten und klicken. Dies wird Ihren Punkt genau in der Mitte platzieren. Wählen Sie nun diese neuen Punkte und verwendet die IRA auf Ihrem Kind Boyd, um es ein paar Picks Silben zu platzieren . Stellen Sie sicher, dass die Griffe Ihres Punktes als Mahlzeit und Droge ein eingestellt sind oder den Pfeil auf Ihrer Tastatur des Griffs verwendet , bis sie das Ende des Rechtecks erreicht haben. Jetzt machen wir das Gesicht. Wir werden mit dem Zeichnen eines Rechtecks beginnen, sagte der Verstand bei 11 und sie hassen bei 14 sagte die Ecke Rogers am Maximum. Klicken Sie nun auf die Transformationsschaltfläche, wählen Sie eine der unteren Ecke aus und ziehen Sie sie oder verwenden Sie den Pfeil auf Ihrer Tastatur, um sie ein wenig in die Mitte zu bewegen . Spielt die gesamte Form des Gesichts über der Brust, Linie sie und gruppieren sie. Benennen Sie dieses Ordnersymbol. Unterstrichenprofil. Als Übung müssen Sie das Home zeichnen und das Suchsymbol selbst geöffnete Existenzdatei In diesem Unterrichtsordner finden Sie die Symbole im Hintergrund gesperrt. Eine gute Idee wird sein, mit einem Quadrat für das Home-Icon in einem Kreis für das Suchsymbol zu beginnen . Aber du kannst kreativer sein, wenn du fertig bist. Konkurrierte zu Symbolen in die Hauptdatei neben den anderen Symbolen. Wenn Sie diesen Schritt überspringen möchten, nehmen Sie die Symbole, die wir bereits für Sie gezeichnet haben. Akte des Falles. Jetzt, da wir es haben, werden all diese Symbole sie in der nächsten Lektion in Symbole verwandeln. 9. Gute Praktiken : Symbole: hi wieder in diesem Abschnitt wird eine Symbolfunktion verwenden, sobald Sie ein Element mehrmals in Ihrer App verwenden würden , empfehlen wir Ihnen, es in ein Symbol zu verwandeln. Wenn Sie dies tun, müssen Sie Ihr Element nur einmal bearbeiten, und jede Instanz des Elements in Ihrer Datei wird aktualisiert. Wir ermutigen es auch den Managern. Symbol auf einer anderen Seite, öffnen Sie die Hauptdatei und gehen Sie zu Seite zwei. Wenn Sie sechs gut gemacht haben, sollten Sie alle Symbole in Brücken zurückgezogen haben. Lektion. Wenn Sie diesen Käfig nicht öffnen, Dateien in dieser Ordnerstunde und beginnen von dort. In Instagram die Tab-Leiste kein Hunde-Hintergrund, und alle Symbole sind weiß mit Ausnahme der Kamera-Registerkarte, deren Hintergrund immer blau ist. Beginnen wir mit der Kamera wuchs mit 75 Pixel breit und 50 Pixel hoch, Rectangle sagte die Farbe Instagram Blau Legen Sie das Kamera-Symbol in der Mitte. Richten Sie es horizontal war dis Taste und vertikal mit diesem. Nun lassen Sie uns kümmern sich um die anderen Symbole werden auf Status für jedes Auge Kegel aktiv und inaktiv gesetzt , und wir werden mit dem aktiven in unserem Board erstellen beginnen und nennen es aktiv zog ein 75 Pixel breit und 50 Pixel hoch schwarzes Rechteck dupliziert von Seite zu Seite vier Mal. Platzieren Sie nun die Symbole in ITRI Tangles und richten Sie sie sowohl eine Zitronen vertikal horizontal aus. Perfekt. Lassen Sie uns nun den inaktiven Status erstellen. Duplizieren Sie das gesamte an Bord und nennen Sie es inaktiv. Stellen Sie alle schwarzen Hintergrund in dunkelgrau mit Hex-Code auf fünf 272 A. Um sofort einen Hahn zwischen aktiv und inaktiv zu unterscheiden, wird etwas Transparenz in die Symbole setzen. Wenn sie inaktiv sind. Wählen Sie alle Symbole direkt in Delay eine Liste der inaktiven Odd Board und sagte die Transparenz bei 60%. Jetzt fangen wir an, mit Symbolen zu spielen. Wählen Sie das Rechteck und das Home-Symbol in der aktiven sind langweilig. Klicken Sie auf Symbol erstellen. Dadurch werden Ihre Ebenen von blau in eine hellviolette Gruppe in Ihrer Wiedergabeliste umgewandelt. Es bedeutet, dass dieser Ordner ein Symbol ist, also Vorsicht, wenn Sie es jemals Instanz getan haben, wird aktualisiert. Wenn Sie aus bestimmten Gründen trennen und begrenzen möchten Symbol rechts, klicken Sie auf oder steuern, klicken Sie auf den Namen und klicken Sie auf Berührung von Symbol. Benennen Sie Ihr Symbol Tab auf Disco, die unterstrichen auf tun das gleiche für das Suchsymbol und nennen Sie es Registerkarte unterstrichen Suche Unterstrich auf der Registerkarte Aktivität Registerkarte Unterstrich Aktivität Unterstrich auf und die Profil-Registerkarte Profil auf Lassen Sie uns das Gleiche tun für die inaktiven an Bord. Benennen Sie jedes Symbol Bodenbelag Diese Regelregisterkarte unterstrichen den Namen des Symbols und die Punktzahl deaktiviert. Schließlich getan das Kamera-Symbol in Melodie Symbol und nennen Sie es Registerkarte Unterstrich Kamera überhaupt nicht oder montiert bereits gut erstellt Wanne sind es wirklich klar, wirklich toll, und Sie sind langweilig. Erstellen Sie ein neues Onboard, und benennen Sie es Wannenleiste um. Wir könnten das Symbol aus dem Cannabis kopieren, aber überall Symbol sind jetzt auch in der Symbolbibliothek. Klicken Sie auf Einfügen von Symbolen und wählen Sie ein Home-Symbol aus. Entweder ein, tun Sie das Gleiche und spielt eine Suche neben ihm spielt eine Kamera als die Aktivität. Und schließlich, das Profil Registerkarte Wählen Sie Olo-Symbole und gruppieren Sie sie mit dem Namen der Gruppennavigations-Tab Könnte sein, dass die gesamte Gruppe üblich ist. Sehen Sie, und gehen wir zurück zu Seite eins. Klicken Sie auf den Home-Bildschirm an Bord basiert eine Gruppe mit Come benvy platzieren Sie es an der richtigen Position im Außenborder und in Delay Listen. Befreien Sie sich von dem vorherigen Navigationsordner als Arbeit in der Home-Registerkarte auf Lee. Das Home-Icon muss als aktiv eingestellt werden. Vergewissern Sie sich, dass die anderen uns auf den Weg bringen. Kopieren Sie diese Gruppe und legen Sie sie in die erkundete Tafel. Wechseln Sie so zu Hause Aus und die Suche auf diese Weise. Das ist cool, nicht wahr? Um diese Lektion zu beenden. Halten Sie einfach weiter, indem Sie die rechte Registerkarte in den rechten Bildschirmen markieren. Das war's. Unsere APS, die wirklich wie die authentische aussehen, und wir wissen, wie es jetzt geht. Der beste Weg, das Symbol in der nächsten Lektion zu verwenden, wird das Dioxid des Fangs entdecken, das erstaunliche singt und sogar ein paar wort enthält. Ich spreche von Plug Ins 10. Sparen Sie Zeit mit Plugins: Wir kommen wieder. Wir haben bereits eine Menge von Funktionen durchgemacht, die in Skizze gebaut sind. Werfen wir nun einen Blick darauf, was darauf gebaut wurde. Plug Ins Plug Ins werden gesagt, die nicht vom Sketch Team erstellt wurden, aber von der erstaunlichen Community herum fangen irgendwann. Die kompensierenden und fehlenden Funktionen helfen Ihnen produktiver, organisierter oder einfach nur Spaß zu machen. Um Ihnen die Wahrheit zu sagen, ich habe nicht alle Plug Ins entfernt, die für Skizze erstellt wurden, aber in der Gemeinschaft gibt es einen Mann smart und die anderen, die einen Plug in vier Plug Ins erstellt haben. Es ist eine kalte Skizze Werkzeugkiste. Es ist eine großartige App, die alle Plugs Ins sammeln, machen sie einfach zu installieren und halten sie auf dem neuesten Stand, da Senken rue soll bekommen und wir werden mit der Installation Skizze zwei Dollar gehen zu Skizze zu bock, die kommen und laden Sie die Skizze herunter Werkzeugkiste. Besser jetzt, öffnen Sie die yep, wird ein paar Plug Ins installieren. Wie Sie sehen können, gibt es viele Plug Ins zur Verfügung. Fühlen Sie sich frei, sie zu bro und lesen Sie Beschreibungen. Wenn du nicht verstehst, was sie alle tun, mach dir keine Sorgen, wir auch nicht. Wir beginnen mit der Installation von drei Plugs Ins. Suchen Sie nach einem benannten Content-Generator. Klicken Sie auf die Installation. Dieser wird es uns ermöglichen, mehrere Formen zu fühlen. Wurde sie Bilder mit einem Klick ausgeführt. Ziemlich erstaunlich. Suchen Sie auch nach technischen Spezifikationen. Dieser wird einen Textblock erzeugen, der alle Eigenschaften, oft Objekte wie seine Seiten Kragen, Strichstärke usw. anzeigen oft Objekte wie seine Seiten Kragen, Strichstärke . Sie entwickeln, wirklich schätzen, Schließlich geliefert Stecker in namens E. ich Aiken Isar und installieren Sie es gut, Sie diese später im Kurs. Jetzt lasst uns mit diesem Plug in spielen. Gehen wir zurück zur Skizze. Eine gute Möglichkeit, den Content-Generator auszuprobieren. Es ist auf dem Explorer-Bildschirm dupliziert. Wählen Sie nun ältere Bilder aus. Erinnerst du dich an die Zeit, die wir mit dem Importieren von Fotos auf diesen Plätzen verbracht haben? Nun, klicken Sie auf Plug Ins und Content Generator Fotos und klicken Sie auf Natur und Urban und Boom in einem Schuss. Wir haben die gesamte Klasse mit neuen Bildern datiert. Sehen wir uns nun ein anderes Beispiel an. Kopieren Sie das nach oben und dill es. Alles, was darin ist, wird eine Liste von Menschen machen, einen Kreis zu zeichnen und eine Textverleumdung nach rechts zu Elementen ausgewählt und sie unten duplizieren. Wie du für eine Liste tun wirst. Lass uns jetzt fünf Reihen machen. Selektive fünf Bilder. Platzhalter klicken Sie auf Stecker in Clinton Generator Persona Fotos und wählen weibliche Boom wieder 11, die passiert. Wählen Sie nun die fünf Textbeschriftungen, Plug Ins, Content-Generatoren, verfolgen keine Namen und wählen Sie weiblich. Wir haben jetzt eine zufällige Namen von weiblichen Benutzern. Ist das nicht sehr cool? Nun, wirst du das tun? Die anderen Plug Ins in den kommenden Lektionen? Aber wenn Sie sich wie ein Abenteurer fühlen, gehen Sie zurück zur Sketch Toolbox und installieren Sie weitere Plugins in den nächsten Lektionen, um den Styleguide zu erstellen und auch ein wenig zu üben. 11. Styleguide & Praxis: Willkommen zurück in dieser Lektion, wir werden sehen, wie Sie einen Styleguide begrüßen. Der Star Guide sammelt alle Designinformationen aus Ihrer App an einem Ort. Eine Aktie. Ich sollte Farben, Telefone, Bettwäsche, Ränder und alle Elemente mit ihren Differenzen Terrassen. Es sollte so etwas wie das aussehen. Es ist ein Dokument, das Sie immer auf dem neuesten Stand halten und mit Ihrem Team teilen sollten. Sie können es auch ausdrucken und irgendwo im Büro aufhängen, das wir bereits begonnen haben. Ich war auf Seite zwei unseres Dokuments ausgerichtet. Also werden wir dort weitermachen. Wir beginnen mit dem Import der letzten benutzerdefinierten Symbole müssen öffnen Sie die Datei namens I Kegel Aktionen Instagram in diesem Lektion Ordner Wir haben sie für Sie gezeichnet. Aber wenn Sie Ihre Fähigkeiten herausfordern wollen, fühlen Sie sich frei, sie von selbst zu zeichnen. Könnte die Außenbordwände sein und bezahlt sie am Strand. Zwei Ihrer Hauptdatei Wir haben jetzt unsere Fingerspitzen, alle Elemente, die wir brauchen, um eine aktualisierte Version der APP zu entwerfen. Wir beginnen mit dem Workflow der Kamera. Gehen Sie zurück zu Seite eins wird dies in diese verwandeln. Und es begann mit dem ersten grünen Klick auf den Abu Namen und sagte, die Hintergrundfarbe in dunkelgrau hex Code 333333 Um eine immersive Erfahrung für unseren Benutzer zu bringen, wird die Statusleiste verstecken und alle Elemente in der Navigationsleiste wird auch neue bringen -Funktionen für unseren Benutzer. Die Fähigkeit, Videos zu schießen und die Möglichkeit, Fotos direkt aus seiner Bibliothek für das wird drei neue Tabs am unteren Rand des Außenbords anstelle von Symbolen erstellen. Wird Textebenen verwenden, da dieser Bildschirm auf Foto-Bildschirm sein wird. Dreht den Titel auf Foto dro Textebene und Rechte Bibliothek in Großbuchstaben könnte der Textblock beiseite und legte sie h zwei Rand. Machen Sie das gleiche mit dem dritten Textblock rechten Foto in zweiten X-Block und Video in bestimmte. Wählen Sie nun die Street X Blöcke aus und ziehen Sie den rechten Griff der Gruppe bis zu ihrer Position am Rand der Außenbordwände. Wir sind jetzt sicher, dass unsere drei Textblöcke dieselbe Größe haben, die die Fototabas zentriert haben, also schalten wir sie in hellblau aus unserem Farbschema. Lassen Sie uns nun den zweiten Bildschirmstart aktualisieren, indem Sie den Hintergrund des Ellenbogens sitzen. Mach den gleichen Hund grau. Blenden Sie die Statusleiste aus, aber behalten Sie die Rückseite und die nächste. Da sie Teil unserer Navigation sind. Löschen Sie die Felder. Uhren halten den Text, sagte aber ihre Farben zu weiß. Wir erstellen etwas viel mehr Phantasie gehen Ihren Styleguide, um die Bearbeitungswerkzeuge auszuwählen, kopieren und sie unten zu stützen. Das Bild zog nun in 130 Pixel hohe Rechteck sagte die Farbe schwarz und legen Sie es am unteren Rand des Bildschirms. Das Platzieren von Builder nimmt Layer in der Layer-Liste auf. Wählen Sie das Hauptbild aus und ändern Sie die Größe so, dass es zu 70 x 70 wird. Pixel Square sagte, die Farbe rot verwendet vier gefällt einige sie werden über dem ersten Filternamen im schwarzen Rechteck, um den gleichen Nagel auf die verschiedenen Namen zu besänftigen. Obwohl die verschiedenen Filter unterscheiden wird das Bild auf den verschiedenen Weibchen ändern . Wählen Sie alles andere aus. Wir fügen eine zweite Farbe klicken Sie auf das Plus-Symbol im Feld Abschnitt sagte die neue Farbe zu einem 50 Person transparent weiß. Wählen Sie nun nur die zweite Thumbnail schnell hier und wählen Sie weiches Licht wählen Wüsten und männlich und wählen Sie Sättigung für die 4. 1 Wählen Sie Farbe brennen und so weiter im letzten Bildschirm wird nur die soziale Netzwerkauswahl verbessern. Gehen Sie zurück zu Ihrem Styleguide oder das Icons Element in diesem Unterrichtsordner könnte die gesamte soziale Icons Gruppe sein und ersetzen Sie die, die wir stark gezeichnet haben. Da es das Ende unserer Kamera Flo ist, werden wir einen größeren Knopf zeichnen, um das Bild zu teilen, verstecken Sie die nächste in der Naff Bar und zog ein 55 Pixel hohes Rechteck sagte die Farbe zu unserem aktiven Lou und Rechte Anteil in dissenter. Das war's. Als Übung für diese Lektion müssen Sie alle Elemente, die in diesem Krawatten-Typ importiert wurden, in den rechten Bildschirmen ersetzen . Auf diese Weise müssen Sie mit fast allen Bildschirmen der App umgehen. Also gehen Sie für es in der nächsten Lektion, sehen musste, um Elemente zu exportieren. Und wir verwenden auch eine brandneue, um Spezifikationen zu schreiben und ein freundliches Gespräch mit den Entwicklern . 12. Export und Spezifikationen: Hey, wir sind fast fertig. Im ersten Teil des Kurses haben wir gesehen, wie man nach außen exportiert, damit wir die verschiedenen Bildschirme der App teilen können, die wir entworfen haben . Seitdem haben wir benutzerdefinierte Elemente erstellt, so dass wir jetzt sehen, wie sie exportiert werden. Fangen wir mit dem einfachen Teil an. Öffnen Sie Ihre Instagram-Datei oder die Datei in diesem Lektions-Ordner. Wenn Sie sicher sein wollen, dass Sie auf dem neuesten Stand der Debatten sind, erweitern wir unseren Styleguide? Wählen Sie ein Element aus. Das Home-Symbol, zum Beispiel, Fügen Sie nicht das Hunde-Rechteck im Hintergrund. Der Entwickler wird es brauchen. Klicken Sie nun auf „Exportierbar machen“. Das Element ist nicht zum Exportieren bereit. Wenn Sie Elemente exportieren, sollten Sie immer das PNG-Format wählen. Es ist ein sehr vielseitiges Format, und es ist das einzige, das Transparenz bewahrt. Jetzt schauen wir uns etwas etwas komplizierteres an. Auflösung IOS APS kann auf mehreren Bildschirmgrößen ausgeführt werden. Sieh dir eine Schuld an. Dieses Dokument zeigt, was die Größe aller tatsächlichen iPhone-Größen sind. Bemaßungen sind in Punkten und in Pixeln würde hier eine Randnotiz machen, um den Unterschied zwischen Auflösungen und Punkten und Pixeln zu erklären . Ein Pixel ist die kleinste Maßeinheit auf einem Bildschirm. Pixel sind winzige Quadrate, die Teil des Displays sind, und wenn Sie sehr genau auf den Bildschirm schauen, können Sie sie und die Lücken zwischen ihnen sehen. Punkt ist eine Revolution unabhängige Maßnahme. Der Punkt kann von einem oder mehreren Pixeln auf Nicht-Retina-Display gemacht werden. Jeder Punkt besteht aus einem Pixel. Im Falle der Retina-Anzeige, jeder Punkt als Hass von zwei Pixel Inuits von zwei Pixel, so dass es von Port Pixel gemacht. Es gibt also die gleiche Anzahl Off-Punkt auf der Netzhaut und auf einem Nicht-Retina-Bildschirm unter der gleichen Größe, aber nicht die gleiche Anzahl von Pixeln. Aber wenn wir entwerfen, müssen wir dies auf unserem Computer berücksichtigen. Die Bemaßungen sind in Pixeln gleicher Größe, nicht von variabler Größe. Also wird man einen Punkt erhöhen vier Mal größer sein als eine Nonne, Regina Point. Deshalb, wenn Sie einen Dollar mit dem Verstand von 40 Pixeln und der Höhe von 30 Pixeln für das iPhone drei entwerfen , muss er die Winde um 80 Pixel und die Höhe auf 60 Pixel skalieren. Wenn Sie so groß auf dem iPhone vier oder fünf und bei 120 mal 90 für die neuesten Geräte erscheinen wollten . Das ist ein x zwei x und drei X ist Die coole Sache, die Sie bemerken können, ist, dass selbst wenn es verschiedene Größen gibt , alle das iPhone X des iPhone für das gleiche Verhältnis haben und iPhone 41 viel länger verwendet werden, so wird sich keine Sorgen um sie jetzt, Bei einem X zu entwerfen, wie wir es mit uns allen getan haben, um unsere Elemente leicht zu skalieren, wenn wir sie exportieren, ist es eine gute Angewohnheit zu behalten, wenn Sie eines Tages einem großen Unternehmen beitreten, das ABS herstellt, gibt es hohe Chancen, dass alle Bauchmuskeln ein X entwerfen. Klicken Sie nun auf das Plus neben dem Export-Button. Dies wird eine andere Version desselben meinen Kegel erstellen. In einer anderen Auflösung für iPhone six plus müssen Sie die Größe auf drei x einstellen. Schauen Sie, wie das Suffix automatisch aktualisiert wird. Wenn Sie für Android-Handys entwerfen, finden Sie alle Namenskonventionen auf dieser Seite. Leider müssen Sie dies für jedes Element einstellen, da Kitsch Ihnen die Einstellungen nicht anbietet, wenn Sie ein anderes Symbol auswählen, aber es dauert nicht so lange. Und wir haben nicht so viele benutzerdefinierte Symbole. Wir empfehlen Ihnen, zwei wusste, wie man Elemente auf eigene Faust exportieren, aber die neue App bis vor kurzem, und es ist ziemlich beeindruckend Es heißt Zeppelin, dass ich schulde. Es zielt darauf ab, die Diskussion zwischen Entwicklern und Designern zu erleichtern, und es tut es wirklich gut. Zeppelin erzeugt einen unlinierten Styleguide und hält ihn auf dem neuesten Stand, so dass jeder auf der gleichen Basis arbeitet . Wenn Sie nur an einem Projekt arbeiten, ist es kostenlos. Also lassen Sie uns diese App schnell auf die Schaltfläche „Erste Schritte“ herunterladen und ein Konto erstellen. Jetzt laden Sie die APP herunter, legen Sie sie in Ihren Anwendungsordner geöffnet. Ja, und klicken Sie auf Create First Project Wählen Sie IOS und klicken Sie auf Create. Jetzt gehen wir zurück zu unserer Escape-Akte. Wählen Sie das Home Art Board, klicken Sie auf Plug in Zeppelin und exportieren Sie Außenbordwände. Wie Sie sehen, ist die Abkürzung auf E Zipline Welpen kommen und klicken Sie auf Importe für Ihren ersten Kran . Zeppelin wird Sie fragen, in welchen Dimensionen Sie tun. Unser Schild. Wählen Sie ein X aus, da es jetzt zu einem neuen Standard wird. Ihr Bildschirm ist wichtig, und es kam mit vielen Informationen in seinem Gepäck ist, Lassen Sie uns einen Blick. Wir werden damit beginnen, diese West-Bibliothek zu erstellen. Klicken Sie einfach auf dieses Symbol, um andere Swatch. Sie sind der Entwickler kann auf beliebige Elemente klicken, um Dimensionen zu sehen, und Ränder können auf das Asset gehen. Tippen Sie auf, um Elemente in jeder Auflösung gleichzeitig zu exportieren. Und wenn Sie eine Notiz hinzufügen möchten, klicken Sie einfach an der Stelle, an der Sie drücken. Kommentieren Sie, wo immer Sie wollen, auf dem Bildschirm , zum Beispiel für die Optionen-Schaltfläche. Sobald es gestoppt ist, kann ich ein Bild teilen oder ausruhen. All diese Anmerkungen sind Ihre Stimme in der Datei. Es verhindert Missverständnisse zwischen Ihnen und den anderen Mitgliedern Ihres Teams als Geschwister. Ein großartiges Werkzeug für die Zusammenarbeit. Wir empfehlen Ihnen, Ihre Teamkollegen einzuladen, zurück ins Dashboard zu gehen und auf Einladung zu klicken, da unsere oben im ersten Teil des Kurses wirklich verbessert wurde . Es ist auch an der Zeit, unser APP-Symbol mit etwas zu aktualisieren, das diesen Trends entspricht, und das ist, was wir in der nächsten Lektion tun werden. 13. App Icon v2 und graphic: Hey, jetzt, da unsere App schön aussieht, lassen Sie uns auch unser Icon aktualisieren. Instagram wurde ursprünglich im Jahr 2010 veröffentlicht. Zu dieser Zeit war der Zug ich war fünf und älteste que Murphy, ähm, Effekte. Jeder musste glänzend und glänzend aussehen und oben Symbole sollten ein bisschen so sein, als wären sie aus weniger gemacht. Denken Sie daran, das ist der Grund, warum Instagram mit diesem Symbol endete. Seitdem wurde es ein echter Teil der Instagram-Identität, also würde ich wirklich überrascht sein, wenn die Neugestaltung seine Aber wir wissen nie. Lassen Sie uns so tun, als würden wir Instagram heute zurren und lassen Sie uns ein bisschen mehr wie das, was Bygones heute aussieht, wird dies in diesem verwandeln. Eröffnet den Kampf mit der ersten Version unserer App. Sie können es in dieser Lektion finden Folder wird ein nettes und ein bisschen komplexeres flaches Symbol für unsere App erstellen . Duplizieren Sie die Kabul auf der rechten Seite, ändern Sie den Namen des On-Boards zu oben Symbol Fuß, auch. Befreien Sie sich von beiden Textebenen, sondern ändern Sie auch die Hintergrundfarbe. Um Cote D B C 682 auf hochgradig abgebauten Krater zu verlassen, Kreis die Größe des mittleren Kreises auf dem Gitter überprüfen. Es sollte einen Durchmesser von 544 Pixeln haben. Zentrieren Sie es gut geneigt, um E. Acht d C. Sieben zu färben Acht d C. C. . Nun hören wir einen weiteren Kreis mit einem Durchmesser von 424 Pixel Jahrhundert sowie und ändert die Farbe auf 413 F 51 Erstellen 1/3 und noch kleineren Kreis Linse des Objektivs zu präsentieren. Es braucht einen Trick. Geben Sie ihm den Durchmesser von 98 Pixel wird seinen Kragen zu halbtransparentem Weiß mit einer Kapazität von 30% ändern . Nun gruppieren wir die drei Kreise und benennen die Gruppenlinse um. Platzieren Sie diese neue Gruppe unter dem Habgier-Ordner und passen Sie die Position des kleineren Kreises an. Legen Sie es hier, stellen Sie sicher, dass es die Kante des inneren Kreises berührt. Das ist ein weiterer einfacher Effekt, um es zu machen. Das Symbol, ein bisschen schöner fuhr ein Quadrat von der Größe des größeren Kreises, so 544 von 844 zentrieren Sie es und ändern Sie seine Farbe in Weiß mit einer Kapazität von 10%. Leg den Lügner hinein. Die Linsengruppe trat durch Doppelklick auf die Form oder durch Schlagen in den Opfermodus ein. Geben Sie an, wo das Shape ausgewählt ist. Wählen Sie die untere rechte Ecke und drücken Sie die Eingabetaste, um sie zu löschen. Wir haben jetzt ein rechtes Dreieck. Schließlich wählen Sie den größten Kreis in den Lay-Listen, klicken Sie mit der rechten Maustaste und verwendet Maske. Okay, kümmern wir uns um den braunen Gürtel. Jetzt. Erstellen Sie ein Rechteck mit dem Verstand, der die Seite des Symbols größer ist. So 1024 Pixel und wird es die Höhe der Suche seiner Seite geben. Also 1034 durch drei geteilt, und wir werden es umrunden. Ändern Sie die Farbe in Braun. 935 b. Drei b. Drei b. Platzieren Sie es oben und stellen Sie sicher, dass es hinter dem Objektiv ist. Als nächstes sind die vier Farben, die wir zeichnen werden. Rechteck war eine Breite von 60 Pixeln. Aliant war die Linie links im Gitter. Duplizieren oder ein Kribbeln vier Mal und legen Sie sie nebeneinander. Ändern Sie ihre Farben auf die folgenden X Codes F f 003 C F f d. Fünf Doppel Ooh o e 190 eins für eine O. E A. Gruppe. Diese vier Rechteck mit dem braunen und nannten die Gruppenfarben schließlich benutzten das braune Rechteck als Maske. Stellen Sie sicher, dass seine Gruppe Bill of the Lens Group im linken Bereich ist. Wir können jetzt zum Sucher übergehen. Brutto Quadrat war Seite von 180 Pixel. Geben Sie ihm einen Kragen, registrieren Sie 14 und verwenden Sie die gleiche Farbe wie ihr innerer Kreis von der Linse. Setzen Sie dann die Farbgruppe ein und richten Sie dann nicht vertikal mit dem braunen Rechteck aus. Überprüfen Sie nun den Rand oben und verschieben Sie ihn nach rechts, bis der gleiche Rand am oberen Rand hat. Und es sei denn, ein Kreis mit einem Durchmesser von einem roten, 50 Pixel änderten das Feld in Weiß mit einer Kapazität von 30%. Legen Sie es in die Farbgruppe und zentrieren Sie es mit Quadrat. Wir ändern nur Raum den Namen der Gruppe zu oben und gruppieren die vier Farben in einer Gruppe. Sie werden kalte Farben zog einen anderen Kreis mit einem Durchmesser von 40 Pixel, sagte, die Farbe 30% Transparenz weiß und legen Sie es grob dort. Legen Sie es in die Wannengruppe und Gruppe drei Formen. Wir ruinieren nur eine Gruppe namens Sucher schließlich einen Schatten auf die Linse hinzufügen. Beginnen Sie mit der Erstellung eines Rechtecks mit einer Breitenseite des Durchmessers der Linse, die 544 Pixel gedreht halten Verschiebung zu betroffenen Rotation auf 15 Grad Schritten und Linie es mit dem Objektiv so, nicht wahr? Der Farbverlauf wählt das Farbverlaufsfeld aus und ändert eine Revision des Farbverlaufs, indem Sie diesen Kragenpunkt hier setzen und dieser der gegenüberliegenden Seite ändert die Farbe der oberen beiden. Schwarze Kapazität. 10% und wir hatten die unteren zwei weißen Kapazität. 0%. Endlich wirklich in Lügner zu schatten und legen Sie es unter dem weniger Gruppenkopf Zoom heraus. Okay, nicht schlecht. Wie Sie sehen können, können Sie fast alles mit einfachen, grundlegenden Formen erstellen . Übertragen Sie mir sie und kombinieren Sie sie, wenn Sie verschiedene Dinge ausprobieren und vergleichen möchten. Duplizieren Sie einfach den Außenborder mit dem Symbol und experimentieren Sie. Zum Beispiel, Mal sehen, wie es aussehen würde, wenn wir m prahlen. Duplizieren Sie das Abu mit dem Symbol. Wir entwerfen gerade im neuen, schwierigen Hintergrund an Bord. Ich konnte die duplizierten Ebenen nicht altern in eine Gruppe einfügen und sie M Bus ausblenden umbenennen. Die Gruppe Gin Gelehrten des ursprünglichen Hintergrunds durch Hinzufügen einer halbtransparenten schwarzen Gefühl war eine Notwendigkeit von 10% und verstecken Sie die MBA-Gruppe und ändern Sie die Symbolkante. Es sah also so aus. Legen Sie den Schatten in die Glut-Gruppe Easy, richtig? Okay, also lasst uns dieses seltsame Brett umbenennen. Jetzt, da wir ein schickes I. Cohn, exportieren wir es zuerst, lassen Sie uns unser Symbol duplizieren. Legen Sie es auf links und entfernen Sie die Ich könnte Kante. Warum machen wir das? Weil Sie Symbole unserer Quadrate hochladen müssen, nicht um sie herum Quadrate. Apple wird angewendet, um mit den abgerundeten Ecken für Sie zu maskieren. Jetzt erstellen wir eine neue Datei mit allen Symbolgrößen. Wird brauchen. Cos sind beide von der vorherigen Datei in Ihre neue Datei auf Let's Use ein wenig Plug in Magic. Erinnerst du dich an den Stecker in einem Naser? Wir lassen es nicht früher in diesem Kurs. Es wird jetzt echt benutzt werden. Ich habe dir gesagt, dass Apple eine unglaubliche Menge an Symbolgrößen anfordert. Nun, wählen Sie Ihren Karton klicken Sie auf Stecker in A ich kann, entweder. Und hier sind sie, ältere Formate. Jetzt müssen Sie nur auf den Export-Button klicken und Sie haben alle Ihre Icons. Das war's. Wir haben jetzt eine Nikon, die sogar das Design-Team hinter Instagram sein könnte. Der Deal ist aus. Okay, jetzt sind Sie an der Reihe zu experimentieren, erstellen Sie die drei Versionen und auch versucht, an einem oder zwei Ideen Ihrer eigenen zu arbeiten. Es kann kleine Anpassungen, Zitronengrößen oder Farben oder ganzes Design sein. Wer liebt es zu sehen, was du im nächsten Video mitkommst, würde APP Store Screenshots erstellen, die so edel wie unser Icon sind. 14. App Store Screenshots v2: Hey, wir sind fast fertig. Jetzt, da wir das Design unserer App abgeschlossen haben, zeigen wir es der Welt richtig. Bevor Sie Ihre App herunterladen, muss sich ein potenzieller Nutzer mit verschiedenen Marketing-Elementen auseinandersetzen. Der Name Ihrer AB, die Beschriftung, die I Cone zwei Beschreibung potenzielle Bewertungen und die Screenshots. Anfangs wurden sie nur erstellt, um ein paar Screenshot der App anzuzeigen, so dass Sie eine Vorstellung davon haben, wie das up aussieht. Aber mit so vielen Lücken in der Geschichte begannen die Leute, den Bildschirm als leistungsstarke Marketing-Tools zu verwenden. Es wurde ein Ort zu erklären, wenn Sie oben, können Sie große Beschriftung anzeigen war eine Menge Auswirkungen zeigen, wie Sie die App verwenden, so wie groß Ihr Designer ist durch die Verwendung von ausgefallenen Effekten und so weiter. Wir haben einige Beispiele in diesem Unterrichtsordner abgelegt, aber um eine wirkungsvolle Nachricht zu erstellen, müssen Sie sich in Ihre Benutzerschuhe setzen. Und der gute Punkt ist, dass wir das bereits mit unseren User Stories gemacht haben. Anstatt nur zu zeigen, Screenshots der APP wird den Bildschirm chillingly Gerät einbetten und eine Beschriftung darüber legen was die APP für so etwas ist, dass wir ein paar Jahre ihre Geschichten zu erzählen was die fünf Prinzipien . Und es gibt fünf Registerkarten. Denken Sie daran, dass Sie in diesem Unterrichtsordner die Bildschirme der einzelnen Schritte finden. Wir konnten den absoluten Screenshot von Grund auf neu gestalten, aber noch einmal kam die Sketch-Community bei Manto zurück. Erstellt eine wirklich großartige Datei, die Ihnen hilft, coole Screenshot in ein paar Minuten zu erstellen. Dank ihm, öffnen Sie die APP Store Screenshot-Generator-Datei in diesem Unterrichtsordner oben Es gibt ein Tutorial, wie man diese Datei benutzt, aber lassen Sie uns gemeinsam durchgehen. In dieser Akte. Alles ist miteinander verbunden, so müssen Sie sorgfältig in anderen arbeiten und damit es funktioniert. Importieren Sie zuerst jeden Ihrer Bildschirme in der ersten Reihe von sollten Brettern. Fangen wir mit der Kamera an. uns angeht, ist es das Kernmerkmal von Instagram. Klicken Sie auf die Registerkarte „Feldfarbe“ und ersetzen Sie das Bild durch den Kamera-Screenshot. Sie einen Blick unten. Screenshots wurden abgeschwächt. Tun Sie das Gleiche für den Startbildschirm Schuss die Suche, die Aktivität und schließlich zu Profil. Ich habe den Hintergrund nach oben gemacht und sagte die Füllfarbe zum Instagram-blauen Blick unten. Es fängt an, gut auszusehen. Nun lassen Sie uns die geöffneten Beschriftungen bearbeiten. Die Benutzerstory-Datei in diesem Unterrichtsordner. Die User Stories sind die Säulen unserer App. Sie sagen auch genau mit der Abstinenz, denn um wirkungsvoller zu sein, beginnen wir jede Beschriftung mit dem Verb. Die 1. 1 wird aufgenommen, teilen Sie schöne Bilder, dann sehen Sie Ihre Freunde Bilder und Momente. Lasst uns anpassen. Ich möchte das Bild anderer Leute in das Bild anderer Leute entdecken sehen und sich drehen. Ich möchte über die Aktivitäten der Menschen auf der AB wissen, um die Aktivität der Menschen zu sehen. Die Profilbeschriftung wird Zugriff sein. Was die Leute von dir sehen. Kopieren Sie basierend jede Beschriftung in den drei X-Textblöcken, um es auf iPhone sechs plus kleine Kappen funktionieren zu lassen, jetzt deaktiviert, um Schlagschatten, die ein bisschen altmodisch aussehen. Das war's. Wenn Sie es vorziehen, eine andere Farbe des iPhone zu verwenden, können wir ganz einfach zwischen Silber, Gold und Schwarz im Symbolmenü wählen . Nun, da alles eingestellt ist, klicken Sie auf Exportieren Icon und erstellen Sie einen Ordner, um alle Ihre Screenshots effizient rechts exportieren können jetzt auf dem APP Store glänzen. Im nächsten Video werden wir sehen, wie wir es rund um das Web glänzen lassen 15. Produktpräsentation: Hey, unsere App ist jetzt wunderschön. Mal sehen, wie wir es der Welt in anderen zeigen können. Um dies zu tun, werden wir unsere App in echten Fotos platzieren, um ihr einen Kontext zu geben und coole Bilder zu erhalten. Sie könnten Kern gerade Ihre eigenen Bilder haben, aber es gibt ein paar coole Tools, um das effizient zu machen. Gehen Sie zu Deng, die mit drei Ende auf dieser Website kommen. Sie können Ihre Bildschirme in verschiedenen Kontexten integrieren. Es gibt auch Platz getroffen, dass Netz, aber ihre Bilder sind etwas langweilig mit im Wesentlichen Menschen in Anzügen. Also lasst uns ein Hipster-freundliches Ding finden. Dieser hier wird gut sein. Schnell drauf. Ziehen Sie einen Screenshot Ihrer App. Wenn Sie keine haben, gibt es, wenn Sie möchten, in diesem Unterrichtsordner und hier gehen Sie. Sie können das Bild auf Ihrem Desktop speichern und damit beginnen, Ihre Pressemappen zu erstellen. Auch. Jetzt benötigen Sie möglicherweise eine Website. Wir werden nicht zu viel Zeit damit verbringen, da es nicht der Zweck des Diskurses ist. Aber wenn es eine Sache, die Sie sich daran erinnern sollten, ist, dass das einzige Ziel von einem Nickerchen Website ist, Menschen zum Herunterladen der App zu bringen. Es gibt eine Menge von Tools, um wunderschöne Websites zu machen, aber Sie werden coole Vorlagen auf auffallend finden, zum Beispiel auf mit Grippe. Schließlich, lassen Sie uns sagen, ein paar Worte über eine begann, die einen wirklich guten Job Produkt Hand tun, die ein Schutzmittel kommen Sie jeden Tag in den neuen abs und Kernprodukte von großer Gemeinschaft ausgewählt entdecken können . Wie für Designer, gibt es eine große Sammlung, um die besten Werkzeuge zu sammeln, um zu verwenden. Sie erkennen ein paar, die wir jemals an dieser Adresse als Vorreiter benutzt haben. Es ist ein toller Weg nach Dale. Die Welt, die Sie existieren, könnte der erste Ort sein, um zu locken und Menschen Reaktionen zu sehen. Zum Beispiel sind Einsendungen von ausgewählten Benutzern eingeschränkt, aber wir dürfen posten. So zögern Sie nicht, uns zu kontaktieren, wenn Ihre App fertig und verfügbar ist und wird Ihnen gerne helfen . Danke. Nach diesem Kurs im nächsten Video machen wir einen Sommer, aber alles, was wir durchgemacht haben und auch eine kleine Überraschung 16. Schlussbemerkung: Hey, das war's. Herzlichen Glückwunsch. Du hast es geschafft. Du hast alle Lektionen im Diskurs durchgemacht. Wir hoffen wirklich, dass es dir gefallen hat. Ihr abschließendes Projekt besteht darin, eine benutzerdefinierte für drei Männer Bildschirme Ihres Schlüssel-Feature-Flow auf die App Store-Bildschirmdiagramm-Vorlage zu erstellen, um die Bildschirme zu präsentieren. Wir möchten auch, dass Sie eine V two Abneigung gegen Ihr APP-Symbol mit den fortschrittlicheren Techniken, die Sie gelernt haben, entwerfen . Zögern Sie nicht, neue Sachen auszuprobieren, um Ihre Kreativität zu entfesseln. Laden Sie also Ihre absoluten Screenshots auf diese schönen Icona-Ansichten hoch. Warten ungeduldig zu sehen, wie sich Ihre harte Arbeit gelohnt hat. Also, das ist es, Leute, vielen Dank, dass Sie diesen Kurs befolgt haben, würde es wirklich schätzen, wenn Sie uns eine Rezension geben könnten , die sagt, wie sehr Sie das mögen. Der Film ist ein wirklich wichtig für uns auf wirklich hilfreich für Studenten, um diese Show zu machen. Also bitte sagen Sie der Welt, was Sie denken, die kleinen Geschenke, die Sie in diesem Unterrichtsordner finden mit der Instagram-App ganz Design um auf. Wir haben jeden Bildschirm und jedes Symbol neu aufgebaut, und wir sind uns sicher, dass es ziemlich nah an dem Feuer ist, an dem das Instagram-Team arbeitet , um in Menlo Park, Kalifornien. Fühlen Sie sich frei, Bro und teilen Sie diese Datei so viel wie Sie wollen. Wir hoffen, dass Sie jetzt auch auf eigene Faust üben werden. Weiter, um an Ihrem Projekt zu arbeiten. Wir sind für dich da. Wenn Sie Dinge mit uns teilen wollen, wirklich, wirklich, wir werden Sie mit Updates über coole Sachen, die wir finden, auf dem Laufenden halten. Vergessen Sie also nicht, die Klassen und Ihren Posteingang von Zeit zu Zeit zu überprüfen. Nochmals vielen Dank und viel Spaß.