Adobe XD von den Anfängen bis zum Profiniveau – Design, Prototypen und Zusammenarbeit | Muhammad Ahsan Pervaiz | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


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

Adobe XD von den Anfängen bis zum Profiniveau – Design, Prototypen und Zusammenarbeit

teacher avatar Muhammad Ahsan Pervaiz, UI UX Visual Designer 15+ Years

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 in den Kurs in den Adobe XD

      2:27

    • 2.

      Was ist Adobe Xd?

      7:28

    • 3.

      Adobe Xd herunterladen

      2:31

    • 4.

      Warum Adobe Adobe Xd so großartig ist.

      3:33

    • 5.

      Welcome wurde aktualisiert

      2:56

    • 6.

      Einführung in die Benutzeroberfläche XD NEW

      6:13

    • 7.

      Eigenschaften Paneel Adoe

      2:53

    • 8.

      Adobe Xd und Unterschiede gewinnen

      4:40

    • 9.

      Updates und kommende Funktionen Xd

      2:33

    • 10.

      Übung – Erste Aufgabe

      6:47

    • 11.

      Zeichenflächen und Raster in XD

      7:48

    • 12.

      8 Tools in XD

      4:44

    • 13.

      Rechteckige Tools zum Erstellen von Tasten

      5:46

    • 14.

      Hintergrund und Object

      3:20

    • 15.

      Ellipse-Tool

      1:49

    • 16.

      Grundlagen des Stift-Tools in XD

      2:43

    • 17.

      Stifte zum Erstellen von Symbolen

      5:34

    • 18.

      Line

      1:16

    • 19.

      Text-Tool in Adobe XD

      3:25

    • 20.

      Polygon – UPDATE

      1:54

    • 21.

      Farben und Paletten

      3:50

    • 22.

      Farbverläufe in Xd

      5:58

    • 23.

      Mit coolors.io Farbschemata zum Erstellen von Farbschemata

      3:44

    • 24.

      Masken in Xd

      5:41

    • 25.

      Character in XD

      4:48

    • 26.

      Mithilfe von Richtlinien in Adobe XD– UPDATE

      2:54

    • 27.

      Raster wiederholen

      8:47

    • 28.

      Komponenten in Adobe XD – UPDATE

      5:28

    • 29.

      Verknüpfte Elemente in XD – UPDATE

      9:35

    • 30.

      Häufige Tastaturen

      5:47

    • 31.

      Weitere Tastaturen

      8:25

    • 32.

      Was ist das Design von Block

      12:15

    • 33.

      Das Skizzieren von ersten Design-Ideen im Block Level

      8:14

    • 34.

      Erste Paper – Details hinzufügen

      4:06

    • 35.

      Vertikale Horizontal Prototypes

      8:58

    • 36.

      Stufe der Fidelity und Prototypen

      4:06

    • 37.

      So fügst du deine Block in XD hinzu

      7:36

    • 38.

      Die Verwendung von Ui Designmustern zum Thema Design

      6:04

    • 39.

      Die Übung des Ios mit der Signup durchgängen

      14:04

    • 40.

      Starting

      5:11

    • 41.

      Farbschema und Scheme

      5:27

    • 42.

      Die Probleme mit Ux der alten App

      4:10

    • 43.

      Willkommen Screendesign

      9:42

    • 44.

      Den Anmeldebereich entwerfen

      14:28

    • 45.

      Gestalte die Login

      11:39

    • 46.

      Anmeldung von Bildschirmdesign in XD

      7:04

    • 47.

      Dashboard-Design Teil 1

      12:24

    • 48.

      Dashboard-Design Teil 2

      11:08

    • 49.

      Sidebar

      9:03

    • 50.

      Actitivies Screendesign

      10:35

    • 51.

      Bildschirmdesign synchronisieren

      8:13

    • 52.

      Statusaktualisierung Bildschirm mit Statusaktualisierungen synchronisieren

      4:25

    • 53.

      Raster zur Verbesserung der Designs

      5:11

    • 54.

      Die Stilrichtlinien in XD verfeinern

      8:22

    • 55.

      IOS Design Richtlinien

      8:58

    • 56.

      Tippe auf die Zielgrenzen

      6:14

    • 57.

      Prototype und Signup

      10:11

    • 58.

      Prototyping von Dashboards und anderen Bildschirmen in XD

      11:14

    • 59.

      Prototyp mit anderen teilen

      3:51

    • 60.

      Prototypen auf dem Mac aufnehmen

      2:15

    • 61.

      Design

      3:57

    • 62.

      Warum du in 1x 2x exportierst?

      9:10

    • 63.

      Perfektes Beispiel von 1x 2x 3x

      2:45

    • 64.

      Zeichenflächen zum Erstellen von Mockups exportieren

      7:31

    • 65.

      Batch Feature in Adobe XD

      6:23

    • 66.

      Live-Vorschau deiner App auf Iphone

      2:11

    • 67.

      Developer mit Zeplin

      12:57

    • 68.

      Handoff mit Avocode entwickeln

      13:47

    • 69.

      Öffne Skizzen, Photohsop und Illustrator-Dateien in XD

      7:38

    • 70.

      Adobe XD Aktualisierungen April Mai 2018

      4:10

    • 71.

      Juni 2018 Adobe XD Update überlagert sich eine feste Position

      10:11

    • 72.

      Juni 2018 Aktualisierung von math

      3:02

    • 73.

      06 stacking Aug 2020

      4:37

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

Von der Community generiert

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

2.064

Teilnehmer:innen

3

Projekte

Über diesen Kurs

Gestalte eine und Prototype eine medizinische iPhone-App mit Adobe XD von Grund auf Mit Entwickler:innen mit Zeplin und Zeplin arbeiten

Jedes Design ist eine Lösung für ein Problem und Designs nutzlos, wenn du sie nicht in codierte Apps konvertieren kannst. In diesem Kurs lernst du in diesem Bereich Adobe XD das Design mit Adobe XD Dann wie du deine Prototypen erstellst und teilen kannst und deine Designs mit deinen Benutzern sofort und den wichtigsten Teil des Werks zusammenarbeiten und mit deinen Entwicklern zusammenarbeiten kannst, damit sie deine Hände kümmern und deine Designs kümmern

Selbst wenn du ein Anfänger/die Anfänger:in ist, hast du die Adobe a mit dem Lernen von Adobe a in der Lage ist, die alle Grundlagen Schritt für Schritt abdecken

Der Kurs wichtigsten wichtigsten Themen sind die wichtigsten Themen

  • Alle Grundlagen und Tastaturbefehle von Adobe XD (von Grund auf neu)
  • iPhone-App in XD entwerfen
  • Stilanleitung für deine iPhone-App erstellen
  • Papier-Prototyping (Arten und wie du sie auf Papier zeichnest)
  • Interaktives Prototyping mit Adobe XD
  • Alle deine Assets und Zeichenplatten in 1X 2X und 3X exportieren
  • Mit Entwickler:innen mit Zeplin und Avocode arbeiten
  • Öffne Skizzen, Photoshop- und Illustrator-Dateien mit Adobe XD
  • Alle neuesten Updates und Funktionen in Adobe XD
  • Apple IOS Design / Richtlinien lernen

Wenn du also Graphic Designer, ein Entwickler oder ein UI-Designer, der Photoshop verwendet und lernen möchtest, wie du mit Adobe XD schnell entwirfst, ist dieser Kurs genau das richtige ist. Das einfachste und einfachste Tool unter allen Design-Tools Glaube mir

Das Beste von Adobe XD ist, dass es sowohl für die Betriebssysteme von Windows als auch für die MAC-Betriebssysteme ist und ich werde dir beide in diesem Kurs zeigen. Du kannst nicht zögere und dich jetzt alles über Prototyping und Adobe XD lernen

Selbst wenn du noch nie ein Design verwendet hast, kannst du Adobe XD lernen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Muhammad Ahsan Pervaiz

UI UX Visual Designer 15+ Years

Kursleiter:in

I started my Freelancing Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 2 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects

What my students are saying about my Classes?

 

AWARDS & WINS

I am a multi-talented person who has won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing ... Vollständiges Profil ansehen

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 in den Kurs in den Adobe XD: Willkommen zu meinem Kurs darüber. Über 60 und in den Schulen wirst du all das grundlegende Zeug lernen und all das Zeug über 60 angeboten wird, wir werden Prototypen erstellen, wurden Zehe gehen, alles über Papier-Prototyping lernen und all die verschiedene interaktive Prototypen, Live-Prototypen. Und wir werden mit Ihren Entwicklern zusammenarbeiten. Was Zusammenarbeit bedeutet, ist, dass wir unser Design an Entwickler weitergeben, die Zeppelin und Advil kalt verwenden . Also mach dir keine Sorgen, wenn du nicht über dieses fortgeschrittene Zeug weißt, weil du wirst lernen, dass ich in diesem Kurs alle Grundlagen abdecken werde. Tastenkombinationen? Was sind die verschiedenen Werkzeuge, die Sie verwenden können, um Ihr Design zu erstellen? Und dann gehen wir auf die Prototyping-Phase, wo wir gehen, um die Grippe aus App und verschiedene Skins zu generieren . Wir werden die verschiedenen Bildschirme miteinander verbinden. Und am Ende werden wir unser Design nutzen, um mit anderen Entwicklern zusammenzuarbeiten. Wir werden entwerfen, wir gehen Zehe, geben ihnen Design-Spezifikationen und unterscheiden die Abstände zwischen verschiedenen Elementen und den zitierten Styleguides, die Ihre Entwickler sofort dort verwenden können App-Design oder iPhone App-Design Jetzt werden wir eine Menge über die Eingabe von Grenzen abdecken. Sie werden sehen, wie ich verschiedene Papierprototypen erstellen würde, um das Skizzierteil oder das Block-Level-Design abzudecken , das die erste Fläche von jedem Design ist. Dieser Kurs ist also eine Mischung aus User Experience Techniken, nur wenige davon. Ich habe in einer Menge von TD wie Prototyping und auch über Adobe X T diskutiert Wie Sie Instant-Prototypen verwenden und erstellen können Instant-Prototypen mit Adobe X'd . Jetzt eine Menge von Designern, Ich habe gesehen, dass sie nie über Designrichtlinien sprechen, I US Designrichtlinien oder die Richtlinien. Jeder Designer und Entwickler sollte wissen, dass die Navigationsleiste oder dass sie nur außerhalb der U. S. App 49 Punkte betragen sollte oder die Belastung 44 Punkte betragen sollte. All diese Spezifikationen werde ich in diesem Kurs behandeln. Und wenn Sie ein Problem haben oder Probleme haben,können Sie mich leicht kontaktieren. wenn Sie ein Problem haben oder Probleme haben, Warum sind Fragenantworten und Sie können mich auch direkt fragen, indem Sie mir eine Nachricht schicken. Wir werden eine Menge Dinge zusammen machen, also sehen wir uns bald in diesem Kurs, und ich werde Ihr Lehrer sein 2. Was ist Adobe Xd?: Hallo, alle. Heute werden wir das neue Tool von Adobe treffen, das ist ein Job x d und ich war für eine lange Zeit für einige Features die gerade jetzt in X t eingeführt gelesen . Und jetzt werde ich Ihnen zeigen einige von den großen Features aus es. Und sie sind ah, Robur Team. Sie arbeiten monatlich an diesen und veröffentlichen jede Funktion monatlich auf der Grundlage der Verleihung von verschiedenen Sie A-Designern und User Experience Designern aus der ganzen Welt. Okay, das ist also bei über 60. Ich bin gerade auf Windows. Es gibt nur wenige kleinere Unterschiede innerhalb der Makroversion und Windows-Version, aber sie sind fast ähnlich. OK, jetzt werde ich Ihnen einige von den großartigen und coolen Features von X'd zeigen und warum Sie es als verwenden sollten , ah Design über Rahmen und Prototyp-Tool in Ihrer Benutzererfahrung, Design, Workflow oder Sie ein Design-Arbeit. Okay, jetzt, warum diese drei Werkzeuge für Shop Skizze und vor Rücken D Sie sind ideal für Ihr Design oder User Experience Design, weil Apple U S Führer Version sind, sie produzieren ihre Grafiken in diesen drei für Max Okay, so im Moment sind sie sportlich für den Shop Skizze und Aerobic T. Und wenn Sie sich die Dateigrößen der Adobe X t Datei Größen der kleinsten achtziger Jahre, 18,9 MB so können Sie sehen, es ist sehr nah an Skizzendatei Größe, so dass es fünf Größe ist sehr klein. Okay, das ist also ein sehr großer Pluspunkt, weil man Hunderte von verschiedenen Kunstbrettern darin erstellen kann das ist also ein sehr großer Pluspunkt, weil man Hunderte von verschiedenen Kunstbrettern darin erstellen kann. Okay, also verschiedene Bildschirme, vielleicht Hunderte sind 20 oder 30 verschiedene Bildschirme, und Ihre Dateigröße wird immer noch klein sein. Okay, so ist es einfacher, eine aus dem Gitter-Features von einem Job zu teilen X t ist. Es ist Wiederholung. Gut. Weißt du was? Wiederholen Sie Gier ist, dass Sie Ihr Design-Element einmal erstellen, und Sie werden es wiederholen, indem Sie eine große UK Sie können in diesem Design-Beispiel sehen , das wir ein Ende von den Partituren erstellen werden. Sie können sehen, dies ist unsere Wiederholung schafft. Wenn ich also kurz darauf versuche, kannst du sehen, dass es all die anderen, äh, diese, ähm, Inhaltsvorlagen hier drüben entfernt äh, diese, ähm, diese, ähm, , . Okay, also bewegt es diese. Okay, Sie können also Ihr Raster in Zerstörung und in vertikaler Richtung erweitern, sowohl aus diesen Richtungen, und es wird Ihren einzelnen Inhalt multiplizieren und Sie können es ändern. kannst du. Ich hab's getan. Und du kannst tun, was du willst. Und ah, es wird eine Gruppe bedeuten. Okay, das ist also sehr großartige Funktion, um Ursprung zu schaffen. Lesen Sie Inhalte sofort. Ok. Sie müssen also nicht immer wieder alles generieren. Sie können hier drüben sehen. Das sind Duplikate. Ok. Mein Kinderschutz. Kinderproduktion, Kinderschutztraining Dann haben wir eine andere Funktion, die Prototyping genannt wird. Sie können alle Bildschirme verknüpfen, die Sie sehen oder hören können. Hier ist ein Abschnitt Prototyp, und Sie können den Prototyp auf Ihrem Desktop anzeigen. Du kannst deine Haare sehen. Hier ist ein Prototyp. Dies ist eine großartige Funktion, da Sie im User Experience Design Ihre Prototypen mit Ihren Benutzern testen müssen. Sie müssen sehen, wie Benutzer das wirklich nutzen werden. Ob dieser Knopf für ihren Tom genug ist oder ob er dort fehlt, Tom. OK, also alle möglichen Dinge, ob der Abstand zwischen diesen beiden Elementen gut genug ist, dass der Benutzer nicht auf dieses klopft und dieses öffnet. Okay, sind also einige tolle Funktionen von Adobe X'd, und ah, wir werden eine Menge Dinge darin abdecken. Ok? Außerdem können Sie sich bewegen. Ich werde eine Vorschau auf Ihre, äh, diese Prototypen. Sie können sie direkt auf Ihrem Handy anzeigen. Das Handy Ihres Benutzers. Außerdem können Sie die Konstruktionsspezifikationen freigeben. Okay, lassen Sie mich Ihnen die Design-Spezifikationen zeigen. Hier haben wir die Design-Spezifikationen aus dem gleichen Projekt, und Sie können sehen, ob ich zu einem dieser gehe. Es zeigt mir, dass dieses Grün mit diesem verbunden ist. Also, wenn ich zu diesem hier gehe, Okay, so zeigt es alle Farben auf diesem Kunstboard zusammen mit all den richtigen er Stilen verwendet . Also, wenn ich auf einen off thes Artikel klicke, wird es die Details zeigen, dass Was ist das Dorf in der Höhe von diesem Artikel? Was ist der Abstand zwischen diesen beiden Elementen von eso? 16 Punkte. Also all diese Dinge Farben, Rundheit. Das ist die Rundheit dieses Knopfes. Ok, abgerundete Ecken. Und es zeigt auch andere Fakten, wie Schatten und dieses Zeug. Okay, das ist also sehr praktisch. Es ist jetzt in bitteren Design-Spezifikationen, Peter. Sie versuchen, es für die zu verbessern, und ich hoffe, es wird ein großartiges Feature in naher Zukunft sein. Ok. Ok. Jetzt hintere Zehe, Adobe X'd wenige weitere Funktionen, die ich wirklich liebe, ist diese Symbol-Bibliothek. Sie können Assets sehen. Ich kann alle Farben hinzufügen, die ich alle verschiedenen Textilien verwendet habe, und, äh, Stile, die ich in den Symbolen verwendet habe, ist eigentlich das wiederverwendbare Element. Sie können ein Symbol erstellen und es multiplizieren oder auf jedem Bildschirm verwenden. Und wenn ich irgendwelche von den Symbolen gemacht habe, können Sie Overhead sehen. Ich weiß, wir sind im Prototyp mehr. Also hier haben wir ein Symbol. Okay, das ist also ein Symbol. Und wenn ich versuche, die Farbe aus dem Symbol zu ändern, können Sie sehen, dass es sich überall geändert hat. Verschiedene Kunstbohrungen im gesamten Design. Wo immer ich dieses Symbol benutzt habe, wird es geändert werden. Das ist also ein tolles Feature. Sie können sofort alles auf Ihrem Kunstboard ändern. Wenn es ein Symbol ist, wird es auf allen Kunsttafeln aktualisiert werden. Diese Seite ist also im Grunde in den Styleguides, die wir normalerweise verwendet haben, um in einer anderen Software oder irgendetwas in Zeppelin zu erstellen . Oder wenn Sie meine anderen Kurse gewaschen haben, wissen Sie, was Styleguides sind? Sie sind im Grunde die Styling-, Farb- und Typografieanleitungen für die Verwendung verschiedener vier Größen, verschiedenen Farben und wie sie in unserem Design verwendet werden. Okay, das sind also all die tollen Features von X t, und ich werde Ihnen eine Menge off deal zeigen und wie wir diese Designs schnell inX t generieren können. in wirklich notwendig. Sie möchten Ihren Prototyp zeigen oder Sie arbeiten ab Demo. Tun Sie Ihren Kunden oder Ihren Benutzer und Sie wollten es sofort innerhalb von zwei Stunden oder zwei Yards oder vielleicht vier Stunden tun . Ich denke, diese Art von Entwürfen mit diesen vielen Bildschirmen, wie eine Tür neun Bildschirme. Ich denke, du kannst es nur bei uns tun. Und auch Sie können Ihre Prototypen teilen. Sie können sehen, wie ihre Haare Prototypen veröffentlichen. Okay, Sie können Ihren Prototyp Link Toe jeden von Ihrem Kunden oder Kunden im Handumdrehen teilen, und sie können es auf ihren Geräten tun. Okay, jetzt, in der nächsten Lektion, werde ich Ihnen zeigen, wie Sie es herunterladen und wie Sie diese Software kaufen, wenn Sie es wirklich kaufen möchten. Aber im Moment, wenn Sie lernen, müssen Sie nur den Download der Testversion. Okay, also fahren wir mit der nächsten Lektion fort. 3. Adobe Xd herunterladen: Okay, jetzt geht es weiter. Wir werden bei Obey X'd Testversion herunterladen. So gehen Sie zu diesem Juwel Adobe dot com Produkte slash x Tat Künstler TML gehen oder ich werde diese Welt mit Ihnen teilen. Okay, das ist also die kostenlose Testversion. Sie können die Testversion für einen Monat herunterladen, und Sie können sie auch kaufen. Also, wenn Sie auf diese jetzt klicken, ist es Schmutz billig jetzt, und es ist für $10 Wohnung. Okay, so das ist erst vor kurzem, ich denke, es gibt andere APS gibt für $20 pro Monat, aber tatsächlich ist für $10 Wohnung. Okay, wenn du es wirklich kaufen willst. Ok. Jetzt kommen zu den Systemanforderungen. Ok. Also, bevor Sie es auf Ihrem PC sind Mac installieren, das ist sehr große coole Sache über diese App, dass es für beide Betriebssysteme zur Verfügung steht . Okay, wenn Ihr Benutzer oder Ihr Client sie auf einem PC oder einem Mac arbeiten, können sie ihr Design sehen, und sie können damit spielen. Okay, hier haben wir die Systemanforderungen für Mac OS, das ist Mac OS 10.11 und neuer. Okay, das sind die Speicher für G B, 1,4 Gigahertz bekannt. Bereit? Nicht anzeigen. Retina empfohlen. Ok. Und dann haben wir Windows 10. Irgendjemand? Drei Update. OK, also, wenn Sie einfache Fenster haben, dann und Norden und Gnade Update oder etwas unter dieser Version 16 07 es geht toe. Geben Sie Ihnen ein Problem. Sie können es nicht viel von Schülern installieren. Sie fragten mich, wie man es unter Windows 10 installiert. Stellen Sie sicher, dass Sie ein Gnadenupdate oder die neueste Version von Windows 10 haben. Ok. Und das sind die Anforderungen CPU, zwei Gigahertz-Speicher für G B A, G B, aus Installationsraum und Display. Und steigen Sie dort hinab. Ok. Ich ziehe es wirklich vor, dass du eine gute Grafikkarte bei Leeds hast. Zumindest mit Koji bi oder einem GB aus RAM auf Ihrer Grafikkarte. Ok? Weil es für die meisten von ihnen Design-intensive Anwendungen notwendig ist. Okay, das sind die Anforderungen, also stellen Sie sicher, dass Sie voran gehen. Wenn Sie überhaupt Baxter noch nicht installiert haben. Versuchen Sie, die kostenlose Testversion zu installieren und laden Sie sie herunter und installieren Sie sie, und ich werde Sie in der nächsten Lektion sehen. 4. Warum Adobe Adobe Xd so großartig ist.: drei und werde euch vorstellen. Verdrahtet wird ausgestorben ist so beliebt bei User-Interface-Designern. Sie sind Designer und User Experience Designer. Es gibt mehrere Dinge oder Sie können sagen, Funktionen, die in jeder Art von Design-Tool vorhanden sein sollte, um es perfekt für die Benutzererfahrung zu machen . Designer genießen Designer. Jetzt. Die erste Funktion ist, dass es Prototyp erzeugen sollte Sind Sie? Ich entwerfe oder schirme jede App schnell ab, so dass wir schnell darin bauen können. Wir können entwerfen. Gewiss. Es sollte nicht wie den ganzen Tag dauern, um fünf oder sechs Dinge zu erstellen, oft App. Okay, das ist also eine Sache. Zweitens ist, dass wir es leicht teilen können und wir können eine fantastische mit den Benutzern, das ist auch Sie bauen einen schnellen Prototyp dammit, Prototyp aus Ihrem Produkt X Testen Sie es mit Ihren Benutzern schnell. Also, wenn Sie mit dem Benutzer testen und ihm oder Herz Ihre erste Idee aus Ihrer App zeigen und hey etwas nicht mag oder er sagt, dass dies nicht das ist, was ich will. Sie können sofort sofort ändern Sie es in Adobe X T und generieren Sie einen anderen Prototyp weg weg und zeigte, dass Sie wirklich wollen, dieses ein. Okay, das ist also ein weiteres Feature. Dritte Features, die sie jetzt wirklich eingeführt haben, sind für Entwickler. Was Entwickler brauchen, ist, dass sie tatsächlich Spezifikationen benötigen, färbt die Schnüre Farben in zugänglichen Werten oder RGB-Werten oder manchmal einen anderen Wert rgl für Wert. Okay, also sind sie mehr daran interessiert, die Spezifikationen, welche Farben wir brauchen, um in unserem Team von dieser App oder Website zu verwenden . Und was sind verschiedene Spezifikationen, die begeistert sind? Okay, diese sind vor kurzem in Adobe eingeführt, eigentlich, das ist, dass Sie Ihre generieren Ihre Elemente, Ihre Design-Spezifikationen, extrahieren können , dass dieses Element so weit entfernt von diesem -Taste gedrückt. Okay, Sie können darin in Inspect-Element generieren, das heißt, ich denke, sie sind jetzt Feature Adobes Funktion in B-Division. Außerdem haben sie vor kurzem eingeführt, dass Sie Ihre Adobe Extra-Designs in Tow Zeppelin exportieren können , was ein weiteres Werkzeug zum Erstellen von Konstruktionsspezifikationen ist und jede Erwähnung von Ihrem Design aufgezeichnet hat . Und dann haben sie auch eingeführt, dass Sie Ihre Ebenen in immer cool exportieren können. Ok. Und auch gibt es noch einen. Ich denke, Proto durch, um irgendwelche Missionen von Ihrem Prototyp zu erstellen. Weitere Details und Emissionen sind Mikroanimationen. Okay, also geht es hier nur um diese Lektion. Ich hoffe, Sie haben meine diese Einführung operative txt genossen und was Sie damit tun können und warum es unter anderen Tools populär wird. Weil es noch einen Grund mehr gibt, dass die Dateigröße wirklich klein ist. Ich denke, es ist sogar kleiner als Skizze. Wenn Sie eine Skizzenkarte kennen, ist sie kleiner als skizzenhaft. So entwickelt es sich schnell und friedlich und viele Funktionen werden jeden Monat hinzugefügt. Also rate ich wirklich, dass, wenn Sie Designer sind in einige UX-Design fühlen, sollten Sie wirklich lernen, wie man, wissen Sie, mischen sich mit diesem Hand weg überschüssiges Angebot. Ok. Es ist wirklich cool. Leichtgewichtig, und ich hoffe, Sie werden es lieben. Okay, wir sehen uns bald. In einem anderen geringeren 5. Welcome wurde aktualisiert: Ich hoffe, dass Sie bis jetzt Adobe XD bereits auf Ihrem Rechner installiert haben. Jetzt werden wir sehen, was dieser Willkommensbildschirm hier. Wenn Sie also Adobe X D ausführen, ist dies der erste Bildschirm, den Sie sehen werden. Also hier unten können Sie sehen, das sind meine letzten Akten. Das sind meine letzten Projekte oder Dateien, die ich geöffnet habe. Ich kann sie erneut öffnen, indem ich auf eine dieser Optionen klicke. Auf der linken Seite haben wir verschiedene Bereiche wie zu Hause lernen. Hier erfahren Sie, ob Sie einige Videos von Adobe-Unternehmen zur Verwendung dieses Adobe XD sehen möchten. Dann haben wir Cloud-Dokumente. Adobe XD wurde kürzlich in die Cloud verlagert. Wenn Sie also eine Datei öffnen oder speichern, wird sie auch in der Cloud gespeichert. Es bringt Ihnen also die Änderungen und die geänderte Historie Ihres Dokuments. Was auch immer Sie entwerfen, zum Beispiel, wie eine Stunde, um zu unserem vor zu gehen, wenn Sie es gespeichert haben, wird es alle Änderungen widerspiegeln, die Sie mit der Zeit vorgenommen haben. So wird es automatisch in der Cloud aktualisieren. Das sind also Cloud-Dokumente. Wenn ich hier drüben klicke, können Sie sehen, dies sind alle Dokumente, die ich in meine Cloud hochgeladen habe. Sie können hier drüben sehen, sind einige Dokumente. Wenn Sie sie löschen möchten, können Sie hier klicken. Sie können sie wie folgt löschen. Sie können sie auch sortieren. Dies sind verschiedene Optionen. Und dann haben wir mit dir getupft. Das sind also die Dateien, wenn jemand anderes seine Projekte mit mir geteilt hat und ich mit ihnen an den Cloud-Dokumenten arbeite. Das wird hier drüben sein. Dies sind alle gelöschten Dateien. Also löschte ich es kürzlich, hob diese Datei auf. Also, das ist alles hier. Nun, wenn Sie auf Links verwalten klicken, wird es in Ihre Cloud gehen hier können Sie diesen Macleod sehen und sobald Sie auf die Verwaltung klicken, aber dann sind die alle veröffentlichten Prototypen oder Design-Spezifikationen oder Projekte, die ich haben mit denen geteilt. So können Sie sehen, ob Sie genau auf hier unten sehen, es sagt Prototyp, Prototyp, Prototyp, Prototyp Design Spezifikationen, Design Specs Prototyp. Das sind also verschiedene Dateien, die ich mit anderen geteilt habe. Sie können hier sehen, dies sind veröffentlichte Links, also sind diese alle, die ich mit anderen geteilt habe. Sie können sie hier drüben verwalten. Sie können hier klicken, Sie können diesen Link kopieren und mit anderen teilen. Sie können diese freigegebenen oder veröffentlichten Links endgültig löschen. Nun gehen wir zurück zu unserem Adobe XD-Bildschirm und Sie können sehen, ob wir zurück nach Hause gehen, das ist alles, was wir haben, sind hier, unsere Cloud-Dokumente mit mir geteilt, gelöschte Dateien, verwaltete LINCS, verwaltete Links für die Dateien, die ich mit anderen geteilt habe. Also, das ist alles über diesen Willkommensbildschirm. Ich hoffe, Sie haben diese Lektion genossen. Lassen Sie uns weiter gehen und die Schnittstelle in der nächsten Lektion besprechen. 6. Einführung in die Benutzeroberfläche XD NEW: Jetzt werden wir eine neue Datei dafür öffnen. Wir haben hier verschiedene Vorlagen. Hier haben wir iPhone, verschiedene wenige wollen eine iPhone-App oder Google App oder Android-App zu entwerfen, Sie gehen und hier, wenn Sie für Web-Design gehen wollen, werden Sie einige der Vorlagen hier über. Wenn Sie etwas für soziale Medien, Instagram-Posts, Twitter-Posts, Twitter-Header Fade,Facebook-Beiträge entwerfen Instagram-Posts, Twitter-Posts, Twitter-Header Fade, möchten, schießen Sie Ihr Video. Du wirst hier rüber gehen. Sofort. Ich werde etwas von hier auswählen. Wie, lassen Sie uns dieses Google Pixel für, für Excel. Das ist unser Kunstbrett hier drüben. Also lasst uns dieses maximieren. Und Sie können oben sehen, es steht unbetitelt und hier ist ein kleiner Cloud-Login und es zeigt mir die Zeit hier drüben. Also lassen Sie uns hier klicken und ändern Sie den Namen in unsere, sagen wir zuerst Besuch in XD speichern. So, jetzt können Sie sehen, ich habe bereits einige Plug-Ins und Stern, so zeigt es mir, dass ein Plug-in braucht Update wir jetzt habe ich werde dieses zu schließen. Und das ist unsere einfache Schnittstelle oder Adobe X auf der rechten Seite können Sie sehen, wir haben einige Optionen hier drüben, wie dies ist Zoom-Level. Wir können auf 100% zoomen. Dies ist ein 100% dieses Designs. Dies ist unsere Desktop-Vorschau für den Prototyp. Dies ist unsere Mobile Preview. Wenn wir die mobile App installiert haben und wir diesen Bildschirm auf unserem Handy sehen möchten. Das wird hier sein. Wenn ich jemanden einladen möchte, jemand anderen, einen anderen Designer, kann ich hier klicken. Dies ist noch in der Beta, so dass ich die Bearbeitung aktivieren kann. So kann ein anderer Designer mein Design zwei bearbeiten. Auf der linken Seite hier haben wir drei Registerkarten, Design, Prototyp und Scher. Design ist, wo wir die Gestaltung rühmen unserer Bildschirme werden, werden wir setzen anders. Aber da wir hier drüben andere Sachen machen werden. Zum Beispiel, diese Schaltfläche hier drüben. Und im Prototypenbereich werden wir zwei oder drei Bildschirme verknüpfen. Zum Beispiel, wenn ich einen anderen Bildschirm habe, wo wir jede Verknüpfung und alles lernen, versuche ich nur zu erklären. So, jetzt können Sie sehen, wir haben zwei Bildschirme. Eins ist diese 11 ist diese zweite. Ich kann sie so miteinander verknüpfen. Und das wird in unserem Prototyp sein. So werden unsere interaktiven Prototypen Overhead sein. Unsere Designdateien werden Overhead sein. Teilen wird sein, wenn wir unsere Entwürfe mit jemandem teilen möchten. So können Sie sehen, haben wir verschiedene Optionen, wo Design Review Feedback zu Ihrem Design oder Prototyp zu erhalten. Dann haben wir Entwicklung, wo wir unser Dokument mit Entwicklern teilen werden , um ihnen den Code zu zeigen, den wir für all diese Elemente hier haben. Dann zur Präsentation, vielleicht wollen wir es unseren Kunden zeigen. Und dann für Benutzertests und dann für benutzerdefinierte benutzerdefinierte Einstellungen. Dies sind also verschiedene Einstellungen für die Freigabe Ihres Dokuments. Nein, ich gehe zurück nach Hause. Und wenn ich auf Startseite klicke, können Sie sehen, dass wir zurück zu diesem Home-Bildschirm gehen können, wo wir jedes andere aktuelle Dokument öffnen können. Wieder haben wir einige Menü hier drüben, Sie können auf der linken Seite in Adobe XD sehen ist Mac-Version, wir haben das gleiche Menü oben auf MAC hier drüben. So kann ich hier klicken, Sie können sehen, wir haben neue offene Dokument. Dann haben wir verschiedene UI-Gates. Dann haben wir kürzlich Dokument, benennen Sie dieses Dokument um, speichern Sie als lokales Dokument. So können Sie dieses Dokument auch als lokales Dokument speichern. Jetzt wird das Problem sein, wenn Sie versuchen, es als Ihr lokales Dokument zu speichern, Ihre Änderungen sind Verlauf wird hier nicht gespeichert werden. So können Sie sehen, das sind die beiden Änderungen, die ich um 302 PM und 03:04 PM vorgenommen habe. Drei unsere 15:00 und vierte Minute, Ich habe tatsächlich diesen zweiten Bildschirm hinzugefügt. Also speichert es tatsächlich alle meine Änderungen in der Cloud. Also, wann immer ich darauf zugreifen möchte, kann ich zum Beispiel zu diesem zurückkehren. Ich kann zurückkehren. Sie können öffnen in einem neuen Fenster sehen. Wenn ich also versuche, dies in einem neuen Fenster zu öffnen, können Sie sehen, dass es nur einen Bildschirm hat. So können Sie sehen, dass wir dieses Mal Kreditnehmer hier haben. Und es ist der erste Bildschirm, den ich denke, mit dem ich angefangen habe. Das ist der Spaß. Wir begannen mit leerem Bildschirm. Es wird also den gesamten Verlauf aller Änderungen speichern , die Sie nach vier oder fünf Minuten vornehmen oder vielleicht speichern werden. Ich bin mir sowieso nicht sicher. Also auf der linken Seite haben wir alle Werkzeuge. Dies sind die Werkzeuge, die wir in den nächsten Lektionen verwenden werden. Ich werde jeden von ihnen erklären. Dann unten haben wir hier Assets, wir haben Ebenen Panel, wir haben unsere Plug-Ins hier drüben. Also, was auch immer Plugins Sie installieren werden, sind kostenlose Plugins. Einige von ihnen werden bezahlt. Sie können sie hier installieren und Sie können sie so verwenden. Also, wenn Sie hier klicken, können Sie sehen, dass es einen Fehler sagt. Farbskala zu breit. Lassen Sie uns erstellen, Sie können sehen, dass dies eine Farbskala hier ist. Dies sind also die Plug-Ins, die Sie automatisieren und Ihre Adobe XD-Funktionen verbessern werden. Das sind also die Werkzeuge. Das sind die drei, die wir uns vor allem dieses Kunstboard hier an Bord von Arbor, Pelham ansehen werden. Das sind Kunsttafeln, eigentlich werden diese Kunsttafeln genannt. Und das ist alles über die Oberfläche von Adobe XD. Wir haben drei wichtigsten Registerkarten hier drüben, Design, Prototyp und Teilen. Und das ist die Zoomstufe. Wir werden es viel benutzen. Dies ist der Play-Button, um unsere perfekte Zeit zu sehen. Sie können in diesem Fenster sehen, dies wird auch viel verwendet werden. Das ist also die ganze Einführung über die Schnittstelle. nächsten Lektion werden wir mehr über Adobe-Sexting eingehen. Springen wir zum nächsten S und jetzt. 7. Eigenschaften Paneel Adoe: Also, wenn ich wieder zu diesem Design gehe, können Sie hier sehen, wir haben ein anderes Panel, das unsere Eigenschaften Panel ist. Okay, also, wenn ich auf dieser Kunsttafel klicke Also diese Kunsttafel ausgewählt ist, und diese blaue Linie zeigt, dass diese Kunsttafel aktiv ist, Ich werde eine sehen alle Optionen angeblich zeigen. Tun Sie diese Art Board, wie mit auf der Position dieser Art Board Höhe von Steuerbord. Was ist, wird das Scrollen und Viewboard Höhe sein. Wie viel Höhe sichtbar ist, dann haben wir Aussehen, die Füllfarbe. Ich kann auch die Farbe ändern, wenn ich will. Oh, und ich meine, ich muss hier klicken. Okay, also kann ich auch Gitter erstellen und Leo ist drauf. Wir reden später über Gretchen-Layouts. Ich zeige Ihnen nur, dass dies das Eigenschaftenfenster ist. Okay, wenn ich also auf dieses abgerundete Rechteck klicke, okay, wenn ich also auf diesen runden Ablehnungswinkel klicke, kannst du später alle Optionen sehen, wie die Ausrichtung. Eine Wiederholungsnote. Diese Passform und diese Verärgerungsbeziehung Alles Okay, also ist das alles hier. Ok. Auf der oberen Leiste befinden sich Achsen. als wir es getan haben. Die Wiederholung hat unsere Vereinigung geschaffen. Sind diese Optionen? Ich will es jetzt nicht erklären. Sie müssen nur wissen, dass dieser Bereich für die Steuerung Ihrer Designobjekte dient. Okay, wenn Sie also ein Kunstbrett haben, können Sie dessen Höhe und andere Funktionen steuern. Wenn Sie ah, Rechtecke, Sie können verschiedene Effekte und verschiedene Größen und verschiedene Rundheit und unterschiedliche Kapazität erstellen , wie die Eigenschaften Panels verwenden. Okay, also alles, die meisten Dinge über jedes Objekt werden auf dieser Seite sein. Sie können sehen, was hier. Nun habe ich diesen Text und den Text ausgewählt. Ähm, Optionen sind hier drüben. Sie können sehen. Und wenn Sie die Kunst an Bord auswählen, werden Eigenschaften im Zusammenhang mit Kunstbrett hier drüben sein. So verwenden wir also einen Job. A x t. OK, Nun, Nun, es gibt zwei weitere Symbole auf der linken Seite. Unten können Sie Layer und Assets sehen oder hören. Okay, jetzt, diese Vermögenswerte werden es alle Farben geben. Charakterstile sind Symbole, die ich während meines gesamten Designs oder aller Kunstbretter verwenden werde. Okay, Also, wenn ich versuche, dies wie Tante Corrector Stil hinzuzufügen, können Sie sehen, es hat einen R Traktor Stil in diesen Assets Bereich hinzugefügt. Okay, also verwechseln Sie dieses Design und den Prototyp nicht mit diesen beiden. Ok? Diese werden Ihnen alle Ebenen zeigen, und dies wird Ihnen alle Elemente zeigen, die Sie in Ihrem Design verwendet haben. Okay, das ist also die Einführung in die Benutzeroberfläche von Adobe X'd. Ich hoffe, Sie haben diese Lektion genossen. Fahren wir mit der nächsten Übung fort. 8. Adobe Xd und Unterschiede gewinnen: Okay, jetzt in diesem hören, wir sehen, was sind die Unterschiede zwischen Max Version aus. Nein, B, x d und B. Cs Version aus, also sei extra. Okay, das erste, was Sie bemerken werden, ist diese Stoppleiste, die Shortcut-Leiste hier drüben ist, die nicht in Fenstern vorhanden ist. Und obwohl die Verknüpfungen sehr leicht zu merken sind, aber es wird immer noch viel helfen. Okay, Sie können sehen, dass Sie wissen, was Sie mit diesen Objekten machen können. Sie können sie hinzufügen. kannst du. Es gibt Textoptionen, als wir einen Bereich haben und alles andere umhängen. Dann haben wir das ein Datum und eine Akte. Okay, das ist also der erste große Unterschied. Dann haben wir noch ein paar Unterschiede. Wie Sie die kürzlich Adobe X t sehen können. Sie haben mindestens einige, ähm, Plug Ins, die unterstützt werden, oder die Drittanbieter-Tools, die von Adobe X'd auf unterstützt werden. Und wenn ich zu diesem Export gehe, siehst du hier drüben Zeppelin. Jetzt ist Zeppelin ein Werkzeug, und ein anderes Werkzeug wird jemals genannt und zwei, oder sehen Sie diese Art off Werkzeuge, die verwendet werden, um Kabel zu erzeugen und Spezifikationen und Dokumente Spezifikationen zu erzeugen. Wenn Sie nichts über Zeppelin wissen, sollten Sie meinen Workflow mehr als den Kurs darstellen, wo wir alle Style-Guides, Farben, Teams, alles innerhalb von Zeppelins generieren Style-Guides, Farben, Teams, Teams, , die für den Shop verwenden. Ok. Nein, wir sind alle bereit. Ich habe einen erstellt, einen Absatz eine Überschrift in einer Schaltfläche, und wir werden ihn exportieren. Zehe Zeppelin. Mal sehen, was es hier passieren wird. Okay, also wählen wir dieses Kunstbrett und wir werden es nach Siplin exportieren. Okay, das ist also wichtig. Also habe ich es in einem X erstellt. Also werde ich es in einem nächsten importieren, und es lädt das Design gerade jetzt hoch. Okay, also ist alles erledigt. Sehen wir uns das an. Okay, das ist also sehr cool. Ich mag es wirklich. Okay, das ist also unsere Überschrift, und das ist alles, was Sie in den Punkten sehen können, die für die mobile Entwicklung sind. Sie können hier drüben sehen. Dann haben wir das auch, die Farbe kommt auch in RGB. Ich glaube, es ist für uns. So können Sie hier sehen, wie wir es in Zeppelin exportieren können. Okay, also werden wir das später sehen. Wir gehen auf die Zehe. Sehen Sie sich dies später im Detail an. In den letzten Lektionen gerade wollte ich Ihnen nur zeigen, dass Sie mit Adobe XY eine Menge Dinge tun können. Also, was Adobe Extra tun ist, dass sie normalerweise ihre neuen Funktionen zuerst für meine Frage veröffentlicht haben, und nach ein oder zwei Monaten wird es im Schlepptau enthalten sein. Die Frage nach dem Fenster. OK, also mach dir keine Sorgen, wenn du Fenster hast, die dir fehlen. Okay, das ist also kein großer Unterschied. Okay, also gibt es noch einen Unterschied, den ich vergessen habe, dir zu sagen, wenn du hier einen Prototyp erstellst , also werde ich diese Unterdrückung meiner Kunstoptionstaste duplizieren. Und ich werde die Zehe gehen. Erstellen Sie einfach einen einfachen Prototyp. Ich würde diese beiden Bildschirme verknüpfen, erscheinen so aufgelöst, und ändern Sie einfach die Farbe von dieser Schaltfläche. Wir wissen also, dass wir drinnen sind. Ein anderer ist hier rüber gegangen. Okay, also alles erledigt. Jetzt spielen wir das, und Sie können hier drüben sehen. Äh, was Sie hier sehen können, ist ein kleiner Knopf, der Aufzeichnung ist. Ok. Also kann ich das drücken und ich kann ein Video von meiner Vorschau aufnehmen. Ok? Und dann kann ich es so exportieren. Es wird ein Video sein. Es wird ein Video zu speichern erneuern, brutal Typ. Und Sie können dieses Video mit jedem teilen. Okay, Moment ist dieser Beamte nicht in Windows verfügbar. Ich hoffe, es wird bald in ihnen kommen. Die nächsten paar Upgrades, vielleicht nächsten Monat oder vielleicht von März oder Apple. Ich weiß es nicht. Dies ist auch eine nette Funktion, die nur in Adobe X'd Mex Version vorhanden ist. Und ich hoffe, Sie haben diese Lektion für die Mac-Benutzer genossen. Ich denke, das ist ein Schöpfer, Will und Sie können eine Menge Dinge damit tun. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, um mich zu stellen, es sei denn, gehen Sie mit der nächsten Lektion. 9. Updates und kommende Funktionen Xd: eines der besten Dinge über Aerobic T ist, dass es regelmäßig aktualisiert wird. So Adobe ein Unternehmen und sie arbeiten daran Tag für Tag und Nacht für Nacht und die fast geben Ihnen ein Update jeden Monat. Okay, damit Sie das letzte Update sehen können. WAAS 11. Dezember 2017 und die neueste ist in der Regel 22. 2018. OK, also haben sie eine bessere Zonenleistung. Dropbox-Vorschau für zusätzliche Datei wechseln zwischen Farbmorse drei verschiedenen farbigen Morse sie bieten jetzt und neue gierige INs. Wirklich Zutaten verbessern mental Design Spezifikationen Anzeige sind umrandet 100% und neue Funktion, die Batch-Export genannt wird. Außerdem beginnen sie mit der Arbeit von Drittanbietern durch Integrationen wie Zeppelin. Niemals vor Gericht. Legen Sie einfach einen Kuchen und Führer zusammengesetzt. Okay, also ah, Sie können hier sehen, dass sie gezeigt haben, dass für Mac auf Lee. Es gibt also einige Features, die ich Ihnen in der nächsten Lektion zeigen werde. Ein paar von den Unterschieden, die Sie auf meiner Frage sehen werden. Mac-Version ist etwa 10%. Oder vielleicht kann ich sagen, 5% Kopf aus Fenster Vision. Okay, sie haben also mehr Funktionen auf dem Mac. Zuerst starteten sie sie zuerst auf Mac, und dann starten sie unter Windows. Okay, also hier geht es um die Updates. Lassen Sie mich Ihnen noch eine Sache zeigen, dass sie an vielen Feature-Anfragen arbeiten. Okay, das ist also Adobe Extra-Feature-Anfrageformular, und Sie können hier sehen, Leute stimmen für verschiedene neue Funktionen, wie Text für die Paarung. Und dann haben wir das statische fixierte Objekt zwischen Traditionen. So können Sie sehen, dass dies die Rezension aus einer Debatte ist? Sie sagen, Funktion, die überprüft wird. Okay, so dass sie diese Funktion überprüfen, als sie Funktion haben, benötigt mehr Informationen als sie im Rückstand angezeigt haben. Okay, es gibt also wenige Funktionen, die sie bereits gearbeitet haben, begonnen haben, an denen zu arbeiten, wie Sie sehen oder hören können, was Flüchtlinge Sport Funktionen begonnen hat, also hoffentlich werden sie es verlieren in im nächsten Monat, oder vielleicht zwei Monate danach. Fangen Sie an, daran zu arbeiten. So können Sie sagen, das ist sehr cool Feature. Sie können auf dem Laufenden bleiben, was als nächstes in einer Tür kommt. X'd. Okay, fahren wir mit der nächsten Lektion fort, wo wir sehenwerden, wie man anfangen,X d zu verwenden. , werden, wie man anfangen,X d zu verwenden 10. Übung – Erste Aufgabe: Nein. Wir werden einige praktische Dinge mit Adobe Extra bekommen. Okay, wir haben viel darüber geredet, und jetzt werde ich Ihnen zeigen, wie Sie ein paar einfache Sachen darin erstellen können. Okay, also machen wir diesen ersten Auftrag. Das wird Ihre Aufgabe sein. Ich werde einen einfachen Bildschirm erstellen. Lassen Sie mich es Ihnen zeigen. Also habe ich dieses Kunstboard geöffnet, das iPhone 678 ist, und ich werde Zehe drücken Sie die Kontrolle Null Befehl Null, zoomen Sie hinein. Oder Sie können auch hier rüber gehen und 200% zoomen. Okay. Nun, was ich möchte, dass Sie einfach auf diesen Ellipsenhocker klicken und einfach die Umschalttaste ziehen und halten , damit Sie einen proportionalen Kreislauf machen können. Wir sind hier, und jetzt drücken wir das, wählen wir aus und wir werden es in der Mitte schaffen. Okay, wenn es einmal in der Mitte ist, können Sie sehen, dass es eine rosa Linie oder einen intelligenten Führer gibt , der uns zeigt, dass es in der Mitte ist. Dann gehen wir hier rüber, und das ist unsere Grenzgröße. Wir können die Randgröße auf vier erhöhen. Und ich werde mein Bild Jewel voranzutreiben, und ich werde es ziehen und es so in diesen Kreis fallen lassen. Okay, also möchte ich, dass du so etwas machst. Sie können Ihr eigenes Bild verwenden. Sie können auch die Rahmenfarbe ändern. Klicken Sie hier, und ich kann den Grenzkiller-Zehe auf 7 zu 7 ändern. So etwas. Und dann möchte ich, dass du hier drüben einen Text schreibst. Zum Beispiel ist dies mein Titel. Ähm, wie Mohammed und CES. So etwas. Und ich möchte, dass du hier drüben deinen Lieblingsplatz gibst. Okay, also vielleicht okay, also wenn dein Text ein bisschen länger ist, also gehe ich zu Fuß, ist dieser Angriffsgröße hier drüben. Mach dir keine Sorgen darüber, dass ich das bin. Ich werde im nächsten Abschnitt eine Menge Details eingehen, also tun Sie es jetzt nicht sehr. nur die Textgröße auf so etwas wie 16 sehen, können Sie Nein sehen, wenn ich versuche, mich zu bewegen, zeigt es mir die Entfernungen zwischen verschiedenen Elementen. Außerdem kann ich das hier auswählen und ich kann von hier aus auf etwas Brett gehen, okay? Und ich kann sie auch in der Mitte so ausrichten. Das ist schon in der Mitte. Okay? Und dann will ich, dass du den Zeh hast. Habe einen Knopf hier drüben. Also werden wir eine Schaltfläche mit Bezirks-Winkel-Tool erstellen. Klicken Sie auf den Sektenwinkel. Dies ist eine sehr einfache Übung. Mach dir keine Sorgen, dass du Nein bist. Sie werden in ein Problem geraten. Entfernen Sie den Rahmen und für das Feld. Ich will die Farbe. Und ich werde mein Steuerwerkzeug verwenden, um etwas darauf zu erstellen. Wie mich einstellen. Okay, also habe ich eine Brust-Flucht oder V zwei ausgewählt. Und dann werde ich woanders auswählen. Ja. Bewegen Sie es in der Mitte so. Und ich werde sein Gefühl ändern. Die Farbe ist da drüben auf der rechten Seite. Ich werde es für nichtig machen. Okay? Sie können auch beide auswählen, wie dieser Drachenschlaff, und Sie können sie in der Mitte so ausrichten. Aber normalerweise mag ich das. Ich sollte es nach oben schieben. Und ich habe ausgewählt, sie wieder so abgekauft und sie so nach oben zu bewegen. Es ist sehr einfach Werkzeuge, Zehendesign und Arbeit hier drüben. K Auch, wenn Sie möchten, können Sie hier auch etwas so eingeben. Also, wenn ich einen Absatz von Text wollen sind eine Menge Text, Ich werde klicken und ziehen Sie so und bla bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla. Okay, das ist eine schöne Poesie. Und ich werde die Füllfarbe ändern. Okay, also muss ich zuerst diesen Text auswählen und die Filmfarbe zu so etwas ansehen. Okay, also will ich nicht, dass du bla schreibst, bla . Hey, also werde ich mit regulären gehen und ich werde die Zehe gehen. Hast du es kapiert? 18 Ausgänge aus der Größe. Okay, also lasst uns hier etwas schreiben. Ich werde es überspringen. Okay, also habe ich etwas über mich geschrieben. Okay, also werde ich das entfernen, und ich werde das hier drüben so benutzen. Und das kannst du in der Mitte benutzen. So etwas? Ja, weil es eine sehr liegend in der Mitte ist, und ich kann so etwas benutzen. Und jetzt können Sie hier sehen wir haben Lassen Sie uns die Füllfarbe Zehe dunklere Farbe wie diese ändern. Okay, das wird also Ihre erste Aufgabe sein. Nur dein Name, was du liebst und was du tust und was du magst und was du in nur zwei Zeilen gesehen hast und Abberton. Okay, also wenn Sie den Radius von der Last wollen Zehe ändern wollen, machen Sie die abgerundeten Ecken, die Sie hier tun können, wie ich es wollte. Acht Pixel gerundet. Sie können Ihre Haare sehen Wenn ich etwas Schatten hinzufügen möchte, Sie können auf diesen Schatten nichts ändern klicken, Spielen Sie nicht viel mit diesen Werten wurden Ah decken, viel im Detail. Dies wird also Ihre erste Aufgabe sein, die Sie so etwas wie dieses erstellen möchten . Erstellen Sie einfach eine Ellipse. Ziehen Sie Ihr Bild in es Ihren Namen, was Sie mögen. Sie können es auch ändern Zehe ein bisschen Gnade Farbe. Es gibt also einen Kontrast zwischen diesen beiden und einer schönen Bürde und etwas Schatten um sie herum. Sie können auch die Ecken runden, wenn Sie möchten, und Sie können auch etwas Spooks verwenden. Also werde ich vier für die abgerundeten Ecken verwenden. Lassen Sie uns Kapazität 100% machen. Okay. Also kannst du so etwas tun. Lassen Sie mich diese Farbe in so etwas ändern. Das ist also professioneller. Okay, also möchte ich, dass du so etwas erstellst und ah, im nächsten Auftrag gepostet. Und wir sehen uns bald im nächsten Abschnitt. 11. Zeichenflächen und Raster in XD: Nun, das erste, worüber ich sprechen werde, sind Kunstboards, denn dies ist das erste, was Sie in Adobe X'd begegnen werden. Okay, also bin ich für dieses Beispiel. Ich gehe Zehe wählen Sie dieses Web, und ich werde dieses 12 80 Yard Board wählen und lassen Sie uns in Befehl oder Steuerung plus zoomen oder einfach Befehl drücken oder Null Zehen steuern. Umit Zehe die Passform und innerhalb dieser Leinwand. Also hier haben wir über unser Board. Dies ist der Name des Kunstbretts. Wenn Sie möchten, können Sie doppelklicken, und Sie können wie Website-Design oder so etwas bearbeiten. Okay, jetzt, wann immer Sie ein Kunstboard auswählen möchten, müssen Sie auf seinen Namen klicken, also klicken Sie einmal und es wird ausgewählt und Sie können verschiedene Optionen sehen und später toe diese Art Board über hier. Dies ist die Breite und die Höhe. Wenn Sie Medaillon wollen, können Sie, wenn Sie wollen. Schau, es wird das Seitenverhältnis sperren. Und wenn Sie dies erhöhen, wird auch der zweite Wert erhöht werden, was wir normalerweise nicht wollen. Okay, Dann haben wir dieses Porträt und Landschaft mehr, was nicht uh, macht Sinn im Web-Design, aber in der mobilen App, also macht es Sinn. Okay, dann haben wir dieses Scrollen. Okay, Scrollen ist, dass, wenn Sie einen Prototyp aus diesem Design erstellen, ob Sie eine Bildlaufleiste hier drüben wollen, um ihr Design zu scrollen und okay, also so etwas wie dieses. Also Vieux Port Height wird entscheiden, wo der Scrollkörper. Also, wenn ich das habe, äh, Vieux Port Heights sagte zu 600, können Sie hier sehen, ist mein Schulbiss. Okay, das ist meine Seite voll gesso im Webdesign. Zeitfalte ist der Bereich, der beim ersten Mal sichtbar wird, und jemand besucht. Okay, also bis zu diesem Bereich, wird die Website als nächstes sichtbar sein, wir Rollerball verquirlen. Okay, jetzt gehen Sie zu dieser Erscheinung. Aussehen ist im Grunde die Hintergrundfarbe Ihres gesamten Designs. Sie können es auf alles einstellen, was Sie wollen, aber ich denke, es Zeh weiß zu halten, ist die beste Option. Oder hier. Okay, lasst uns nochmals darauf klicken. Okay, jetzt haben wir die Gitter. Dies sind sehr wichtige Konzepte, und dies wird in erster Linie im Webdesign verwendet. Eine Menge. Okay, Also, selbst im Grafikdesign gibt es zwei Arten von Rasterlayouts. Eines ist dieses Layout, das säulenbasiert ist, und die 2. 1 ist quadratisch am besten. Okay, so quadratische Größe ist normalerweise für mobile Bauchmuskeln gedacht. Es ist nicht gut für ich denke, Web-Design, aber es kann schnell Objekte platzieren, wenn Sie möchten. Oh, so wie das. Okay, das ist also sehr, weißt du, es wird jede Schachtel in die Zehe stecken. Okay, also ist es einfacher, deine so zu Fuß zu gehen. Okay, Aber es macht mehr Sinn im mobilen Design kam und Sie entwerfen für mobile Labore. Es macht mehr Sinn. Lassen Sie es uns noch einmal löschen. Gehen Sie zum Quadrat und das ist die Größe von der Fliese. Sie wollen, wenn Sie wollen, wie 24 Schweine, Analphabeten, harte Angst, quadratische Größe. Sie können es auf 24 einstellen. Sie können es auf 64 setzen. Es hängt alles von Ihrer eigenen Wahl ab. Dann gehen wir auf die Zehe. Diskutieren Sie dieses andere Layout, das spaltenbasiert ist. Wir verwenden normalerweise im Webdesign. Ein 12-Säulen-Layout und das Wohl davon hängt von Ihrer eigenen Wahl ab. Aber normalerweise, wenn Sie die Bootstrap-Einstellungen verwenden, wird es 30 Pixel sein. Dann gehen wir zu diesem Rand. Ränder sind im Grunde dies der ganze Raum auf der rechten Seite, dieser weiße Raum oder und auf der linken Seite. Also werde ich es auf 30 so etwas anpassen. Okay, also zeigt es mir das. Möchten Sie unterschiedliche Ränder auf jeder Seite oder gleiche Ränder? Also, wenn ich auf den gleichen Rand klicke wird es 31 Pixel setzen, so ein Pixel spielt keine Rolle, also werde ich damit leben. Okay, das ist also unsere fast Bootstrap-Stil Gier. Und wenn du willst, dass du in der Größe Zehe 12 unter 11 70 so etwas kongierst. Ok. Und wenn Sie unterschiedliche Ränder auf jeder Seite wollen, ist dies die Option, die Sie verwenden werden Stop, Schritt unteren und linken Rand. Ok. Sie können es auch später zur Standardspalte „Einstellungen“ machen. Okay, so, und es wird auf Standard gesetzt. Also, wenn Sie beginnen, einige Spalten zu verwenden, wird es zu diesen Defar-Einstellungen gesagt werden. Das sind also die Grundlagen. Grundlegende Eigenschaften von jedem Kunstboard. Wenn du noch ein Artboard willst,will ich vielleicht noch eine Dartscheibe. Wenn du noch ein Artboard willst, Klicken Sie also auf dieses Art Board Tool und ich werde auf eins klicken. Also was? Hier? Und sie wird jetzt eine andere Kunst erzeugen. Die zweite Option ist, dass, wenn ich die Spitze will, klicken Sie einfach zuerst auf V. D. D. Ausgewählt und klicken Sie erneut auf das Kunstboard und Sie können verschiedene Art Boot-Optionen sehen . Also, wenn ich will und iPhone sechs klingen eine Vorlage hier drüben, kann ich darauf klicken, und es wird parallel zu meinem Web-Design sein. Okay, wenn ich dich also sah, klickte ich noch einmal. Also lassen Sie uns die Zehe wieder bewegen, alle bewegt und ich werde ein wenig verkleinern, damit wir sehen können, gekauft die Kunst langweilig. Und jetzt, wenn ich es verschieben will, habe ich es ausgewählt und dann kann ich es bewegen, okay. Also kann ich es hier drüben platzieren, oder ich kann es hier drüben platzieren, wann immer ich will. OK, so ist das, wie Sie verschiedene Ansichten von der gleichen Website Norgay erstellen und ich werde außerhalb klicken und wählen Sie die Art Board-Tool durch Drücken eines und ich kann auch auf Android-Tablet klicken . Okay, also, nein, ich habe drei Ansichten. Einer ist eine Website oder Desktop Sie als wir haben Vorlage, Ansicht, und dann haben wir iPhone-Ansicht. Wenn ich hier klicke, kann ich sein Layout durch vier Spalten ändern, die wir normalerweise auf Mobile APS verwenden und überstanden haben. Es wird 16 sein und ich möchte, dass die Ränder auf der rechten und linken Seite 24 s sind. Also werde ich Zehe wählen 24 oder hier. Ok. Also okay, so ist es um es auf 25, was gut ist. Okay, also hier ist meine Einrichtung für Web-Version von der gleichen Website ein Spiel. Also werde ich hier vier Spalten verwenden, und dann werde ich hier acht Spalten verwenden, so dass Sie sehen können, dass es ziemlich weit auf acht Spalten gesetzt ist, was sehr erstellt ist. Ich liebe diese Software wirklich. Sie haben sehr gute Standardwerte, also lassen Sie es auf 32. Okay, das sieht toll aus. So richte ich meine Kunstbohrungen ein, wenn ich verschiedene Ansichten von meiner Website aus entwerfe . Ok. So mobile Ansicht, Andhra Tablet-Ansicht und Desktop-Ansicht. Ok. Also werde ich nicht ins Detail gehen und ein Website-Design in diesem erstellen, aber so werden Sie Ihre Rohde einrichten. Nun, wenn Sie eine Kunsttafel löschen möchten, können Sie auswählen und drücken Sie Löschen, und es wird diese Kunsttafel löschen. Okay, also ist es so einfach. Außerdem können Sie von hier aus auswählen und löschen. Und auch können Sie kopieren und verschiedene Befehle duplizieren, die Sie hier sehen können. Okay, so benutzt man diese Kunstbücher. Ich hoffe, Sie haben diese Lektion genossen. Gehen wir zur nächsten Lektion und sehen uns bald. 12. 8 Tools in XD: in dieser Lektion. Wir werden über diese Symbolleiste erfahren, die wir in Adobe X'd haben. Also gehe ich schnell durch all diese Objekte und die Hocker Bar. OK, also werden wir mit diesem iPhone beginnen 678 Lassen Sie uns hineinzoomen. Befehl Null auf Kontroll-Null. Und hier haben wir unseren Hardball. OK, also ist das V reichste Auswahlwerkzeug, das ist, äh, das Sie alles mit ihm auswählen können. Okay, dann haben wir das Sektenwinkelwerkzeug, das unser r ist und Sie können erstellen, aber endet damit. Drücken Sie einfach, und hier haben wir nur Drag & Drop in der Mitte. Und das ist Grenze. Dies sind verschiedene Eigenschaften von ihm. Wir werden später in diesen Bereich kommen. OK, das sind Ausrichtungen. Wiederholen Sie Gradhöhen mit Aussehen und unterscheiden Sie diesen Radius Eckenradius Feeling Rand. Wir werden uns diese jetzt in einer anderen Lektion ansehen. Ich werde Ihnen alle Werkzeuge vorstellen, die hier drüben verfügbar sind. Ok? Wir haben sehr begrenzte Werkzeuge und das ist die Straße Sache über diese Adobe extra. Okay, dann haben wir diese Sonnenfinsternis und Sie können halten Shift Toe teilen, wissen Sie, haben Sie es in einem proportionalen Verhältnis und Sie können Kunst mit ihm drücken sind Option Key Toe machen und wachsen es in Zerstörung. Okay, also wird es von der Mitte so wachsen. Also liegt es an dir. Ich werde es in die Mitte legen. Okay, dann haben wir dieses Zeilenwerkzeug. Sie können dieses Linienwerkzeug überall verwenden, wo Sie möchten. Okay, also hier haben wir diese Linie. Dann haben wir den abgebrannten Brennstoff und diese Abkürzungen sind sehr einfach. Und ah, was wir in der Benutzererfahrung nennen. Design, Mapping, Mapping Es ist einfacher sich zu merken. Okay, also Ps Pentti ist Text unsere Grenzen a Exumas e also sind diese selbsterklärend. Du brauchst dich nicht an sie zu erinnern. Okay, dann haben wir dieses Textwerkzeug, als wir dieses Stift-Werkzeug haben. Mit mentaler, können Sie verschiedene Formen wie diese erstellen. Flickern Sie einfach weiter. Und dann können wir auch klicken und ziehen. Klicken Sie auf und lassen Sie es einfach so. Klicken Sie dann und ziehen Sie, so dass wir viele verschiedene Formen erstellen können. Es ist fast ähnlich wie für ein Geschäft. Okay, wir werden später in die Tiefe kommen. Okay, das ist also Textil. Sie können einfach die 30 auswählen oder und Sie können hier etwas wie etwas schreiben. Was haben Presse Flucht und das war's. Drücken Sie V, und Sie können es auswählen und verschieben. Nun, die Ausrichtungsoptionen. Oder Sie können sagen, intelligente Ausrichtung ist sehr anspruchsvoll für das neue kommende. Ihre Design-Software ist wie Skizze, und es wird extra UK sein. Sobald Sie etwas bewegen, wird es die Entfernung mit allen verschiedenen Elementen Elemente hier in Bezug auf sie zeigen . Okay, also sagt es mir, dass es jetzt auf diese ausgerichtet ist. Und der Abstand zwischen diesen beiden beträgt 15 Pixel. Okay, dann haben wir diese Kunstbrettwerkzeuge. Ich denke, wir haben das bereits besprochen. Sie haben gerade eine andere Kunsttafel ausgewählt und erstellt. Dies ist das Kunstboard für iPhone X. Und dann ist dies das Zoom-Tool, das Sie auf jedes Element zoomen können. Sind das wieder da? Ich habe Control Null-Befehl Null gedrückt, und Sie können auf den gesamten Kunstport so zoomen. Okay, das ist also sehr einfach. Sie können die Zonenebene auch von hier an in festlegen. Verkleinern. Dies sind Sie verschiedene Tastenkombinationen sehen können. Kontrollieren Sie eine Steuerung Zehen-Steuerung plus und Kontrolle plus Minor. Zoomen Sie heraus und ah, zoomen Sie auf Auswahl, Control oder Befehl drei. Also, wenn er Mac verwendet, wird es durch Befehl ersetzt werden. Okay, so sehr einfach. Sehr einfach. Tastenkombinationen. Ich gehe auf die Zehe. Erstellen Sie eine separate Lektion für alle verwendbaren Tastenkombinationen. Okay, wir können Adobe X'd schnell verwenden und verwenden. Das sind also alle Werkzeuge. 3456 und acht Werkzeuge, die du über ihn hast. Und die meisten von ihnen sind Gerechtigkeit. 123456 Also sechs Werkzeuge ein ist Art Board und ein Zoom, die Art off ein Dienstprogramm zu verwenden ist auf. Vergrößern Sie Ihre Kunsttafeln und verkleinern Sie sie. Das ist alles über die Symbolleiste. Hier drüben haben wir. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 13. Rechteckige Tools zum Erstellen von Tasten: in der Ferne. Und ich werde über dieses Rechteck-Werkzeug sprechen und wie wir es verwenden können und wie es verschiedene Eigenschaften gibt . Lassen Sie es warten und wie wir einen schön aussehenden Button mit Regie erstellen können. Okay, also werde ich einfach unsere Presse auswählen und wir werden hierher ziehen und ein Rechteck wie dieses erstellen . Und Sie können auf der rechten Seite sehen wir die Breite und die Höhe haben. Lassen Sie uns auf 75 in der Höhe von 60. Picks ist hier. Also haben wir es auf 60 gesetzt und Hiatus auf 75. Jetzt können Sie sehen, hier haben wir die erste Kontrolle, das ist diese Deckkraft, die