Das umfassende Bootcamp für User-Interface-Design – UI/UX skizzieren

1. Einführung: Wenn Sie ein U R ux Designer werden wollen, sind Sie hier genau richtig. Dieser komplette Kurs wird Ihnen alle wichtigen Dinge mit, gut organisiert, gut organisiert, eine leicht zu folgen Tutorials lehren. Hallo, mein Name ist ein Ausschlag und ich bin ein UX-Designer. Zusammen werden Sie und ich lernen, wie man ein User Interface Designer mit der Software Sketch zu werden Thes Kurs wurde für Leute entwickelt, die völlig neu in Ihrem UX Design oder sagen wir Design im Allgemeinen. Zuerst werden wir etwas über die Design-Grundlagen und Sie Elemente lernen, und dann werden wir über Skizzenkarte und all seine versteckten Geheimnisse zusammen lernen. Dann lernen Sie, wie Sie einen einfachen Drahtrahmen erstellen. Von dort erfahren Sie, wie Sie Ihren Stein-Leitfaden einrichten und wie Sie Ihre Farben entsprechend auf Ihr Design anwenden . Sie werden auch über alle Prinzipien von mobilen Anwendung und Web-Design lernen, dann enthüllen eine neu gestaltete Instagram als unser erstes Projekt von Grund auf neu, und dann werden wir eine Finanzierung einige zusammen entwerfen, und ich würde mit Ihnen teilen alle notwendigen Techniken und Geheimnisse für die Gestaltung einer Weltklasse-Anwendung. Darüber hinaus erfahren Sie sowohl einfache als auch fortgeschrittene Micro in Richtungen. Wir werden auch über Markierungen sprechen und wie Sie Ihr eigenes Online-Portfolio erstellen können, ohne eine einzige Codezeile zu schreiben. Darüber hinaus erfahren Sie mehr über drei D-Modellierung und das Erstellen von Augmented-Reality-Szenen. Und nicht zuletzt lernen Sie, wie Sie Ihr eigenes Unternehmen gründen und Ihren ersten Kunden als UX Designer bekommen. Während der Partituren entwickeln wir mobile Anwendungen und eine Website, um Ihre Design-Fähigkeiten zu entwickeln und alle notwendigen Werkzeuge zu meistern. Darüber hinaus erhalten Sie Zugang zu zwei Marke New York isst im Wert von mehr als $3000 Sie können sie in Ihren kommerziellen Projekten verwenden . Ich hoffe, Sie sind bereit, neue Fähigkeiten zu erlernen und ein User Interface Designer zu werden. Ich sehe dich in der Klasse 2. Einführung in UI/UX: Hi, alle. Willkommen im ersten Kapitel dieses Kurses In diesem Abschnitt werden wir über die Unterschiede zwischen Ihnen sprechen, I- und UX-Design und die Kursstruktur, die Sie verstehen können, wie der Kurs organisiert ist , damit Sie folgen Sie es richtig. Und nicht zuletzt werden wir über die Tools und Anforderungen sprechen, die Sie wissen müssen, um den Kurs fortzusetzen . Also, ohne weitere Umschweife, lasst uns anfangen. Zuallererst werde ich über die Unterschiede zwischen Ihnen I und UX Design sprechen. Obwohl beide Elemente für ein Produkt von entscheidender Bedeutung sind und eng zusammenarbeiten, sind ihre Rollen völlig unterschiedlich. Ihr Ex-Design ist ein technischeres und analytischeres Feld. Wie auch immer Sie ich entwerfen bezieht sich auf Grafikdesign mit komplexeren Verantwortlichkeiten. Also lassen Sie mich Ihnen ein Beispiel geben. Wenn Sie ein Produkt wie ein Auto betrachten, ist das Chassis der Code , der ihm eine klare Struktur verleiht. Die anderen Teile, wie Türen, Vollfilter usw., stellen das UX-Design dar, wodurch das Auto ordnungsgemäß funktioniert. Auf der anderen Seite, Sie Ideen neun stellt das Aussehen des Autos. Es sind Sensoren , etc. Mit anderen Worten, Sie X, das für User Experience steht, geht darum, wie ein Produkt funktionieren soll. Und Sie ich, die für Benutzeroberfläche steht, ist darüber, wie ein Produkt aussehen sollte. Sie als Produktdesigner sollten also wissen, wie diese beiden Begriffe zusammenarbeiten und wie Sie zwischen ihnen unterscheiden können. Zum Beispiel sollten Sie wissen, was die Verantwortlichkeiten eines UX-Designers sind. Und auf der anderen Seite, was sind die Verantwortlichkeiten eines U I Designers? Wie Sie auf den Bildern sehen können, haben wir zwei verschiedene Bildschirme. Die linke zeigt uns, wie das Produkt funktionieren soll. Angenommen, Sie haben einen Bildschirm mit zwei Schaltflächen und Textfeldern. Okay, das U X zeigt uns, wie diese Tasten mit dem Benutzer interagieren sollen, und das richtige Bild ist alles über die Benutzeroberfläche, und es zeigt uns, wie das Produkt aussehen sollte. Zum Beispiel haben wir hier einen Knopf und ein Quadrat. Der Eye Designer entscheidet, wie groß dieser Knopf sein soll oder welche Farbe für dieses Quadrat geeignet ist . Das sind die Sie ich Designer Verantwortlichkeiten. Alles klar, vielen Dank, dass Sie sich dieses Video angesehen haben. Und ich werde dich im nächsten Video sehen 3. Kursstruktur: Hallo, alle. In diesem Video werden wir über die Struktur des Kurses sprechen. In der Tat können Sie den Kurs in zwei Hauptabschnitte aufteilen. Der theoretische Teil und der praktische Teil. Der theoretische Teil erzeugt 10% des gesamten Kurses und der praktische Teil bildet 90% des Kursinhalts. Anstatt uns auf Theorien zu konzentrieren, konzentrieren wir uns auf die Praxis der Fähigkeiten, die Sie durch Arbeit und verschiedene Arten von Projekten lernen . Im theoretischen Teil lernen Sie Gestaltungsgrundlagen, Ihre Elemente, Ihre Elemente, Geschäftsideen bei Centra kennen. Und im praktischen Teil werden wir verschiedene Zielseiten für mobile Anwendungen entwerfen. Und wir werden auch über Drahtrahmen Prototyping, drei D-Modellierung Logo-Design und vieles mehr sprechen. Also, wenn Sie ein kompletter Anfänger sind, empfehle ich dringend, zuerst den theoretischen Teil zu sehen und dann mit dem Kurs fortzufahren. Auf der anderen Seite können Sie den theoretischen Teil überspringen und zum Erstellen eines Projekts springen. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angesehen habt. Und ich werde dich im nächsten Video sehen. 4. Erforderliche Tools: Hallo, alle in diesem Video werden wir über die erforderlichen Werkzeuge für den Abschluss dieses Kurses sprechen. In diesem Kurs werden wir verschiedene Grafikdesign-Tools verwenden, um gemeinsam erstklassige Benutzeroberflächen zu entwerfen . Das Hauptleiden, das wir verwenden werden, ist Skizze genannt, die nur für Mac OS verfügbar ist. also Wenn Siealsokein Mac OS-Gerät haben, können Sie die praktischen Teile möglicherweise nicht lernen. Die anderen Tools, die Sie über unser Invasion Studio und Adobe für den Shop lernen. Wir werden auch über nützliche Websites wie dribble werden Hände, etc. sprechen. Wenn Sie keines der oben genannten Leiden haben, stellen Sie sicher, dass Sie sie installieren, bevor Sie den Kurs beginnen. 5. Einführung in den Design: Hi, alle. Willkommen zurück zu einem anderen Abschnitt des Kurses. In diesem Kapitel werden wir über Layouts, Ikonographie, Ikonographie, Typografie, Farben, Farben, Komposition und vieles mehr sprechen. Wenn Sie ein professioneller und großartiger werden wollen, sind Sie ux Designer. Sie müssen mit Entwurfsgrundlagen beginnen. Nun, da Sie wissen, wie wichtig es ist, Design-Basics zu kennen, lassen Sie uns dieses Kapitel beginnen. 6. Layout: Hi, alle. In diesem Video werden wir über Layouts im Design sprechen. Wenn es um Sie geht, sind UX Design. Die Art und Weise, wie wir die Informationen in einem Nickerchen oder einer Website zeigen, ist so wichtig. In der Tat gibt es keinen bestimmten richtigen Weg, um Ihre eigene Komposition zu erstellen, so dass Sie leicht ein Layout basierend auf Ihren eigenen Bedürfnissen erstellen können, solange es für Benutzer konsistent und verständlich ist. Wie Sie in den Bildern auf der rechten Seite sehen können, sind beide Bildschirme gut gestaltet. Obwohl der Abstand unterschiedlich ist, ist die Zusammensetzung absolut klar und konsistent. Sie müssen viel auf Konsistenz achten. Während Sie eine Benutzeroberfläche entwerfen, unabhängig davon, welche Art von Plattformen Sie für die gleichen Regeln entwerfen, gelten Sie für alle. In Ordnung. Nun schauen wir uns diese Bilder an, wie es im linken Bild sehen kann, dass die Sinne recht konsistent sind . beispielsweise Wenn Siebeispielsweiseden Abstand zwischen dem Profilbild und dem oberen Bildschirmrand betrachten, können Sie erkennen, dass der Wert 50 Pixel beträgt und auch der D, da zwischen dem gleichen Profilbild und dem Textfeld direkt darunter wieder ist. 50 Pixel. Wie Sie sehen können, ist das Layout dieses Designs ziemlich klar. Und der Grund dafür liegt an der Konsistenz des Abstands. In den nächsten Vorträgen werden wir auch über Abstände und die Bedeutung davon im Design sprechen. Nun, wenn Sie sich das richtige Bild ansehen, können Sie erkennen, dass das Design auch klar ist. In diesem Layout, Jedoch, der einzige Unterschied ist die Farben und der Abstand. Aber wie Sie vielleicht bemerkt haben, ist der Abstand wieder konsistent. In Ordnung. Vielen Dank, dass Sie sich dieses Video ansehen. Ich werde Sie im nächsten Video sehen. 7. Visuelle Hierarchie: Hi, alle in diesem Video, wir werden über visuelle Hierarchie sprechen. Visuelle Hierarchie geht es darum, wie wir Designs betrachten. Hört es sich an? Waren. Also lassen Sie es auf eine andere Weise sagen. Wir, als Designer, sollten uns in Schuhe setzen, um zu erkennen, wie sie unsere Entwürfe sehen. Inhalte in jedem digitalen Seitenlayout verfolgen eine bestimmte Hierarchie. Zum Beispiel gehen Menüs oben links oder rechts auf dem Bildschirm oder eine Kombination dieser Kopfzeilen wird über Körperbändern angezeigt. Mit anderen Worten, Hierarchie ist eine einfache Möglichkeit, organisiert zu bleiben, von den meisten zu den am wenigsten wichtigen. Denken Sie daran, dass Benutzer Hierarchie einer App oder Website definiert. Das Element, das zuerst die Aufmerksamkeit des Benutzers erregt, befindet sich oben in der Hierarchie. Die visuellen Spezifikationen, die der Designer verwenden kann, um Benutzer zu beeinflussen, Verständnis der Informationen, unsere Größe, je größer das Element, desto mehr Aufmerksamkeit wird es anziehen. Wenn Sie also mit dem HTML und welchem Entwicklungsprozess vertraut sind, wissen Sie vielleicht, dass wir sechs Arten von Headern von H eins bis H sechs haben. H eins ist der größte Header, und H sucht ist der kleinste auf. Also, wenn wir so viel Aufmerksamkeit bekommen wollen. Wir werden jeden benutzen. zum Beispiel an, Nehmen wirzum Beispiel an,dass wir die Aufmerksamkeit des Benutzers auf einen bestimmten Abschnitt oder ein bestimmtes Element lenken möchten, so dass wir in diesem Fall den größeren Header verwenden. Oder andererseits wollen wir manchmal nicht so viel Aufmerksamkeit auf einen bestimmten Abschnitt oder Inhalt bekommen. In diesem Fall können wir den kleineren Header verwenden, so dass die Größe so wichtig ist. Der nächste Punkt ist der Kragen. Helle Farben sind auffälliger als gedämpfte Farben. Wenn Sie nicht genügend Informationen über Farben haben, müssen Sie sich keine Sorgen darüber machen, denn in den nächsten Lektionen werden wir alle notwendigen Informationen über die Auswahl der richtigen Farbe in Ihrem Design abdecken. Der nächste Punkt ist die Ausrichtung. Ein Element mit einer anderen Ausrichtung anderer wird mehr Aufmerksamkeit erregen. Also, was bedeutet das? Angenommen, Sie haben ein Layout aus, Nehmen wir an, vier verschiedene Videos oder vier verschiedene Fotos. Wenn Sie Onley eins von diesen Videos oder diese Fotos anders ausrichten, wird es mehr Aufmerksamkeit auf sie lenken. der In diesem Fall kann derBenutzer erkennen, dass etwas anders ist. Der nächste Punkt ist der Kontrast. Scharf kontrastierende Farben fallen leicht ins Auge. Kontrast ist ein sehr, sehr wichtiges Thema in Ihnen Ich entwerfe, und wir werden in den nächsten Lektionen über Kontrast sprechen. Tief. Der nächste Punkt ist die Nähe Elemente, die eng aneinander angeordnet sind, erscheinen eher verwandt. Und das ist wahr. Wenn Sie sich die Bilder auf der rechten Seite ansehen, können Sie sehen, dass wir zwei verschiedene Bildschirme haben. Konzentrieren wir uns auf den linken Bildschirm. Wie Sie sehen können, haben wir zwei verschiedene Abschnitte, neue Aktionen und neue Geschichten. Können Sie erkennen, dass Elemente in beiden Abschnitten eng miteinander verbunden sind, so dass Benutzer leicht verstehen können, dass sie miteinander verwandt sind? Als nächster Punkt folgt die Wiederholung. Wiederholte Stile können darauf hinweisen, dass Inhalt verwandt ist. Also, was bedeutet das? Schauen wir uns die Bilder auf der rechten Seite an. Können Sie sehen, dass wir vier Quadrate auf drei Kreisen haben, so dass der Benutzer leicht erkennen kann, die Beziehung zwischen diesen Elementen. Und der nächste Punkt ist der Leerraum, der ein weiterer wichtiger Begriff in unserem ux Design ist. Mehr Platz zwischen den Elementen wird mehr Aufmerksamkeit auf sie lenken, also schauen wir uns die Bilder auf der rechten Seite an. Aber dieses Mal müssen wir zwischen dem linken Bildschirm und dem rechten Bildschirm unterscheiden Wie Sie dem linken Bildschirm sehen können, haben wir genug Platz. Oder sagen wir, genug Leerzeichen zwischen unseren Elementen und unseren Abschnitten, so dass die Benutzer leicht Frau über die Benutzeroberfläche. jedoch Auf dem rechten Bildschirm sehen Siejedoch, dass alle Elemente sehr, sehr nah beieinander liegen . Und es gibt nicht genug Leerraum zwischen allen Elementen in dieser Art von Layout. Alles klar, vielen Dank, dass Sie sich dieses Video angesehen haben. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 8. Visuelles Rauschen: Hi, alle. In diesem Video werden Sie über visuelles Rauschen im Design sprechen. Visuelles Rauschen, wie Sie aus seinem Titel erraten können, dreht sich alles um einen Bildschirm oder einen Teil eines digitalen Produkts, das so viele Informationen und viele Elemente darauf hat. Wenn Sie eine APP oder eine Website entwerfen, müssen Sie viel auf Details achten, denn am Ende des Tages möchten wir einen Bildschirm gestalten, der benutzerfreundlich und leicht zu durchlaufen ist. Stellen Sie also sicher, dass Sie alle unnötigen Elemente oder Informationen von Ihrem Bildschirm entfernen. Wenn Sie sich nicht sicher sind, ob Ihr Design Videorauschen aufweist oder nicht, wird empfohlen, um Feedback zu bitten. Wenn Sie sich die Bilder auf der rechten Seite ansehen, können Sie sehen, dass wir zwei verschiedene Bildschirme auf dem linken Bildschirm haben. Es gibt kein visuelles Geräusch, und es ist großartig in Bezug auf Sie, die ich entwerfe. Auf der anderen Seite, dem rechten Bildschirm, gibt es zu viel visuelles Rauschen. Wie Sie sehen können, gibt es so viele Texte an der Spitze, und dann einige Elemente, die Videos oder Fotos sein könnten, als wieder einige Videos. Und danach können einige Geschichten und Sie erkennen, dass zwischen diesen Elementen nicht genügend Leerraum vorhanden ist . Vielen Dank, dass Sie sich dieses Video ansehen. Ich werde Sie im nächsten Video sehen. 9. Ikonografie: hoch in diesem Video, werden wir über Ikonographie im Design sprechen. Ikonographie ist eine visuelle Sprache, die verwendet wird, um Aspekte, Inhalte oder Funktionalität zu demonstrieren . Arkan's sollen einfache und klare visuelle Elemente sein, die sofort erkennbar sind . Sie müssen nicht bekannte Symbole wie Home-Icon, Such-Symbol usw. neu gestalten Such-Symbol oder, sagen wir, das Rad nicht neu erfinden. Sie können Zugriff auf fast alle Arten von Symbolen auf Websites kostenlos oder Anzeigen vernünftige Kosten erhalten. Aber was, wenn Sie es benötigen, um einige Icons speziell für Ihr Projekt zu entwerfen? Nun, in diesem Fall sollten Sie Symbole entwerfen, die mit Ihrem Design und anderen Symbolen harmonieren. Beachten Sie, dass Symbole von Benutzern leicht verstanden werden müssen. Stellen Sie daher sicher, dass Sie Konsistenz in Ihrem Design zeigen. 10. Typografie: hoch in diesem Video, werden wir über Typografie sprechen. Was ist Typografie? Typografie verwandelt Sprache in ein dekoriertes visuelles Element. Typografie ist einer der wichtigsten Teile von Ihnen sind UX-Design, so dass es sich lohnt, mehr darüber zu erfahren. Sie beim Entwerfen einer App oder einer Website BeschränkenSie beim Entwerfen einer App oder einer Websitedie Anzahl der verwendeten Schriftarten und Größen, um Ihr Design einfach zu halten. Starten Sie B höchstens zwei Fonds, einer für die Kopfzeilen und der andere für die Körper. Sie können kostenlose oder bezahlte Mittel in Ihren Projekten verwenden, aber ich empfehle dringend, kostenlose Mittel zu verwenden. Wenn Sie bezahlte Mittel verwenden möchten, überprüfen Sie die Lizenz sorgfältig. Sie sollten Ihre Kunden darüber informieren, dass sie für die Verwendung von bezahlten Mitteln extra bezahlen müssen. nun Wenn Sienunauf die rechte Seite des Bildschirms schauen, können Sie sehen, dass ich die Typografiegrundlage für Sie klassifiziere. Schauen wir es uns an. Schritt für Schritt. Genau an der Spitze. Wir haben Immobilien. Jede Textzeile in einem beliebigen Programm hat eine Basislinie. Wie Sie sehen können, wird es hier mit der blauen Linie angezeigt, und es hat auch den Buchstabenabstand, den Sie in Ihrem Design natürlich ändern können. Es gibt mehr Eigenschaften im Zusammenhang mit Typografie, jedoch , um T-Werte fortzusetzen, ist es genug, um T-Werte fortzusetzen,diese beiden Eigenschaften zu kennen. Lassen Sie uns nun auf den Buchstabenabstand Vergleich auf der linken Seite konzentrieren, können Sie sehen, dass wir den Standardabstand haben. Aber rechts änderte ich den Abstand von diesen Buchstaben. Je nachdem, an welcher Art von Projekt Sie arbeiten, können Sie den Buchstabenabstand wie gewünscht ändern. Lassen Sie uns nun über das Gewicht von jedem Fonds sprechen. Die meisten Fonds haben mindestens drei unterschiedliche Gewichte, aber einige von ihnen haben mehr. Zum Beispiel kann der Fonds sechs verschiedene Wege haben. Wie Sie auf Ihrem Bildschirm sehen können, haben wir hier von Light Toe, fett und last but not least, Deklassifizierung von Schriftarten. Wie Sie sehen können, haben wir zwei verschiedene Klassifizierungen für Fonds. Die Serif, die linke auf dem Bild ist, und der Sand Saref, der die rechte ist. Das Bild. Also, was ist der Unterschied? Sicher können Sie zwischen ihnen unterscheiden, aber lassen Sie mich Ihnen erklären, um die Regel von Serif und Serif auswendig zu lernen. Eigentlich haben Sarah Fonds eine Art von flacher Linie an der Spitze von ihnen und auch die Unterseite von ihnen. Oder man kann sagen, sie haben Füße. Auf der anderen Seite haben sensorische Fonds diese Art von Linien nicht. Sands in Englisch und Französisch bedeutet ohne so sans serif bedeutet ohne Serif. Sie als Designer sind verantwortlich für die Auswahl der besten Welle von Fonds und auch die besten Klassifikationen, je nachdem, an welcher Art von Projekt Sie arbeiten. Vielen Dank, dass Sie sich dieses Video ansehen. Ich werde Sie im nächsten Video sehen. 11. Farbkontrast: Hallo, alle. In diesem Video werden wir über Farbkontrast sprechen, was ein sehr wichtiges Thema ist, wenn es um Sie geht, die ich entworfen. Anwenden von Farben effektiv ist eine Fähigkeit, die jeder, der es arbeitet, visuelle Kompositionen müssen so haben Sie, als Ihr Designer wissen, wie Farben in Ihren Projekten zu verwenden. Wenn es um die Anwendung von Farben geht, sind Lesbarkeit und Lesbarkeit die Schlüsselfaktoren. Forscher haben gezeigt, dass lebendige Farben genügend Kontrast ermöglichen und die Lesbarkeit und Lesbarkeit erhöhen. Bitte beachten Sie, dass zu viel Farbkontrast uns beim Lesen schwer macht. Ich empfehle dringend, dass Designer einen Fleischkontrast schaffen und zum Hervorheben von Elementen kontrastreiche Farben verwenden können. Sie können Websites auch verwenden, um Ihnen ein Verhältnis zu bieten, wenn Sie zwei Farben vergleichen, um zu sehen , ob genügend Kontrast vorhanden ist oder nicht. Wenn Sie sich die Beispiele unter rechts ansehen, haben wir sechs verschiedene Farben. Wie Sie sehen können, sind die 1. 4 akzeptabel und haben genug Kontrast, aber die anderen sind nicht lesbar. Also, wenn wir eine Benutzeroberfläche entwerfen, müssen wir viel Aufmerksamkeit auf Anrufer zahlen, weil manchmal Sie als Designer, ich möchte so kreativ wie möglich sein. jedoch Kreativität solltejedochnach Lesbarkeit und Lesbarkeit kommen 12. Farbpallete: Hi, Ron. In dieser Lektion werden wir über Farbpalette sprechen. Erstellen eines Farbschemas für ein Produkt mag eine schwierige Aufgabe sein, besonders wenn Sie ein Anfänger sind. jedoch In Wirklichkeit ist esjedoch nicht so kompliziert, wie viele Designer denken. Was ist das Farbschema, das Sie sind? Farbschema ist eine Mischung von Farben, die in Ihrer Benutzeroberfläche verwendet werden. Fast jedes Farbschema enthält die fallenden Farbgruppen. Primärfarben, Sekundärfarben, Akzentfarben, Neutrale, semantische Farben. Was sind die Primär- und Sekundärfarben? Primär- und Sekundärfarben sind die Grundfarben Ihrer Benutzeroberfläche. Die Farben, die am häufigsten in Ihrem Ich entwerfen verwendet werden, werden als primäre Farben bezeichnet. Die meisten Designer wählen in der Regel Markenfarben als Primärfarben. In der Tat wird empfohlen, nicht mehr als drei Primärfarben zu haben. Optional. Sie können sekundäre Anrufer verwenden, um Ihre Produkte zu unterscheiden und Sie interessanter zu machen . Ich entwirft alles in Ordnung, aber wie man Farben richtig wählt Wenn Sie mit Farben arbeiten, sollten Sie keine Kombination von zufälligen Farben erstellen, weil das Ergebnis nicht das ist, das Sie erwarten. Um zu verstehen, wie man mit Farben arbeitet. Zuerst müssen Sie wissen, was die Farbe erleichtert und wie sie funktioniert. Hier sind wichtige Farbkombinationen, die Sie kostenlos wissen müssen, die zwei Farben sind, die auf gegenüberliegenden Seiten von der Farbe mit sind, und die nächste ist monochromatisch, und die nächste ist monochromatisch, die drei Schattierungen, Töne und Jugendliche eine Farbe auf Basis. Und der letzte ist analog, das sind drei Farben, die nebeneinander auf dem Farbrad sind. Wenn Sie auf der rechten Seite des Bildes schauen, können Sie sehen, dass wir eine Farbe hier haben. Wie Sie sehen können, haben wir monochromatisch. Zum Beispiel, wenn Sie sich das Rot ansehen, haben wir drei verschiedene Schattierungen oder, sagen wir, zehn von einer basierenden Farbe, und auch wir haben komplementäre. Zum Beispiel haben wir hier lila und gelb, die auf gegenüberliegenden Seiten von der Farbe mit sind, so dass die Kombination dieser Farben großartig ist 13. Abstände: Hi, alle. Willkommen zurück zu einer weiteren Lektion aus diesem Kurs in diesem Video, wir werden über Abstände im Design sprechen. Konsistenz spielt in Ihnen eine Schlüsselrolle. Ich entwerfe. Wenn Sie also entwerfen, müssen Sie alles messen und konsistent halten. Als Designer liegt der Abstand bei Ihnen. Aber sobald er es gesagt hat, müssen Sie die gleichen Abstandsmuster in Ihren Entwürfen verwenden. zum Beispiel gesagt haben, Wenn Siezum Beispiel gesagt haben,dass der Abstand zwischen Kopfzeile und Körper auf acht Pixel dauert, sollten Sie im gesamten Projekt immer den gleichen Abstand verwenden. Wie Sie das Bild sehen können, wurde der gesamte Abstand genau gemessen und macht das Design deutlich. Zum Beispiel, wenn Sie sich das Bild ansehen, können Sie sehen, dass wir 50 Spitzenzellen von oben auf neue Bilder Titel und dann acht Pixel von neuen Bildern bis zum oberen Untertitel und gehen auf und weiter. Um Ihr Design klar zu halten, stellen Sie sicher, dass Sie konsistente Abstandsmuster im gesamten Projekt verwenden. 14. Komposition: Hi, alle. In diesem Video werden wir über Komposition im Design sprechen. Was ist das goldene Verhältnis? Das goldene Verhältnis ist ein mathematisches Verhältnis zwischen den Elementen unterschiedlicher Größe, das als das ästhetischste Verhältnis für das menschliche Auge angesehen wird. Das goldene Verhältnis entspricht 1 zu 1.618 und es ist normalerweise mit Muschel geformten Stapel dargestellt . Diese Zahl wurde verwendet, um Proportionen für Architektur, Gemälde, Fotografie, Design usw. zu schaffen , Gemälde , Fotografie , Design . Aber wie verwende ich das goldene Verhältnis in deinem Design? Wenn Sie einen Bildschirm mit dem mit off 1200 Pixel haben, müssen Sie ihn durch 1.618 teilen und das Ergebnis wird 741,6 sein. Und jetzt können wir sagen, 1200 Pick Songs minus 741 entspricht 459. So haben wir zwei Abschnitte mit der mit bis 741 Pixel und 459 Pixel. Wie Sie auf der rechten Seite des Screenings sehen können, haben wir einen Screenshot von der Medium-Website . Können Sie sehen, wie es auf der Grundlage des goldenen Verhältnisses entworfen wurde, damit es die Aufmerksamkeit des Benutzers zur richtigen Zeit an den richtigen Ort bringen kann? 15. Design-Leitfaden: in diesem Video werden wir über Design Guide sprechen. Was ist ein Design-Leitfaden? Ein Entwurfshandbuch ist ein System, das Ihnen dabei helfen kann, Ihr Design konsistent zu halten. Es kann auch Ihren Konstruktionsprozess beschleunigen. Die Beispiele, die Sie betrachten, sind nur einige wenige Komponenten, die in Ihrem Entwurfshandbuch verwendet werden können . Es gibt viele Dinge, die in Ihren Konstruktionsleitfäden enthalten sein können, wie Elemente, Topographie, Ikonographie, Größe und Abstand. Farb-Pad. Es ist etcetera, so dass ein Design-Typ Ihr Leben viel, viel einfacher macht . 16. Konsistente Schriftarten: Hi, alle, in dieser Lektion werden wir über Geld im Design sprechen. Als Designer arbeiten Sie immer mit verschiedenen Schriftarten, so dass Sie wissen müssen, wie Sie sie richtig verwenden. Wie es in der Typografie erwähnt wurde, wird empfohlen, höchstens mit zwei verschiedenen Mitteln zu arbeiten, um Ihre Augen einfach zu halten. Ob die besten Mittel für Sie, ich entwarf Nummer eins San Francisco. Es ist am besten für moderne Websites und mehr durch Lapse Nummer zwei Open Sense. Es ist am besten für Websites und mobile Rückfälle. Nummer drei Konzert. Es ist am besten für minimale Websites und mobile APS Nummer vier Proxima Nova. Es ist ideal für moderne Content-zentrierte Websites und mobile APS und last but not least, roboto. Es eignet sich am besten für moderne Websites und mobile Karten als auch. 17. Konsistente Farben: Hey, alle, in diesem Video werden wir über Farben reden. Anwenden von Farben auf Ihre Augenelemente ist einer der wichtigsten Teile des U. Y. Design-Prozesses. Erinnern Sie sich, was eine Schlüsselrolle bei der Gestaltung Ihrer richtigen Konsistenz spielte, also müssen Sie auch Ihre Farben konsistent halten. Zum Beispiel, wenn Sie Blue zwei Titel auf einer Seite anwenden, müssen Sie die gleiche Farbe zwei Titel auf anderen Seiten anwenden oder, wenn wir anwenden, lesen Sie, um zu kaufen Schaltfläche. Sie sollten die gleiche Farbe für alle anderen Kaufböden auf anderen Seiten verwenden. Deshalb brauchen wir einen Design-Leitfaden und den Stil richtig. Wenn Sie sich das Bild auf der rechten Seite ansehen, können Sie sehen, dass wir eine bestimmte schwarze Farbe für Titel verwendet haben, und wir verwenden eine bestimmte Farbe für unsere Böden, usw. Daher ist es so wichtig, Ihre Farben konsistent zu halten 18. Konsistente Symbole: Hallo, alle. In diesem Video werden wir über Icons im Design sprechen. Vielleicht denken Sie, dass die Arbeit mit Symbolen ein einfacher Teil des U. I Designs ist. jedoch Wenn Siejedochnicht auf Details achten, werden Sie nicht angemessen. Ergebnis Ihre einige wichtige Punkte, die Sie brauchen, um sich zu kümmern. Nummer Eins. Testen Sie die Skalierbarkeit. Überprüfen Sie, ob Ihre Symbole immer noch in kleinen Größen wie 15 x 15 Pixel erkannt werden können. Nummer zwei richtig dimensioniert dort. Die empfohlene Zielgröße für Touchscreen-Objekte beträgt 7 bis 10 Millimeter. Denken Sie auch daran, Padding zwischen den Symbolen hinzuzufügen, um korrekte Tippen zu verhindern. Nummer drei Interne Konsistenz. Verwenden Sie dasselbe Farbschema für alle Symbole und auch die gleichen Styling-Attribute wie die Größe der Rahmen. Nummer vier. Perfekte Ausrichtung. Versuchen Sie immer, eine perfekte Ausrichtung in einem con zu haben. Ach, Graffiti. Aber manchmal, weil Sie Symbole mit verschiedenen Größen haben, müssen Sie sie selbst ausgleichen. Wenn Sie sich das Bild auf der rechten Seite ansehen, können Sie sehen, dass wir zwei verschiedene Gruppen aus Symbolen in der linken Gruppe haben. Sie können sehen, dass wir konsistente Ikonographie haben, da wir nur Umrisssymbole verwenden. Aber auf der anderen Seite haben wir eine inkonsistente Ikonographie, weil wir sowohl Umrisse als auch solide Symbole gleichzeitig verwenden , was nicht richtig befohlen ist. 19. Konsistente UI-Elemente: Hallo, alle. In diesem Video werden wir über die Konsistenz Ihrer Elemente sprechen. Eines der Dinge, die Sie immer arbeiten Fünfte, während Sie eine Benutzeroberfläche entwerfen, ist au element. Was sind die Elemente der EU? Unterteile, Karten, Textfelder, Schieberegler, Dialoge, Diagramme, Schritte, Tabellen, Auswahlsteuerelemente, Menüs, Snack Bars, etc. Wie es das Bild zugibt. Ich habe nur einige von ihnen für Sie ausgewählt, weil ich sicher nicht alle hier setzen konnte. jedoch Sie werdenjedochfast alle im Kapitel U Elemente kennenlernen. 20. Schriftquellen: Hey, jeder in diesem Video, über das wir sprechen werden, ist manchmal, die richtigen Mittel für Ihr Projekt zu wählen , könnte schwierig und zeitaufwendig sein. Also in diesem Teil, werden Sie wissen, über die beste Online-Ressource ist, um Ihr Geld leicht zu bekommen. Die erste Website heißt Google Fonts, die so berühmt ist und Sie können dort kostenlose Mittel finden. Die zweite Website heißt meine Telefone und Sie beschränkte kostenlose und bezahlte Schriften, ter und last but not least, Sie können die Adibi Funds Website, die Sie finden bezahlt Foncier. Wenn Sie Probleme bei der Reparatur von Geldern haben, können Sie auch Typ aus oder Spaß Paar verwenden. 21. Farbressourcen: Hi, alle, in dieser Lektion werden wir über Kragen reden. Resource ist jetzt. Es ist an der Zeit, nach unseren Farben zu suchen, um sie in unseren Projekten zu verwenden. Die meiste Zeit. Finden Sie gute Farben ist eine schwierige hat für Sie, I Designer, vor allem, wenn Sie ein Anfänger sind. Hier sind einige absolut nützliche Ressource ist für die Suche nach Farben. Nummer eins Halsband verfolgt Nummer zwei Adobe Farbe, die so nützlich ist, übrigens Nummer drei Ich weiß nicht, wie man es ausspricht, aber ich denke, es ist Kühler oder Halsbänder. Nummer vier Web Grady INS, das ist eine weitere gute Website für die Suche nach Grady INTS. Wenn Sie nach ihnen suchen, stellen Sie sicher, dass Sie genug Zeit damit verbringen, die bestmögliche Farbpalette für Ihre Projekte zu finden. 22. Icon: Hey, alle, in diesem Video werden wir über Icon Resource sprechen, ist für Ihr Designprojekt. Wie bereits erwähnt, Ikonographie ist ein wesentlicher Bestandteil des U. I Designprozesses, und es ist so wichtig zu wissen, wo man ansprechende und ein Standard-Icons finden kann. Hier sind einige nützliche Ressource ist für die Suche nach Symbolen Nummer eins flaches Symbol, aber Sie können bezahlte oder kostenlose Symbol finden, Sir. Nummer zwei, ich kann sie finden, das ist eine weitere gute Website für die Suche nach Symbolen und last but not least, nukleare , die eine Anwendung ist, und es sammelt alle Symbole für Sie an einem Ort. Denken Sie daran, dass Sie die Symbole verwenden sollten, die von den Benutzern leicht zu erkennen sind. Nehmen Sie sich also Zeit und schauen Sie sich alle verfügbaren Symbole an, die Sie in Ihrem Projekt verwenden möchten . 23. Einführung in die Skizze: Hallo, alle in diesem Video, wir werden über Skizze reden Was ist Fang? Sketchy? Der Professional Vector Editor , der für diejenigen entwickelt wurde, die ihre Ideen in unglaubliche Produkte umwandeln möchten. Wie bereits erwähnt, Skizzen nicht für Rastergrafiken geeignet. Es ist ein Vektoreditor , der für US-UX-Design entwickelt wurde, und es ist wirklich gut für diesen Zweck. Wenn Sie es ausprobieren möchten, können Sie einen Versuch bekommen, allergisch davon und dann Kauf von einem Jahr Lizenz von Pfarreien und erhalten Sie alle Updates bis zum Ende Ihres Abonnements erhalten. Also, wenn Sie ein Fan von Adobe für den Shop sind, muss ich Ihnen sagen, dass es kein gutes Software-Programm für Sie sind UX-Design. jedoch nützlich, Es istjedoch nützlich,um Ihre Bilder zu bearbeiten, um sie in Ihren Projekten zu verwenden. 24. Sketch: Hi, alle. In diesem Video werden wir über Skizzenanforderungen sprechen. Wenn Sie Cage als entworfenen Zehe verwenden möchten, müssen Sie auf mindestens eines der Mac OS-Geräte zugreifen. Es muss nicht die neueste oder größte Version sein, aber es muss sein, um Macrons High Sierra oder eine neuere Michaela's zu haben. Wenn Sie sicherstellen möchten, dass Sie Ihre Makros von Zeit zu Zeit aktualisieren können, empfiehlt es sich, Ihr Mac OS auf dem neuesten Stand zu halten, um diese Version zu verzögern. Ob Sie über Ihr Betriebssystem sicher sind oder nicht, ich empfehle, dass Sie die 30-Tage-Testversion verschlechtern, bevor Sie eine Lizenz kaufen. Auf diese Weise können Sie 100% sicher sein, dass alles einwandfrei funktioniert. Wenn Sie mit komplexeren Dokumenten arbeiten, die mehrere Seiten und Hunderte von Kunstboards enthalten, wird ein leistungsfähiger Mac die Leistung auf jeden Fall verbessern 25. Sketch: Hi, Ron. In diesem Video werden wir über Skizzenumgebungen sprechen. Skizzen. Interface ist minimal rechts an der Spitze ausgelegt. Sie finden die Symbolleiste, die alle wichtigen Werkzeuge und Aktionen enthält, die das zugegebende Gespenst unterschreiben , mit dem Sie die Eigenschaften außerhalb der ausgewählten Ebene ändern können. Die Ebenenliste ist der Schmerz auf der linken Seite, und sie listet alle Kunstporen und Ebenen in Ihrem Dokument auf. Letzt befindet sich die Leinwand in der Mitte, wo Sie auf Ihren Entwürfen sehen werden. , Wie Sie sehen können,können wir eine Skizzenschnittstelle in vier Hauptabschnitte unterteilen. Symbolleiste, die alle wichtigen Werkzeuge enthält, die Sie benötigen. Layer-Listen, zumindest alle Ebenen und unser Board Inspektor, mit dem Sie die Eigenschaften Ihrer Ebenen anpassen können , und schließlich, Leinwand, die alle Ihre Kunst an einem Ort zeigt. 26. Layer: Hallo, alle. In diesem Video werden wir über Layer-Grundlagen sprechen, die später am wenigsten alle Ebenen auf der aktuellen Seite enthält . Wir als Designer haben die ganze Zeit mit Schichten gearbeitet, und es ist so wichtig zu wissen, wie sie funktionieren. Wie Sie sehen können, können Sie mit Hilfe der Plus-Taste oben beliebig viele Seiten einfügen . wenn Sie etwas zu Ihrer Kunsttafel hinzufügen, wird es in Form einer Ebene in der Ebenenliste angezeigt, unabhängig davon, was es ist. Zum Beispiel ist die Überschrift in dieser Ebenenliste eine Textebene, und Sie können sie an ihrem eindeutigen Symbol zum Ausblenden einer Ebene erkennen, über die Sie mit der Maus bewegen können . Das ist eine bestimmte Ebene, und dann kann ich nicht sofort erscheinen. Wenn Sie darauf klicken, können Sie die Ebene ausblenden und umgekehrt, um eine Ebene umzubenennen. Wir sollten in seinem Namen Creek, und Sie können es leicht ändern. Eines der wichtigsten Dinge über Schichten ist die Art und Weise, wie wir sie organisieren. Ich habe so viele Designer geschickt, die sich nicht darum kümmern, ihre Schichten gut zu organisieren, und es ist überhaupt nicht gut. Hier ist, warum, wenn Sie mit einem Team von Designern zusammenarbeiten. Die Art und Weise, wie Sie Ihre Layer verwalten, ist sehr wichtig, denn wenn es sich um ganz andere Teammitglieder handelt, können die Hierarchie Ihres Projekts nicht verstehen . Und um etwas zu verändern, müssen sie viel Zeit aufwenden. Stellen Sie also sicher, dass Sie Ihre Layer nach der Erstellung benennen und sie so organisiert wie möglich halten . Der andere wichtige Punkt ist die Reihenfolge der Platzierung Schichten in der geschichteten früh, so dass die Schicht an der Spitze mit erscheinen über den anderen Schichten in Ihrem Arse Board. 27. Symbolleiste: Hi, alle. In diesem Video werden wir über Werkzeug mehr sprechen. Die Symbolleiste in der Skizze enthält alle Werkzeuge, die Sie benötigen, um Ihr unglaubliches Design zu erstellen . Wenn Sie Skizze auf Ihrem Computer installieren, gibt es eine Standardsymbolleiste, aber die gute Nachricht ist, dass Sie es ganz einfach anpassen können, wie Sie die Symbolleiste anpassen möchten Sie können mit der rechten Maustaste darauf klicken und wählen Sie die Symbolleiste anpassen aus den Optionen. . Werfen wir einen Blick auf den Werkzeugkrieg und sehen, was unsere Standardwerkzeuge rechts auf der linken Seite sind . Sie können das Einfüge-Popup-Menü sehen, dem Sie eine neue Ebene zeichnen können. Die Daten wenden zufällige Bilder an, um Player oder Textinhalte auf Textebenen zu formen. Erstellt Symbol ermöglicht es Ihnen, den ausgewählten Verweilen oder die ausgewählte Gruppe in ein Symbol zu konvertieren. Wir werden in zukünftigen Lektionen über die Symbole sprechen. den Zoom-Schaltflächen können Sie je nach Zoomstufe mehr oder weniger außerhalb des Dokuments sehen . Mit den Gruppen- und dann Gruppen-Schaltflächen können Sie Ihre Layer-Listen organisieren. Dies ist so nützlich, dass die nächsten fünf Martins, die Steuerelemente bearbeiten, es Ihnen ermöglichen, Ihre ausgewählte Form zu ändern und zu bearbeiten. Eine Maske und eine Skalierung werden ebenfalls aktiv, wenn die Form ausgewählt ist diesen Steinen können Sie Layer an Shapes zuschneiden und die Größe ändern. Abgeflachte Unterseite dient zum Anwenden von Transformationen und zum Abflachen einer Form auf eine einzelne Ebene und Zurücksetzen des Ursprungs. Die nächsten Einrichtungssymbole sind die booleschen Operationen, die zum Kombinieren von Formen verwendet werden. Wir werden in den nächsten Lektionen darüber sprechen. Dann haben wir Ansichtsmenü, dem Sie visuelle Hilfsmittel anzeigen und ausblenden können, die wilde Arbeit und komplexe Projekte verwendet werden können . Zum Beispiel kann es Körnungen, Layouts, Linealeusw. anzeigen Layouts, Lineale . Die Preview-Schaltfläche ist für Previ in Ihrem Bogenboard in einem neuen Fenster auf iOS-Geräten oder Web. Das Cloud-Symbol dient dazu, Ihr Design mit Ihren Freunden, Kunden oder Kollegen über die Skizzenwolke zu teilen . Last but not least, die Exportunterseite, die Sie Ihre Assets exportieren. Alternativ können Sie kurze Karten verwenden, um die richtige Zehe zu wählen, und es kann Ihnen wirklich helfen, Ihren Designprozess zu beschleunigen. Eine Liste der wichtigsten Abkürzungen finden Sie am Ende dieses Moduls. 28. Formen: Hi, alle. In diesem Video werden wir über Formen reden. Formen sind die gebräuchlichste Art von Layern in Ihrem Design. Es gibt eine große Vielfalt von Standardformen mit Skizze wie Sterne, Rechtecke, Oles liegen usw. Um Ihrer Kunsttafel eine neue Schande hinzuzufügen, wählen Sie ein Formwerkzeug aus dem Einfüge-Pop-Menü und formen Sie dann, klicken und ziehen Sie eine beliebige Stelle in der Arbeitsfläche, um Ihre Form einzufügen, während Sie ziehen, um die Shape-Skizze einzufügen , zeigt, wie groß die eingefügte Form wird. Weitere Details zu Ihren Shapes finden Sie im Inspektor und Sie können die Variablen je nach Ihren Wünschen ändern. Einige Shapes verfügen über zusätzliche Optionen, z. B. die Möglichkeit, einem Polygon um Ecken weitere Zeichen hinzuzufügen. 29. Formen bearbeiten: Hallo, alle im Video, und wir werden darüber reden, Formen zu bearbeiten. Manchmal müssen Sie hinzufügen. Es formt sich in einer Weise, die Sie wollen, und es ist eine sehr einfache Sache zu tun. Sketch ermöglicht es Ihnen, Änderungen einfach und bequem zu bearbeiten. Zunächst einmal, dass Schuhe Rechteck aus dem Einfügen öffentlichen Menü. Zweitens müssen wir es auf der Leinwand zeichnen, und danach können wir darauf doppelklicken oder die Eingabetaste drücken, um mit der Bearbeitung zu beginnen. Sobald wir in Edit Moon sind, werden wir einen Kreispunkt in jeder der Ecken sehen. Lassen Sie uns nun klicken und ziehen Sie auf einen dieser Punkte, um ihre Position zu ändern, und wir werden sehen, wie sich die Form ändert. Wir können auch zusätzliche Punkte hinzufügen, um zu formen, indem Sie den Mauszeiger über den Pfad zwischen zwei Punkten bewegen und zum Einfügen klicken. Um einen Punkt zu löschen, klicken Sie auf. Das ausgewählte beeindruckte die Leertaste auf der Tastatur. Der Pfad zwischen den Punkten kann entweder als Stärkungslinien oder als Pflege angezeigt werden. Es hängt von der Art des Punktes ab, der sie verbindet. Wenn Sie doppelklicken und auf ein Rechteck ernennen, ändert sich der Punkttyp sofort, um eine Pflege des Pfades zu erstellen. Auf beiden Seiten des Punktes werden zwei Ziehpunkte angezeigt, die das Zeichen außerhalb des Pfads steuern . Diese werden als Hand-Kontrollpunkte bezeichnet, um zu verstehen, wie sie funktionieren. Denken Sie an sie, als ob sie den Weg zu sich selbst ziehen würden. Es gibt eine gute Abkürzung für die Änderung des Punkttyps und bei seinen tänzenden Zahlen zwischen 1 4 auf Ihrer Tastatur. 30. Boolesche Operationen: Hallo, alle. In diesem Video werden wir über boolesche Operationen sprechen. Manchmal suchen Sie nach einer Form, die in einer Skizze nicht vorhanden ist. In diesem Fall müssen Sie Ihre eigene Form erstellen. Obwohl Sie mithilfe der Vektorspitze eine Form erstellen können, ist es viel einfacher, eine Form zu erstellen, indem Sie grundlegende Formen miteinander kombinieren. beispielsweise an eine Wolke, Denken Siebeispielsweise an eine Wolke,die sich um das Rechteck in Kombination mit einem Kreis befindet. Hast du noch nicht darüber geredet? Es gibt unzählige Formen, die wir in Grundformen zerlegen können. Und was jetzt? Sehen Sie, wie boolesche Operationen funktionieren? Wir haben vier verschiedene boolesche Operationen. Nummer Eins Gewerkschaft. Das Ergebnis ist ein Vektor, der die Summe beider Vektoren ist. Zu subtrahierende Bereiche zählen. Das Ergebnis ist ein Vektor, bei dem der Bereich außerhalb der oberen Form von der darunter, Nummer drei, entfernt wird . Das Ergebnis ist ein Vektor, der aus den Teilen besteht, in denen sich die ursprünglichen Rasuren überlappen undnicht zuletzt nicht zuletzt Unterschied. Es ist die Umkehrung aus einer Intersect Operation 31. Text: Hi, alle. In diesem Video werden wir über Text sprechen, den Sie hinzufügen können, indem Sie das Textil aus dem Einfügemenü in der Symbolleiste auswählen oder T. Dann ändert sich der Zeiger auf den Text in Werkzeugsymbol, und schließlich können Sie auf eine beliebige Stelle in der Arbeitsfläche klicken, um Ihre Textebene einzufügen. An diesem Punkt, wie Sie hier sehen können, wird eine neue Textebene eingefügt, mit dem bereits ausgewählten Typ, bereit, ersetzt zu werden. Wenn Sie ein Textfeld erstellen möchten, können Sie klicken und tranken, und dann haben Sie ein Lehrbuch mit fester Größe. In diesem Fall wird also, wenn der Text in die Box passt, eine neue Zeile erstellt. Anders als bei normalem Text , der seine mit zwei Fuß den Inhalt erhöht. Wenn Sie die Tanks auswählen und auf das Textmenüelement klicken, beschränkte die Skizze eine Reihe von verfügbaren Optionen. Sie können die Zeit Gesicht Tallis Augen fett oder auf ihrer Linie ändern, Ihre Steuerschicht und vieles mehr. Für komplexere Modifikationen. Sie können auch Karen Ligature Basislinie in Central verwenden 32. Text: Hi, alle. In diesem Video werden wir über Steuerinspektor eines von früh sprechen. Markieren Sie den Text. Sie werden feststellen, dass der Inspektor geändert hat, um Ihnen alle Eigenschaften anzuzeigen, die auf Text gelten , abgesehen von dem, was zuvor erwähnt wurde, können auch die meisten von ihnen ändern, einschließlich Schriftart , Schriftgrößenausrichtung , usw. rechten Inspektorabschnitt. jedoch Wenn ihrjedochAufzählungspunkte verwenden wollt, solltet ihr das Panzermenü oben benutzen. Eines der wichtigsten Dinge, auf die Sie achten sollten, während Sie mit Tanks arbeiten, ist der Linienwert, der im Grunde das Linienherz anpasst. Wenn Sie sich nicht sicher sind, wie hoch Ihre Zeilenhöhe sein sollte, sich keine Sorgen. Es gibt eine gute Formel, die Sie verwenden können, um eine entsprechende Zeilenhöhe zu erhalten. Die Formel macht Spaß. Größe multiplizieren mit 1,5. Zum Beispiel, Wenn die Schriftgröße 20 Punkt ist, dann sollte der Zeilenwert 30 sein, weil 20 multiplizieren mit 1,5 Is Ik auf 2 30 33. Textstil: Hi, alle. In diesem Video werden wir über Textilien sprechen, wenn Sie an einem komplexen Projekt arbeiten, das viele Steuerschichten enthält Viele dieser Schichten würden die gleichen Takes Eigenschaften enthalten. So eine Skizze ermöglicht es Ihnen, ein Textil zu erstellen und auf diese Tanks Schichten aufzutragen. Sie können sich fragen, was ist der Sinn, die Tanks Stile zu verwenden? Nun, lassen Sie mich es Ihnen mit einem Beispiel erklären. Angenommen, Sie arbeiten seit einem Monat an einer Website und Sie haben eine bestimmte Finanzierung Ihres Projekts verwendet . Dann würden Sie einen Anruf von Ihren Kunden bekommen, und er oder sie würde Sie bitten, das Geld von All Kumpel zu ändern, dank etwas anderem. also in diesem Fall Wenn Siealso in diesem Fallein Textil für Ihren Textkörper verwendet haben, können Sie es einmal aktualisieren, und die Änderungen würden Zehe im gesamten Projekt anwenden. Ist das nicht hübsch? Cool? Das ist fantastisch. So, um ein neues Textil zu erstellen, können wir einfach auf den Text klicken, der liest Kein textiles indisches Gespenst und wählen Sie erstellen neue Textilien aus den vielen. Und wann immer wir diese Textzeit verwenden, können wir zum Auftrittsbereich im Inspektor gehen und die Zehe ohne Textil ändern. Unsere Textebenen Seite 34. Bilder und Bitmaps: Hallo, alle. Dieses Video. Wir werden über Bilder und Beat-Maps als Skizzen sprechen. Ein Vektor-Editor. Vielleicht fragen Sie sich, wie Sie Ihre Bilder bearbeiten können, ohne zwischen verschiedenen Design-Tools zu springen . Nun, es gibt nichts zu befürchten, denn die Skizze ermöglicht es Ihnen, die gängigsten Beat-Map-Bearbeitungsfunktionen zu verwenden , um Ihr Leben noch einfacher zu bearbeiten. Sie müssen es auswählen, indem Sie darauf doppelklicken. Der Inspektor zeigt Ihnen die Auswahlwerkzeuge an. Zuerst müssen Sie einen Bereich auf dem Campus auswählen und dann das gewünschte Werkzeug auswählen. Hier haben wir zwei verschiedene Melodien Auswahl, die einen Rechteck-Bereich auf dem Bild und Zauberstab auswählt. Mit diesem Werkzeug können Sie auf eine beliebige Stelle auf dem Bild klicken und trinken, um einen Bereich auszuwählen. Sobald Sie einen Bereich Ihres Bildes ausgewählt haben, können Sie entweder Karten oder kopieren Sie die Auswahl und verwenden Sie es für einen neuen Beat-Map-Layer oder verwenden Sie eine der Optionen im Inspektor, zum Beispiel, hier haben wir invertieren Beschneiden und fühlen, aber mit invertieren der Bereich, der nicht ausgewählt wurde, wird jetzt ausgewählt und will Ursa oder Beschneidung verwenden. Es schneidet, die Ebene Toe Onley umfassen den ausgewählten Bereich und durch die Verwendung von Gefühl können Sie den Auswahlbereich mit Farben fühlen, und danach müssen wir auf Bearbeitung beenden klicken, und das ist alles. 35. Styling: Füllungen: Hey, jeder in diesem Video, über das wir reden werden, hat das Gefühl, dass einer der wichtigsten Schmerzen vor der Skizze der Inspektor ist. Hier. Sie können eine Vielzahl von Optionen und Werkzeugen finden, mit denen Sie Effekte anwenden können, wie Schatten ändern die Farbe einer Ebene usw. In diesen Teilen werden wir lernen, wie man fühlt sich in Ihrem Design zu verwenden, um zu verwenden. Fühlt sollte auf dem Add-Button Creek. Im Titel des Feld-Abschnitts können Sie eine Reihe von verschiedenen Feldern auf Zehenebenen anwenden, einschließlich einfarbiger Grady Ins, ein Bild-Feeling. Darüber hinaus können Sie Ihrem Layer beliebig viele Felder hinzufügen, die von unten nach oben übereinander gestapelt werden. Die Fehd-Optionen von links rechts sind solide fühlen linear, Grady int radial, Grady int int, Winkelgrady int und schließlich Bildfeld. In den nächsten Lektionen werden wir in jeden von ihnen speziell eintauchen 36. Stile: Grenzen: Hallo, Ruin. In diesem Video werden wir über Grenzen reden. Alle Layer in der Skizze können beliebig viele Rahmen mit Ausnahme von Textnachbarn enthalten. Sie können ihre Dicke Farben usw. ändern , genau wie fühlt sich. Um Ihrem Layer einen Rahmen hinzuzufügen, klicken Sie auf die Schaltfläche Hinzufügen im Titel des Rahmenabschnitts. Sie können nicht nur ihr Aussehen wie Farben, Dicke usw. anpassen , sondern auch können Sie wählen, wie sie positioniert werden sollen. Die Rahmenposition kann bei geschlossenen Formen geändert werden, indem sie entweder innerhalb der Mitte oder außerhalb der Kontur platziert wird . Darüber hinaus gibt es einige Rahmenoptionen, die Sie verwenden können, z. B. Enden und Verknüpfungen, denen Sie steuern können, wie der Rand enden soll und wie er die Verbindungspunkte verbinden soll. Sie können auch Pfeilspitzen verwenden. Verwenden Sie jedoch die Start- und Endoptionen und Strich Neunen für die Verwendung der Optionen „Strich“ und „Lücke“. 37. Stilen: Hi, alle. In diesem Video werden wir über Schatten reden. Heutzutage können Sie Schatten in fast jeder Art von Design sehen. jedoch istjedochso wichtig zu wissen, wie man Schatten angemessen verwendet. Es gibt zwei Arten von Schatten in Skizzenschatten und inneren Schatten. Sie verhalten sich in ähnlicher Weise. Der einzige Unterschied ist, dass Schatten außerhalb der Rasur verteilt es gilt, Jedoch, Jedoch, in ihrem Schatten wird innerhalb der Form geworfen. Sie können Schatten nach Ihren Wünschen anpassen, indem Sie ihren Ex und warum Wert ändern und auch den Blair und den Spread-Betrag ändern. Ganz zu schweigen davon, dass Sie die Farbe der Schatten ändern können. Tun Sie, was immer Sie wollen. Ich möchte Ihnen ein paar Tipps zur Verwendung von Schatten geben. Zunächst einmal, halten Sie die Kapazität Ihrer Schatten so niedrig wie möglich, weil es sonst nicht richtig aussieht , und es scheint so übertrieben. Zweitens Verwenden Sie keine dunklen Schatten für die Farbe von Objekten. Versuchen Sie, die Objekte Kragen als Schattenkragen zu verwenden und seine Kapazität zu verringern. Denn in der realen Welt zum Beispiel ein roter Apfel keinen dunklen Schatten. Es hat einen leichten roten Schatten. Sie lernen, wie Sie Schatten in zukünftigen Lektionen richtig verwenden 38. Styling: Blurs: Hallo, alle In diesem Video werden wir über Blairs im Allgemeinen sprechen, es gibt vier Arten von Blair-Effekten, die Sie zwei Ebenen in einer Skizze anwenden können. Wir können zwischen ihnen wählen, indem Sie auf den Titelbereich im Inspector klicken und aus dem Pop-up-Menü Nummer eins Gas-Assembler auswählen . Es ist ein gebräuchlicher Blair-Typ, der Blair in alle Richtungen genau wird. Nummer zwei Bewegungsunschärfe. Es blendet eine Ebene Onley in eine Richtung, und es gibt dem Benutzer die Illusion von Bewegung Nummer drei Zoom Unschärfe. Es blendet von einem bestimmten Punkt heraus, und schließlich, Hintergrundunschärfe. Es blendet alle Inhalte, die hinter einer Ebene angezeigt werden. Im Gegensatz zu anderen Arten von Blairs Migron verlangt Blair, dass Sie die Kapazität Ihrer Felder ändern, damit der Defekt sichtbar wird. 39. Stilen: Hallo, alle in diesem Video, wir werden über die Note reden. Ian's Great Gasthäuser sind heutzutage so beliebt, weil es Designern hilft, die Aufmerksamkeit der Nutzer zu erregen . Wie ich im Feldbereich erwähnt habe, können Sie drei verschiedene Arten von Strahlungsstärke, lineares Radio und Winkelgrad verwenden . Ians. jedoch Die häufigste Grady Int istjedochdie lineare Grady int, und Sie können diese Art von Strahlkraft in fast 90% der Designs auf die eine oder andere Weise finden. Eine wichtige Sache über Ausstrahlung, die Sie wissen müssen, ist, dass Sie keine zufälligen Farben kombinieren können , um einen Grady INT zu erstellen. Zum Beispiel können Sie analoge Farben aus der Farbe verwenden, um eine gute Strahlung zu erzeugen. Alternativ können Sie sich von der Natur inspirieren lassen. Zum Beispiel ist es möglich, Ihre Farben aus dem Foto einer Landschaft zu erhalten. Um dies zu tun, könnten Sie Online-Tools verwenden, um den Prozess zu beschleunigen. Ich werde dir ein paar Tipps geben, wie du Strahlkraft Nummer eins benutzt. Verwenden Sie Grady Ins in Ihrer Designnummer nicht übermäßig, um den Kontrast Ihrer Inhalte zu überprüfen da Sie manchmal einen großartigen und schönen Grady int verwenden. jedoch Es gibtjedochnicht genug Kontrast zwischen Ihren Inhalten und Elementen, so überprüfen Sie Ihre Elemente und auch Ihre Inhaltsfarben, um zu sehen ob die Lesbarkeit oder nicht. 40. Stiften: Gemeiner Ebenenstil: Hi, alle. In diesem Video werden wir über gemeinsame Ebenen Seite sprechen. Sie können eine Ebene Seitenspitze jeder Ebene wie Textzeiten erstellen. Es kann Ihnen helfen, eine Reihe von Stilelementen zu speichern, die sie über alle Ebenen im Projekt, an dem Sie gerade arbeiten, wiederverwenden können , genau wie die Textgröße, Layergröße ermöglicht es Ihnen, das Aussehen Ihrer Ebenen beizubehalten, sowohl konsistent und auf dem neuesten Stand. Wenn Sie Änderungen an ihrem Aussehen vornehmen, um eine Ebenenseite zu erstellen, klicken Sie im Inspektor auf den Text, der keinen Layerstil liest, und wählen Sie aus. Erstellen Sie die Schicht Stein aus den vielen. Dann müssen Sie einen bestimmten Namen wählen, und das ist alles. Sie können auch eine Layer-Site im Layer-Stil hinzufügen und auch die Layer-Seiten-Aktualisierungs-Layer-Stil-Aktualisierungen für die Layer mit denselben Layern lösen . letzte Nahzeichenzeichen entfernt die Änderungen, die an dieser Ebenenseite vorgenommen wurden, und schließlich von Layern gelöst werden. Sign behält die Änderungen bei, die Sie an der Todebene vorgenommen haben, aber entfernt die gestochen Layer Attribute aus der Ebene 41. Masken: Hi, alle. In diesem Video werden wir über Maskierung von Masken in einer Skizze sprechen, lassen Sie Teile anderer Ebenen auswählen und anzeigen. beispielsweise Sie könnenbeispielsweiseeine Bildebene zu einem Kreis maskieren, und wenn Sie dem Bild eine Kreisform geben, gibt es viele Möglichkeiten, Masken in einer Skizze zu verwenden. jedoch, Am bequemsten ist esjedoch,Ihre Shape-Player auszuwählen und auf die Maskenschaltfläche in der Symbolleiste zu klicken . Denken Sie daran, dass die Reihenfolge der Platzierung Ihrer Ebenen so wichtig ist, Wind mit Masken zu arbeiten. beispielsweise drei Shape-Player auswählen, Wenn Siebeispielsweise drei Shape-Player auswählen,indem Sie auf die Maskenschaltfläche klicken, werden die beiden Ebenen oberhalb der letzten Ebene auf die dritte Ebene zugeschnitten. Eine andere Möglichkeit, Masken zu verwenden, besteht darin, ihm einen Grady int zu geben , der All From Ask genannt wird, um dies zu tun. Wir können zum Layer-Menü gehen, maskieren Sie einen Maskenmodus und dann auf von fragen aus dem Manu 42. Symbole: Hi, alle. In diesem Video werden wir über Symbole sprechen. Symbole ist eine großartige mit einer Skizze, mit der Sie Elemente einfach über Ihre Ports und Seiten oder sogar mehrere Dokumente wiederverwenden können. Wir können Symbole in zwei Teile zerlegen. Ein Meister, der das Erscheinungsbild einer Kunsttafel und einer Instanz annimmt, die eine abgeflachte Darstellung vom Meister ist. Tatsächlich handelt es sich bei einer Symbolinstanz um eine einzelne Ebene, die den Inhalt des Masters reflektiert. Sie können es mit Hilfe eines violetten Symbols erkennen. Es sinkende Pfeile. Wir können ein Symbol erstellen, indem Sie einfach ein Objekt auswählen und auf die Schaltfläche Symbol erstellen in der Symbolleiste klicken . Dann werden Sie aufgefordert, einen Namen für Ihr Symbol zu wählen und am Ende drücken Sie OK, Sie können Ihre Symbole auf der Symbolseite finden, und Sie können jede Instanz mit Überschreibungen anpassen. Sie finden den Überschreibungsbereich im Inspector 43. Das Leinwand: Hi, alle. In diesem Video werden wir über Leinwand-Skizzen sprechen. Canvas ist unendlich groß. Es ist im Grunde, wo Ihre Armkriege Platz sein wird und Sie können leicht navigieren, indem Sie den Scroll wird auf Ihrer Maus oder einem Trackpad, Sie können in jede Richtung scrollen. Darüber hinaus können Sie eine Leertaste halten und klicken und die Leinwand trinken, um zu schwenken. Wenn kein Objekt ausgewählt ist, können Sie die Zeichenfläche auch mit den Pfeiltasten schwenken. Es gibt Zeiten, in denen Sie vergrößern und verkleinern möchten, um mehr Details oder den gesamten Campus anzuzeigen. Dazu können Sie optional das Zoomelement in der Symbolleiste verwenden. Sie können die Befehlstaste halten und Ihren Scroll-Willen an Ihren Mündern verwenden. Die maximale Zoomstufe beträgt 256,000% und die minimale ist 1% 44. Plug-ins: Hallo, alle. In diesem Video werden wir über Plug Ins sprechen. Pflanzungen sind ein wichtiger Bestandteil jedes Konstruktionswerkzeugs. Sie können die Skizzenfunktionalität erweitern, indem Sie Plug-Ins installieren. Alle Plug Ins wurden von Drittanbietern entwickelt und können kostenlos oder Pfarreien vom Entwickler heruntergeladen werden . Die neuesten Plug-Ins finden Sie auf der Seite Erweiterungen der Skizzenwebsite. Sobald Sie das Plugging installiert ist, können Sie darauf zugreifen, während Sie das Plug INS-Menü in der Menüleiste sind. Manchmal nach einer Aktualisierung Plug-Ins nach einer Aktualisierungmöglicherweise nicht mit der Skizze kompatibel. In diesem Fall stürzt Ihre Skizze mich ab und Sie können es beheben, indem Sie Plug-Ins deaktivieren. Um dies zu tun, können wir die Shift-Taste während der Startzeit gedrückt halten, um alle Plugs, die Sie installiert haben, zu deaktivieren . Wenn Sie im Plug-In-Menü die Option „Plug Ins verwalten“ auswählen, können Sie auf den Einstellungsbereich für Plug-Ins zugreifen, in dem Sie Ihre Plug-Ins verwalten können. 45. Exportieren: Hi, alle. In diesem Video werden wir über den Export reden. Wenn Sie Ihren Entwurfsprozess abgeschlossen haben, sollten Sie wahrscheinlich Teile Ihrer Erstellung oder sogar alle Teile in einer Skizze exportieren. Wir können leicht exportieren Sie Ihr Design in kürzester Zeit, um alle Ihre exportierbaren Funde zu sehen, klicken Sie auf den Export-Button im Werkzeugkrieg und markieren Sie dann, was Sie exportieren möchten, um eine Layer-Gruppe oder Kunst für exportierbare in Skizze zu markieren , stellen Sie sicher, dass es ausgewählt und klicken Sie unten im Inspektor auf „Exportierbar machen“. Danach wird diese Ansicht angezeigt, und Sie können die Einstellungen für den Export ändern und definieren . Diese Einsparungen werden beim Exportieren des Layers angewendet. Wenn Sie auf die Schaltfläche „Hinzufügen“ klicken, wird einmal gegen Bargeld eine weitere Skala zu Ihrem Export hinzufügen. Wenn Sie mehrere Exportmaßstäbe definiert haben, benötigen Sie mindestens ein Präfix oder Suffix, abhängig vom Anfang bzw.Ende bzw. der exportierten Dateien. Name, um sie auseinander zu sagen. In der Regel wird bei Objekten, die als zwei X-Skala exportiert werden, die Säge bei zwei Eiern behoben, da dies die Benennungskonventionen erfüllt , die Apple beim Entwurf für die Betriebssysteme benötigt. Wenn Sie für Android entwerfen, jedoch wird jedoch zu Eiern durch das Präfix Ex edge DP I dargestellt. Wir können Ihr Designer-Suchformat auswählen, indem Sie auf das Format klicken. Das Exportieren von Schaltflächen ist nicht auf Dateien beschränkt. Sie können einen Teil Ihres Designs auch als Code exportieren. Sie können die CSS-Attribute und den SVG-Code einfach kopieren, indem Sie eine beliebige Anzahl von Elementen in der Arbeitsfläche auswählen und dann die Steuerungstaste gedrückt halten und klicken und CSS-Attribute kopieren oder SVG-Mantel kopieren wählen . Es ist eine erstaunliche Funktion für Web-Designer. 46. Einführung in UI-Elemente: Hi, alle. Willkommen zurück zu einem anderen Abschnitt des Kurses in diesem Abschnitt. Wir werden über Ihre Elemente sprechen, die so wichtig sind, wenn Sie eine Benutzeroberfläche entwerfen . In den nächsten Jahren von Videos werden wir über Steuerrechnungen, Böden, Schieberegler, Karten, Karten, Dialoge oder sogar Stepper und Charts sprechen. Wenn Sie also über all diese Elemente verwirrt sind, schlage ich vor, dass Sie sich diesen Abschnitt ansehen. So sehen wir uns in der nächsten Reihe von Videos. 47. Textfelder: Hey, jeder wird zu einem anderen Video von diesem Abschnitt zurückkommen. In diesem Video werden wir über Textfelder sprechen, Wie Sie vielleicht wissen, nimmt fühlt sich sind Sie Elemente, die Benutzern erlauben, Angriffe in ein u einzugeben. Sie erscheinen in der Regel in Dialogen und Formularen. Fast jedes Handy passt sich an und auch die Website verwendet mindestens eine Art von Textfeldern, zum Beispiel. Sie können sie für die Eingabe von Datumsangaben, Namen , Uhrzeit usw. verwenden. Als U I Designer, müssen Sie wissen, was die Anatomie eines Textfeldes, wie im Bild beschrieben. Sie können verschiedene Arten von Steuern fühlen auf verschiedenen Plattformen zu finden, so ist es empfehlenswert, über den Standard Ihrer Elemente, die ein bestimmtes Betriebssystem verwendet zu wissen . Wenn Sie sich das Bild auf der rechten Seite ansehen, können Sie sehen, dass wir die Anatomie aus einem Textfeld haben. Wie Sie sehen können, haben wir Etikett. Wir haben den Eingabetext. Wir haben das nachfolgende Symbol, das optional ist. Wie Sie sehen können, ist es Nummer drei. Außerdem haben wir Aktivierungsindikator. Manchmal können Sie Spracheingabe-Symbol oder sogar ein Dropdown-Symbol verwenden, und am Ende können Sie sehen, dass wir verschiedene Zustände aus Angriffen Feld entwerfen. beispielsweise Wenn der Benutzerbeispielsweisedas Kennwort falsch eingibt, kann sich die Farbe der Textfelder in etwas anderes ändern, zum Beispiel rot. 48. Knöpfe: Hey, alle in diesem Video, wir werden über Böden in Designböden sprechen, die Benutzer Aktionen ergreifen können. Einer unserer Benutzer muss also etwas tun. Bottoms kommen zum Spielen. Ich denke, jetzt verstehen Sie, wie wichtig es ist, über Bottom Design zu wissen. Sie beim Entwerfen einer Schaltfläche darauf, auf die fallenden Punkte zu achten. Nummer eins Status entwerfen alle Zustände von unten, wie aktiv, inaktiv , getappt , Hover, usw. Nummer zwei Hierarchie weiß über die Hierarchie Ihrer Schaltflächen, zum Beispiel, ob es sich um hohe Betonung, mittlere Betonung oder rechtliche Betonung handelt. Nummer drei Platzierung mehrere Tastentypen können verwendet werden, um verschiedene Hervorhebungsebenen darzustellen . Tastentextschaltflächen der Nummer vier werden in der Regel für weniger ausgeprägte Aktionen verwendet , beispielsweise in Dialogen und Karten und nicht zuletzt sollten Kontrasttasten genügend Kontrast haben, um die Wichtigkeit zu betonen -Funktionalität. Wenn Sie also das Bild auf der rechten Seite betrachten, können Sie sehen, dass wir verschiedene Zustände von unten haben. Zum Beispiel haben wir aktiv. Wie Sie sehen können, hat es eine scharfe Farbe und die Kapazität beträgt 100%. Auf der anderen Seite haben wir inaktiv zu zeigen, dass diese Schaltfläche für jetzt deaktiviert ist, die hier grau ist, und auch wir haben getippt. Wenn der Benutzer also auf diese Schaltfläche tippt, ändert er sich in diese bestimmte Farbe. Wie Sie sehen können, haben wir das ist hellblau, und am Ende, als Konzeption haben für verschiedene Schaltflächen, wir haben Text Button. Außerdem haben wir skizzierte Schaltfläche und enthalten dann Schaltfläche und auch Umschalttaste, und Sie müssen sie sorgfältig verwenden, wenn Sie eine Benutzeroberfläche entwerfen. Da es so wichtig ist, nicht die Erwartungen der Benutzer und auch in Bezug auf die Benutzererfahrung , ist es besser, die richtige Art von Boden in Ihrem Design zu verwenden. 49. Slider: Hey, jeder in diesem Video, wir werden über Schieberegler im Design sprechen. Schieberegler ermöglichen es Benutzern, eine Auswahl aus einem Wertebereich zu treffen. Sie eignen sich ideal zum Einstellen von Einstellungen wie Helligkeit, Lautstärke usw. Schieberegler können Symbole auf beiden Seiten der Leiste haben. Wenn Sie einen Apfelwein entwerfen, achten Sie darauf, auf die folgenden Dinge zu achten. Nummer eins Status entwerfen alle Zustände aus dem Steiger, wie aktivieren deaktivieren , tippen, schweben, usw., genau wie Schaltflächen. Nummer zwei. Anpassen von Schiebereglern sollte nur für die Auswahl aus einem Wertebereich verwendet werden. Nummer vier Schnelligkeit. Schieberegler sollten sofort reagieren, so dass Änderungen sofort erfolgen müssen. Und zu guter Letzt sollten die Zugänglichkeit Schieberegler die gesamte Palette von Optionen für den Benutzer zur Auswahl zur Verfügung stellen . Wenn Sie sich das Bild auf der rechten Seite ansehen, können Sie sehen, dass wir zwei verschiedene Schieberegler haben. Die 1. 1 ist kontinuierliche Schieberegler, und wie Sie in dieser Art von Snyder sehen können, können Sie es kontinuierlich und ohne Unterbrechung ändern. Auf der anderen Seite, in der zweiten Art von Schiebereglern, die diskret Schieberegler ist, können Sie es nicht ohne Unterbrechung ändern. Es gibt einige feste Punkte, aus denen der Benutzer wählen kann 50. Tooltipps: Hey, alle, in diesem Video werden wir über Tool-Tipps in Design sprechen Tool-Pieeps sind für die Anzeige informativer Text, wenn Benutzer den Mauszeiger über, konzentrieren oder tippen Sie auf ein Element. Wenn Sie einen Tooltip entwerfen, Sie darauf, die Aufmerksamkeit auf die fallenden Dinge zu zahlen. Nummer eins Prägnanz Tool-Tipps Sollte Onley einen kurzen Text anzeigen? Fügen Sie kein Bild oder keine detaillierten Informationen hinzu. Nummer zwei Pairing-Tooltips sind immer in der Nähe gekoppelt, das Element, mit dem sie assoziierte ID sind, und nicht zuletzt erscheinen vorübergehende Tooltips beim Hover, Fokus oder Berühren und verschwinden nach kurzer Dauer. Sie empfahlen Zeiterleichterung 1,5 Sekunden. Wie Sie auf der rechten Seite sehen können, haben wir einen Tooltip, der informativen Text zeigt. Wir haben eine Abkürzung für fett, und auch wir haben hier zusätzliche Informationen, sicher für Bestätigungsknopf, so stellen Sie sicher, sie richtig zu verwenden. 51. Selection: Hi, alle in diesem Video werden wir über Auswahlkontrollen sprechen. Auswahlsteuerelemente ermöglichen es Benutzern, einfach zwischen verschiedenen Optionen auszuwählen. Es ist nützlich, um Einstellungen für solche Einstellungen zu deklarieren. Sie beim Entwerfen eines Auswahlsteuerelements darauf, dass Sie auf die folgenden Punkte achten. Nummer eins Vertrautheit. Ihnen wurden Auswahlsteuerelemente verwendet. Ich entwerfe für eine lange Zeit und sollte wie erwartet genutzt werden. Steuerelementen für die Effizienzauswahl können Benutzer zwei oder mehr Optionen problemlos vergleichen. Und nicht zuletzt sollten scannbare Auswahlsteuerelemente so erscheinen, dass Benutzer sie auf einen Blick erkennen können . Ausgewählte Elemente sollten visuell von einem ausgewählten Element unterschieden werden. Wie Sie auf der rechten Seite des Bildschirms sehen können, haben wir drei verschiedene Auswahlsteuerelemente. Die 1. 1 ist Reden. Es ist nützlich, um eine einzelne Option ein- oder auszuschalten, und es ist so beliebt. Der nächste Monat ist Radiobuttons. Sie sind nützlich, um eine einzelne Option von einem Minimum auszuwählen, und die letzte ist Prüfteile, und es ist nützlich, um geboren oder mehrere Elemente von einem Minimum auszuwählen, so stellen Sie sicher, dass Sie sie auf die richtige Weise verwenden. 52. Chips: Hey, alle, in diesem Video werden wir über Chips reden. Chips ermöglichen es Benutzern, Auswahlen zu treffen, Aktionen auszulösen. Geben Sie Informationen ein, usw. Im Gegensatz zu Schaltflächen, die eine konsistente Gegenwirkung sein sollten, sollten Chips dynamisch als eine Gruppe mehrerer interaktiver Elemente erscheinen. Wenn Sie einen Chip entwerfen, achten Sie darauf, auf die folgenden Dinge Nummer eins Status zu zahlen. Genau wie Unterteile und Schieberegler. Sie müssen alle Zustände Ihrer Chips entwerfen, wie zum Beispiel in der Lage Tapped deaktivieren, Hover usw. Nummer zwei Relevanzchips sollten eine hilfreiche Beziehung zu dem Inhalt oder der Aufgabe haben, die sie darstellen. Und die letzten Kompaktitäts-Chips sind kompakte Elemente, die unterschiedliche Informationen darstellen . Wenn Sie sich das Bild auf der rechten Seite ansehen, können Sie sehen, dass wir verschiedene Chips haben. Einige von ihnen haben Symbole oder sogar ein Bild. Auf der anderen Seite haben einige von ihnen nur einen Text, also achten Sie darauf, sie in Ihrem Urin-Design sorgfältig zu verwenden. 53. Karten: Hey, alle, dieses Video, wir werden über Karten in User Interface Design Cars sprechen, sind Container, die Inhalte und Aktionen zu einem einzigen Thema anzeigen. Sie müssen leicht zu scannen sein, und Elemente wie Bilder oder Texte sollten in einer Weise darauf platziert werden, die sicherlich auf die Hierarchie hinweist. Sie beim Entwerfen von Karten darauf, auf die folgenden Dinge zu achten. Nummer Eins Individuum. Eine Karte kann nicht in mehrere Karten unterteilt werden. Sie sollten eine Karte nicht mit einer anderen Nummer zur Unabhängigkeit heiraten. Eine Karte muss sich nicht auf ihre umgebenden Elemente verlassen. Es kann allein stehen und nicht zuletzt Komponenten. Eine Karte kann optional Medien wie Bilder oder Videos, Tex Bartons Icons und Filmnägel erreichen . Heutzutage verwenden die meisten Designer Karten dort drin. Sie ich entwerfen, also wenn Sie sie auch verwenden möchten, achten Sie darauf, sie sorgfältig zu verwenden 54. Dialogs: Hi, alle. In diesem Video werden wir über Dialoge sprechen. Dialoge informieren Benutzer über kritische Informationen oder sogar Aufgaben. Sie fordern Benutzer auch auf, eine Entscheidung zu treffen oder zwischen verschiedenen Optionen zu wählen. Zum Beispiel können Dialoge verwendet werden, um um Erlaubnis zu bitten oder sogar aus einer Reihe von verschiedenen Variablen auf einem Snyder auszuwählen und vieles mehr Wenn Sie Dialoge entwerfen, achten Sie darauf, auf die folgenden Dinge zu achten. Nummer eins Hierarchie, ein Dialog hat die höchste Hierarchie, und es schwarz die APP-Nutzung, bis der Benutzer eine Dialekt-Aktion Nummer zwei Sichtbarkeit sterben anders als muss leicht erkennbar sein. Also empfehle ich, der Ansicht ein dunkles Overlay hinzuzufügen und den Dialog an die Spitze zu setzen Das ist Nummer drei. Ein geradliniger Dialog sollte die Botschaft verständlich und klar vermitteln. Und schließlich Unterteile, empfehle ich, nebeneinander Tasten in einem Dialog zu verwenden, wie Sie im Bild sehen können 55. Listen: Hey, alle, in diesem Video werden wir über Listen reden. Am wenigsten sind eine kontinuierliche Gruppe von Bildern oder Texten. Sie bestehen aus Elementen, einschließlich primärer und zweiter Reaktionen, die durch Symbole auf Texten dargestellt werden. Sie beim Entwerfen von Listen darauf, dass Sie auf die folgenden Punkte achten. Nummer eins Konsistenz am wenigsten muss Symbole, Steuern und Aktionen in einem konsistenten Format darstellen . Nummer zwei Aktionspolizei zeigt Inhalte auf eine Weise, die es leicht macht, einen bestimmten Gegenstand in der Sammlung zu erkennen und darauf zu handeln. Und zu guter Letzt sollte das Scannen zumindest auf logische Weise klassifiziert werden, um Inhalte einfach zu scannen. Wie Sie auf der rechten Seite des Bildschirms sehen können, haben wir verschiedene Arten von Listen. Zum Beispiel haben wir hier Ihre Kontakte. Wie Sie sehen können, besteht es aus Bildern und Steuern, und es hat auch ein Symbol 56. Tabellen: Hey, alle in diesem Video, wir werden über Tische reden. Tabellen sind Container, die Benutzer unterschiedliche Datensätze anzeigen, wie Produkte , Preise , Statusdaten usw. pro Tag. Die Tabelle enthält eine Zeile oben, mindestens Colin-Namen, gefolgt von Regeln für später. Sie sind in der Regel Scroll-Kräuter und leicht zu erschrecken. Wenn Sie also einige Daten füllen müssen, die wund doble sind und demselben Muster folgen, können Sie Tabellen verwenden, wenn Sie Tabellen entwerfen. Achten Sie darauf, auf die folgenden Dinge zu achten. Nummer 1 erweiterbare Zeilen in der Tabelle können erweiterbar sein, damit der Benutzer zusätzliche Informationen auswerten kann, ohne seinen Kontext zu verlieren. Nummer zwei Paginierung funktioniert, indem eine Reihe von Zahlen präsentiert, Interview mit der Fähigkeit, zu einem anderen Satz zu navigieren und schließlich Header zu beheben. Das Fixieren der Zeilenüberschrift, während ein Benutzer durch eine Tabelle blättert, hilft dem Benutzer, über den Spaltennamenzu wissen Spaltennamen 57. Navigation: Hey, alle, in diesem Video werden wir über Navigation reden. Navigation ist der Akt der Bewegung zwischen Bildschirmen eines Nickerchens, um Aufgaben zu erledigen. beispielsweise Sie könnenbeispielsweisevon der Explorer-Seite eines Nickerchens zur Profilseite navigieren. Es gibt verschiedene Arten der Navigation. Nummer eins seitlich. Es bezieht sich auf das Verschieben zwischen Bildschirmen auf der gleichen Hierarchieebene. Die Hauptkomponente für die Apsis sollte Zugriff auf alle Ziele auf der obersten Ebene ihrer Hierarchie bieten. Nummer, die weitergeleitet werden soll Es bezieht sich auf das Verschieben zwischen Bildschirmen auf aufeinanderfolgenden Ebenen auf Hierarchie und last but not least, reverse. Es bezieht sich auf die Rückwärtsbewegung durch Bildschirme, entweder hierarchisch innerhalb eines Nickerchens oder karna logisch innerhalb einer App oder über verschiedene APS. 58. Menüs: Hi, alle. In diesem Video werden wir über Menüs im User Interface Design sprechen. einem Menü werden mindestens Auswahlmöglichkeiten auf einer provisorischen Oberfläche angezeigt. Es wird angezeigt, wenn Benutzer mit einer Schaltflächenaktion oder anderen Arten von Steuerelementen interagieren. Menüs ermöglichen es Benutzern, eine Auswahl aus mehreren Optionen für ähnliche Auswahlsteuerelemente zu treffen. Menüs sind weniger hervorragend und nehmen weniger Platz in Anspruch. Sie beim Entwerfen von Menüs darauf, dass Sie auf die folgenden Punkte achten. Nummer eins scanbar. Viele Optionen sollten leicht zu erschrecken sein. Nummer zwei Schnellmenüs sollten einfach zu öffnen, schließen und zu interagieren , und nicht zuletzt erscheinen Platzierungsmenüs vor allen anderen Elementen. 59. Diagramme: Hallo, alle in diesem Video werden wir über Charts reden. Diagramme helfen Benutzern, Werte individualisiert zu vergleichen Wenn es darum geht, viele Werte zu vergleichen , ist es viel einfacher, Diagramme richtige Flächennummern und vereinbart zu betrachten. Sie beim Entwerfen von Diagrammen darauf, auf die folgenden Dinge zu achten. Nummer Eins. Sichtbarkeit. Sichtbarkeit eines Diagramms. Es ist so wichtig, weil man manchmal ein Diagramm mit sehr kleinen Details hat. Nummer zwei Konsistenz. Legen Sie Ihre Diagramme auf eine Karte, um Ihr Design sauber und konsistent zu halten. Schließlich, Margen. Stellen Sie später sicher, dass genügend Leerraum zwischen den Diagrammen und anderen Elementen . In diesen Partituren erfahren Sie, wie Sie Diagramme erstellen und wie Sie sie in Ihren Projekten verwenden. 60. Überstände: Hallo, alle. In diesem Video werden wir über Stepper reden. Sippers zeigen den Fortschritt durch eine Sequenz von logischen und nummerierten Schritten. Manchmal können Sie sie für die Navigation verwenden. Suppers zeigt möglicherweise eine temporäre Feedback-Nachricht an, nachdem der Schritt gespeichert wurde. Verwendung von Stepper könnte den Benutzern helfen, ihren Fokus zu vermeiden, wenn sie Formulare aufspüren oder Maßnahmen ergreifen müssen . Sie beim Entwerfen von Stepper darauf, auf die folgenden Dinge zu achten. Nummer eins der Abschnitte betten keine Stepper in andere Stepper ein, oder Sie haben mehrere Stepper auf einer Seite. Nummer zwei Typen. Im Allgemeinen gibt es zwei Arten von Schritten. Redaktionelle Schritte und nicht essbare Schritte. Wir haben horizontale Stepper auf vertikalen Stepper und schließlich Feedback. Optional können Sie transiente Rückmeldungen entwerfen, um den Benutzern den Fortschritt anzuzeigen. Sie sollten Feedback nur dann verwenden, wenn es eine lange, latente Sicht zwischen den Schritten gibt. 61. Snackbars: Hi, alle. In diesem Video werden wir über Snackbars reden. Snackbars geben über eine Nachricht am unteren Bildschirmrand ein knappes Feedback zu einer Operation . Sie sollten eine einzelne Textzeile enthalten, die direkt mit der durchgeführten Operation in Verbindung steht. Sie können auch eine Flasche enthalten. Sie beim Entwerfen von gestapelten Balken darauf, die folgenden Punkte zu beachten. Nummer Eins. Es sollte kurz sein. Snackbar sollte nur kurze Informationen über eine Operation und keine detaillierten Informationen anzeigen . Nummer zwei transiente Snackbars Timeout automatisch vom Bildschirm, so dass sieschnell und nicht zuletzt, Hierarchie verschwindensollten schnell und nicht zuletzt, Hierarchie verschwinden . Wenn die Aktion wichtig genug ist, um die APP-Nutzung zu schwarz, können Sie Dialoge anstelle von Snackbars in den Snackbars verwenden. Verwenden Sie nur eine Taste, wenn sie benötigt wird, und nicht mehr. Wie Sie auf der rechten Seite des Bildschirms sehen können, haben wir zwei verschiedene Beispiele. Die erste Gruppe von Snackbars sind perfekt entworfen, weil es nicht mehr als einen Knopf und die Connors, die verwendet wurden oder groß. jedoch Auf der anderen Seite hat die zweite Gruppe von unseren Snackbarsjedochzwei Knöpfe, die nicht ideal für Snackbars sind, und auch ein Symbol verwendet. Zusätzlich zu dem Text 62. Was ist wireframing?: Hi, alle in diesem Video, wir werden ihn über Framing reden. Gewalttätiges Framing ist eine Möglichkeit, eine APP oder Website-Dienste auf der Struktur oder Ebene zu entwerfen. Ein Drahtrahmen wird in der Regel verwendet, um Inhalte und Funktionalitäten zu gestalten. Auf einer Seite, die Benutzerbedürfnisse und Erfahrungen berücksichtigt, können wir darüber nachdenken, dass ein grafisches Skelett ähnlich dem Entwurf eines Autos rahmt. Der virale Rahmen bestimmt die Details aus dem gesamten Projekt in der Anfangsphase als Projektbeschreibung, Die meisten Anfänger denken, dass Drahtrahmen und Prototyping irgendwie gleich sind. Aber sie sind es nicht. Ein Drahtrahmen ist ein Low-Fidelity-Design, so dass er nicht das endgültige Erscheinungsbild von der Benutzeroberfläche veranschaulicht. Auf der anderen Seite ist ein Prototyp ein High-Fidelity-Design, und sein dynamisches und interaktives Prototyping sieht fast wie das Endprodukt aus. 63. User: Hi, alle. In diesem Video werden wir über den Benutzerfluss sprechen. Der Benutzerfluss ist ein Pfad, der vom prototypischen Benutzer auf einer APP oder Website übernommen wird. So schließen Sie eine Aufgabe ab. Der Benutzerfluss leitet sie von ihrem Einstiegspunkt durch eine festgelegte Phase hin zu einem erfolgreichen Ergebnis und einer abschließenden Aktion, wie zum Beispiel dem Senden einer Nachricht oder dem Kauf eines Artikels. Lassen Sie mich Ihnen ein Beispiel für einen sehr vereinfachten Benutzerfluss für eine E-Commerce-App geben. Der Benutzer startet von der Homepage von der Homepage. Der Benutzer klickt auf eine Kategorieseite. Dann der Benutzer von der Kategorieseite klicktder Benutzer von der Kategorieseiteauf ein Produkt und dann von der Produktseite, fügt der Benutzer einen Artikel zur Karte und dann aus dem Warenkorb, um seine Kasse zu verwenden. Und danach der Benutzer von der Checkout-Seite schließtder Benutzer von der Checkout-Seitedie Zahlung ab, und am Ende kann der Benutzer seine oder Haare erhalten. So sieht ein Benutzerfluss aus, und es ist sehr wichtig, dass jedes Projekt mindestens einen vereinfachenden Benutzerfluss 64. Interaktive Prototypen: Hi, alle. In diesem Video werden wir über interaktive Prototypen sprechen. Heute spielt das Prototyping eine immer wichtigere Rolle im Designprozess. Sie als junger UX-Designer müssen also wissen, wie Sie einen High-Fidelity-Prototyp Ihres Projekts so erstellen können, dass er die Botschaft Ihres Designs und auch die genaue Interaktion, die Sie erreichen möchten, deutlich vermitteln kann. Prototyping kann nicht nur Ihnen als Designer helfen, Ihre Arbeit zu zeigen, sondern es kann auch Entwicklern helfen zu wissen, wie Ihre Designs in Code umgewandelt werden sollten. Hier sind einige nützliche Werkzeuge, die Sie für die interaktive Prototypen-Skizze verwenden können. Es kann für einfaches interaktives Prototyping verwendet werden. InVision Studio Es kann für moderne und komplizierte interaktive Prototyping Prinzip verwendet werden. Es kann für moderne und detaillierte, interaktive, Prototyping und vieles mehr verwendet interaktive, werden. Zum Beispiel können Sie proto pie auch für fortgeschrittenes Prototyping 65. Wireframe: Hallo, jeder in diesem Video, ich werde über Drahtrahmenwerkzeuge sprechen. Jetzt, da Sie wissen, wie wichtig der Drahtrahmen in Ihrem UX-Design ist, ist es an der Zeit, über die Werkzeuge zu sprechen, die für die Vorbereitung Ihres Drahtrahmens absolut nützlich sind. Obwohl einige Designer es vorziehen, eigenständige Software für das Drahtrahmen zu verwenden, gibt es Designer, die webbasierte Werkzeuge für das Drahtrahmen verwenden. Egal, auf welche Art und Weise Sie sich entscheiden möchten, achten Sie darauf, dass Ihr Drahtrahmen konsistent bleibt. Hier sind einige nützliche Werkzeuge, die Sie für die Drahtrahmen Nummer eins Mike Flow verwenden können. Sie können mike flow dot com verwenden, und es bietet eine Vielzahl von kostenlosen und kostenpflichtigen Dienstleistungen. Nummer zwei Figur. Sie können Füße, Mutter Ruhe, und es bietet auch kostenlose und kostenpflichtige Dienstleistungen. Skizze Nummer drei. Es ist eine kostenpflichtige Anwendung und nicht zuletzt Adobe X'd, das kostenlos ist, und Sie können es sowohl unter Mac OS als auch Windows beleidigen 66. Was ist ein Farbstil?: Hi. Willkommen zurück zu einem anderen Abschnitt der Partituren in diesem Video. Wir werden über die Farbe Stein reden. Was ist der Farbstil? In der Tat hat jede Marke eine Reihe von Farben, an denen sie sich halten. Wenn du zum Beispielan Hochtöner denkst,bin ich mir ziemlich sicher, dass du blau denkst. zum Beispiel Wenn du zum Beispielan Hochtöner denkst, In diesem Abschnitt erstellen wir unseren eigenen Farbstil oder, sagen wir, unseren eigenen Styleguide, der uns während unseres Designprozesses hilft. Also werde ich Sie im nächsten Video sehen. 67. Grundkenntnisse in Semantik und Akzentfarben: Hallo, alle. In diesem Video werden wir anfangen, unseren ersten Styleguide mit einem Styleguide zu erstellen. Es ist so wichtig, wenn Sie eine Schnittstelle entwerfen, denn es wird Ihnen so viel Zeit sparen und Ihnen das Leben leichter machen. Also, ohne weitere Umschweife, lasst uns anfangen. Zuerst werde ich hier einen neuen Kunstport anlegen, damit du Arts Board einlegen kannst. Alternativ können Sie auch eine Taste auf Ihrer Tastatur drücken. Dann werde ich Responsive Web und dieses Zeug HD perfekt wählen. Also zuerst werde ich mich zwei Halsbänder umbenennen „Great“. Und dann lassen Sie uns Text hier und die richtigen Farben hinzufügen. Und wenn Sie alt halten, können Sie die D-Sinne zwischen diesen Zeitaltern und dem Text sehen. Also machen wir es 100 von oben und 120 von links. Toll, ich werde ein wenig hineinzoomen. Jetzt lassen Sie uns hier einfügen, und ich werde ziehen und fallen perfekt, und ich werde die Farbe mit dem Code für 135 F drei Perfect wählen. Und jetzt erhöhen wir den Eckenradius, um glatte Ecken zu erhalten. Awesome! Jetzt können wir es und die Polsterung ausrichten. Schwule. Acht Pixel perfekt. Also jetzt lassen Sie uns eine weitere Runde hier einfügen und ziehen und ablegen. Und machen wir es 180 mal 180 Spitzenzellen. Wie Sie in einer Skizze sehen können, haben Sie zwei Optionen. Runde Ecken oder glatte Ecken. Ich ziehe es vor, glatte Ecken zu verwenden, weil es Ihnen eine sehr, sehr schöne glatte Ecken geben wird, wie das, was Sie in unseren USA sehen in Ordnung, zwanziger Jahren. Großartig. Jetzt werde ich diese Kiste injizieren, und jetzt wählen wir unser Halsband. Das ist richtig für 13 fünf F drei. Großartig. Wenn Sie sich nicht sicher sind, welche Farben Sie in Ihrem Projekt wählen möchten, sich keine Sorgen. Sie können jederzeit zurückkehren und alle Stilführungslinienkomponenten ändern. Also, jetzt lasst es uns ein wenig bewegen. Okay, 100 ist großartig. Und jetzt duplizieren wir es mit Befehl D und setzen es hier mit 30 Spitzenzellen Polsterung. Großartig! Und dieses Mal wählen wir die Farbe. Sieben. Bond sucht acht F sechs perfekt und nochmals, lassen Sie es uns duplizieren. Aber es ist genau da drüben und wählen Sie die nächste Farbe. A 09 ein f neun. Großartig und wieder ist das dupliziert. Ich weiß, es ist irgendwie langweilig, aber glauben Sie es oder nicht, es wird so viel Zeit sparen und Ihren Designprozess so viel schneller machen. Und der letzte. Lassen Sie uns Schuhe sehen, ob cc f c groß. Alles klar, das sind unsere Grundfarben, also lass mich sie ein wenig nach unten ziehen. Jetzt werde ich das primäre Auto schreiben. Es ist OK, und jetzt lasst uns all diese Buchstaben großschreiben. Anstatt mit Großbuchstaben zu schreiben, können wir leicht dorthin gehen und auf die Einstellungstaste dort drüben klicken. Hier haben wir Optionen und Sie können Großbuchstaben Perfect wählen. Lass es uns kleiner machen. 24 Pixel ist groß und die Entfernung 40 Pixel. Das werden also unsere Primärfarben sein, die er hauptsächlich in unserem Projekt verwendet hat. Lassen Sie uns nun zuerst unsere Startanleitung erstellen, aber wählen Sie die erste Farbe aus. Auf der rechten Seite können Sie einen Abschnitt sehen, der Erscheinungsbild genannt wird, und hier wird kein Layerstil geschrieben. Wenn ich also darauf klicke, können Sie sehen, dass es eine Option gibt. Erstellen Sie einen neuen Layerstil. Also lasst uns darauf klicken. Und hier ist das richtig. Farben Schrägstrich primären Schrägstrich lila 100% und geben Sie große, so dass wir gehen, um die gleiche Sache für alle von denen zu tun . Also gehen wir dorthin. Erstellen Sie Farben, Verstauen primären Schrägstrich lila, 75% und wieder, Farben Schrägstrich primären Schrägstrich pro Pille, 50% und die letzte. Farben Schrägstrich primären Schrägstrich lila 25%. Großartig. Also im Moment haben wir unsere Primärfarben Shared Siles erstellt, was großartig ist, Ordnung. Bevor ich diesen Prozess fortsetze, werde ich einen Layer erstellen. Wir richten uns aus und ich werde seinen Kragen wechseln. So etwas wie das. Das ist großartig. Und der Abstand 16 von oben und 40 von unten. Ehrfürchtig. Also jetzt, um unsere Ebenen zu organisieren, lassen Sie uns sie gruppieren, so dass Sie Befehl G verwenden und dann in den Titel Groß umbenennen können. Und auch, lassen Sie uns wählen thes Farben, Primäre Paar Pille und hier auch Titel. Alles klar, das zweite, was wir tun müssen, ist unsere Akzentfarben zu kreieren. Also, was ich tun werde, ist, diese beiden Gruppen zu halten, sie zu duplizieren und sie hier nach unten zu ziehen . 70 Big verkauft Groß. Lassen Sie uns nun den Titel in Akzentfarben ändern. Nun, Nun, wählen wir das erste Quadrat da drüben und ändern auch die Farbe . B e 52 f zwei. Und wenn ich dort drüben klicke, können Sie sehen, dass wir einige Optionen haben. Wenn ich auf Aktualisierungs-Layer-Zeit klicke, wird dies den vorherigen Ebenenstern aktualisieren, den wir gerade erstellt haben. Es ist nicht das, was wir brauchen. Wir müssen eine neue Schicht Toe krank erstellen und nennen es Farben. Smash Akzent Schrägstrich. Es ist wieder wie lila. Verkauft seine College lila eins und die 2. 1 Lassen Sie uns es ändern, um D. B. A fünf, wenn fein, groß und lassen Sie uns einen neuen Ebenenstil erstellen. Also werde ich es in Farben ändern, Akzent Schrägstrich lila zu und die nächste e die f F zwei. Ehrfürchtig. Lassen Sie uns also eine andere Layer-Stil Farben erstellen. Akzent, Purple drei und der letzte. Lasst uns Schuhe, wenn drei e acht, wenn sechs. Lassen Sie uns es ein wenig ändern, jetzt ist es großartig und erstellen Sie neue Layer-Stil Farben. Mein Akzent. Vorsichtig. Vier. Ehrfürchtig. Das nächste, was wir tun müssen, ist unsere semantischen Farben zu kreieren, also lasst uns Kunst für ein bisschen größer machen. Sie können darauf klicken und dann die Höhe auf 2000 ändern. Und nun ändern wir den Gruppennamen hier in Akzentfarben und auch den Titeltitel Dash Akzent. Großartig. Also lasst uns sie festhalten und duplizieren und sie niedertranken. Richtig? Das hat auch die Steuer geändert . Semantische Connors. Wir brauchen hier nur drei Farben, noch um es Ihnen einfach zu machen. Das sind Schuhe. Wenn CF fünf sehen großartig, lassen Sie uns neue Layer-Stilfarben erstellen. Semantische orange ein und die nächste f f e 29 d wieder erstellen Sie Ihren Stil semantische orange bis in der letzten f f f acht e sieben. Erstellen Sie einen neuen Ebenenstil semantisch orange. Drei. Perfekt. Jetzt halten wir sie fest und duplizieren sie. Richtig? 30 Pixel ist großartig. Das ist die 1. 1 verwendet und ändern Sie es auf 0084 f vier. Nennen wir es blau. Die 2. 166 sein fünf F auf acht Blau, auch. Und der letzte... fünf e neun f A und das ist College blau drei. In Ordnung. Sie können so viel hinzufügen, wie Sie wollen, aber ich denke, um dieses Kurses willen, ist es für jetzt genug. Vielen Dank für das Ansehen dieses Video im nächsten Video. Wir werden die Grady in Stern Farbe Richtlinie hinzufügen und auch die grauen Farben, die er vor allem in Hintergründen verwendet . So sehen wir uns im nächsten Video. 68. Graue Farben und Farbverläufe: Hallo, alle. Willkommen zurück zu einem anderen Video dieses Abschnitts in diesem Video. Wir werden unsere grauen Hintergrundfarben erstellen, was so wichtig ist, denn die meiste Zeit werden wir sie viel in unserem Projekt verwenden. Also lasst uns weitermachen und unsere Kunst ein bisschen größer machen. Also werde ich das Hoch auf 3000 ändern. Und dann, wie ihr alle wisst, müssen wir diese Gruppen halten und duplizieren. Da gehen wir. Das hat seinen Titel in graue Hintergrundfarben geändert. Perfekt. Wählen wir nun die erste Farbe und ändern Sie sie auf 28 37 für B Perfect. Und jetzt lassen Sie uns einen neuen Ebenenstil und Farben erstellen. Ich werde auch grauen BG Schrägstrich eins sagen, und lassen Sie uns die 2. 1 auswählen und es auf 87 98 ändern. A de Great. Damit erstellen Sie einen neuen Layerstil. Ich weiß, es ist repetitiv, aber glauben Sie es oder nicht, es wird unser Leben viel einfacher machen. Es lohnt sich also unsere Zeit, unsere Farbseite zu kreieren. Oder, sagen wir, unser Styleguide, in der Regel, um den Prozess abzubauen, entwickelt sich schneller. Nun lassen Sie uns die nächste wählen und ändern Sie es auf si sieben d Null die A und dann werde ich voran gehen und erstellen Sie eine neue Ebene Stil Farben, grau und drei. Ich brauche noch einen. Lassen Sie uns das letzte mit Befehl D duplizieren und halten Sie es und bewegen Sie es ein wenig perfekt. Und das hat die Farbe in Yvonne E 6 e b geändert. Großartig. Lassen Sie uns eine andere Layer-Datei erstellen. Und hier, sagen wir für genial. Also, im Moment denken Sie vielleicht , warum sollten wir das tun? Lassen Sie mich Ihnen ein Beispiel geben, um zu verstehen, wie mächtig ein Styleguide ist, wenn es um das Design der Benutzeroberfläche geht. Sagen wir, wir haben es hier herum, okay? Und nehmen Sie an, Sie möchten es mit unserer Primärfarbe füllen. Also, wenn Sie innerhalb geteilt haben, Sie brauchen nicht, um den Farbcode zu speichern statt, Wenn Sie gehen vor dem Erscheinungsbild Abschnitt und klicken Sie auf hier, Sie können alle Farben und Layer-Stil, die wir für unser Projekt erstellt. Wie Sie sehen können, müssen wir diesen Layerstil den Namen ändern, da er nicht konsistent ist, sodass die Skizze ihn nicht als Farben kategorisieren konnte. Großartig Also, zuerst einmal, lassen Sie mich es ändern. Wir gehen, um die Jahre zu organisieren und dann hier. Grau. Ehrfürchtig. Also lassen Sie uns voran und wählen Sie unsere Grundfarbe. AARP 0 100%. Da gehen wir. Wussten Sie, wie einfach Tees mit Styleguides zu arbeiten? Es wird Ihnen so viel Zeit sparen und Sie entwerfen eine Schnittstelle. Der andere Vorteil der Verwendung von Styleguide in Ihrem Projekt besteht darin, dass Sie jederzeit jede Komponente Ihres Styleguides ändern können , und die Änderungen gelten für Ihr gesamtes Projekt. Das ist großartig. Angenommen, Sie entwerfen ein Projekt mit dieser Primärfarbe, die wir dort haben, und nach zwei Monaten möchte Ihr Kunde es in etwas anderes ändern. Wenn Sie in Ihrem Projekt keinen freigegebenen Layerstil verwendet haben, mussten Sie ihn nacheinander ändern, und Sie können sich nicht einmal vorstellen, wie viel Zeit es braucht. Stattdessen können Sie einfach zu Ihrem Styleguide gehen und die bestimmte Farbe auswählen, die Sie ändern möchten , und sie einfach ändern. zum Beispiel Lassen Sie unszum Beispieletwas hier ausprobieren. Ich werde es auf diese Farbe ändern, und dann müssen Sie es so aktualisieren Ja. Was passiert, wenn ich unser Quadrat dort drüben überprüfe? Sie können sehen, dass sich die Farbe geändert hat. Das ist großartig. In Ordnung. Ich hoffe, Sie verstehen, wie mächtig Damen und es ist Ihre Zeit wert, Ihren eigenen Styleguide zu erstellen . Alles klar, jetzt werde ich unsere strahlenden Farben kreieren. Also lassen Sie uns diese duplizieren, und wir müssen daran denken, unsere Gruppen umzubenennen. In Ordnung, lasst uns den Titel in die Bewertung von Gelehrten ändern. Ehrfürchtig. Jetzt werde ich voran gehen und diese beiden auswählen und sie entfernen, weil ich nur Grady Ins für unseren Styleguide erstellen möchte . Also lasst uns gehen, um Abschnitt fühlen und klicken und Farbe. Und hier, wie Sie wissen, haben wir einige Möglichkeiten. Die 1. 1 ist für die Auswahl einzelner Farbe, und die zweite 1 ist für Grady INts, so können Sie einfach auf diesen Kreis klicken und diese Farbe auswählen und dann auf die 2. 1 klicken und die zweite Primärfarbe auswählen, und Sie können Ändern Sie die Richtung von diesen schönen Soße Ins. Perfekt. Also wieder, lasst uns gehen und einen neuen Ebenenstil erstellen diesmal Farben strahlend ein. Und das hat auch hier die 2. 1 geändert . Das hier und es macht Spaß genial. Erstellen Sie neue Layer-Stilfarben. Grady Int zu perfektionieren. In Ordnung jetzt, lassen Sie uns den Namen unserer Gruppen ändern, weil es so wichtig ist, unsere Ebenen und Gruppen immer organisiert zu halten . Also, was haben wir hier? Semantische Farben. Das ändert sich zu semantisch. Und diese beiden sollten auch in semantische Farben auf der 2. 1 blau und dann These Titel zu Grau geändert werden. Und hier auch graue BG Halsbänder und der letzte wichtige Grady Ins. Und hier, Grady Int perfekt. So haben wir gerade erfolgreich den Farbteil unseres Styleguides erstellt. Und es ist genug für den Moment. Im nächsten Video werden wir die Grenzen und Schatten für unser Projekt erstellen. Also vielen Dank, dass Sie dieses Video gesehen haben. Ich werde Sie im nächsten Video sehen. 69. Grenzen und Schatten: Hey, alle, willkommen zurück zu einem anderen Video von diesem Abschnitt. In diesem Video erstellen wir gemeinsam genutzte Layer-Stile für unsere Grenzen und auch für unsere Schatten. Also lasst uns anfangen. zunächst Lassen Sie unszunächstAkte und Farben auswählen und duplizieren, denn wir werden sie hier brauchen. Und ich werde den Titel ändern. Zwei Randfarben. Ehrfürchtig. Jetzt wählen wir die 1. 1 Aber dieses Mal brauchen wir keine Gefühle. Wir brauchen Grenzen. Also lasst uns auf Chek fühlt und die Grenzen überprüfen. Die mit oder Dicke ist eine, die groß ist und die die Farbe zu unserer ersten Akzentfarbe ändern . Großartig. Und die Positionen werden standardmäßig drinnen sein. Und lasst uns weitermachen und die 2. 1 ändern und dieses Kontrollkästchen aktivieren. Überprüfen Sie Ränder. Da gehen wir. Das Gleiche für die 3. 1 Okay, wir brauchen nicht das letzte, weil es zu leicht ist. Also diese drei sind genug Jetzt, Wie Sie wissen, müssen wir voran gehen und neue Ebenenstil erstellen. Also schreiben wir Rand Schrägstrich eins und für die 2. 1 Grenze Schrägstrich zwei und die letzte Grenze Schrägstrich drei. Großartig. Also lassen Sie uns den Gruppennamen hier ändern, um Rahmenfarben und auch diese Gruppe zu Grenzen groß. Und dann werde ich die tollen Hintergrundfarben auswählen und duplizieren. Lassen Sie es uns perfekt nach unten bewegen. Und das hat den Titel in Schatten geändert. Großartig. Wir brauchen vier verschiedene Schatten, aber alle mit der gleichen Farbe. Also lassen Sie uns alle auswählen und auch einen Kragen gewechselt . Richtig? Sie werden wissen, warum in einer Sekunde, und dann ist das im Schatten. Da gehen wir. Dieser Zoom ist ein bisschen. In Ordnung. zunächst Lassen Sie unszunächstalle auswählen und das alles weit von 50 auf 20. Großartig. Dann wähle ich die 1. 1 aus und ändere diese Schattenoptionen. Also, zuerst werde ich die Eier 21 und die VAE auf fünf ändern, und das hat den Blair Mount ein wenig erhöht. Setzen wir es auf 10, weil es unser kleiner Schatten sein wird und warum ich denke, es wird sechs große und die zweite 1 wieder. Eins. Und lasst uns den Blair 2 20 ändern. Warum da drüben? Lassen Sie uns die Menge von X ein wenig erhöhen 25 und die nächste, die die Eier zu sagte und erhöhen Sie die Blair Menge 2 20 warum wird 19 sein? Allerdings denke ich, es ist besser, die X 22 zu ändern und diesmal werde ich die gesamte Feuermenge auf 10 verringern . Großartig in der letzten. Lassen Sie uns das Angebot verringern. Betrag 10 und dann sagte die X 21 die Y 25 und die Blair für ein jugendlich. Großartig. Jetzt ist es an der Zeit, unseren freigegebenen Layer-Stil zu erstellen. Also lassen Sie uns die erste 1 auswählen und gehen Sie vor und erstellen Sie neue Ebene Stein. Hier, sagen wir, Schatten schrägen nochmals eins. Schatten, die kopiert werden, um unsere Zeit zu sparen. Smash zu und Schatten Strache drei und der letzte Schatten Schrägstrich für große. Wie Sie sehen können, haben wir hier Gefühle, um zu verstehen, wie diese Schatten aussehen. Aber wir brauchen sie nicht, denn wenn wir unseren Ebenen oder Komponenten Schatten hinzufügen wollen, müssen wir sie nicht auch spüren. Also lassen Sie uns sie wählen und dann dieses Feld überprüfen, bellt groß und klicken Sie auf mehrere Ebenenstile hier und entschied sich Ebenenseiten. Ehrfürchtig. Das ist es, was wir brauchen. Es mag seltsam aussehen, aber es funktioniert perfekt. In Ordnung jetzt, lasst uns weitermachen und unsere Schichten hier organisieren. Das ändert zwei Schatten und auch diesen. Dann werde ich diese Schichten mit ihrem Titel gruppieren. Und dann werde ich die Farben oder Schatten mit ihrem Titel gruppieren. Also lasst uns sie auf einem Fleischschatten gruppieren. Die 2. 1 grenzt an Grady Ins, graue BG Halsbänder, einige Anti Farben, Akzentfarben und die letzte Primärfarben. Ehrfürchtig. In Ordnung. Schließlich haben wir mit der Erstellung unseres Farbstils fertig. Ich würde Und im nächsten Video werden wir unsere Eingabe-Layer-Größe erstellen. Vielen Dank, dass Sie sich dieses Video ansehen. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 70. Eingänge: Hey, alle, willkommen zurück zu einem anderen Video von diesem Abschnitt in diesem Video. Wir werden über Eingaben sprechen und wir wollen gemeinsam genutzten Layer-Stil für unsere Importe erstellen . Was meine ich mit Eingaben? Fast jede Art von Produktdesign wie Websites, mobile Anwendungen usw. benötigen eine Art von Eingaben. Zum Beispiel, wenn Sie eine Registrierung für oder eine Anmeldeseite entwerfen möchten, benötigen Sie diese Textfelder und wir erstellen gemeinsam genutzte Ebenen Seite für Importe, um es konsistent zu machen und den Prozess der Gestaltung viel, viel schneller. Also, ohne weiteres, lasst uns anfangen. Zuerst werde ich voran gehen und einfach die Größe des Kunstteils auf 3000 und 500 erhöhen. Großartig. Und dann werde ich tolle Hintergrundfarben auswählen und dupliziert Bringen Sie es hier runter und lassen Sie uns den Titel ändern. Zwei Eingänge. Großartig. Jetzt werde ich diese Felder deaktivieren und Grenzen verwenden und die Primärfarbe für die 1. 1 wählen und jetzt gehen wir weiter und erstellen neue Ebenen. Zeiteingaben Schrägstrich eins. Dann gehen wir weiter und sagte, wie die 2. 1 und wählen Sie wieder die primäre Farbe. Aber dieses Mal werde ich die ganze mein Reittier wieder auf 10% verringern. Das wird verwendet Rahmen und wählen Sie die primäre Farbe. Lassen Sie uns nun neue Layer-Stil-Eingaben erstellen. Schrägstrich Lasst uns Warnung schreiben. Wenn also etwas nicht stimmt, zum Beispiel, wenn die E-Mail-Adresse falsch ist oder etwas anderes, verwenden wir diese Art von Eingaben. Und die 3. 1 wieder, ich werde es spüren. Schlagen Sie die Farbe Weiß und die Grenze mit der Primärfarbe. Und jetzt gehen wir weiter und erstellen neue Layer-Stil Eingaben Schrägstrich drei und die letzte. Lasst uns auf Chek fühlt und es ist an Grenzen. Dieses Mal werde ich diese graue Farbe verwenden und neue Layer-Stil-Eingaben für genial erstellen. Also jetzt nehmen wir an, dass wir ein Textfeld für eine Registrierung erstellen, denn wir können gehen und um es hier so einfügen, und dann einfach den Eckenradius kleine Ecken erhöhen. 2 20 Perfekt. Lasst uns weitermachen und unsere Eingaben nutzen. Zum Beispiel, Year. Lasst uns die 1. 1 haben, ist das nicht genial? Oder nehmen wir an, dass wir es in einen Warnzustand ändern wollen? Wir können leicht voran gehen. Eingänge Warnung. Da gehen wir. Das ist großartig. In Ordnung. Vielen Dank, dass Sie sich dieses Video ansehen. Ich werde Sie im nächsten Video sehen 71. Einführung in den Typography: hoch in diesem Video, werden wir über die Textzeit sprechen, genau wie das, was wir mit unseren Farben gemacht haben, werden wir jetzt mit unserer Typografie machen. In diesem Abschnitt werden wir unser eigenes Textil kreieren. Und wir müssen verschiedene Größen, unterschiedliche Gewichte und auch verschiedene Farben für unseren Typografie-Stil festlegen , um ihn in unserem Projekt zu verwenden . Also würde ich dich im nächsten Video sehen. 72. Typography Teil 1: Hey, alle, willkommen zurück zu einem anderen Abschnitt des Kurses in diesem Video. Wir werden über Typographie-Stile sprechen und wir wollen unsere Typografie-Richtlinie erstellen . Also, das erste, was kostet. Ich werde das gleiche Kunstbrett mit Kommando D duplizieren . Lassen Sie uns seinen Namen in Typografie ändern. Großartig. Und jetzt werde ich diese Gruppen entfernen, weil wir sie nicht brauchen. Und auch diese eine perfekte und hat den Titel geändert Parker zu nehmen. Ängste Verbeugung. Und hier werde ich es zu H eins ändern. Perfekt. Und das macht es kleiner. Ich denke, 18 wären großartig. Und jetzt werde ich diese Linie ein bisschen länger machen. Zurückhaltende Schicht. Perfekt. Also, was wir tun werden, ist, drei verschiedene Header-Stile und auch drei verschiedene Körperstile zu erstellen . Was meine ich also mit drei verschiedenen Seiten? Also lassen Sie uns ein Textjahr und rechten Beispieltext erstellen, und ich werde die Farbe zu diesem ändern. Großartig. Und dann werde ich dafür sorgen, dass es eine Linie nach links ist. Und auch werde ich voran gehen und die Größe auf 34 Pixel Grab ändern. Also 20 von dieser Linie ist großartig. Und lasst uns die Zeile Hi auf 50. Und auch, ich werde die mit 2 230 auch wechseln. Das nächste, was tun wird, ist, diese Texte zu duplizieren und sie dort drüben zu platzieren. Und dieses Mal werde ich dafür sorgen, dass es an der Mitte ausgerichtet ist. Und nochmal, ich werde es duplizieren und es dort drüben legen. Und das ist nach rechts ausgerichtet. Also, jetzt, was wir tun werden, ist, alle von ihnen auszuwählen und wählen Schichten horizontal verteilen , ungleichmäßig verteilen. Großartig. Also lasst uns den Gruppentext in H eins ändern. Dies wird unser Header eins sein, und ich werde diese drei Texte auswählen und sie perfekt gruppieren. Lassen Sie es uns duplizieren. 50 ist großartig und das hat einen Kopf Zehe Alter von zwei geändert. Und dann werde ich alle diese Steuer auswählen und ändern Sie die Telefongröße auf 26 und auch die Linie hallo zu 44. Awesome! Und hier haben wir zwei Jahre alt und das ist wieder dupliziert, aber geändert eine Kopfzeile zwei h drei und auch alle diese Texte und ändern Sie die Größe auf 16 Pixel und die Zeile hi auf 30. Ehrfürchtig. Und noch einmal werde ich es duplizieren und es dort drüben legen. Ändern Header Toe H vier und dass wählen Sie alle diese Texte und machen sie 12 Pixel und auch die Zeilenhöhe von 17. Großartig. Nun gehen wir weiter und ändern den Namen der Gruppe, Alter drei und H vier. Großartig. In Ordnung, jetzt lass uns weitermachen und unseren Anteil schaffen, Starnes. Aber für diesen Abschnitt werden wir nicht für alle tun. Ich werde es selbst tun, und ich werde Ihnen die endgültige Datei geben, um sie in Ihrem Projekt zu verwenden. Also jetzt gehen wir voran und wählen Sie den ersten Text und erstellen Sie neue Textilien. Das ist richtig. H ein Schrägstrich links und der 2. 1 h ein Schrägstrich Mitte und der letzte h ein Schrägstrich rechts. Ehrfürchtig. Das reicht also für dieses Video. Und im nächsten Video werden wir unseren Körper erschaffen, Tex. Und auch wir werden unsere Typografie-Richtlinien beenden. So sehen Sie, dass 73. Typography Teil 2: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden unseren Körpertext erstellen und unsere Typografie-Startanleitung fertigstellen. Also, ohne weitere Umschweife, lasst uns anfangen. Zuerst werde ich eins davon duplizieren. Das ist es hier, und das ist ändern Sie den Header in Körper eins. Und lassen Sie uns alle diese Texte auswählen und die Telefongröße auf 14 Pixel ändern. Großartig. Jetzt müssen wir die Share-Sterne ändern. Also lasst uns hier neue Textilien kreieren. Wir werden es in Körper einen Schrägstrich links ändern, den 2. 1 von D, einen Schrägstrich Mitte und den letzten durch den einen Schrägstrich rechts? Ehrfürchtig. Also lassen Sie uns sie jetzt duplizieren. Aber vorher lassen Sie mich den Gruppennamen in body one nerd ändern, um unsere Ebenen und Gruppen organisiert zu halten und sie dann zu duplizieren. Dann werde ich es auch in Körper umwandeln . Und das ist wählen Sie alle Tanks und ändern Sie die Schriftgröße auf 13. Und noch einmal, lassen Sie mich den Gruppennamen auch in Körper ändern , und diese Waffe in Körper drei. Großartig. Also lassen Sie uns alle Texte wählen und die Schriftgröße auf 11 Pixel ändern, also werde ich nicht dasselbe tun und neue Textilien erstellen. Ich werde es selbst tun, um Ihre Zeit zu sparen. Und Sie können den letzten Styleguide in der Ressource ist Abschnitt dieser Vorlesung herunterladen. Vielen Dank, dass Sie sich dieses Video ansehen. Ich werde Sie im nächsten Video sehen. 74. Projekt 1 – Instagram Redesign: Hey, alle, willkommen zu einem anderen Abschnitt des Diskurses in diesem Abschnitt, wir werden das Instagram neu gestalten. Ich bin so aufgeregt, dass wir endlich unser erstes Projekt beginnen werden. Lassen Sie mich Ihnen also den Designprozess erklären, die Off-Piece-Anwendung, die ersten, was Tarife. Wir werden eine Registrierung für oder sagen wir, Anmeldeseite zu entwerfen . Wie Sie sehen können, haben wir hier verschiedene Textilien. Wir haben auch zwei verschiedene Versionen aus Signieren Sie eine Seite, und dann haben wir hier eine Seite, die der Benutzer fühlen muss, dass er oder ihr persönlich später ist, um das Profil zu vervollständigen. Dann haben wir das ausgefüllte Formular, und hier haben wir Lugging Seite. Und dann werden wir anfangen, unsere Fußseite zu entwerfen oder sagen wir, Homepage. Wie Sie hier sehen können, werden wir Beiträge und auch Geschichten und all diese Elemente zusammen entwerfen. Und dann werden wir weitermachen und anfangen, unser Profil zu entwerfen, wie Sie hier sehen können und danach werden wir die Kameraseite von dieser Anwendung entwerfen. Wie Sie sehen können, haben wir zwei verschiedene Seiten für die Kamera. Hier ist die Standardseite, und die nächste ist für, wenn wir die Einstellungen ändern und dann werden wir voran gehen und Design sind erkunden Seite mit verschiedenen Kategorien. Und hier haben wir Seite mit Suchleiste erkunden und dann haben wir Nachrichten und danach werden wir voran gehen und Design-Nachricht hier, wie , was ist App, wie Sie sehen können und danach werden wir unsere -Einstellungen. Und auch wir haben eine Leichtathletik-Seite, die so wichtig ist, und ich werde Ihnen beibringen, wie man eine solche Seite entwirft und wie man andere Sie I kids nerd verwendet, um das bestmögliche Ergebnis zu erzielen. Und zu guter Letzt werden wir drei verschiedene Boarding-Seiten zusammen gestalten, wie Sie hier sehen können. Und ich werde Ihnen zeigen, wie Sie diese schönen Illustrationen und auch die wichtigen Prinzipien des Designs auf Boardings bekommen. Insgesamt werden wir 21 verschiedene Seiten einer Anwendung entwerfen, was erstaunlich ist. Ich bin so aufgeregt, dieses Projekt gemeinsam zu starten, und in der nächsten Reihe von Videos werden wir alle Seiten eins nach dem anderen gestalten. Um dieses Projekt zu starten, laden Sie bitte die Datei herunter, die ich bereits für Sie vorbereitet habe, und es ist enthalten alle Symbole und Bilder und alle Dinge, die Sie in der Erzählung haben müssen . Beenden Sie dieses Projekt. Sie können diese Datei in der Ressource finden ist Abschnitt von dieser Vorlesung kommen. Vielen Dank, dass Sie sich dieses Video ansehen. Und ich werde dich im nächsten Video sehen. 75. Registration (Anmelde-Bildschirm): Hallo, alle. Willkommen zurück zu einem anderen Video dieses Abschnitts. In diesem Video. Wir werden anfangen, unsere erste Seite zu erstellen, die unsere Anmeldeseite ist. Also, das erste, was kostet. Wie Sie wissen, müssen wir unsere Kunsttafel erstellen. Also lassen Sie uns voran und legen Sie auf unserem Port Apple-Gerät sagt, ich werde iPhone überschüssige Große wählen . Das hat seine Anmeldung vor dem Start des Abschnitts, Stellen Sie sicher, dass die erforderlichen Mittel zu installieren und auch die erforderlichen Sie mögen. Es ist von der Apple Website. Also die Mittel, die Sie gehen, um unsere genannte SF Pro Text verwenden, die Sie auf Apple-Website finden können . Wenn Sie überprüfen Entwickler, dass Apple dot com Schrägstrich Fonds, Sie können sie kostenlos hier als pro herunterladen, und dann können Sie es installieren. Und das andere Telefon, das wir verwenden werden, heißt Monsour es, dass Sie es von Google Fonts Website herunterladen können . Die andere Sache, die Sie tun müssen, ist die Standard-Apfel, die Sie essen mögen, und Sie können es herunterladen kam von ihrer Website. Also lasst uns nach dir suchen. Ich sauge Apfel. Dort gehen wir, Applebee und Resource ist, und hier finden Sie sehr nützliche Ressource ist, wie Sie sehen können, können Sie den A-Standard auf uns bekommen. Du isst gern. Auch für Mac OS, schauen Sie uns und TV uns in Ordnung. Und hier können Sie alle Ihre Skizzen-Bibliothek hinzufügen klicken und es wird zu Ihrer Bibliothek hinzugefügt . Das erste, was wir brauchen, ist hinzuzufügen, dass der Staat weit rechts da drüben ist. Also lassen Sie uns gehen, um Apple einzufügen sind usu I Mars Status Bar iPhone Und hier werden wir Licht verwenden . Perfekt. Und die zweite Sache ist, die Home-Anzeige am unteren Rand unseres Bildschirms für Let's go toe Apfel Arien Sie hinzufügen . Ich bars Home-Indikator iPhone und wir werden porträtiert und auch Licht verwenden. Also lasst es uns gleich da drüben setzen und ausrichten. Perfekt. Jetzt sind wir bereit, unseren Designprozess zu starten. Also zuerst werde ich da drüben einen Kreis erschaffen. Also lassen Sie es uns einfügen, okay. Und dann werde ich spüren, dass es der Grady int ist. Also das ist deaktivieren Sie diese Ränder und färben Sie dann strahlend. Okay, wählen wir die 1. 1 Der Code wird sieben f drei c b eins in Ordnung sein. Und die andere, wenn acht C neun und Null zu und auch ich werde eine andere Farbe direkt da drüben hinzufügen und machen wir es e f Null c und 20 richtig? Wie Sie sehen können, sind dies die Instagram-Markenfarben. Ich werde die Richtung durch diese Indikatoren ändern. Machen wir es so und fast 45 Grad perfekt. Also dann lassen Sie es ein wenig nach oben mit und dupliziert, weil ich eine Zeile erstellen werde. Ich denke, es wird schön. Also lassen Sie uns diese Felder deaktivieren und diese Ränder überprüfen, und die Farbe wird diese sein. Also lassen Sie es uns nach oben und ein wenig nach links bewegen. Perfekt. In Ordnung, wählen wir beide Jahre und gruppieren sie und stellen sicher, dass es unter unserer Statusleiste steht. Okay, ich denke, es ist besser, die Statusleiste in den dunklen Modus zu ändern, weil ich denke, es ist besser weiß auf diesem Hintergrund zu haben, damit wir das auswählen und einfach zu Symbolen gehen können. Klicken Sie darauf, und hier können Sie dunkel verwenden. Es ist einfach, richtig Dann brauche ich das Instagram-Logo dort drüben und auch den Instagram-Text darunter zu platzieren . Lassen Sie uns also voran und bringen Sie diese Geldstrafen aus den Assets, die Sie aus der vorherigen Vorlesung heruntergeladen haben . Ressource ist Logo, das diese beiden auswählen. Ziehen Sie sie perfekt. Also lassen Sie uns den Standort des Instagram-Logo ändern 200 auf. Machen Sie es größer. Ich denke, 62 von 62 wäre großartig. Also lasst uns das ändern. Und das hier. Lassen Sie es uns skalieren und ändern Sie die mit 2 160 und legen Sie es rechts darauf. Dean ist das Bodenlogo. Okay, wie Sie sehen können, gibt es nicht genug Kontrast zwischen diesen Farben. Also wähle ich beide aus, und Kelly kann sich fühlen, und ich werde White wählen. Nun, das sieht toll aus. Sie nun sicher, dass sie an der Mitte ausgerichtet sind und das gruppieren sie. Ich werde den Namen in Logo ändern. Und wieder, lassen Sie uns sie perfekt ausrichten. Das nächste, was Sie tun müssen, ist, unser Zeichen des Titels hinzuzufügen. Also schreiben wir, melden Sie sich an. Allerdings werde ich den Fonds wie pro Text ändern und auch zu alt warten. Ehrfürchtig. Das ist Jake die Polsterung, ihre 39. Ich schaffe es 30 Die Entfernung zwischen dem Titel und unseren Kreisen. Machen wir es 50 zwei. Mach dir keine Sorgen. Wir können alle diese Abstände später ändern. In Ordnung. Ändern wir nun die Schriftgröße auf 24. Das ist großartig. Und dann werde ich einen anderen Text erstellen. Lassen Sie uns schreiben Protokollierung und das Gewicht der regulären und ändern Sie die Schriftgröße auf 18. Und auch werde ich die Farbe zwei weiß ändern. Also lasst es uns gleich da drüben setzen und die Polsterung überprüfen. Also, wie Sie sehen können, ist es 27. Ich werde es verschieben, um 30 zu bekommen. Perfekt. Das nächste, was wir tun müssen, ist unsere Textfelder zu erstellen. Okay, also was brauchen wir? Wir brauchen eine E-Mail-Adresse, nimmt Feld und auch ein Passwort-Textfeld. Okay, wir machen es einfach. Also lassen Sie uns voran und erstellen Sie einen anderen Text und rechte e-Mail-Adresse. Und lasst uns die Farbe ändern, um neun b neun b neun sein. Ok. Können wir das Rauschen grau bekommen, und auch ich werde es kleiner machen und es auf 14 Pixel reduzieren. Alles klar, das nächste, was wir tun müssen, ist, unsere Text-Feeling-Zeile zu erstellen, also lasst uns voran gehen und eine Zeile einfügen. Dort gehen wir sicher, dass die Polsterung richtig ist, so haben wir 35,5 Jahr. Wir müssen es 30 schaffen. Wir müssen es großartig vergrößern. Und lassen Sie uns die Farbe in Schwarz ändern, aber nicht absolut leer, weil es keine gute Möglichkeit ist, ein reines Schwarz vor einem weißen Hintergrund zu verwenden. Also lasst uns das hier benutzen, und ich werde diesen Farbcode kopieren und ihn auch für unser Zeichen des Titels verwenden. Toll, das geht nach unten, und ich werde diese E-Mail-Adresse duplizieren und hier, was wir brauchen, ist eine einfache, emittierende Adresse, die nicht unbedingt riel sein sollte. Also lasst uns Design auf einem einzigen Medium schreiben, dass co. Und Sie können es ändern, was Sie wollen. Und wieder, das hat die Farbe in das gleiche Schwarz geändert, das wir verwendet haben. Allerdings sollten wir die Größe dieses Fonds erhöhen, weil wir darauf achten müssen, ihre Erfahrung und die visuelle Hierarchie aus unserem Design zu nutzen . Also machen wir es 16. Und lassen Sie uns auch das Gewicht zwei Medium perfekt ändern. Lassen Sie uns nun den Abstand zwischen diesen Elementen überprüfen. Wir haben 9.5, was nicht gut ist. Lass es uns auf sechs ändern. Ich werde es von hier aus ändern, um genau zu sein. Ehrfürchtig. Und hier haben wir neun. Also machen wir es 13. Großartig. Also werde ich sie gruppieren und sie änderten den Namen der Gruppe zwei e-Mail-Adresse und duplizierten. Und das ändert sich zu Passwort. Großartig. Und auch werde ich voran gehen und den Titel in Passwort ändern. Und hier werde ich einige schwarze Kreise verwenden, um zu zeigen, dass auf dieser Seite das Passwort sicher sein sollte. Okay, um diese schwarzen Kreise zu kreieren, kann ich Ault eine Acht halten. Das ist großartig. jedoch Für diese Linie werde ich esjedochin eine Art von orange oder gelb ändern. Also lasst uns f sechs b 90 A. Und der Grund, dass wir diese Linienfarbe ändern werden, ist, weil wir zeigen , dass wie sicher die letzten vier Tage sind. Indem Sie die Farbe von dieser bestimmten Linie ändern. Zum Beispiel, wenn das Passwort zu kurz oder zu einfach ist, wird die Linienfarbe gelesen werden, und das ist, was wir nennen, verwenden Sie ihre Erfahrung. Alles klar , was brauchen wir noch? Wir müssen ein dickes Symbol hinzufügen, um zu zeigen, dass unsere E-Mail-Adresse in Ordnung ist und damit nichts wächst. Also lassen Sie uns zu unserem Ich kann nicht wie Cones Ordner gehen, und hier haben wir ein Haufen STD fertig und es ist Drag & Drop über dir Perfect. Die Farbe ist, was es sein wird, weil ich diese Bildschirme bereits entworfen habe. Der Code ist also für 135 F drei. Und lassen Sie uns den Abstand schütteln. Es ist 14. Machen wir es 16 und auch 15 von rechts. Großartig. Das andere Symbol, das wir brauchen, ist ein Augensymbol, weil wir den Benutzer erlauben, das Passwort zu verstecken und auch das Passwort anzuzeigen. Also lasst uns das I-Symbol finden. Es ist genau da drüben. Okay, das ist es hier. Perfekt. Und wieder, 13 und 15 von rechts. Großartig. Bevor ich zum nächsten Level gehe, lass mich hier unsere Schichten organisieren. Also werde ich diese Gruppen-E-Mail-Adresse öffnen, und ich werde diese fertige Gruppe unter diese E-Mail-Adresse und auch für das Passwort verschieben. Bringen wir das Ich in diese Gruppe. In Ordnung? Das letzte, was wir für unser Zeichen der Seite brauchen, ist sagen wir eine nächste Schaltfläche, um den Benutzer auf die nächste Seite zu bringen . Also lass uns voran gehen und entwerfen, dass ich nicht zusammen kann. Klicken wir auf Einfügen Form um sie herum und halten Shift-Taste. Großartig. Lassen Sie uns 72 mal 72 Pixel machen und ändern Sie den Eckenradius, um Ecken zu glätten und auch den Betrag auf 25. Und dann lasst uns weiter. Überprüfen Sie diesen Rahmen und füllen Sie ihn mit unserer Primärfarbe, die eine Art lila ist wie dieses fertige Symbol dort drüben. Also ist der Cody für 135 F drei. Großartig. Ich möchte auch einen Schatten hinzufügen. Ich denke, es wird es schön aussehen lassen. Lassen Sie uns also den Schatten von Schwarz in die gleiche Farbe ändern. Denken Sie daran, dass, wenn Sie irgendeine Art von Schatten erstellen möchten, die Schatten nicht unbedingt schwarz oder grau sein sollten. Wenn Sie auf ein Objekt in der realen Welt achten, können Sie sehen, dass die Schattenfarbe von diesem Objekt vererbt wird. Also haben wir die Routenfarbe verwendet, die die gleiche Farbe wie unser Objekt hat, und dann werden wir die Deckkraft auf 30% verringern und die Y 28 und auch die Blair auf 11 ändern . Kannst du sehen, wie schön ist. Also brauchen wir noch einen. Denken Sie, wir brauchen einen Pfeil, um zu zeigen, dass wir den Benutzer zum nächsten Bildschirm bringen werden. Also lasst uns weitermachen und den Pfeil mitbringen. Hier haben wir unser Recht, Halten wir den Pfeil und auch unser Rechteck, um sie auszurichten. Alles klar, großartig. Und jetzt ist es Zeit, eine Gruppe, die einen Gruppennamen auch auf den nächsten Barton geändert hat. Und zu guter Letzt müssen wir uns noch einmal auf unsere ganze Seite perfekt ausrichten und deren Abstand überprüfen. Es ist 62. Lassen Sie mich 60 machen. Das ist großartig, Ordnung, jetzt, da wir unsere Anmeldeseite erfolgreich gestaltet haben, können Sie auch eine Vorschau auf Ihrem Handy anzeigen. Aber wie ist das möglich? Es ist einfach. Sie können die Escape-App auf Ihrem Telefon installieren und sicherstellen, dass Ihr Telefon mit dem gleichen WLAN wie Ihr Computer verbunden ist , und dann können Sie so etwas sehen. Panik Orishas iPhone. Wenn Sie klicken und dass Sie eine Vorschau der Seite, die Sie gerade entworfen direkt auf Ihrem Telefon, das ist wirklich cool. Jetzt, da wir erfolgreich unser Schild der Seite entworfen haben. Wir müssen eine andere Version daraus erstellen, und in dieser Seite werden Sie zwei weitere Dinge einschließen. Sie werden die Registrierung mit Social APS wie Facebook oder Google Plus hinzufügen. Also lassen Sie uns unser Kunstboard mit Kommando E duplizieren und ich werde den Namen ändern, um Dash Social Media anzumelden. Großartig. Also zuerst werde ich diese beiden Steuergefühle halten und sie ein bisschen nach oben bewegen, vielleicht 20 Pixel und auch den Spartaner. Und dann füge ich einen Text hinzu und schreibe oder melde mich an. Und lasst uns auch die Farbe ändern , dieses Grau. Und ich werde es auch kleiner machen. Machen wir es 14. Ich finde, das ist großartig. Und richten Sie es an der Mitte aus, bewegen Sie es ein wenig nach oben. Die anderen Dinge, die wir brauchen, sind zwei Tasten, eine für Facebook und die andere für Google. Plus, Also lassen Sie uns um es einfügen auf. Machen wir es 151 mal 54 und ändern Sie den Eckenradius in 15. Und ich werde diese Grenzen schütteln und Weiß wählen. Sie können jetzt alles sehen, ich weiß, aber wir werden dieses Problem lösen, indem wir ein paar Schatten hinzufügen. Also jetzt lassen Sie uns die alle 4 zu 10 großen verringern. Und das hat die Eier auf neun gesetzt. Und auch warum? Auf sieben auf dem Blair zu 24? Das ist wirklich nett. Wie Sie sehen können, haben wir eine leichte Schattenreihenfolge, um unseren Boden erkennbar zu machen. Oder jetzt werde ich es duplizieren und es dort drüben legen und 13 dazwischen. Tut ist großartig. Jetzt müssen wir das Facebook-Logo und auch das Google Plus-Logo hinzufügen. Also lasst uns zu I Kegel gehen. Und hier haben wir Facebook lokal und auch Google plus Local. Das ist Drag & Drop sie über ihre große Ich werde Google plus direkt dort drüben und auch Facebook. Sie sind also jetzt lassen Sie uns eine Textzeile hinzufügen, dann rechts Facebook und 14 ist großartig. Wechseln wir den Kragen zu diesem. Legen Sie es hier. Das ist es ausrichten. Jetzt werde ich den Abstand zwischen dem Facebook-Logo und den Einsätzen überprüfen. Es ist 12. Machen wir es acht und dann gruppieren sie und wählen Sie diese Gruppe, werden diese Rechteck und wieder ausgerichtet sie genial. Und wir werden dasselbe für Google plus tun, also ist das richtig. Geh, geh plus und ändere die Farbe zu diesem. Los, Go Plus und eine Distanz. Es wird acht sein und es ausrichten. Und dann gruppieren Sie sie und wählen Sie dieses Rechteck aus und richten Sie sie sowohl horizontal als auch vertikal aus. Im Moment ändern wir den Gruppennamen in Facebook. Okay, um es hier zu setzen. Und auch dieses an Google. Plus Und nun lassen Sie uns beide von ihnen wählen und wieder gruppieren, um es mit anderen Elementen leicht auszurichten . Das ist richtig. Soziale APS. In Ordnung, wir haben 34 Pixel unten, also werde ich es etwas höher machen. Ich denke, 45 ist großartig. Und auch für die Anmeldung mit Text. Machen wir es 10 zu 1. Und für diesen, denke ich, 30 Pixel wären großartig. Ja. Alles klar, Leute, Leute, herzlichen Glückwunsch. Sie haben Ihre Messebildschirme erfolgreich erstellt, und wie Sie sehen können, ist das Ergebnis großartig. Ich hoffe, Sie genießen dieses Video. Ich werde Sie im nächsten Video sehen. 76. Persönliche Datenseite: Hey, alle, willkommen zurück zu einem anderen Video aus diesem Bereich. In diesem Video werden wir unsere persönliche spätere Seite und auch die persönliche später ausgefüllte Seite erstellen . Also, ohne weitere Umschweife, lasst uns anfangen. Zunächst einmal werde ich eines dieser Art-Boards duplizieren, weil wir diese Statusleiste und auch den Home-Indikator brauchen . Also lassen Sie uns voran und entfernen Sie den Rest unseres Designs. Ich werde auswählen, dass ich sie liebe. Perfekt. Und dann müssen wir die Statusleiste von dunkel zu hell ändern, da der Hintergrund dieser Seite weiß sein wird. Dann lass mich unseren Teil ändern. Nennen Sie zu persönlich. Dado Groß. Was brauchen wir also für diese Seite? Ganz oben. Ich werde einen Kreis setzen. Also lassen Sie mich es einfügen, damit der Benutzer sein Profilbild auf Let's make it 120 x 120 und Ausrichtung an der Mitte und lassen Sie uns auf Czech Borders hochladen kann, weil wir das nicht brauchen . Und ich werde es mit unserer Grundfarbe spüren. Okay, also weil wir diese Farbe als Primärfarbe in unserem Projekt sehr viel verwenden werden. Ich werde einen freigegebenen Layer-Stil erstellen, um Ihnen das Leben viel einfacher zu machen. Also lasst uns voran gehen und Farbe schreiben. Primär. Vorsicht, ehrfürchtig. Und danach brauchen wir ein Symbol. Ich denke, es ist gut, ein Kamera-Symbol zu setzen, also öffnen wir die Datei, in Ordnung, und öffnen wir die Symbole auf. Wir müssen nach einer Kamera suchen, also werde ich sie direkt dort drüben ziehen und sie direkt in die Mitte des Kreises legen . Und wenn du sagst, wie beide, können wir sie sowohl ärgerlich als auch vertikal ausrichten. Perfekt. Lasst uns sie gruppieren und die Gruppe ändern. Name zum Profilbild. Großartig. Und lassen Sie uns den Abstand schütteln. Es ist 41. Lass es uns 50 perfekt machen. Und was brauchen wir noch? Wir brauchen einen Pfeil nach links, um eine Art von Navigationen zwischen unseren Seiten zu erstellen, so dass der Benutzer auf die erste Seite zurückgehen und sah. Also lasst uns das Bußgeld aufmachen. Und hier haben wir Pfeil links und die Polsterung ist 25. Machen wir es 30 und auch die obere Polsterung ist 25. Machen wir es acht. Großartig. Alles klar, jetzt ist es an der Zeit, unsere Textfelder zu erstellen. Aber um unseren Designprozess viel schneller zu gestalten, werde ich eines der Textfelder kopieren und einfügen, die wir bereits erstellt haben. Also lassen Sie uns kopieren und fügen Sie es mit dem Befehl C und Befehl groß sein. Und lassen Sie uns den Gruppennamen ändern, um ihren Namen zu verwenden. Und hier werde ich weitermachen und den Titel ändern, um auch ihren Namen zu verwenden. Und hier, statt der E-Mail-Adresse. Das ist richtig, du bist Benutzername. Alles klar, lassen Sie uns den Kragencode kopieren und einfügen und ihn auch für diese Takes verwenden. Allerdings müssen wir den Weg zu regulären ändern und auch wir müssen diese Linien Farbe auf das gleiche Grau ändern , und wir brauchen diese hier nicht getan. Anstatt das zu entfernen,können wir das verbergen, denn auf der nächsten Seite werden wir brauchen, dass ich kann, also ist es eine gute Übung, es von hier zu verstecken. Anstatt das zu entfernen, können wir das verbergen, denn auf der nächsten Seite werden wir brauchen, dass ich kann, Alles klar, lassen Sie uns voran und duplizieren dieses Textfeld und setzen Sie sein Recht über Terror und änderte den Titel auf Vornamen und hier Ihren Namen und ich werde den Gruppennamen auf Vornamen ändern und wieder dupliziert. Lassen Sie uns den Titel in Nachnamen ändern. Auch hier. Dein Nachname. In Ordnung, also lasst uns weitermachen und diesen Gruppennamen auch in Nachname ändern. Und jetzt werde ich Ihnen etwas zeigen, um den Abstand zwischen diesen drei nimmt das Gefühl, dass Sie alle auswählen können. Und wie Sie sehen können, haben wir hier einen Indikator, um den Abstand gleichmäßig, schnell und einfach zu ändern . Also werde ich es auf 24 setzen. Großartig. Und lasst uns sie alle zusammenfassen. Und hier ist das richtig. Textfelder und Ausrichtung in der Mitte auf. Bewegen Sie es ein wenig nach oben und die Polsterung gibt 127. Also lass es uns 120 machen. Großartig. Und das nächste, was wir tun müssen, ist, eine Schattenspitze hinzuzufügen, unseren Profilbildhalter, damit es schön aussieht. Also wählen wir diesen Kreis aus. also Umalsodieselben Schatten zu verwenden, wie wir für diese Schaltfläche erstellt haben, können Sie einen neuen freigegebenen Layerstil erstellen. Also lassen Sie uns diese Schaltfläche wählen. Und zuallererst werde ich diese Felder deaktivieren. Anglican Kein Ebenenstil hier. Das ist richtig. Schatten violett Okay, jetzt, wenn ich den Kreis und Quicken Schatten hier wähle, kann ich die Felder überprüfen. Sie können sehen, dass wir die gleichen Schatten haben, die wir ihre fantastischen geschaffen haben. Das nächste, was wir tun müssen, ist, eine vollständige Schaltfläche zu erstellen und sie direkt am unteren Rand unseres Bildschirms zu platzieren. Also lassen Sie uns voran und legen Sie es um und machen Sie es 200 mal 71 und machen Sie auch den Eckenradius , um Ecken zu glätten und ändern Sie den Betrag auf 25 ungeprüfte These Träger und wieder Farbe Primary Purple und auch Schatten Perfekt. Dann schreiben wir hier komplett und machen seine 18. Und es hat einen Kragen zu Weiß geändert. Und auch, ich denke, es ist gut, den gleichen Teakknopf direkt da drüben hinzuzufügen. Also lassen Sie uns Kaffee, dass und fügen Sie es hier und Scalea zu 22 mal 16 Pixel und änderte die Farbe zu weiß und dann beide Ebenen auswählen und sie vertikal ausrichten. Und auch der Abstand zwischen diesen sollte 16 Pixel betragen. Und jetzt kann ich sie und noch eine wichtige Sache gruppieren, denn in diesem Bildschirm ist das Formular noch nicht ausgefüllt. Okay, also benutzen sie ihre Dose Nuts benutzte diesen Knopf Also müssen wir dem Benutzer so zeigen, dass unser Boden deaktiviert ist. Und um das zu aktivieren, muss der Benutzer dieses Formular vollständig spüren. So können Sie es auf eine oder andere Weise tun, zum Beispiel, kann die Farbe der Unterseite zu etwas heller waren etwas Grau, um es zu zeigen, das heißt, um es zu zeigen, dass es deaktiviert ist. Jedoch, in diesem Projekt, Ich denke, es ist besser, die Deckkraft von unseren Texten und dieses Symbol auf 50% zu reduzieren, um zu zeigen, dass und danach, dass wählen Sie beide Ebenen, die dieses Rechteck und auch unsere nimmt ein Symbol und richten Sie sie sowohl vertikal als auch horizontal aus. Perfekt. Wir können sie auch gruppieren und ändern Sie den Gruppennamen auf Schaltfläche abgeschlossen. Und wenn ich alt halte, kann ich sehen, die Polsterung seine 74. Machen wir es 60. Großartig! In Ordnung. Unsere persönliche spätere Seite ist einsatzbereit. Allerdings müssen wir eine weitere Seite erstellen, und das ist die Person, die später abgeschlossen Seite. Lassen Sie uns also fortfahren und diese Seite duplizieren und ihren Namen in persönliche Daten ändern. Vervollständigen Sie es und wir brauchen dieses Symbol nicht mehr. Lassen Sie uns das entfernen. Ich halte das Kommando und wähle den Kreis aus, und ich werde ein Foto zu unserem Kreis hinzufügen. Also, wie kann ich das tun? Sie können entweder Ihr eigenes Foto mitbringen oder Ihr eigenes Foto von jeder Website, die Sie wollen, und stellen Sie sicher, dass Sie das Guthaben des Fotos überprüfen, das Sie verwenden werden. Oder Sie können einfach weitermachen und die Skizzendatenbank verwenden. Sie können auf die Daten von T klicken und hier Daten skizzieren und auf Flächen klicken. Großartig. Sie haben ein sehr schönes Foto. Dann werde ich Ihren Benutzernamen zu John zugrunde liegenden Smith ändern und auch den Vornamen zu John und auch den Nachnamen zu Smith. Sie können schreiben, was Sie wollen, und auch ich werde Befehl und Shift halten und alle diese Texte auswählen und die Farbe in unsere Primärfarbe hier ändern und danach wieder, werde ich Befehl und Chef halten und diese Zeilen auswählen und den Anrufer ändern Diese schwarze . Also lasst uns das ich sie fallen lassen. Und hier haben wir das gleiche Schwarz verwendet. Da gehen wir. Und nicht zuletzt müssen wir das Teak-Symbol dort drüben hinzufügen, um zu zeigen, dass die Textfelder korrekt ausgefüllt sind . Erinnern Sie sich an den Häkchen-Button, den wir bei der Gestaltung unserer vorherigen Seite ausblenden? Richtig. Wir brauchen sie hier. Und ich kann diese Gruppen öffnen, und ich kann sie leicht präsentieren. Das Letzte, was wir tun müssen, ist, die Kapazität unserer Techniker hier zu erhöhen. Denn jetzt ist der Staat anders. Alle Textfelder sind vollständig ausgefüllt. Und jetzt kann der Benutzer diese Taste innen verwenden, um er oder Haarprofil zu vervollständigen. Alles klar, Leute, wir haben unser persönliches später erfolgreich erschaffen. Und auch persönliche Daten abgeschlossen Bildschirme, das ist genial. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 77. Anmeldeseite: Hey, alle, willkommen zurück zu einem anderen Video von diesem Abschnitt in diesem Video. Wir werden unsere Liking-Seite in drei verschiedenen Versionen gestalten. Also, ohne weitere Umschweife, lasst uns anfangen. Zunächst werde ich voran gehen und kopieren Sie die Anmeldeseite und das ist fügen Sie sie dort drüben und änderte den Namen dieser Kunst für zwei schleppende Bindestrich tippen, weil in dem Raum werden wir unsere Tastatur präsentieren und wir präsentieren wollen der Fall, dass der Benutzer etwas eingibt. Also lasst uns nochmal duplizieren und es nach Geschmack ändern. Und wieder einmal, Wechsel zu schleppen Pass auf dieser Seite, werden wir sein Auge Symbol ändern und zeigen unser Passwort. Und auch auf dieser Seite werden wir einfach den Anmeldetitel ändern, um sich in Ordnung einloggen und die Schaltfläche „Liking“, um sich anzumelden . Aber bevor wir das tun, stellen wir sicher, dass es nach rechts ausgerichtet ist. Okay, weil wir den gleichen Abstand und Polsterung dort drüben brauchen. So können wir uns jetzt auch ändern. Melden Sie sich an. Großartig. Wie Sie sehen können, ist die Polsterung stehlen 30. Also kommen wir zurück auf diese Seite. Was sollen wir jetzt tun? Wir müssen den Spartaner entfernen, weil wir unsere Tastatur hier präsentieren werden, damit wir das nicht brauchen. Und lasst uns gehen, um Apple einzufügen sind usu. Ich habe die Tastaturen eingestellt, iPhone und hier haben wir zwei verschiedene Versionen von der Tastatur. Die 1. 1 ist dunkel, die 2. 1 ist hell, und das ist, was wir brauchen. Und auch hier können wir zwischen verschiedenen Versionen von dieser Lichttastatur wählen. Brauchen wir alphabetisch oder auftaucht oder Zahlen? Wir brauchen Alphabetiker. Also lassen Sie uns das verwenden und es rechts unten einfügen, und wir können den vorherigen Hausindikator entfernen. Und auch müssen wir diese Anmeldung ändern, um sich anzumelden und diese Protokollierung, um sich anzumelden. Großartig. Das letzte, was wir tun müssen, ist, den Standort unserer Steuer fühlt und auch diesen Titel zu ändern . Also lassen Sie uns beide auswählen und sie nach oben verschieben. Und lassen Sie uns auch den Stücktitel wählen. Ok, die obere Polsterung sollte 12 sein. Machen wir es 24. Okay, denn ich werde fortfahren und die automatische Korrektur auf unserer Seite hinzufügen. Also lasst uns gehen, um Apfel auf uns einzufügen. Du sehe ich sie Tastatur, iPhone, Licht und hier. Wir haben andere Korrekturbalken. Ich wähle die 1. 1 und was? Es ist genau da drüben. In Ordnung. Das letzte, was Sie tun müssen, ist, eine Eingabetextmarke hinzuzufügen, um anzuzeigen, dass der Benutzer tippt. Gehen wir also voran und fügen Sie hier eine Zeile ein. Das ist alte Shift & Drag & Drop, und ich mache das mit auf 1.5. Und auch das hat sich geändert, um ein Ende hier auf 75 und 75 zu beginnen. Großartig. So jetzt kann ich einfach wählen Sie die Pipette und Kitty Candy Scholar Perfect. Also lassen Sie sie ausrichten. Das ist großartig. Die zweite Seite ist fertig und die letzte Seite, die den Titel geändert hat, um sich auch anzumelden und hier, Logging, um sich anzumelden. Und dann müssen wir dieses Augensymbol ändern. Also gehen wir weiter und öffnen uns. Unsere Icons-Datei hier. Wir müssen suchen, dass ich versteckt bin. Wie Sie sehen können. Wir haben es hier. Lasst uns versuchen, fallen zu lassen. Da gehen wir und legen es dort drüben hin. Ehrfürchtig. Das ist schütteln das Patty ing ist großartig und ich werde diese Gruppe in die Passwort-Gruppe verschieben, und jetzt müssen wir das Passwort dem Benutzer zeigen. Also ändern wir es von dem schwarzen, Sir tötet zwei riel Passwort, zum Beispiel. Du könntest es sein. Ich habe für sieben dich gegessen. Wie Sie sehen können, haben wir hier sechs Kreise und sechs Charaktere hier. Großartig. In Ordnung. Vielen Dank, dass Sie sich dieses Video ansehen. Sie haben erfolgreich drei verschiedene Versionen von unserer Lugging Seite erstellt. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 78. Feed-Seite: Hallo, alle. Willkommen zurück zu einem anderen Video dieses Abschnitts in diesem Video. Wir werden unsere Homepage gestalten. Also ohne weitere Umschweife, lasst uns mit dem Hinzufügen einer Art Board Great beginnen. Und das hat es nach Hause. Und ich werde die Statusleiste vom vorherigen Bildschirm nach hier kopieren und einfügen . Und lasst uns es von dunkel zu hell ändern. Großartig. In Ordnung, von jetzt an müssen wir einen Wasserhahnteil hinzufügen. Unsere Seiten direkt am unteren Rand unseres Bildschirms, von dem wir leicht eingefügt werden können, sind Ihre Schlüssel von hier Bars tippen auf unsere regelmäßig. Sie haben viele Möglichkeiten. Aber ich werde dir beibringen, wie du es schaffen kannst, außer dir selbst. Das erste, was wir brauchen, ist es, um es einzufügen und dann machen wir die Höhe 129 und ändern Sie den Eckenradius auf 24 und auch glatte Ecken. Danach werde ich Grenzen schütteln, weil wir das nicht brauchen. Und lasst uns es auch weiß machen. Wie Sie sehen können, gibt es keinen Kontrast zwischen unserem Tippen auf unsere und der Seite, also müssen wir einige Schatten hinzufügen, und das hat Ihren Pass iti auf 18% geändert und auch Lassen Sie uns die Blair sieben genial machen. Kannst du eine schräge Schattenreihenfolge sehen, die ausreicht, um die Art von Kontrast zu machen, die wir brauchen? Also lassen Sie es jetzt ein wenig nach oben verschieben und fügen Sie einen Home-Indikator hinzu, der kopieren und einfügen Sie es hier . Da gehen wir. Und wenn ich darauf doppelklicke, können Sie sehen, dass diese Kreise erscheinen. Wenn ich den Chef und drei Eigentumswohnungen halte, zum Beispiel dieses und jenes, kann ich den Eckenradius ändern 20 groß. Und dann kann ich die Höhe abnehmen. Unser Wasserhahn ist genial. Jetzt ist es an der Zeit, unsere Symbole hier hinzuzufügen. Das erste, was wir brauchen, ist ein Heim-Icon, also lasst uns voran gehen und es hierher bringen. Wir haben zu Hause aktiv zu Hause, die aktiven. Also für jetzt brauchen wir zu Hause aktiv, weil es unsere Homepage ist. Lassen Sie es uns hier setzen. Das nächste, was wir brauchen, erleichtern Sie das Suchsymbol, und hier haben wir die aktive gesucht, die es dort gesetzt ist, und zwei weitere Dinge, die man ist wie Dort wir gehen und die Arterien Profil. Großartig. In Ordnung. Das nächste, was wir brauchen, ist eine weitere Schaltfläche zu erstellen, die unser at Button ist, wenn der Benutzer etwas posten möchte. Lassen Sie uns also darum einfügen und den Eckenradius verringern. Machen wir es 38 mal 38 auch den Eckradius zu 14 und ich werde voran und an tschechischen Grenzen gehen , weil wir das nicht brauchen. Und wir müssen die Primärfarbe für dieses Quadrat wählen. Das nächste, was wir brauchen, ist, ein paar Schatten hinzuzufügen, damit wir hier leicht Schatten wählen können und das fühlt sich großartig an. Und schließlich brauchen wir ein Plus-Symbol direkt in der Mitte dieses Platzes, und wir haben es in unserem feinen Plus, das ist es hier setzen. Und lasst uns die Farbe in Weiß ändern, und ich mache es 20 mal 20 große Seelen und lass uns ihn wählen und sie sowohl vertikal als auch horizontal ausrichten . Und jetzt ist es Zeit, sie zu gruppieren. Und das ist College, was? Bottom Groß. Also haben wir alle Symbole und Schaltflächen, die wir brauchen. Jetzt ist es Zeit, sie zu organisieren. Ich werde die Höhe wieder auf 87 ändern. Ich denke, das ist angemessen. Und jetzt wählen wir alle diese Symbole und Quicken, verteilen auf gleichmäßig und gruppieren sie dann. Und wieder, lassen Sie uns das Rechteck und auch unsere Symbole auswählen und wieder an der Mitte ausgerichtet. Alles klar, jetzt werde ich die Polsterung dieses Home-Icons ändern, also müssen wir sie wieder gruppieren. Andernfalls können wir den Abstand nicht schütteln. Es ist 51. Ich werde es 25 großartig machen. Und auch vom Suchsymbol zu diesen Home-Button. Ich werde es machen 42 und diese Pro Brennen, auch 25 nach rechts groß und 42 für diese, wie Knopf auf, Sagen wir, Herz-Symbol, das sieht gut aus. Vielleicht fragen Sie sich, warum sie nicht gleichmäßig platziert sind. Es liegt daran, dass manchmal, um das Gleichgewicht von unseren Symbolen zu halten, wir Differenz-Pacing versuchen müssen, um die manuell auszugleichen. Also ich denke, es ist der beste Abstand möglich für hier sind jetzt, dass wir unsere Registerkarte erstellt haben , können wir ein Symbol erstellen, noch sie leicht zu verwenden. Also lassen Sie uns alle diese Elemente und auch diese Home-Indikator und das Rechteck auswählen und klicken Sie auf Symbol erstellen. Und hier können wir Tab-Leiste schreiben. Ehrfürchtig. Von nun an können wir, wann immer wir die Stoppleiste brauchen, leicht dunkle Menschen einfügen. Und hier ist unser Tapper. Das ist fantastisch. Jetzt ist es an der Zeit, unsere Beiträge zu erstellen, um dies zu tun. Lassen Sie uns hierher ziehen und ablegen. Da gehen wir. Ich habe eine Verknüpfung verwendet, um das zu tun und achtziger Jahre die Sie Taste auf Ihrer Tastatur. Und dann machen wir es 341 von 341. Und lassen Sie uns auch den Eckenradius auf 36 ändern, deaktivieren Sie diese Ränder. Großartig. Sie können sehen, dass wir 17 Pixel von rechts und 17 große Zellen von links haben, und das ist in Ordnung. Jetzt ist es an der Zeit, unser Foto hier hinzuzufügen. Wie können wir das tun? Wir können entweder zufällige Fotos verwenden, oder wir können auf Splash dot com gehen und das Foto bekommen, das wir wollen. Also habe ich bereits recherchiert und einige tolle Bilder für unser Projekt gefunden. jedoch Sie könnenjedochverwenden, ob Sie möchten. Also jetzt gehen wir weiter und öffnen Sie die Fotodateien. Dort gehen Sie Bilder und Nummer eins wird unser erstes Bild sein. Da gehen wir. Lassen Sie uns es hier und jetzt müssen wir das Foto und auch das Rechteck auswählen, das wir gerade beide erstellt haben und klicken Sie auf Unmask Perfect. Und jetzt lassen Sie uns den Gruppennamen ändern, um einen zu posten, und wahrscheinlich ist es toll, einige Schatten hinzuzufügen. Also lassen Sie uns die ich fallen lassen und wählen Sie eine aus den Farben von diesem Foto. Ich denke, dieses Blau wäre großartig. Allerdings müssen wir die Deckkraft auf 15 verringern. Und lasst uns auch die X 24 ändern und warum, auf 11 und die Blair auf 29. Perfekt. Wie Sie sehen können, haben wir hier keine Steuer, also lassen Sie uns eine erstellen, die richtig ist. Zeit am Strand. Es ist ziemlich relevant. Habe sich nicht weg zu mittel rechts geändert, lass es uns hier setzen. Und das ist duplizieren, weil wir auch Untertitel brauchen. Und hier können wir so einen erstaunlichen und sonnigen Tag schreiben auf Lasst uns es 16 und auch regelmäßig machen. In Ordnung, jetzt müssen wir unseren Hashtag schreiben, also lassen Sie uns Recht Hashtag Beach Hashtag Sunny in High Stag Sommer. Und dann erhöhen wir die Linie hoch auf 24 Pretty genial. Im Moment ist es Zeit, unsere Beläge zu überprüfen, also wählen wir die Strandzeit, die unser Titel ist, und Sie können sehen, es ist 25. Machen wir es 24 die untere Polsterung. Sechs. Machen wir es acht, während einige. Und auch hier haben wir 27. Das macht 24, was wie unsere linke Polsterung ist. Sehen Sie also, dass es hier nicht genug Kontrast und unsere Steuern gibt? Nicht so lesbar? Also werde ich dir Treek beibringen, um das Problem zu lösen, das eine Form einfügt. Du bist zum Beispiel zum Beispiel ein Rechteck und Drag & Drop es und auf Czech Borders, weil wir das nicht brauchen und es direkt über unser Bild legen . Großartig. Und dann klicken Sie auf diese Farbe und verwenden Sie Grady Int und klicken Sie auf den Kreis und verringerte die alle Gedanken auf Null und klicken Sie dann auf den anderen Kreis und verwendet die Pipette, um dieses Blau zu wählen . Und auch, wenn ich auf diese kreisförmige Verstärkung klicken kann sehen, ist es weiß. Ich kann es schwarz oder das gleiche Weiß machen. Ich denke, Schwarz ist besser. Kannst du sehen, wie erstaunlich es leicht ist? Also, was brauchen wir noch? Wir brauchen ein Herz-Symbol, noch um die Anzahl der Likes, die diese Post bekam und auch die Anzahl der Kommentare zu zeigen. Also lassen Sie uns voran gehen und öffnen Sie unsere Dateien Goto Symbole und hier haben wir wie dort wir gehen Lassen Sie es dort und eine Skala es unten auf 14 Peak Seelen und ändern Sie auch seinen Kragen weiß . Dies sind die SF Pro-Symbole, und Sie können die Software kostenlos von der Apple Developer Website erhalten. Und ich kann das Ding hier auch in Mittel zu Licht ändern. Großartig. Dann muss ich Text, der richtig ist, 1,2 k und ändern Sie die Textfarbe auf Weiß und richten Sie sie vertikal aus und sagte auch den Abstand zwischen diesen beiden vier. Großartig. Also lasst uns sie gruppieren und auch den Gruppennamen in Likes ändern. Und dann müssen wir die Kommentare direkt dort hinzufügen. Also lasst uns weitermachen und den Kommentar mitbringen. Das Kommentar-Symbol Es ist hier es dort setzen und kopieren und einfügen Sie den Text und ändern Sie ihn auf 220. Gagne hat gesagt. Der Abstand zu vier und nun lasst uns sie gruppieren und änderte seinen Namen in Kommentar und die Polsterung nach links wäre acht. Das ist Gruppe diese beiden rechts wie und kommentieren und überprüfen Sie die rechte Polsterung seiner 25 Lassen Sie uns es 24 halten Shift und wählen Sie These Titel, um die vertikal auszurichten. Alles ist großartig, aber ich denke, es ist besser, das Gewicht dieser Ikone zu ändern, um zu denken dass das großartig ist, Ordnung. Das nächste, was wir tun müssen, ist, die Eigentümerinformationen direkt dort zu erstellen. Also müssen wir einen Kreis für das Pro-Kampfbild hinzufügen. Es ist 38 mal 38. Ich denke, es ist okay und das ist an tschechischen Grenzen. Und wieder müssen wir die Zeitplan-Datenbank verwenden, um unserem Kreis ein Gesicht hinzuzufügen. Sie können die Daten auch aktualisieren, wenn Sie mit Schulden nicht zufrieden sind. Ich finde es toll. Und dann einen Text. Das ist richtig. Ordnung. zugrunde liegende hart sagte es. Sie ist mein I D dran. Lassen Sie uns essen 16 Pixel und die Polsterung auf der linken Seite könnte acht sein und auch geändert werden. Warten Sie von Thema regelmäßig. Großartig. Also lasst uns voran und gruppieren sie und schreiben Post Besitzer. Schütteln wir die Polsterung. Es ist 12 von unten und erzählt von links, Machen wir es 16 von links und acht von unten. Das sind hübsch wir. Das letzte, was wir brauchen, um die Erstellung unseres Beitrags zu vervollständigen, ist hinzuzufügen und mehr geknöpft direkt dort drüben haben wir es in unseren Symbolen Dort gehen wir. Es ist 18 mal 19 Pixel. Das ist okay. Das setzte auch die richtige Polsterung auf 16. Und die untere Polsterung bis 17. Das ist ziemlich genial. Und jetzt können wir alle diese Elemente zusammenfassen und Kollege einen posten. Fantastisch. Jetzt ist es Zeit, unseren zweiten Beitrag zu erstellen. Aber bevor Sie das zusammen entwerfen, werde ich Sie bitten, das Video zu pausieren und weiterzumachen und es für sich selbst zu entwerfen. Sie können ein beliebiges Foto und jeden gewünschten Inhalt auswählen. Gehen Sie einfach voran und tun Sie es. In Ordnung. Willkommen zurück. Haben Sie Ihren Beitrag entworfen? Ich hoffe, Sie haben das getan. Jetzt ist es Zeit, dich zusammen zu tun. Ich denke, wir haben vergessen, diese Elemente auch zu gruppieren. Also lasst uns weitermachen und sie direkt hierher bringen und nennen es Post eins. Lass es uns ein bisschen nach oben ziehen und ich werde es duplizieren. Großartig. Das ist hoch. These eins für eine Sekunde. Jetzt müssen wir uns ändern. Das Foto hat die Steuer und auch das Profilbild und diesen Benutzernamen realisiert. Also, wie kannst du das tun? Sie können entweder Ihr eigenes Foto mitbringen oder Sie können auch einige Plug Ins verwenden, um dies zu tun. Zum Beispiel habe ich hier einige Inhaltsgeneratoren. Wie Sie sehen können, kann ich für jeden Fuß suchen, den ich will, oder hier, so gut Sie sehen können, gibt es verschiedene Gruppen, aus denen Sie wählen können. jedoch Für diese Partituren habe ichjedoch ein anderes Foto vorbereitet, auf das Sie von Bildern zugreifen können. Da gehen wir. Das ist Drache. Lassen Sie es fallen und ich halte Befehlstaste und klicke auf unser Foto und entferne das. Und stattdessen legen wir dieses Foto direkt über die Maske. Ehrfürchtig. Also für dieses Foto werde ich die Abstufungsfarbe von diesem Blau in so etwas ändern. Das ist ziemlich gut. Und das änderte den Titel auf Foto Shoot und auch den Untertitel auf den letzten Tag aus diesem Projekt Awesome. Und lasst uns auch die Hashtags ändern, um Warrick und Modellierung zu fotografieren. Großartig. Haben Sie gesehen, wie ist die achtziger Jahre neue Inhalte zu erstellen? Jetzt ändern wir den Benutzernamen hier in alles, was Sie wollen. Sie können Ihre Verwendung, ihren Namen oder irgendetwas hinzufügen , also lassen Sie uns Ihren Benutzernamen schreiben und das Foto erneut ändern. Aktualisieren Sie die Daten. Das ist fantastisch. Und das Letzte, was wir tun müssen, ist, die Schatten zu ändern Also lasst uns unsere Maske wählen und den Schatten in Dis Grau und 15. Das ist auch jetzt können Sie einen früheren Beitrag präsentieren und den zweiten Beitrag hier unter unserer Tippleiste setzen . Lass es uns runterlegen. Auch entsorgt. Hier, kommen Sie an. Vielen Dank, dass Sie sich das Studio angesehen haben. Ich hoffe, es hat dir im nächsten Video gefallen. Wir werden die Geschichten entwerfen und sie direkt über unsere Beiträge setzen. So sehen wir uns dann. 79. Geschichten: Hi, alle. Willkommen zurück zu einem anderen Video aus diesem Kurs in dieser Lektion. Wir werden unsere Geschichten entwerfen und sie direkt da drüben bringen. Also, ohne weitere Umschweife, lasst uns anfangen. Zuallererst werde ich ein paar Kreise erstellen. Also lasst uns die Verschiebung halten. Da gehen wir hin. Und lasst uns sie 68 mal 68 machen und dann die Grenzen schütteln. Lassen Sie uns die Polsterung schütteln. - Es ist 17. Das ist großartig. Und jetzt duplizieren wir es und legen es dort drüben hin. Und wenn ich den Chef und alle halte und versuche, es zu duplizieren, indem ich es ziehe, und ich habe es hier mit einem Pixelauffüllung platziert. wird er von nun Wenn ich den Befehl D verwende, an automatisch an der richtigen Stelle platziert. Das ist fantastisch. Jetzt wählen wir sie alle aus, und wir werden ihnen ein paar Fotos hinzufügen. Also, wie können wir das tun? Du hast recht. Sie können gehen und die Zeitpläne verwenden, Datenbank, Datenbank, Skizze Daten Gesichter, die, uh, das ist großartig. Wenn Sie mit diesen Bildern nicht zufrieden sind, können wir die Daten so viel aktualisieren, wie Sie möchten. Sehen Sie, wie einfach Tees. Alles klar, das nächste, was wir tun müssen, ist, das Foto von diesem Kreis zu ändern, weil das erste Foto Foto des Kontoinhabers sein wird. Also lasst uns voran gehen. Das ist unser Besitzer und kopieren und fügen Sie das Foto, das auf Chek Shadows und Scary ist, auf 68 und setzen Sie es statt diese. Circa. Das ist großartig. Also, was müssen wir sonst noch tun? Wir müssen diesen Bildern Grenzen hinzufügen. Also lasst uns Grenzen schütteln und die mit 22 ändern und hier werde ich Grady INts benutzen, und die erste Farbe wird diese schlagen, und die 2. 1 wird diese sein, und das hat die Richtung geändert. Großartig. Aber meiner Meinung nach ist es besser, die Wellenspitze 1,5 zu verringern. Es ist viel besser, und das letzte, was wir tun müssen, ist, einen Plus-Button dort drüben hinzuzufügen. Also lassen Sie uns voran und fügen Kreis und lassen Sie es 14 mal 14 Pixel und auf Schütteln Sie die Grenzen auf, Lassen Sie uns die Farbe auf diss schwarz setzen und dann werde ich mich bewegen, essen direkt über andere Kreise und legen Sie es hier. Das letzte, was wir brauchen, ist es, ein Plus-Symbol hinzuzufügen. Da gehen wir, und das skaliert sich auf sechs und legt es dort drüben hin und ändert seine Farbe. Zwei. Weiß und lassen Sie uns die Polster schütteln. 44 und vier. Das ist großartig. Das ist Gruppe sie großartig. In Ordnung. Lasst uns nun alle diese Fotos gruppieren und Geschichten schreiben, und lasst uns die oberste Überschrift auf acht setzen. Ok? Und ich werde eine Linie erstellen, um diese beiden Abschnitte zu trennen. Und es wird 17 in 17 von rechts sein? Ehrfürchtig. Und lassen Sie uns jede Nacht die Farbe auf E 99 setzen. Okay, machen wir es 131 und 131. Ok. Und überprüfen Sie die Polsterung. Seine 11. Machen wir es 17 von oben und auch 17 von unten. Großartig. Und das Letzte, was wir tun müssen, ist, den Abstand zwischen diesen beiden Pfosten zu überprüfen. Also, wie Sie hier sehen können, haben wir 32 Picks. Seelen. Machen wir es 24. Das ist fantastisch. Na gut, Leute, Leute, ich hoffe, ihr hat dieses Video genossen. Ich werde Sie im nächsten Video sehen. 80. Profilseite: Jeder wird zu einem anderen Video von diesem Kurs in diesem Video zurückkommen. Wir werden unser Profil gemeinsam gestalten. Also, ohne weitere Umschweife, lasst uns einen Anfang machen. Wir würden diese Kunsttafel duplizieren und ihren Namen in Pro fine ändern. Und dann müssen wir diese Elemente entfernen, weil wir sie nicht brauchen. Großartig. Alles außer unserem Tapper. Also zuerst, weil es unser Profil Art Board ist. Wir müssen diesen Home-Button deaktivieren, damit sein Aussehen in etwas anderes geändert werden sollte . Wenn Sie sich die Symbole ansehen, die Sie hier haben, haben wir zu Hause die aktive. Das ist Drache. Lassen Sie es fallen. Wie Sie sehen können, ist es ein Umriss. Ich kann die anderen nicht mögen. Wie können wir das ändern? Weil es außer dem Symbol von Apple aktiviert ist. Wir können ganz einfach darauf doppelklicken. Es ist wie ein Text und kopieren Sie es und wieder, doppelklicken Sie auf diesen und Tempo es. Es ist so einfach, oder? Großartig. Das nächste, was wir tun müssen, ist, unser Profilbild direkt dort zu erstellen. Gehen wir also voran und fügen Sie einen Kreis ein und halten Sie Shift. Da gehen wir. Das ist auf Czech Borders und ändern Sie es in 90 Pixel x 90 Pixel. Perfekt. Der linke Rand sollte 29 sein und die obere Polsterung sollte 90 sein. Großartig. Also lassen Sie uns ein Foto zu unserem Circle Data Skate hinzufügen. Shada Gesichter und es ist erfrischen. Gewinn ist richtig. Das ist in Ordnung. Dann brauchen wir einen Pfeil nach links, um dort drüben für unsere Navigationszwecke platziert zu werden. Also lasst es uns auch mitbringen. Wir haben es hier. Kopieren Sie es und fügen Sie es ein. Wir können auch Symbole erstellen, um Ihnen das Leben leichter zu machen. Alles klar, jetzt, lassen Sie uns einen Text für unsere Benutzer erstellen Name und Recht Emma berühmt und änderte das Telefon auf SF Pro Text und auch von zwischen zwei Medium groß und ändern Sie die Farbe zu 40 Baum 40 und 43 Große und auch entscheidet, 22 richtig sind. Wir haben 22 Picks Zellen von links. Das reicht. Lassen Sie es uns duplizieren. Und hier werde ich ihre Spezialität schreiben, die zum Beispieleine Partys Make-up-Künstlerin ist zum Beispiel . In Ordnung, lassen Sie uns die Schriftgröße auf 14 Punkte und dann von mittel auf hell reduzieren. Und auch die Änderung der Farbe auf neun C neun c und neun c. Perfekt. Okay, das hat einen Abstand geändert. Es ist 26 nach oben. Das reicht. Und dann müssen wir zwei verschiedene Schaltflächen erstellen, eine, damit der Benutzer diesem bestimmten Benutzer folgen kann und die andere für das Senden einer Direktnachricht. Also lassen Sie uns voran gehen und um es herum einfügen. Machen wir es 116 mal 32 auf Czech Borders und der Eckenradius zu 16 sind richtig, und dann werden wir die Farbe auf 4135 F drei ändern. Großartig auf, Lassen Sie uns richtig, folgen und ändern Sie es fett und machen Sie es weiß. Großartig. Das ist perfekt ausgerichtet, und ich werde sie gruppieren. Lassen Sie uns es nennen, Follow Martin und dann das ist dupliziert und geändert seinen Namen in Message Button und entfernen Sie diesen Text und ändern Sie auch seine Größe auf 40 von 32. Ich werde es hier mit einem Acht-Pixel-Polsterung richtig machen. Nun lasst uns seine Farbe auf zwei D B drei und e fünf ändern. Ehrfürchtig. Um die Erstellung dieser Schaltfläche abzuschließen, benötigen wir noch eine Sache, die ein Symbol ist. Also lasst uns weitermachen und es hierher bringen. Wir haben eine Nachricht. Da gehen wir, das hat sie genial ausgerichtet. Die andere Sache, die ich tun werde, ist, diese beiden Texte zu gruppieren, um sie zu verwenden. Es gibt Namen in Ordnung, und der Abstand hier ist 13 Picks Zellen. Machen wir es 14 und das ist Gruppe all diese Elemente, um sie mit unserem Foto auszurichten . Klicken wir also auf Vertikal ausrichten. Großartig. Jetzt werde ich diese Elemente mit diesen Fotos niedrig groove und seinen Namen für Benutzer ändern. Informationen. In Ordnung. Jetzt müssen wir eine weitere Schaltfläche hinzufügen, die eine Hamburger-Menü-Taste ist. Also lasst es uns hierher bringen. Wir haben Menü, wir müssen seine Rechte dort drüben setzen, und die Polsterung ist 29 was großartig ist, dass wählen Sie sind Pfeil links, um sie awesome auszurichten. Und dann brauchen wir drei verschiedene Steuern, um die Anzahl der Beiträge und auch die Anzahl der Follower und Follower zu zeigen . Also lasst uns Fotos schreiben und es in reguläre ändern. Und auch ist es Kragen zum gleichen Grau hier. Alles klar, und machen wir es 13 Punkte, und dann werde ich es duplizieren und direkt über unseren vorherigen Text legen, und das ist richtig, 45 ändern seine Größe auf 14 Punkte. Dann wählen Sie beide aus und richten Sie sie an der Mitte aus. Großartig. Lassen Sie uns die Fotos gruppieren und dann werde ich es duplizieren, was es hier und hier. Lassen Sie uns noch einmal Follower schreiben. Das ändert sich zu einem K und wählen Sie beide aus und richten Sie sie an der Mitte aus und ändern Sie ihren Namen in Anhänger. Und der letzte , der folgt. Und hier, das ist richtig. 80 und sätterte sie großartig. Ich werde es auch folgendermaßen nennen. Awesome! In Ordnung. Was ich tun werde, ist, die linke Kämpfe auf 42 zu setzen, auch für die Söhne, dass sie rechts Polsterung auf 42 als auch. Alles klar, und dann, dass wählen Sie alle drei von ihnen und Quicken verteilen Ebenen horizontal. Gruppieren Sie sie. Es sind unsere Statistiken, also lasst uns den College-Status Stick sind genau darauf. Schütteln Sie ihre Abstände. Es ist 24, ich finde es toll, oder? Das nächste, was wir tun müssen, ist, unsere Beiträge zu erstellen. Im Gegensatz zu Instagram, das Onley quadratische Fotos auferlegt hat, wirst du Post mit unterschiedlichen Höhen erstellen. Das ist fantastisch. Es wird wie Pinterest sein, also lassen Sie uns hier um ihn herum einfügen und seinen Radius in glatte Ecken ändern, und ich werde seine Größe auf 152 mal 144 ändern. Großartig. Lasst uns auf tschechische Grenzen. Ich werde es mit zwei 152 ändern. Großartig. Jetzt duplizieren wir es und legen es dort drüben hin und ändern auch sein High . 218. Großartig. Und das ist noch einmal dupliziert und hier abgelegt. Und lasst es uns zum letzten Mal duplizieren und dort drüben hinlegen. Und das hat das Hoch auf 214 geändert. Das ist großartig. Also jetzt, anstatt unsere Fotos hierher zu ziehen und abzulegen und sie dann zu maskieren, werde ich Ihnen einen anderen Weg zeigen, wie Sie das tun können, indem Sie dieses erste Rechteck auswählen und zu den Gefühlen und der letzten Option gehen. Sie können es mit jedem Bild fühlen. Also lassen Sie uns wählen Sie es aus unseren Dateien sind richtig. Ich werde Nummer drei wählen. Da gehen wir. Es schien so richtig zu sein? Und der nächste auch. Ich werde Nummer vier wählen, und die nächste wird es uns so viel sparen. Neun. Der nächste wird Nummer fünf sein. Und für die letzte, die Schuhe Nummer zwei, die wir hier benutzt haben. Das ist erstaunlich. In Ordnung. Alles ist großartig. Vielen Dank, dass Sie sich dieses Video ansehen. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 81. Kameraseite: Hey, alle, willkommen zurück zu einem anderen Video aus diesem Bereich. In diesem Video werden wir unsere Kameraseiten gestalten. Ich bin so aufgeregt. Also, ohne weiteres, lasst uns anfangen. Zuallererst werde ich einen anderen Kunstboard iPhone Zugang einlegen. Lassen Sie es uns hier sagen, und ich werde Akopian die Statusleiste beschleunigen. Und wir brauchen auch zu Hause Indikator. Also lassen Sie es einfügen Bars Home-Anzeige auf Telefon Licht dargestellt. Lassen Sie es uns hier setzen und ausrichten. Großartig. Also, was brauchen wir hier? zunächst Lassen Sie unszunächstunsere Kunstboards ändern. Name zur Kamera. - Natürlich. Wir brauchen hier ein Foto in unserem Hintergrund, also lassen Sie uns ein Rechteck und einen Drachen einfügen. Lassen Sie es fallen, um unsere Seite zu füttern und setzen Sie sie direkt unter andere Elemente. Großartig. Ich kann die Grenzen nicht überprüfen. Das brauchen wir nicht. Dann lasst uns gehen Zeh fühlt sich Mustergefühl, und hier werde ich dieses Foto Nummer sechs wählen. Großartig. Ich denke, es ist besser, die Farbe unserer Statusleiste von hell zu dunkel zu ändern. Wie Sie sehen können, sagt es dunkel. Es bedeutet, dass es für dunklen Hintergrund geeignet ist. Aber in der Tat ist dies die leichte Anbetung. Dann brauchen wir da drüben einen Auslöser. Gehen wir also voran und fügen Sie einen Kreis ein und ziehen Sie ihn hier ab. Machen wir es 60 mal 60 und ich werde Aufnahmegeräte und die Grenzen ändern Anruferzehe weiß . Dann stellen Sie sicher, dass es hier in der Mitte Option ist und auch mit 22.7 geändert wird. Großartig. Wie Sie sehen können, ist der Abstand 27. Ich schaffe es 40. Da gehen wir. Ich denke, es ist gut für Poots, ein Setting Icon direkt da drüben und auch ein Bild direkt dort, um ein anderes Foto aus der Galerie zu wählen . Also lass mich weitermachen und unsere Einstellungen mitbringen. Ich kann hören, dass es sich um 24 Pixel handelt. Lassen Sie uns diese Elemente zusammen eine Linienebene nach unten, genial und auch die Polsterung nach links ausrichten . Machen wir es 24 Pixel und dann werde ich einen weiteren Kreis hier einfügen, und das ändert sich auf 44 mal 44 Pixel und auf tschechischen Grenzen anglikanische Daten. Weil wir ein anderes Gesicht brauchen. Das ist fantastisch. können wir auch auffrischen. Großartig. Dann werde ich ein paar Schatten hinzufügen, die die X 25 die y 22 und ein Blair für Teenager setzen. Das ist genial, dann, dass wählen Sie alle diese Elemente und so dass sie auf den Boden. In Ordnung, lassen Sie uns die Polsterung überprüfen. 17. Lassen Sie uns es 24 Grab machen und auch unseren Auslöser in der Mitte ausrichten. Das ist fantastisch. Was brauchen wir noch? Du hast recht. Wir brauchen den linken Pfeil, um den Benutzer in der Lage zu machen, durch unser Projekt zu navigieren. Also lasst uns seine Farbe in Weiß ändern. Großartig. Also, jetzt werde ich gehen und duplizieren diese Kunstvögel, um die Seite zu entwerfen, die der Benutzer die Einstellung ändert. Lassen Sie uns also seinen Namen in Kameraeinstellungen ändern. Und dann werde ich diese drei Elemente entfernen, weil wir sie nicht brauchen, wie Mizzou meinen, und ich werde es umsetzen. Drache. Lassen Sie es hier fallen und es macht es 338 von 45 und an tschechischen Grenzen. Stellen wir die Farbe auf Schwarz und verringerte Kapazität auf 18. Großartig für diese etwas werde ich Blairs Option verwenden. Also lassen Sie uns hier klicken und wählen Hintergrundspieler Perfect, und ich werde den Hintergrundspieler Betrag auf 41 erhöhen. Das ist großartig. Also lassen Sie uns die Polsterung überprüfen Lassen Sie uns Sie an der Mitte ausrichten und seine untere Polsterung ist 28. Machen wir es 33 in Ordnung, und jetzt ist es Zeit, unsere Symbole hinzuzufügen. Also müssen wir hier fünf verschiedene Symbole hinzufügen. Blitz, Helligkeit, Kontrast, Beschneiden und Stoppuhr. Da gehen wir. Das ist wählen Sie alle aus und legen Sie sie hier. Ich werde sie vertikal ausrichten. Da gehen wir. Und dann lassen Sie uns sie auch auf das alles in Ordnung verteilen. Also lasst uns auch die linke Polsterung ändern . 30 tolle und auch die richtige Polsterung zu 30 als gut. Und für diese Zuschneide-Symbol, ändern wir es auf 42 nach rechts und 44 auf der linken Seite. Wählen wir diese Kontrast-Symbol und diesen Wrack Tango und richten sich an die Mitte, und es wird 42 sein. Dort gehen wir, und auch für das beschnitten-Symbol nach links. Machen wir es 38. In Ordnung jetzt lassen Sie uns alle auswählen und klicken Sie auf Schichten verteilen, und dann haben wir diesen Indikator, dass wir den Abstand gleichmäßig ändern können. Also nun lasst uns es 36 große Seelen machen und sie gruppieren und dieses Rechteck auswählen und zur Mitte ausrichten . Das ist großartig, richtig. Wir haben unsere Kameraeinstellungen und auch unsere Kamera-Seite abgeschlossen. Ich hoffe, es hat dir im nächsten Video gefallen. Wir werden unsere Explore-Seite erstellen, so sehen Sie dann. 82. Erkunden: Hey, alle, willkommen zurück zu einem anderen Video dieses Abschnitts in diesem Video. Wir werden unsere Explore-Seite gestalten. Also, ohne weitere Umschweife, lasst uns anfangen. Zuallererst werde ich diese Profilseite duplizieren. Da gehen wir weiter, das ist College. Erforschen. Großartig. Und ich werde fast alle Elemente hier entfernen, außer unserer Statusleiste und auch unser Tippen sind großartig. Jetzt müssen wir die Suchleiste ändern sind jetzt, um die Suche zu ändern. Weit müssen wir es vom Symbol lösen. Also lassen Sie uns mit der rechten Maustaste hier klicken, losgelöst von Symbol. Und hier lassen Sie uns doppelklicken. Da gehen wir und ich werde es von Thema zu regulären Awesome ändern. Das nächste, was wir tun müssen, ist, einen Text hier auf Let's Right Stellen hinzuzufügen. Wir werden drei verschiedene Abschnitte erstellen, Orte im Trend und beliebt. Also lasst uns die Schriftart ändern. Zwei Monate, Sarah. Großartig und ändern Sie den Weg zu fett. Und auch werde ich seine Größe auf 30 Punkte perfekt erhöhen. Und lassen Sie uns seine Farbe ändern, um dese grau Awesome und es ist links Polsterung wird 30. Also ist es jetzt großartig und dann müssen wir das hier einfügen. Lasst uns seine Größe auf 130 mal 130 ändern, es ist Eckenradius auf 17 und ich werde jetzt Grenzen nicht kontrollieren . Wir brauchen keine glatten Ecken, also lassen Sie es uns um Ecken halten und es hört auf, das Hinzufügen von 16 und 30 nach links zu sein. Großartig, dann duplizieren Sie diesen Text und setzen Sie ihn hier und ändern Sie seine Größe auf 18. Und hier, schreiben wir ma Blätter und lassen Sie es uns hier mit einem 16 Pixel-Polsterung setzen. Und lassen Sie uns es noch einmal duplizieren und es hier setzen und seine Größe auf 16 ändern und von fett zu normal. Und auch müssen wir seine Farbe ändern, um die CD zu sehen. Da gehen wir. Und hier, schreiben wir die Nummer aus dem Posten. Zum Beispiel 35 Beiträge genial und das obere Hinzufügen wird Zellen auswählen. Machen wir es drei. Das ist großartig. Und ich werde diese drei Elemente zusammenfassen und diese beiden Texte hören. Es wird unsere erste Kategorie sein, also lasst uns College Mall geht großartig. Und dann werde ich auf das doppelklicken und lassen Sie uns gehen, um Muster fühlen und wählen Sie ein Foto aus unseren Fotos Bilder. Und hier, lasst uns auf Nummer sieben klicken. Großartig. Wir können hier auch einige Schatten hinzufügen, um es besser aussehen zu lassen. Also lassen Sie uns voran gehen und wählen Sie diese schöne blaue Farbe und reduzieren Sie alles für 20%. Und dann sagte die X 2 16 y 28 und Blair zu 33. Das ist großartig. Und dann werde ich es duplizieren und es dort drüben legen, und die linke Polsterung wird 16 Pick Seelen sein. Und noch einmal, lassen Sie uns perfekt duplizieren. Und dann lasst uns das Foto zuerst auf Nummer acht ändern. Großartig. Und hier lassen Sie uns richtig, Frankreich und änderte die Anzahl der Beiträge auf 13 Beiträge, zum Beispiel, und die nächste als auch. Bild Wählen Sie Bild Nummer neun. Und das hat den Titel in New York geändert und die Anzahl der Beiträge auf 45. Fantastisch, aber wir müssen auch den Schattenkragen hier wechseln, also lass uns voran gehen und diesen wählen und den Alfa auf 20 reduzieren. Das gleiche ist großartig, und jetzt wählen wir sie alle. Wählen Sie diesen Titel auch an Collegeplätzen aus. Dann werde ich es duplizieren und es dort drüben legen. Wir würden 40 große Zellen große Margen, und das hat seinen Titel in Trending geändert. Und dann werde ich weitermachen und wieder sein Foto auf Nummer 10 ändern Thesis Blue Orange. Also, das ist richtig. Blau-Orange. Das ist interessant. Und ändern Sie auch die Anzahl der Beiträge . 120 und auch die Schatten dieser Wolke verändern den ganzen Fuß 20 und der nächste den gleichen Prozess. Ich weiß, es ist irgendwie repetitiv, aber Übung macht perfekt. Das ist Schuhe Nummer 11 und änderte den Titel in Boardwalk Awesome und änderte eine Anzahl von Beiträgen zum Beispiel auf 17. Versuchen Sie immer, Riel-Bilder auf echten Inhalten zu verwenden. Du weißt, dass es wirklich wichtig ist, und der letzte, lass es uns schaffen. Es ist eine Nummer 12 und und änderte seinen Namen in Strand und die Anzahl der Beiträge auf 90 Great. Und vergessen Sie nicht, den Namen der Gruppe in Trending zu ändern und lassen Sie uns weiter gehen und noch einmal duplizieren . Und lassen Sie uns es zu beliebt ändern und setzen Sie es direkt unter unsere Tippleiste und ändern Sie seinen Titel in populär auf . Stellen Sie sicher, dass die Polsterung er wird 40 sein. Großartig. Alles klar, keine Sorge. Wir müssen sie bewegen. Die obere Polsterung wird 67. Das ist großartig. Ich werde den Inhalt nicht von der letzten Kategorie ändern, was beliebt ist. Wenn du willst. kannst du für dich selbst tun. Ich werde dir keine Zeit nehmen, und das Letzte, was wir hier brauchen, ist ein Suchsymbol da drüben. Also lassen Sie uns voran und bringen, dass wir suchen Groß haben, lassen Sie es hier setzen und die richtige Polsterung wird auch 30 sein, und die untere Polsterung wird 14. Das ist ziemlich fantastisch. Das letzte, was wir tun müssen, ist, diese Symbolfarbe in das gleiche Grau zu ändern. Perfekt. Alles in Ordnung jetzt sind erkunden. Die Seite ist jedoch bereit . Wir brauchen eine andere Seite, um zu demonstrieren, wie die Bezahlung aussehen sollte, wenn der Benutzer versucht, etwas zu suchen. Also lassen Sie uns dieses Kunstboard nennen, erkunden, suchen genial, und das ist das Suchsymbol entfernt. Also, wenn der Benutzer auf die Schaltfläche klickt, wird es versteckt werden, und stattdessen werden wir ein Steuerfeld präsentieren, das er oder sie eingeben kann. Also, was ich tun werde, ist dorthin gehen und kopieren und einfügen eines unserer Takes Feld, weil wir konsistent sein müssen. Dort gehen wir weiter, Lassen Sie uns seine Farbe ändern, unsere Primärfarbe groß. Und die untere Polsterung wird 30 sein, dann hier brauchen wir Angriff. Also lasst uns schreiben, reisen und es regelmäßig machen. Und lassen Sie uns auch die Größe auf 16 Punkte reduzieren und auch die Farbe ändern . Die gleiche Primärfarbe und die linke Polsterung wird 16 sein. Also lassen Sie es uns überprüfen. Das ist großartig. Und die untere Polsterung wird acht sein. Perfekt. Die andere Sache. Wir brauchen diese Angriffe Input-Marker. Also lassen Sie es uns kopieren und einfügen. Ich werde es gleich da drüben hinstellen. Allerdings werde ich seine Farbe auf Gelb für diese Seite ändern. Also ist der Code F sechs B neun und Null. Ein tolles. Das Letzte, was wir brauchen, ist eine Entlassungsflasche, um sie dort drüben zu bringen. Also lasst es uns von unseren Icons hierher bringen. Da gehen wir. Es wird die gleiche Farbe haben. Sie können es ändern, wenn Sie wollen. jedoch Es istjedochdie gleiche Farbe, die für dieses Projekt verwendet wurden. Es wird 12 von rechts und sechs von unten sein. Und dann lassen Sie uns voran und gruppieren diese Elemente in der College-Suchleiste. Alles klar, jetzt müssen wir hier etwas ändern, weil wir die Kriegsreise durchsuchen. Wir müssen einige dieser Kategorien entfernen. Okay, also das erste, was ich entfernen werde, ist der beliebte Abschnitt, und dann werde ich diese blau-orange Kategorie entfernen und diese Kategorien nach links verschieben . Großartig. Und dann lassen Sie uns diese zwei Abschnitte auswählen und sie nach unten verschieben. Es wird 56 nach unten sein. Großartig. Und verschieben Sie auch die Suchleiste nach unten. Und es wird 32. Der Boden. Das ist ziemlich genial, nicht wahr? Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 83. Seite von Nachrichtenquellen: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden unsere Nachrichtenseite gestalten. Also, ohne weitere Umschweife, lasst uns anfangen. Zuerst werde ich voran gehen und duplizieren, die hier erforschte Seite. Great on That hat seinen Namen in Nachrichten geändert. Großartig. Und danach werde ich fast alle diese Elemente und auch diese Kategorien entfernen. Aber ich werde den Titel des Friedens behalten, und das ändert zwei Nachrichten. Großartig. Und danachwerde ich, werde ich, und danach werde ich drei verschiedene Karten für unsere Nachrichten erstellen. Also zuerst, lassen Sie uns hier herum einfügen, alles klar, und lassen Sie uns seine Größe auf 315 mal 85. Und lassen Sie uns auch den Eckenradius ändern, um Ecken zu glätten und es beträgt 20. Fantastisch. Und dann müssen wir Borders deaktivieren, und das hat seinen Kragen in Weiß geändert. Und danach werde ich ein paar Schatten hinzufügen und lassen Sie uns alles viel zu 12 rechts abnehmen und seine X 2 19 ändern und das setzen warum, auf neun und das Blair auf 38. Großartig, dann brauchen wir hier ein Foto, also gehen wir voran und legen Sie den Kreis ein und seine Größe wird 26 mal 26 große Seelen und auf schüttelnden Grenzen sein . Und lassen Sie uns hier Daten verwenden. Großartig und es ist links und oben Polsterung wird 16. Ehrfürchtig. Und dann brauchen wir einen Text, um den Namen dieses Benutzers zu schreiben. Das ist richtig, David Smith, und ich werde den Weg zu Regular ändern und auch seine Größe auf 14 Punkte. Und lassen Sie uns auch die Farbe ändern, um D, B, D, D, B und d fantastisch zu sein. Also lasst uns diese beiden ausrichten. Alles in Ordnung auf den Raum zwischen ihnen wird acht Pixel sein. Das Letzte, was wir brauchen, ist eine andere Technologie. Das ist also dupliziert. Und hier werde ich eine neue Nachricht von David schreiben, und das ändert seine Farbe. Das gleiche Grau, das wir hier haben. Und ich werde seine Größe auf 16 Punkte ändern und es hört auf hinzuzufügen, wird acht Pixel sein und das linke Kämpfen und auch untere Polsterung wird 16 Pixel betragen. Großartig. Jetzt ist es Zeit, diese Elemente zusammen zu gruppieren und Kollegen Nachricht wollen. In Ordnung, also hier werde ich weitermachen und es duplizieren. , können Sie aber Anstatt dies zu tun, können Sie aberauch ein Symbol erstellen, um den Prozess abzubauen diese Nachrichten viel schneller zu entwerfen. Also lassen Sie uns voran und erstellen Sie ein Symbol. Und hier werde ich Karten Schrägstrich Nachricht schreiben. In Ordnung, wenn ich jetzt zum Dokument gehe, sehe ich hier Autos und kann es hier abstellen. In Ordnung. Großartig. Jetzt, wo wir ein Symbol haben, können wir hier leicht alles ändern. Also lassen Sie uns jetzt gehen und ändern Sie sein Foto, das auswählen, und klicken Sie auf Daten Aktualisieren Daten für Master. Lassen Sie es uns noch einmal auffrischen. Großartig. Und dann lassen Sie uns diesen Text wählen. Und hier werde ich es in Trauer ändern. Williams, kannst du sehen? Wie geht es? Leichtigkeit? Und dann wird das die Einsätze verwendet und ändern Sie es, zum Beispiel, Saara gepostet. Ich wusste, dass wir fantastisch sind. Dann gehen wir weiter und duplizieren es und legen es hier. Und wieder einmal, das hat dieses Foto großartig verändert. Und auch dieser Name für Emma Jones. Und auch werde ich diesen Text zu Emma Leben ändern Ihren Beitrag. In Ordnung. Das ist ziemlich fantastisch. Warte, Was ist, wenn ich etwas zu unseren Symbolen hinzufügen möchte? Zum Beispiel, Was, wenn Sie hier eine Zeit hinzufügen möchten, um dem Benutzer den genauen Zeitpunkt mitzuteilen, zu dem diese Benachrichtigung oder Nachricht empfangen wurde? Oder auch, es ist kleinen Pfeil hier hinzufügen. Also, um das zu tun, weil die Sie Schimmel sehen, es ist so einfach. Okay, also lasst uns darauf doppelklicken. Es wird uns zur Wurzel bringen. Oder sagen wir die Master-Datei, ich werde vergrößern. Also, was auch immer du hier machst, es gilt für all die Autos, die wir gerade erschaffen haben. Also lasst uns Angriffe auf rechts vor einer Stunde erstellen. Ich werde seine Farbe in der gleichen Lichtklasse ändern, die wir haben. Und lassen Sie uns auch seine Größe auf 12 Punkte ändern und es ist rechts und unten Polsterung wird 16 Pixel perfekt sein. Und auch, ich werde hier einen kleinen Pfeil hinzufügen, also bringen wir ihn von unseren Symbolen. Wie Sie sehen können, haben wir einen kleinen Pfeil, also bringen wir ihn rüber. Ehrfürchtig. Und ich werde seine Farbe in unsere Primärfarbe ändern, so dass Sie doppelklicken und unsere Primärfarbe wählen können. Fantastisch. Und es ist richtig. Polsterung wird 16 als Ball sein und seine untere Polsterung wird sechs sein. Perfekt. Nun, wenn wir zu unserem Weihrauch zurückkehren, können Sie sehen, dass es für alle gilt. jedoch Wir müssenjedochauch diese Zeiten ändern. Also lassen Sie uns voran und ändern Sie es vor zwei Stunden und den nächsten 1 bis 1 Tag. Lassen Sie mich noch einmal zum Meister gehen, um sicherzustellen, dass wir diese Zeit richtig ausrichten . Wie Sie sehen können, ist es die Linie auf der linken Seite. Wie, ob es nach rechts ausgerichtet werden muss. Okay, jetzt ist es großartig. Und dann lassen Sie uns alle diese drei Nachrichten auswählen und den Abstand zwischen ihnen überprüfen. Es ist 21. Machen wir es 16. Awesome! Und es hört auch auf, sich zu verstecken ist 38. Machen wir es 40. Erstaunlich! Können Sie sehen, wie mächtig diese Symbolfunktion ist? Es wird Ihnen so viel Zeit sparen, als Sie eine Benutzeroberfläche entwerfen. In Ordnung. Vielen Dank, dass Sie sich dieses Video ansehen. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 84. Chat-Seite: jeder. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden unsere Chat-Seite gestalten. Also, der Tat, dies ist eine Seite, die, wenn ein Benutzer auf eine dieser Benachrichtigungen oder Autos klickt, wird unser Recht ohne weiteres zeigen, Lassen Sie uns loslegen. Zuerst werde ich das Kunstbrett duplizieren und es hier platzieren, um unseren Campus zu organisieren, und ich werde es chatten nennen, und dann müssen wir fast alles entfernen. Also lasst uns diese Karten entfernen. Und auch, überraschend, müssen wir entfernen thes tippen sind. jedoch Wir brauchenjedocheinen Hausindikator. Also lassen Sie uns fortfahren und kopieren und einfügen es von hier. Ehrfürchtig. Das erste, was wir brauchen, ist eine Navigationsleiste. Sie können einfach gehen, um Apfel auf Ihrem einfügen. Sie I Bars Navigation Bohrung iPhone kompakt, und hier haben Sie zwei verschiedene Versionen, weil es die Arya ist 13. Du isst gern. Anstatt diese Standardeinstellung auszuwählen und hier zu platzieren,zeige ich Ihnen, wie Sie Ihre eigene anpassbare Navigationsleiste erstellen können. Anstatt diese Standardeinstellung auszuwählen und hier zu platzieren, Gehen wir also voran und fügen Sie hier ein Rechteck ein. Alles klar, und ändern wir seine Größe auf 375. Okay und binden Sie an 88. Es ist der Standard, und ich nehme diese Grenzen und lass uns seine Farbe in Weiß ändern. Großartig, wie Sie sich vorstellen können, müssen wir einige Schatten auf Let's change hinzufügen. Es ist alles viel zu 15 großartig. Und auch ist es Blair bis 41. Großartig. Das nächste, was wir brauchen, ist ein Titel hier. Also in dieser Seite wird der Name des Benutzers sein. Also, das stimmt, David Smith. Und ich werde auch seine Farbe ändern, dieses Grau. Und lasst es uns auch vergrößern. Das hat seine Größe auf 17 Punkte geändert. Und ich werde es auch von regulären ändern. Zu mutig. Fantastisch. Dann werde ich vertikal und horizontal in die Mitte einreihen. Und was brauche ich noch? Ich brauche ein Foto da drüben und auch links Arrow hier. Also lassen Sie uns sie hinzufügen. Ich habe den linken Pfeil hier, also lassen Sie es uns kopieren und einfügen. Ich werde es gleich da drüben hinstellen. Und dann sagte das, es ist links Polsterung auf 24 und seine untere Polsterung auf 20. In Ordnung, wir müssen diesen Titel auch nach unten setzen und ihn vertikal mit unserem Pfeil ausrichten. Großartig. Und lassen Sie uns alle diese Elemente auswählen und direkt unter unsere Statusleiste setzen. Fantastisch. Und das Letzte, was wir brauchen, ist das Profilbild hier. Also brauche ich das Foto von David Smith. Ich kann die Daten nicht verwenden, weil es mir ein zufälliges Bild geben wird, und ich muss es aktualisieren, bis ich es bekomme. Also ist es besser, voran zu gehen und hier werde ich doppelklicken, und ich werde dieses Foto wählen , Kaffee es und kommen zurück zu dieser Chat-Seite und lassen Sie es hier einfügen. Da gehen wir. Seine Größe ist großartig und es ist richtig. Polsterung wird 24 sein, seine untere Polsterung wird 20 sein. Jetzt ist alles eingerichtet. Wir können ein Symbol aus unserer Navigationsleiste erstellen, um sie viel schneller nutzen zu können. Also lassen Sie uns alle diese Elemente auswählen, einschließlich der Statusleiste und gruppieren sie, und das ist erstellen Symbol hier. Das ist richtig, Bar Navigationsleiste perfekt. Das nächste, was wir brauchen, ist, unsere Hintergrundfarbe zu ändern, also werde ich voran gehen und ein Rechteck einfügen, zwei Meter unsere Seite und an tschechischen Grenzen, und das hat seinen Kragen zu F fünf, wenn fünf und F fünf. Großartig, wie Sie sehen können, haben wir ein hellgrau, was genial ist. Und jetzt ist es Zeit, unsere Nachrichten zu erstellen. Also, was ich tun werde, ist, um es herum und Drachen fallen lassen Sie es hier. Und das macht 290 mal 52 auf tschechischen Grenzen. Und lassen Sie uns auch seinen Eckenradius auf 15. Ehrfürchtig. Aber ich gehe zu Double Creek und diesem Wrack Tango und wähle die Ecke. Und dann werde ich seinen Radius ändern 20 Sie können sehen, wie es sein wird. Und lasst uns auch seine Farbe Zehenweiß ändern, und es ist Zeit, einige Schatten zum Essen hinzuzufügen. Lasst uns ändern. Es ist alles 4 bis 10. Es ist auchX zwei für seinen Autor auch . Und die Blair zu 10 ziemlich gut. Jetzt werde ich voran gehen und ein Takes erstellen. Das ist richtig. Hallo, John. Wie geht's dir? Ich werde es regelmäßig machen und auch seine Größe auf 14 Punkte ändern. Großartig. Und es ist morbide hier, und ich werde dich vertikal in der Mitte ausrichten und die linke Polsterung wird 17 Peak Seelen perfekt 17 von oben links und unten sein. Und dann werde ich eine Zeit hier hinzufügen. Also schreiben wir 12 Colin vier. Ich setze es hier auf. Das hat seine Größe auf 10 geändert. Und es ist auch Farbe zu DB db. Andy sei großartig. Das ist es vertikal ausrichten und es ist die richtige Polsterung wird 16 sein. Das ist fantastisch. Nun lasst uns sie gruppieren und hier sind links Padding seine 19. Machen wir es 24. Jetzt ist es besser. Und das nächste, was wir tun müssen, ist, eine weitere Botschaft zu erstellen, die von John anstelle von David kommt. Also hier, lassen Sie uns seinen Gruppennamen in erste Nachricht ändern. Und dann schafft das hier noch eine andere, und ich werde dich 290 mal 70 machen. Großartig den gleichen Eckenradius, und das ist Doppelklick darauf und dieses Mal, wählen Sie diesen rechten Eckpunkt und verringern Sie seinen Radius auf Null in auf tschechischen Grenzen. Und dann werde ich es spüren. Wir würden ein Grady int, Also lasst uns auf den Kreis klicken und wählen 50 64 F neun und die andere, die 54 3 F und E acht verwendet wird . Großartig. Ich werde die Richtung ändern, die es so sein wird, oder wir könnten es hier ändern . Jetzt ist es besser. Perfekt. Dann gehen wir weiter und kopieren und einfügen. Diese Panzer müssen es runterbringen und seine Farbe nach rechts ändern, offensichtlich. Und hier, lass uns richtig. Hallo, David. Ich bin großartig. Wie geht's dir? Ist alles in Ordnung? Ehrfürchtig. Und dann werde ich es hierher bringen und versuchen, es kleiner zu machen und es nach links auszurichten. Ich denke, es ist besser, die mit 2 232 Great einzustellen. Und das ist eine Linie in die Mitte von wo tickly und es ist übrig. Die Polsterung wird 17 sein. Denken Sie daran, in Ihrem Design konsistent zu sein. Lass uns dieses Mal kopieren und einfügen, alles klar. 17 von unten und 17 von rechts , , und ich werde voran gehen und seine Farbe in Weiß ändern und seine Kapazität auf 50% verringern. Das ist fantastisch. Also lassen Sie uns voran und gruppieren sie, und hier haben wir die zweite Nachricht, und dann lassen Sie uns duplizieren, und je nach oben wird acht groß sein. Jedoch dieses Mal, das ist ein Doppelklick auf dieses Rechteck und klicken Sie auf Undie Kreis und verringerte den Eckenradius auf Null und wählen Sie auch den Kreis und erhöhen Sie es auf 15. Das ist ziemlich cool, oder? Dann werde ich die Steuer ändern, damit Sie Ihr Projekt abgeschlossen haben. In Ordnung? Und denken Sie daran, diese Zeiten zu ändern, weil es keinen Sinn macht, die gleiche Zeit für alle Nachrichten zu haben . Also machen wir es 14 und dieses auch. In Ordnung. Und hier haben wir unsere dritte Botschaft. Und jetzt haben wir eine Antwort von David. Also lasst uns diese Nachricht duplizieren und direkt hier ablegen. Aber vorher wählt das Nachrichten aus und überprüft das Padding. Es wird 24 auch für diese 1 24 sein und jetzt werde ich auf dieses Rechteck doppelklicken und seine Höhe auf 70 ändern. Awesome! Und lassen Sie uns diese Takes nach links ausrichten und in Danke ändern. Mir geht's gut. Und ja, das habe ich. Bist du heute Abend frei? Großartig. Und diese Zeit wird Jahr 17 von unten sein und es 17 von links machen. Auch für diesen hier. Großartig. Also, jetzt brauchen wir noch eine Nachricht von John, die dupliziert ist. Oh, ich habe vergessen, den Gruppennamen zu ändern. Also Zunächst einmal, lassen Sie es ändern, um die vierte Nachricht kommen. Und jetzt lasst uns auch diese Steuer ändern . Das ist großartig. Ja, ich bin nach neun Uhr frei Warum? Und lassen Sie uns verringern die mit 2 224 Es ist besser. Ich hätte es fast vergessen. Machen wir es 12 25. Und für diesen, das macht es 12 35 großartig. Und das wird unsere fünfte Botschaft sein. Also lasst uns richtig, fünfte Nachricht. Und dann duplizieren Sie unsere vorherige Nachricht und legen Sie sie dort drüben. Die oberste Planung unserer vorherigen Botschaft wird 24 sein. Also ist es richtig und auch für diesen einen genial. Und das hat seine Einstellungen geändert zu Nun, ich wollte in weiß Sie, wissen Sie, und auch wir müssen es mit 2 232 verringern und das hat sich geändert. Es ist Zeit, 12 45 genial. Und dann hat das seinen Gruppennamen in sechs Nachrichten geändert, und die letzte Nachricht wird diese sein. Also lassen Sie es uns duplizieren und es hier mit einem 24-Pixel-Rand setzen. Und dann ist das richtig. Vielen Dank für die Einladung. Ich würde dich gerne sehen und mich dann ändern. Es ist Zeit, 12 55. Großartig und dass ich den Gruppennamen auf siebte Nachricht ändern, sind richtig. Es war so viel, was ich kenne. Allerdings ist es wirklich notwendig, die Aufmerksamkeit auf die Details zu zahlen, und Sie entwerfen eine Benutzeroberfläche. Dann brauchen wir einen Container, damit der Benutzer Schmerzen eingeben kann. Lass uns weitermachen und es schaffen. Das ist ein Rechteck einfügen. Aber es ist genau da drüben, direkt unter unserem Heim-Indikator, und seine Größe wird 375 mal 71 sein. Es ist in Ordnung, lassen Sie auf tschechische Grenzen und füllen Sie es mit weißer Farbe. Ich denke, es ist eine gute Idee, irgendeine Art von Grenzen zu haben. Aber ich werde es alles viel zu 20% reduzieren. Und es ist auch mit 20 Punkt zu, und dann müssen wir es von innen nach außen ändern. Da gehen wir, und dann ist das bei einigen Schatten. Ich werde sein Angebot auf 8% verringern und das heißt, es ist der Grund, warum auch auf Null und die Unschärfe auf vier, die ziemlich gut ist. Dann brauchen wir hier eine Steuer. Das ist richtig. Schreiben Sie hier etwas und Punkt, Punkt, Punkt und ich werde auch seine Farbe ändern . B sechs, b sechs und b sucht. Und es ist auch Spaß Größe bis 14 Punkte. Lasst uns ändern. Es macht Spaß, SF pro Text. Jetzt ist es besser, Ordnung, und es ist aufhören zu klopfen wird 17 und 44 nach links sein, also brauchen wir hier noch zwei Dinge. Eines ist hier ein Plus-Symbol, um etwas anzuhängen. Zum Beispiel ein Foto oder ein Video. Also lassen Sie uns voran und bringen es aus unserer Icons-Datei. Da gehen wir. Es ist links Polsterung wird 15 groß sein, und das andere ist ein Emoji-Symbol, um einige Emoji hinzuzufügen. Also lasst es uns bringen. Auch hier haben wir Emordi wie auf Lasst uns es hier 20 nach rechts und 17 nach oben Ziemlich gut, und ich werde voran gehen und gruppieren sie. Lassen Sie uns richtig, richtig, Nachrichtencontainer. Großartig! Dann werde ich all diese Nachrichten gruppieren und das sind die richtigen Nachrichten und sie so runterbringen , weil wir das Letzte hinzufügen müssen, das ist das Datum von dieser Unterhaltung. Also lassen Sie uns voran und legen Sie es um und machen Sie es 77 mal 20 und auch an tschechischen Grenzen und ändern Sie seine Farbe in Weiß. Ich werde es an der Mitte ausrichten. Dann brauchen wir einen Text, der richtig ist. Montag, 18. März und ich werde seine Größe auf 11 Punkte und seine Farbe ändern, auch. 83 83 93. Das ist ein See beide Spieler und richten sie vertikal und horizontal und auch gruppieren sie hier. Ich werde das Datum schreiben und es hört auf hinzuzufügen, wird 16 sein. Erstaunlich. Also haben wir erfolgreich unsere Chat-Seite zusammen entworfen, alles genau da. Fast nicht, Wir brauchen jedoch ein anderes Kunstboard, also lassen Sie es duplizieren. Wir müssen hier eine Tastatur präsentieren, also lasst uns richtig, chatten , tippen, und ich werde die letzte Nachricht entfernen und diesen Indikator entfernen, und es ist Emoji eingeschaltet. Bringen wir es gleich da drüben und lassen Sie uns den Rest der Nachrichten ein wenig nach oben verschieben, so etwas wie das. Und dann haben wir hier eine Tastatur, damit wir sie hierher bringen können, sie einfügen und unseren richtigen Nachrichtencontainer direkt darüber legen können. Ich werde seine Höhe auf 50 ändern, und auch wir müssen diese Takes auch ändern. Das hier. Vielen Dank für die Einladung. Also lassen Sie uns voran und richten Sie es auf die linke und rechte Dinge viel für die Einladung und dann ändern Sie seine Farbe zu diesem Spaß. Und bringen wir die Texteingabemarke als Whoa, die wir hier brauchten Alles klar, alles ist großartig. Das letzte, was wir tun müssen, ist, Sand Nachricht Button dort drüben hinzuzufügen. Also lassen Sie uns voran und bringen sein Symbol von unseren Symbolen. Wir haben das Symbol hier senden. Bringen wir es hierher. Es ist Frau, also können Sie das nicht sehen. Lass uns voran gehen und einen Kreis erstellen. Und auf Jake Borders, das ist es 24 mal 24 und wählen Sie Primärfarbe dafür. Dann lege ich es direkt unter unsere Sand-Symbol. Los geht's. Lassen Sie uns sie vertikal und horizontal ausrichten und ich werde sie gruppieren und nennen sie und unten und sein Rand wird 13 nach links sein. 13 der Boden und Frettchen nach oben. Alles ist erledigt. Wir haben zwei verschiedene Seiten zusammen erstellt. Ich hoffe, es hat dir gefallen, und ich werde dich im nächsten Video sehen 85. Einstellungsseite: Hey, alle, willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden unsere Einstellungsseite gestalten. Also, ohne weitere Umschweife, lasst uns anfangen. Zuerst werde ich diese Chat-Eingabe duplizieren, und das hat seinen Namen in Einstellungen geändert. Und dann werde ich hier fast alle Elemente entfernen. Ordnung, wir brauchen diesen Hausindikator, aber dann werde ich unsere Navigationsleiste in diesem Bereich ändern. Wir brauchen dieses Profilbild nicht. Wie kann ich das entfernen? Ich kann einfach mit der rechten Maustaste hier klicken und es vom Symbol lösen und dann das Profilfoto auswählen und entfernen. Und danach richte ich diese Takes an der Mitte aus und ändere sie in Einstellungen. Großartig. Also auf dieser Seite, werden wir zwei verschiedene Abschnitte erstellen. In der Tat werde ich zwei verschiedene Karten erstellen und unsere Einstellungsoption einschließen. Alles klar, der erste Abschnitt wird Benachrichtigungen sein. Also lassen Sie uns Benachrichtigungen schreiben, und ich werde sein Schicksal ein reguläres ändern und seine Größe auf 16 Punkte ändern. Und es ist auch Farbe. Zwei c acht, c acht und sehen acht. Das ist großartig. Lassen Sie es uns hier in Ordnung bringen. Annexion, die wir brauchen, ist ein Rechteck zu schaffen. Oh, also lasst uns es hier runterbringen. Und ich werde seine Größe auf 329 um 139 ändern. Und das ist ändern Sie seinen Eckenradius auf 17 alles in Ordnung, und auf tschechischen Grenzen und füttern Sie es weiße Farbe. Dann müssen wir ein paar Schatten hinzufügen. Also lasst uns ändern. Es ist mein bis 14 und gespaltene Luft auf 43. Und lassen Sie uns auch dieses Angebot auf 8% verringern. Großartig. Unsere erste Option wird Promotions sein. Ich werde auch seine Farbe ändern, dieses Grau. Dann brauchen wir einen Suchcontroller. Also lasst uns eins erstellen. Anstatt es von irgendwohin zu bringen, werde ich Ihnen zeigen, wie Sie Ihre eigenen Switches erstellen können. Also das erste, was wir brauchen, um es hier herum, und es sind unkontrollierte Grenzen und machen es 40 mal 17. Alles klar, und das hat auch seinen Kragen gewechselt . Acht a 84 f f groß und lassen Sie uns einen Kreis als auch erstellen, und es wird 25 mal 25 Pixel und auf tschechischen Grenzen sein, und ich werde die gleiche Grady Int verwenden, die wir in unserem bisherigen Kunstboard verwendet. Also lassen Sie uns voran und erstellen Sie einen Grady int und wählen Sie diesen als unsere erste Farbe und diesen Fonds als unsere zweite. Dann hat sich das die Richtung geändert. Und danach werden wir sie vertikal ausrichten und diesen Kreis nach links bewegen. Das ist ziemlich gut, und das letzte, was wir brauchen, ist, dem Kreis ein paar Schatten hinzuzufügen. Also lassen Sie uns Schatten hinzufügen. Das hat die Y 23 und Blair Zehe acht geändert. Lassen Sie uns alle 4 bis 18% verringern. Das ist ziemlich gut. Und dann werde ich sie gruppieren und nennen es „Gedankenstrich einschalten“ und lassen Sie uns hier ein Symbol erstellen. Schrägstrich einschalten. Und jetzt lassen Sie es duplizieren und lösen Sie es von Symbol und wählen Sie seine abgerundete und ändern Sie seine Farbe in e sechs, e sechs und e sechs. Und jetzt wählen wir diese Gruppe OK und richtig. Klicken und transformieren, fliehen vorzeigbar und klicken Sie dann auf den Kreis und ändern Sie seine Farbe in weiß. In Ordnung. Danach werde ich seinen Namen ändern, um auszuschalten und lassen Sie uns einen anderen Symbol-Schalter Schrägstrich aus perfekt erstellen . Also brauchen wir das jetzt nicht. Also, wann immer Sie umschalten wollen, kann es hier voran gehen und es einfach ändern, richtig? Also lasst uns das entfernen. Und ich werde diesen Schalter besonders mit unserem Text ausrichten. Und die Polsterung auf der rechten Seite wird 13. Und die Polsterung auf der linken Seite wird auch 13 hier sein. Ehrfürchtig. Dann lassen Sie uns voran und gruppieren sie auf richtigen Promotionen. Also sind wir irgendwie zumindest auf einer Karte zu erstellen, Ordnung, die oberste Hinzufügung, wird 16 sein. Dann lassen Sie es uns duplizieren. Wir hätten ein Grab mit 16 Pixeln, und ich werde diesen Promotion-Text links ausrichten und ihn in neue Elemente ändern. Und machen wir es einfach, richtig? Und ich werde diese Gruppennamen in neue Elemente als auch ändern, und noch einmal dupliziert und änderte den Namen in Nachrichten und machen es perfekt, dann wählen Sie alle diese Elemente und gruppieren sie und College-Benachrichtigungen genial. Und danach, lassen Sie uns diese Benachrichtigung und diese Gruppe auswählen und duplizieren, weil wir einen anderen Abschnitt erstellen müssen , der allgemein ist, und setzen Sie sie mit einem 40 Picks. Alter Rand, großartig, das ist dieser Titel auf der linken Seite ausgerichtet und ändern Sie ihn in Allgemein. Da gehen wir. Und zuerst werde ich dieses Rechteck wählen und sein Hoch auf 303 und die erste Option ändern. Lassen Sie es uns in Sprache ändern. Jedoch, Hier brauchen wir keine Rede. Okay, wir brauchen einen kleinen Pfeil wie den, den wir hier in unseren Karten benutzt haben. Also lasst uns darauf doppelklicken. Und wählt Pfeil kopiert und eingefügt hier. Lassen Sie es uns rechts mit 13 Pixeln Rand nach rechts, und auch ich brauche einen anderen Text. Das ist also dupliziert. Und lasst uns es auf Englisch ändern, und ich werde auch sein Halsband wechseln . C acht, C acht und siehe acht. Perfekt. Alles klar, lass es uns hier setzen. Es ist richtig. Padding wird ein Pixel auf sein. Wählen wir die beiden Ebenen aus und richten sie vertikal aus. Und lassen Sie uns auch unsere Sprache auswählen und sie ausrichten. Lassen Sie uns die Linie hoch auf 20 ändern und auch für Thesis, dauert bis 20 als gut und wieder ausgerichtet sie. Jetzt ist es großartig. Ich werde diese linke Pfeilschicht zu dieser Beförderung voller setzen. Aber denken Sie daran, ändern wir den Gruppennamen in Sprache, und lassen Sie uns dieses Englisch nimmt auf Sprache gut, und es hört auf, hinzuzufügen, wird 16. Perfekt. Dann ändern Sie das Element zu Foto Nacht mehr, und ich werde es aus und die nächste zu verwenden sagte, Sie würden es sein. Und lasst uns weitermachen und den Namen dieser Gruppen ändern. Lassen Sie uns es machen oder Tonight Modus und die nächste, die Sie sehen zellulär. Großartig. Gehen wir also voran und duplizieren Sie das letzte Element und ändern Sie es in oder ähnliches. Ich werde es auch weitermachen. Und ändern wir den Gruppennamen in Photo Lark. Und für den nächsten Punkt werde ich These eins wählen und duplizieren, weil wir diesen kleinen Pfeil brauchen und ihn ändern, um Code und Gesicht I D zu übergeben. Und entfernen Sie diese Englisch, ich denke, hier müssen wir diese Englisch ein bisschen oben. Jetzt ist es besser. Und lasst uns den Gruppennamen ändern, um Code und Gesicht I D zu übergeben und wir brauchen zwei weitere Dinge, die dupliziert sind. In Ordnung, lassen Sie uns diese Steuer in Benutzervereinbarung ändern und auch hier. Benutzervereinbarung und last but not least, wird Privatsphäre sein. Und nun lassen Sie uns diesen Gruppennamen auch in Privatsphäre ändern. Und dann lassen Sie uns alle diese Optionen auswählen und ihren Abstand überprüfen. Es wird 16 und auch 16 von oben und 16 von unten sein. Ordnung, InOrdnung, also um die Höhe zu ändern, müssen wir etwas berechnen. Hier haben wir 35, also lassen Sie es hier ziehen und ablegen. Es ist jetzt 21. Es sollte 16 sein. Also müssen wir es um fünf Pixel reduzieren. Also machen wir es 284. Und jetzt ist es richtig. Dann müssen wir den Gruppennamen in Allgemein ändern und alles ist eingeschaltet. Na gut, Leute, ich hoffe, ihr gefällt dieses Video und ich bekomme das nächste Video. 86. Diagramme: Hallo, alle. Willkommen zurück zu einem anderen Video aus diesem Abschnitt. In diesem Video werden wir unsere Leichtathletik-Seite gestalten. Also ohne weitere Umschweife, lasst uns einen Anfang machen. Zunächst einmal lassen Sie uns voran gehen und duplizieren diese Einstellungen sind nicht Board. Da gehen wir. Und das hat seinen Namen zu einem Leichtathletik-perfekt geändert. Und dann werde ich diese Karten und Taifune entfernen und den Titel dieses Navigationstafels gegen eine Leichtathletik austauschen . Ehrfürchtig. Dann werde ich dieses Rechteck hier entfernen, weil wir eine Art Kreis direkt hinter diesen Informationen haben werden. Gehen wir also voran und fügen Sie einen Kreis ein. Da gehen wir und ich werde auf Czech Borders und ändern seine Farbe zu Grady Int. Und es ist wählen Sie die 1. 1 und ändern Sie es auf 50 64 F neun und die andere auf 54 3 f und e acht. Großartig! Und nun lasst uns die Richtung der Farbe ändern. Ich finde, das ist großartig, und ich werde es unten unter unserer Navigationsleiste verschieben, damit es hier sein wird und wir es ein bisschen nach oben verschieben. Also lasst uns seine mit 2 630 ändern und es ist hoch auf 540 Great. Und ich werde es so etwas ausdrücken. Jetzt ist es großartig. Dann gehen wir weiter und ändern die Farbe der Informationen. Das erste, was Sie ändern müssen, ist unsere Statusleiste. Also lassen Sie uns das wählen und ändern Sie es von hell zu dunkel und dann wählt der Titel und wechselt auch zu weiß und last but not least, dieser linke Pfeil zu weiß als auch. Großartig. Was brauchen wir noch? Wir brauchen Karten. Zum Beispiel. Ich werde hier einen großen Wagen legen, um die Anzahl der Anhänger und auch ein Balkendiagramm und dann vier kleine Karten direkt darunter zu zeigen . Also lassen Sie uns voran gehen und um es einfügen, und das hat seine Größe auf 315 und 317 geändert. Alles klar, und dann ändern wir den Radius, der belogen wird, um Ecken zu glätten und setzen ihn auf 24. Und dann werde ich voran und an die tschechischen Grenzen gehen und seine Farbe in Weiß ändern. Großartig. Das ist eine Linie in die Mitte, und wie Sie sehen können, haben wir eine 30 Pixel Polsterung von links und rechts, und es ist aufhören hinzuzufügen, wird 115 bis zum Rand dieser sind nicht groß. Und dann müssen wir etwas Schatten hinzufügen. Also lasst uns weitermachen und einige Schatten hinzufügen und ich werde diese alle 4 zu 8 ändern und x 2 16 Warum? An acht und auch Blair zu 33. Perfekt. Und das ist Renay mir zu Karte, Ordnung. Und wir müssen es duplizieren, weil wir noch vier Autos brauchen. jedoch Ich muss esjedochauf 150 skalieren. Großartig. Das ist, was es hier einen 16 Pixel-Rand lesen, Ordnung. Und lassen Sie uns auch seinen Eckenradius auf 24 ändern. Ehrfürchtig. Dann dupliziert und lege es direkt dort drüben und selektiert, um sie zu duplizieren und sie direkt hier zu platzieren . Perfekt. Und ich werde sie umbenennen in Karte zu Karte drei, Karte vier und Karte fünf in der 1. 1 auf Karte eins. Großartig. Also hier werde ich Angriffe hinzufügen. Und das stimmt. 2566. Es wird die Anzahl der Anhänger sein, die seinen Fonds zwei Monate geändert hat, Sarat, und es von regulären ändern. Zu mutig. Da gehen wir. Und auch werde ich die Größe auf 28 Punkte ändern und die Farbe in Dis Gray Perfect und die Linie hi auf 35. Großartig. Der linke Kampf sollte 24 Pixel und die obere Überschrift wird 35 sein. Dann lassen Sie es uns duplizieren und setzen Sie es hier und ändern Sie es, um Ihre Anhänger zu nummerieren, dann ändern Sie es von fett zu normal und auch seine Größe zu 12 Punkte groß und seine Farbe auf Null b, e und G vier sein . Groß und es ist links Polsterung wird 24 seine Linie hoch sein. Es wird 21. Großartig. Lassen Sie uns also die oberste Überschrift auf vier Pixel setzen. Ehrfürchtig. Und dann brauchen wir ein Symbol. Wir brauchen hier ein Einstellungssymbol, und wir können die gleiche Einstellung verwenden. Das kann ich für unsere Kantorseite verwenden. Also gehen wir voran und kopieren und fügen Sie es hier ein. Awesome! Und dann müssen wir seine Farbe zu diesem ändern. Also werde ich fortfahren und den Code kopieren und einfügen und diese Formen auswählen und ihn hier einfügen . Großartig. Legen wir es direkt da drüben und wählen Sie alle diese Formen aus. Ich werde Grenzen hinzufügen, weil diese Formen zum Thema waren. Also werde ich die gleiche Farbe verwenden und die Grenze mit 20 Punkt ändern. Gut. Großartig. Und jetzt ist es Zeit, die Größe von 24 Pixel auf 18 zu ändern. Das ist großartig. Und die richtige Polsterung ist 24. Lassen Sie mich diese Einstellung vertikal an unserer Nummer ausrichten. Perfekt. Jetzt werde ich voran und erstellen Sie hier ein Balkendiagramm, das Sie entweder selbst erstellt oder Sie können kostenlos verwenden. Sie ich Kinder für diesen Zweck. Sie können auch kaufen, welche Sie mögen. Es ist, wenn Sie für Ihr Projekt wollen. jedoch In diesen Partituren werde ich Ihnenjedochbeibringen, wie Sie Ihr eigenes Balkendiagramm erstellen können. Also lassen Sie uns voran und fügen Sie es um. Da gehen wir. Lassen Sie uns unkontrolliert Grenzen und direkt Kan Dat und wählen Sie die zwei Punkte und ändern Sie den Radius 20 Große. Jetzt werde ich voran gehen und ändern ihre mit und verstecken sich auf acht und 55 jeweils. Großartig. Und dann hat das einen Kragen geändert, um F E 700 zu verdoppeln. Großartig. Jetzt duplizieren wir es und setzen es hier mit einem Vier-Pixel-Rand. Großartig! Und dieses Mal werde ich sein Hoch auf 81 ändern. Also lass mich es dein großartiges ändern. Und dann werde ich seine Farbe in Doppel-F sechs C und 40 ändern. Ehrfürchtig. Und lasst uns voran und gruppieren sie und Kollegen Colin eins. Wir brauchen hier ein Date. Also schreiben wir sieben Schrägstrich 12 und änderte seinen Fonds in SF pro Display und seine Größe auf acht Punkte. Großartig und lass mich die obere Polsterung auf vier und wieder ändern, das ist Gruppe sie und nenne sie Spalte eins. Perfekt. Jetzt können wir es mit 20 Pixel Padding duplizieren. Großartig. Und lasst uns beide Balken benutzen und ihre Höhen so ziemlich gut erhöhen. Und auch wir müssen den Tag hier ändern. Von 7 bis 8 wird es anrufen und wieder duplizieren und beide Balken auswählen und ihre Höhen verringern . So etwas sollten sie vorerst nicht präzise sein. jedoch später mit Riel arbeiten, Wenn Siejedoch später mit Riel arbeiten, stellen Sie sicher, dass ihre genaue dann den Tag auf neun geändert hat und das heißt, es ruft drei wieder auf, dupliziert sie und wählt Balken aus und erhöht ihre Höhen auf etwas wie diese. Ich werde diese Bar speziell eine Erhöhung es wieder auswählen und ändern Sie den Tag auf 10 und es wird sein Rufen Sie ihn für und wieder, lassen Sie uns duplizieren und wählen Sie diese Balken und verringern ihre Höhen. Ehrfürchtig. Und ändern wir den Tag auf 11 und es wird unsere Kolumne sein. Fünf. Und wir brauchen noch zwei. Da gehen wir. Das sind Schuhe diese Balken und verringern die Größe auf Diskette eins speziell und ändern Sie den Tag auf 12 und benennen Sie mich zwei Spalte sechs um und die letzte wird noch kürzer sein. Also lassen Sie uns sie so auswählen. Und auch der Tag zu 13. Perfekt. Und lasst uns deinen Namen ändern, um ihn sieben zu nennen. In Ordnung, jetzt werde ich all die Collins und das rechte Balkendiagramm zusammenfassen. Großartig. Und jetzt wählen wir unsere Karte. Eine, die diese ist und in der Linie in die Mitte. Großartig. Und es ist unten Polsterung wird 23 sein. Das ist großartig. Siehst du, wie erstaunlich es ist? Wir brauchen noch eine Sache. Wir brauchen hier eine Art Blase, um Detailinformationen wie einen Prozentsatz der Erhöhung oder Abnahme anzuzeigen . Also lasst uns voran gehen und einen erstellen. Ich werde es wieder einlegen. Verringern wir den Eckenradius 26 und ändern Sie die mit 2 70 Great. Ich spritze Grenzen großartig, und ich brauche hier ein Rechteck, um einen kleinen Pfeil zu erstellen. Also lassen Sie uns ein Rechteck einfügen. Halten Sie Schicht perfekt auf tschechischen Grenzen. Doppelklicken Sie darauf und wählen Sie die obere Ecke aus und erhöhen Sie den Radius auf zwei. Perfekt. Und dann werde ich es um 90 Grad nach links drehen und auf acht Pixel skalieren. Großartig. Und dann lassen Sie uns anders als seine Größe und erhöhen Sie die mit 2 10 Das ist ziemlich gut. Und jetzt wählen wir beide Formen. Groß ausgerichtet sie vertikal. Wie Sie sehen können, ist es 19 und hier 18, aber wir müssen die Größe dieses Rechtecks ändern. Wir müssen seine Höhe um eine große erhöhen, und jetzt ist es 19 und 19 so ist es direkt in der Mitte positioniert worden, und dann ist das ein wie beide von ihnen und ändern ihre Farbe Zehe weiß. Und ich werde die Gewerkschaft nutzen, um sie zu einer kombinierten Form zu machen. Großartig Und schließlich fügen wir einige Schatten hinzu. Lassen Sie uns also alles weit auf 10. Und es ist, warum zu vier und es ist Blair zu 10 Recht. Das ist ziemlich gut. Wir brauchen auch ein Steuerjahr. Also schreiben wir minus fünf Prozent. Und ich werde die Schriftgröße auf 12 ändern und sie vertikal und horizontal an der Mitte ausrichten . Großartig. Und jetzt gruppieren wir sie und nennen es Bobbo Perfect. Und dann werde ich es hier positionieren und auf 50 mal 31 Pixel skalieren. Also lasst es uns hier setzen. Großartig. Also, wenn der Benutzer klickt auf eine dieser Barnes diese Blase Woodshop ziemlich gut. Und jetzt lasst uns alle diese Elemente gruppieren. Also lassen Sie uns wählen Entladung und auch diese Blase und dann diese Karte und ist Zahlen groß und gruppieren sie und Collett Aussage Karte. Ehrfürchtig. Ich denke, es ist eine gute Idee, die Größe des Textes hier in unserer Blase zu erhöhen. Also lassen Sie uns voran und richten Sie es an der Mitte aus und erhöhen Sie es auch auf 10. Jetzt ist es sichtbar, nehme ich an. Ziemlich gut. Alles klar, jetzt ist es Zeit, weiterzumachen und unsere nächste Karte zu entwerfen. Also hier brauche ich eine andere Nummer wie diese. Also gehen wir voran und kopieren und fügen Sie es hier ein, und ich werde es auf 15 reduzieren. Perfekt, und die linke Polsterung wird 17 sein und die obere Polsterung sollte 15 sein. Großartig. Also ändern wir es jetzt auf 10,2 k und dann brauche ich eine andere Steuer wie diese. Also lassen Sie es uns kopieren und hier einfügen, und ich werde seine Größe auf 14 erhöhen und es ändern, wie es regelmäßig sein sollte. Und lasst uns die Zeile Hi auf 10. Perfekt. Und es ist übrig. Der Kampf wird 17 großartig sein, und wir müssen auch die Zeilenhöhe der Einsätze auf 19 ändern. Jetzt können wir sehen, dass wir eine vier Pixel oben haben, Hinzufügen, Also lasst uns es drei machen. Das ist ziemlich gut. Diesmal. Ich werde voran gehen und eine Art von Linien erstellen, also werde ich Victor Tool verwenden und hier wird mein Startpunkt sein. Dann werde ich hier klicken und es irgendwie so ziehen, und das ist hier wieder und hier und hier klicken. Perfekt. Jetzt gehen wir weiter und erhöhen die Grenze mit 1,5, und ich werde seine Enden zu diesem ändern. Du siehst den Unterschied. Es wird seine Runde machen, was ziemlich gut ist. Und danach ändern wir die Farbe die gleiche Orange. Wenn wir hier sind, stellen Sie sicher, dass Sie in Ihrem Design konsistent sind. Ich ziehe es nach unten und wir brauchen einen anderen Weg. Also lassen Sie uns einen der gleichen Startpunkt hier erstellen und das ist Ende es, wie dieses perfekte wieder änderte die Grenze mit 1.5, und es endet zu diesem, und Sie können seine Farbe auf zwei C D neun und C fünf ändern. Ehrfürchtig. Und wir brauchen noch einen Weg. Lassen Sie uns also den gleichen Ausgangspunkt hier und hier erstellen. Großartig. Das ist ändern Sie seine Grenze mit zu 1,5 und seine Farbe auf das gleiche Gelb, das wir für unser Balkendiagramm verwenden . Ziemlich gut, dann wähle sie alle aus und gruppiere sie, und ich nenne es lügende Anklage. Großartig. Allerdings werde ich seine mit ändern 2 116 ihr gefälscht und dann, dass unsere Karte auswählen und sie horizontal ausrichten . Wie Sie sehen können, haben wir 17 von links und 17 von rechts, und wir müssen 16 von unten perfekt haben. Und nun lasst uns diese Elemente zusammenfassen. Das ist perfekt und für unsere nächste Karte brauchen wir all diese Elemente. Also lasst uns weitermachen und diese Panzer kopieren und einfügen. Großartig. Und lasst uns die ersten Panzer auf 1,2 K ändern und den nächsten zu kommentieren. Es wird die Nummer von unseren Kommentaren sein. Und dann werde ich einen anderen Pfad in einem von hier angefangen und endete hier so etwas . Perfekt und änderte die Grenze mit 1,5 als auch. Und dieses Ende auf die mittlere und wieder werde ich dieses gelbe eine Perfekte für diese Ladung verwenden . Ich werde ein paar Kreise benutzen. Lassen Sie uns einige von ihnen auf tschechischen Grenzen erstellen und angepasst, wenn 80 zu 6 A und F neun Great, dass skalieren Sie es auf drei Pixel. Ehrfürchtig. Ich werde es duplizieren und sie nach dem Zufallsprinzip hierher bringen, hier , hier , genau da drüben. Und einige von ihnen hier. Und das ist Gruppe diese Elemente jetzt mit unseren Karten und auch diesen Texten, und es wird unsere Kommentargruppe sein. Perfekt. Stellen Sie dann sicher, dass die Ausrichtung erfolgt. Also müssen wir diese Elemente wieder gruppieren und es nennt es auch Lügen Ladung. Und wie Sie sehen können, haben wir 17 von links, 17 von rechts, und wir müssen 16 von unten haben. Ehrfürchtig. Alles klar, für unsere nächste Karte, gehen wir weiter und wieder. Kopieren Sie diese Elemente und fügen Sie sie hier ein. Es wird 17 nach links und 15 nach oben sein. Ich gehe weiter und ändere die Spitze, füge die Steuer hinzu, so lange es sein sollte. 15. Auch dieser hier. Nun ist es großartig, dann hat das diese Zahl auf 255 geändert und diese Steuer auch geändert. Neuer Anhänger. Und wieder, lassen Sie uns einen anderen Weg schaffen und von hier Jahr aus begonnen. Wir haben keine Sorgfalt in dieser Art von Leitungsladung und beenden es hier. Perfekt. Ändern wir den Rahmen mit auf 1.5 und ändern Sie das Ende auf die mittlere und ändern Sie auch die Rahmenfarbe zu diesem Orange ziemlich gut. Und nun lasst uns unseren Weg wählen und seine mit 2 116 Große ändern. Lasst uns es in die Mitte Perfect ausrichten. Und jetzt lasst uns 26 von unten haben und lasst uns sie gruppieren und nennen es neuen Anhänger Awesome. Und für die letzte Karte, die diese Elemente auswählen und kopieren und einfügen. Und ändern wir diese Zahl auf 190 und das dauert zwei Nachrichten. Es wird die Anzahl der Nachrichten angezeigt, die der Benutzer erhalten hat. Und hier brauchen wir noch ein Balkendiagramm. Also werde ich voran gehen und ihn schneiden, um eine dieser Säulen Jahr darauf einzufügen, Lasst uns sie nach unten skalieren. 29 Pixel und ich werde das gelbe auswählen und es hier mit einem Pick-Selbst-Überschrift setzen . Und dann werde ich mit der rechten Maustaste auf diese Transformation klicken, vertikal drehen. Großartig. Und ich werde es genau dort hinstellen, wo es so ist. Okay, lasst uns sie gruppieren und duplizieren mit einem Sechs-Pixel-Padding. Großartig. Lassen Sie uns nun die Höhe des Friedens Bar orange auf 26 verringern. Und auch dieser gelbe, 2 16 und nochmals dupliziert und verminderte diese orange 20 und die gelbe auf 12. Und wieder, wir müssen es auf 14 reduzieren und diese eine Zehe acht und wieder, diese lässt es acht und die gelbe 1 zu 4. Und von jetzt an müssen wir den Platz von diesen orangefarbenen und gelben umkehren. Okay, also lassen Sie es duplizieren und klicken Sie mit der rechten Maustaste, transformieren, fliehen vorzeigbar und änderte die Farbe dieses Orange, eins zu gelb und dieses gelbe zu orange perfekt und wieder duplizieren sie und erhöhen ihre Größe. Zum Beispiel, diese orange 1 bis 18. Und diese gelbe 12 22 die letzte, die orange bis 22 die gelbe bis 31. Ziemlich gut. Hier ist unser Balkendiagramm. Also lasst uns den Namen ändern. Und wie Sie sehen können, ist unsere richtige Polsterung 19. Also müssen wir es 17 machen. Wie können wir das tun? Wir können die mit leicht um zwei erhöhen. jedoch Wir müssen esjedochskalieren. Okay, hier schreiben wir 116 und wählen diese Karte aus und richten sie horizontal aus. Da gehen wir. Und 26 nach unten. Siehst du, wie erstaunlich die sind? Jetzt? Ich werde einige Änderungen vornehmen, damit sie besser aussehen. Ich denke, es ist besser, dieses Liniendiagramm etwas nach oben zu bewegen. Es wird 20 nach unten sein. Und auch dieser, der es wieder nach oben bewegt. 22. Der Boden. Jetzt ist es großartig. Also lasst uns auch diese Elemente gruppieren und es Nachrichten nennen. Perfekt. Es war zu viel. Ich weiß, Allerdings ist es notwendig zu wissen, wie man diese Art von Elementen selbst erstellt. Auf der anderen Seite können Sie kostenlose Ressource verwenden ist im Internet, oder Sie können eine kaufen, aber es ist wichtig zu wissen, wie man es selbst erstellen. In Ordnung. Ich hoffe, Sie genießen dieses Video, und ich werde Sie im nächsten Video sehen. 87. Onboarding: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Abschnitt in diesem Video. Wir werden die On-Boarding-Seiten gestalten. Was ist beim Boarding? In der Tat ist beim Boarding der erste Eindruck von deiner App. Es funktioniert wie ein visuelles Boxen aus der App, die Sie entwerfen, so ist es wichtig, genug Aufmerksamkeit auf sie zu zahlen. Wir teilen es nicht. Das tue ich. Nun, lasst uns anfangen. Zuerst werde ich das Kunstbrett duplizieren und das änderte seinen Namen in, ähm,an ähm, Bord eins. Großartig. Und wir werden fast alle diese Elemente entfernen, weil wir sie nicht brauchen. Das ist nur halten Sie die Heim-Anzeige. Und dann werde ich das Hintergründekragen wechseln. Wie es sehen kann, haben wir hier ein Rechteck, das es auf 41 35 F drei geändert hat. Großartig. Was brauchen wir noch? Wir werden hier eine Illustration setzen und auch Angriffe darunter und eine substrahere genau dort drüben. Und am Ende müssen wir zwei Dinge einen Seitenindikator und auch einen nächsten Button direkt dort setzen. So können Sie entweder Ihre eigenen Illustrationen verwenden oder Sie können kostenlose Illustrationen verwenden Es gibt eine sehr gute Website, die auf Draw That CO genannt wird, lassen Sie mich Ihnen zeigen, dass Sie so viele Illustrationen für Ihre Projekte finden können . Und die gute Nachricht ist, dass sie alle frei sind. Also, wenn Sie die auf Droge öffnen, die CO und Sie gehen zur Illustration Abschnitt, Sie können dort so viele Illustrationen hier in fast jeder Kategorie sehen, die Sie sich vorstellen können. Okay, Sie können jedoch auch hier suchen, sagen wir App. Da gehen wir. Sie können sehen, wie viele schöne Illustrationen es gibt. Zum Beispiel, dieses, das Sie in unserem Projekt verwenden werden und vieles mehr. Sie können auch den Hauptkragen aus diesen Illustrationen ändern. Zum Beispiel ändern wir es in Gelb. Großartig, und Sie können leicht unten mit ihnen mit SPG-Format und auch PNG. Also werden wir es jetzt nicht herunterladen, weil ich es bereits in das Asset fuller und Sie können Zugang zu ihnen leicht bekommen. Also lasst uns weitermachen und sie hierher bringen. Dort gehen wir Illustrationen und hier haben wir Run Seite zwei und Seite drei bezahlt. Also lassen Sie uns ziehen und die 1. 1 Dort gehen wir. Seine Größe wird 250 mal 192 sein. Legen wir es direkt da drüben und es ist Top-Polsterung wird 130 ziemlich gut sein. Dann brauchen wir die Panzer, um ihr Recht unter unsere Illustration zu setzen. Also lasst uns richtig. Nimm und teile deine Erinnerungen und ich werde ihren Spaß in Monserrat umwandeln. Es ist und auch ändern Sie den Weg zu mutigen Größen und auch die Fondsgröße auf 24 Punkte. Fantastisch. Und lasst uns das mit 2 307 ändern und es auch an der Mitte ausrichten. Perfekt. Es hört auf hinzuzufügen, wird 68 groß sein und lassen Sie es uns duplizieren. Und ich werde den Weg zu Regular und auch die Schriftgröße auf 19 ändern. Und das hat die Farbe geändert, um sechs b eins f f groß zu sein. Und hier, lasst uns schreiben. Instagram ist ein Foto- und Video-Sharing-Dienst für soziale Netzwerke. Ziemlich gut. Das hat sich ein mit auf 300 geändert. Alles klar, und jetzt gehen wir weiter und ändern den Fonds auf SF Pro Display acht und auch die Linie hoch auf 28. Das nächste, was wir brauchen, ist ein Seitenindikator Also lassen Sie uns voran und erstellen Sie eine, was wir brauchen. Zuallererst ist er da. Lassen Sie mich auf tschechische Grenzen und ich werde seine mit 2 22 und seine hohe bis fünf große ändern. Und lasst uns die Farbe in Weiß ändern. Und dann wird das dupliziert und dort drüben platziert. Und machen wir es zu einem Kreis, der fünf mal fünf ist. Großartig, wir haben vier Pixel-Polsterung. Wir brauchen noch einen, weil wir drei Seiten haben. Fantastisch. Also lasst uns sie gruppieren und nennen es Indikator großartig. Und ich werde es an der Mitte ausrichten. Und wählen wir diese zwei Kreise aus und ändern ihre Farbe in die gleiche Farbe wie wir hier haben . Perfekt sind richtig. Und jetzt lassen Sie uns den Abstand überprüfen. Es ist Tom. Polsterung wird 127 großartig sein, und das Letzte, was wir brauchen, ist ein Ex-Martin. Also lassen Sie uns voran und bringen unseren Boden hier von unserer Registrierungsseite, weil wir es nicht noch einmal erstellen werden . Und lasst es uns hier ein Tempo machen. Das einzige, was wir tun müssen, ist, Schatten zu deaktivieren, weil wir sie nicht brauchen. Und lassen Sie uns auch die Farbe auf weiß ändern und ändern Sie die Farbe unseres Pfeils auf 41 35 F drei ziemlich gut. Und jetzt skalieren wir es auf 40 mal 40. Großartig. Und es ist die untere Polsterung wird für die drei hier sein. Ehrfürchtig. Es ist ziemlich gut. Also, jetzt ist es Zeit, voran zu gehen und unsere nächste fatale Das ist dupliziert unser Kunstboard und änderte seinen Namen in einige Boarding in. Dann werde ich diese Illustration entfernen und die nächste Seite zwei bringen. Großartig drauf. Lassen Sie uns seine Position auf 63 und 145 ziemlich gut ändern. Und dann werde ich den Text ändern. Also lasst uns richtig. Teilen Sie Ihre Geschichten mit der Welt Fantastisch und auch hier. Lassen Sie es uns ändern, um Ihre Fotos, Videos und Geschichten in kürzester Zeit mit der Welt zu teilen. Alles klar, das nächste, was Sie tun müssen, ist, den Ort von diesen Indikatoren zu ändern, also lassen Sie uns voran und ändern Sie den Platz vom ersten Rechteck ohne ersten Kreis genial und stellen Sie sicher, dass sie an der Mitte ausgerichtet sind Ziemlich gut. Und noch einmal, lassen Sie uns dieses Kunstboard duplizieren und seinen Namen in Auszeichnung drei ändern. Es wird unsere letzte Seite sein. Großartig, dass diese Illustration entfernt und bringt die letzte perfekt. Und es ist X wird 77 das Warum sein. Lassen Sie uns seine 143 perfekt machen und Angriffe werde ich schreiben, wird überall und jederzeit benachrichtigt und die nächsten x zwei. Sie werden sofort über neue Beiträge und Geschichten informiert. Ehrfürchtig. Und lasst uns voran gehen und den Platz unserer Indikatoren ändern. Dort gehen wir ziemlich gut und stellen sicher, dass sie an der Mitte ausgerichtet sind. Alles klar, wir sind fast fertig. jedoch Wir müssenjedochdas Letzte tun, was sich ändert. Diese Barton zusammen gestartet Schaltfläche, weil es unsere letzte Seite ist. Also lassen Sie uns hier unseren Unterteil wählen. Und im Gegensatz zu der Größe und änderte die mit 2 111 Große Überschrift in die Mitte, und ich werde diese Pfeil entfernen und einen Text erstellen und rechts loslegen. Großartig. Lassen Sie uns die Telefongröße auf 14 Punkte und auch seine Farbe auf 41 35 F drei Große ändern, und lassen Sie uns es sowohl vertikal als auch horizontal an der Mitte ausrichten. Wie Sie sehen können, ist eine reife Überschrift nicht gleich unserer linken Polsterung. Deshalb müssen wir unseren EG-Tango um eins erhöhen. Machen wir es 112 und jetzt ist alles erledigt. Dann lasst uns sie gruppieren und gleich loslegen. Perfekt haben Recht, Leute. Seien Sie endlich fertig unser erstes Projekt zusammen und ich hoffe, Sie haben es wirklich genossen. Das war eine Linienreise. jedoch Ich bin mirjedochziemlich sicher, dass es sich lohnt. Ich hoffe, du magst dieses Video und ich werde dich im nächsten Video sehen. 88. Logotypen: Hallo, alle in diesem Abschnitt, wir werden unser Logo entwerfen. Und auch in diesem Video werden wir über sieben verschiedene Male aus Logo-Design sprechen. Also, ohne weitere Umschweife, lasst uns einen Anfang machen. Der erste lokale Typ heißt Monogramm oder Sie könnten Buchstabenzeichen sagen. Hier haben wir verschiedene Logos als Beispiele, wie HBO, das für Home Box Office steht. Wie Sie hier sehen können, haben wir Onley-Briefe, also sind sie irgendwie buchstabiert und vertreten ihre Firma. Der zweite Typ heißt Ward Marks oder, sagen wir, lokale Zeiten, sie sind tatsächlich ähnlich wie ein Buchstabenzeichen. jedoch Award Mark konzentriert sichjedochauf einen Firmennamen, wie Google, Canham oder Jeep. Der nächste lokale Typ wird abstrakte lokale Marken wie Pepsi, Nike oder BP genannt . Wie Sie hier sehen können, eine isteineabstrakte Marke eine Art von bildlichen Logo, und der nächste lokale Typ wird als Bildzeichen oder Logos Symbole wie Apple-Logo zu Eater und anderen bekannten Marken bezeichnet . Eigentlich ist eine Bildmarke einfach ein Symbol, das die Eigenschaften des Unternehmens darstellt. Der nächste lokale Typ, diese Maskottchen Maskottchen Logos sind Logos, die einen illustrierten Charakter nach 99 Designs dot com beinhalten . Wenn Sie weitere Informationen über Ortszeiten und wie Sie diese verwenden möchten, können Sie sich dort ansehen. Toller Artikel unter der Website. Der nächste lokale Typ ist Kombinationsmarken, und dies ist die lokale Zeit, die ich Ihnen beibringen werde, wie Sie in dieser Art von Logo-Typ erstellen können . Sie können einen Buchstaben finden, der mit einer Illustration oder einer bestimmten Form kombiniert ist. Und last but not least, Emblem Logo ist ein Emblem Logo besteht aus Schriftart innerhalb des Symbols oder ein Symbol wie Starbucks-Logo . Alles klar, vielen Dank, dass Sie dieses Video in der nächsten Reihe von Videos gesehen haben. Sie werden vier verschiedene Logos erstellen, also stellen Sie sicher, dass Sie das Starterprojekt herunterladen, weil ich die Farben bereits für Sie vorbereitet . Um Ihre Zeit zu sparen, können Sie die Geldbuße aus dem Abschnitt „Resource is“ aus der nächsten Vorlesung herunterladen 89. Unser erstes Logo entwerfen: Hallo, alle. Willkommen zurück zu einem anderen Video aus diesem Abschnitt. In diesem Video werden wir unser erstes Logo zusammen entwerfen, das Logo, das ich für eine Finanz-App erstellen werde, die Geld genannt wird. Das ist interessant, oder? Also tun wir es nicht sehr. Lass es uns anfangen. Das erste, was verschont ist. Ich werde erwähnen, dass wir kein komplexes Logo erstellen werden, denn in diesem Fall brauchen wir einen vollständigen Kurs, um dieses Thema zu behandeln. Allerdings werde ich Ihnen die Kraft der Skizze und Kombination von Grundformen zusammen zeigen. Also zuerst, lassen Sie uns voran und fügen Sie es hier ein. Das ist so gemein Groß, dass ihre mit allem in Ordnung erhöht, Perfekt. Und ich werde an die tschechischen Grenzen gehen. Lassen Sie mich die mit mehr großen erhöhen und dann lassen Sie uns es duplizieren und was es genau dort drüben ist. Perfekt. Und der Raum wird $20 ausgewählt, zwei Ebenen und klicken Sie auf Differenz. Was ich tun werde, ist auf Schütteln dieses Kontrollkästchen und lassen Schaft Grenzen groß und erhöhen die Grenze mit 2 10 Great! Und ich werde das Grady Int hier für unser erstes Logo benutzen. Jeder gehen und diese ziemlich gut und lassen Sie mich erhöhen die mit. Und dann, wenn ich dorthin gehe und auf dieses Symbol klicke, können Sie sehen, dass wir Unterschied gewählt haben. Ich werde es in Union umwandeln. Es ist viel besser, und das ändert seine Größe. Um zu sehen, wie es aussehen wird, ist richtig. Und lasst uns die mit ziemlich gut erhöhen. Kannst du das M sehen, das wir gerade hier geschaffen haben? Das ist ziemlich genial. Das ist großartig. Das nächste, was ich tun werde, ist, die Richtung unserer Soße zu ändern. Ich denke, es wird besser perfekt. Und dann lassen Sie uns unsere kombinierte Form auf 65 Pixel von 64 scannen Ich werde meinen Zoom und wir brauchen einen Text, weil wir eine Kombinationsmarke erstellen werden. Lassen Sie mich also die Schriftgröße auf 30 und das richtige Geld reduzieren. Dann werde ich den Fonds als Profi ändern, abgerundet, abgerundet, großartig und auch es ist viel zu leicht, vorherige, genial und von Tex Optionen. Ich werde meinen Text hier so groß und auch den Zeichenbetrag erhöhen, was der Leerraum ist, den wir zwischen unseren Charakteren haben. Das ist Erhöhung er auf Fine. Das ist großartig. Und dann füge ich ein Gefühl hinzu, weil ich eine Note habe. Ian ist eigentlich der gleiche Grady int, den wir für unser Logo verwenden. Perfekt. Da gehen wir. Das ist ziemlich cool, nicht wahr? Alles klar, das nächste, was wir tun müssen, ist die Ausrichtung, okay? Weil wir den Betrag von unserem Charakter hier erhöhen. Wir können sie nicht richtig ausrichten. Okay? Wie Sie sehen können, haben wir diesen weißen Raum hier. Also, was ist die Lösung? Kann nicht alles tun, was du kannst. In der Tat, wenn Sie diesen Text auswählen und gehen Sie voran und klicken Sie mit der rechten Maustaste auf diese Ebene, können Sie die Konverter-Konturen Option haben. Und wenn Sie diese Skizze nehmen könnten, wird unsere Panzer in einen Umriss umwandeln, was großartig ist. Natürlich von jetzt an können wir es von jetzt annicht ändern oder ändern, und das brauchen wir nicht. Okay, jetzt können wir unsere Form und auch unseren Text auswählen und schnell horizontal ausrichten. Großartig. Und die oberste Rubrik wird 16 sein. Fantastisch. Lassen Sie mich das gruppieren und nennen Sie es Geld Farbe. Okay, denn wir werden später eine andere Version von diesem Logo erstellen. Alles klar, lass es mich hier setzen. Perfekt. Also jetzt lassen Sie uns eine weitere Version des Logos erstellen wir dunkelgraue Farbe ankommen. Also werde ich seine importierten hier duplizieren. Ehrfürchtig. Lassen Sie mich wählen unsere Form und ändern Sie die Klasse Ian's in eine einfarbige Farbe und wählen drei ee drei ee e und drei e große. Und lassen Sie uns auch unseren Text wählen. Oder hier haben wir unseren Umriss und ändern das Feld in eine einfarbige Farbe und wählen das gleiche Dunkelgrau , das wir für unsere kombinierte Form verwenden. Das ist fantastisch. Gefällt dir das nicht? Können Sie sehen, wie einfach es ist, ein kreatives Logo zu entwerfen? Wir kombinieren einfach einfache Formen. Oder gerade jetzt werde ich sie herunterskalieren. Perfekt. Es ist 96 mal 83. Großartig. So haben wir erfolgreich unseren ersten lokalen zusammen im nächsten Video erstellt. Wir werden ein weiteres Logo erstellen, das so einfach zu erstellen ist. Also werde ich Sie im nächsten Video sehen 90. Unser zweites Logo entwerfen: Hey, alle, willkommen zurück zu einem anderen Video von diesem Abschnitt. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden gemeinsam unser zweites Logo entwerfen, das ein Mond ist. Also, ohne weitere Umschweife, lasst es uns loslegen. Wie Sie sich vorstellen können, brauchen wir eine andere Form. Also lasst uns voran gehen. Ein Einsatz, ein Kreis. Da gehen wir hin. Und ich werde an die tschechischen Grenzen gehen. Perfekt. Das hat die Felder auf den Anfang geändert, grau, und ich werde es duplizieren. Großartig. Lassen Sie mich es zu etwas leichterem ändern, das Sie sehen können. Und dann werde ich diesen Kreis so verschieben und beide Bären auswählen und in Subtrahieren Awesome klicken . Kannst du sehen, wie schnell unser Mond erschaffen werden? Das ist ziemlich cool. Das nächste, was ich tun werde, ist, einen inneren Schatten zu essen. Also lassen Sie uns voran und klicken Sie auf inneren Schatten und ändern Sie seine Farbe zu diesem Leben grau, genial. Und verringern Sie den Blair auf Null und ändern Sie die Y-Position auf zwei und die Exposition auf eins. Das ist ziemlich cool. Und was brauchen wir noch? Ihr Recht. Wir brauchen den Text. Also hier, lasst uns Moon schreiben und wieder werde ich das kapitalisieren und es hier setzen, dann die unsere kombinierten Formen auf 60 x 68 verkleinert haben. Und jetzt lasst uns die Farbe unseres Textes in das gleiche dunkelgrau ändern wie wir hier haben. Und danach werde ich unseren Text in einen Umriss umwandeln. Also lassen Sie uns mit der rechten Maustaste dort drüben, umwandeln Umrisse genial und wählen Sie unsere kombinierten Formen oder unseren Mond. Lassen Sie uns sie an der Mitte ausrichten, und es wird eine 16-Pixel-Polsterung haben. Ziemlich genial. Lasst uns sie gruppieren und rechts bewegen. Alles klar für den langsamen Lauf. Ich wollte nur eine Version erstellen, weil sie sich wiederholend machen wird. Also, wenn Sie wollen, können Sie voran gehen und Ihre eigene Kreativität nutzen und erstaunliche Farben dafür wählen. Aber jetzt werde ich diesem Video ein Ende setzen, und im nächsten Video werden wir ein weiteres einfaches Logo zusammen entwerfen. So sehen Sie, dass 91. Unser drittes Logo entwerfen: Hallo, Ron. Willkommen zurück zu einem anderen Video dieses Abschnitts in diesem Video. Wir werden gemeinsam unser drittes Logo entwerfen. Dieses Logo wird als erstaunt bezeichnet. Okay, also werde ich natürlicheinen Brief mit Formen erstellen natürlich . Also, was denkst du? Ich brauche dein Recht. Ich brauche ein Dreieck. Also lassen Sie uns einen einfügen. Ehrfürchtig. Ich werde so gemein. Dann werde ich auf die tschechischen Grenzen und doppelklicken Sie auf unser Dreieck. Und lassen Sie uns alle diese Punkte auswählen und den Radius so erhöhen. Ziemlich genial. Und das ist anders als die Größe, denn ich werde die Höhe auf 148 erhöhen. Großartig. Und wieder werde ich auf diese Form doppelklicken und Shift-Taste halten. Und hier können Sie sehen, ein Punkt erscheint. Kannst du das sehen? Ich klicke hier und eine Stahl-Umschalttaste und ziehe sie und lasse sie so fallen. Ehrfürchtig. Und da dieser Punkt ausgewählt ist, werde ich den Radius auf 40. Großartig. So können Sie wahrscheinlich die A-Form hier sehen, aber wir brauchen noch eine Sache. Okay, lassen Sie mich ihn umstecken. In Ordnung? Und ich werde es mit Weiß spüren. Lassen Sie es uns hier setzen und seine Höhe verringern. 40 und es ist Linie es in die Mitte ziemlich gut. Jetzt ist es Zeit, die Farbe unseres Dreiecks zu ändern. OK, also gehen wir weiter und klicken und Farbe strahlend, und wir werden das Grady int verwenden. Ich werde diese Farben wählen, und das hat die Richtung ziemlich gut geändert. Dann lasst uns diese Formen gruppieren, richtig? Erstaunt. Und was brauchen wir noch? Wir brauchen einen Fonds, der richtig ist. Erstaunt. Und dann ist das Großschreibung wie andere Logos. Und ich werde eine einzige Farbe für diese verwenden, die dieses gelbe Great ist. Dann skalieren wir unsere Form auf 110 Pixel. Und danach müssen wir unseren Text auf Umrissenenergie umwandeln, unsere Form an der Mitte ausrichten. Großartig. Und hier wird das Streicheln acht sein. Denn wie Sie sehen können, haben wir hier diesen weißen Raum. Ich denke, jetzt können wir sie gruppieren. Und hier können wir schreiben, erstaunt und schließlich auf 100 mal 121 skaten und dort drüben setzen. Wir brauchen nur diese bunte Version. Das ist ziemlich gut. In Ordnung. Ich hoffe, Sie genießen dieses Video. Wir werden dieses Video jetzt beenden. Und im nächsten Video werden wir unser letztes Lokal gemeinsam gestalten. So sehen Sie, dass 92. Unser Forth entwerfen: Hey, alle, willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden unser letztes Logo entwerfen, das Kaninchen heißt. Es ist interessant, nicht wahr? Also, was ich tun werde, ist eine einfache Form zu schaffen, die wie ein Kaninchen ist. OK, nicht gerade, aber es wird die Nachricht zu vermitteln, und ich werde diese zwei Farben dafür verwenden. Also lassen Sie uns das zusammen schaffen. Zuallererst ist das Einfügen um ihn herum. Großartig. Wie Sie sehen können, habe ich hier kleine Ecken gewählt. Erhöhen wir den Radius ein wenig. Jetzt ist es perfekt 49 hier haben wir 132 mal 130 Songs zu holen, dann auf Czech Borders. Und das ist wählen Sie diese Liping als die Haut von unseren Kaninchen Gesicht. Dann müssen wir die Jahre schaffen. OK, also lassen Sie uns einen Kreis wie diesen einfügen. Ich werde meine tschechischen Grenzen vergrößern, perfekt und duplizieren. Iss und lege es dort drüben hin. Lassen Sie uns den Raum auf minus 30 verringern und da beide von ihnen ausgewählt sind, können sich schneiden. Awesome, kannst du sehen? Haben Sie gerade das erste Jahr erstellt? Das ist ziemlich gut. Und lassen Sie mich die Größe auf 38 Pixel erhöhen, und dann muss ich sie um 15 Grad drehen. Wenn Sie Shift-Taste halten, können Sie diese 15 Grad leicht perfekt zu bekommen. Und lassen Sie es mich duplizieren und dort drüben setzen und nochmals auf positive 15 oder rechts gedreht . Und der Abstand wird gleich Null sein. Und dann lassen Sie uns die Farbe auf das dunkelrosa setzen. Okay, das ist ziemlich cool. Ich werde sie gruppieren und diese Form auch auswählen und sie ziemlich gut ausrichten. Das nächste, was ich werde zu schaffen erleichtern seine Augen. Okay, also brauche ich ein Nicken. Lassen Sie mich hier ziehen und fallen, verringern Sie den Radius auch. 15 auf Czech Borders und wählen Sie das gleiche dunkle Pink hier und verringern Sie seine Größe auf 18 Pixel um 18 Pixel. Und legen Sie es direkt da drüben mit einer 30 Pixel oberen Überschrift an. Lassen Sie es uns duplizieren. Das ist ein wie beides von ihnen. Gruppieren Sie sie und wählen Sie unser Gesicht aus und richten Sie sie an der Mitte aus. Ehrfürchtig. Der Leerraum zwischen ihnen beträgt 24 Pixel. Sie ist großartig, und wir brauchen hier keine weiteren Details. Aber das Letzte, was ich erschaffen werde, ist eine Art Schatten, die nie dieses zwei-d-Logo machen. Hören Sie, drei D. Okay, also brauche ich einen Kreis wie diesen, der an tschechischen Grenzen ist. Dann lassen Sie uns einen Grady hinzufügen oder schreiben Sie die erste Farbe wird diese dunkelrosa ziemlich gut sein . Und das ist die zweite Farbe und wieder, den gleichen dunklen Ping. jedoch Diesmal müssen wirjedochdie alle viel zu Null verringern. Ehrfürchtig. Dann werde ich es so drehen, auf Lasst uns unser Gesicht wählen. Sowohl unser Kreis und unsere Gesichtsform sind ausgewählt Die anglikanische Maske ziemlich gut. Jetzt kann ich die Position des Kreises anpassen, also werde ich es hier setzen und die Kapazität auf 40% reduzieren lassen. Das ist ziemlich cool. Kannst du sehen, wie erstaunlich und schön es einfach ist? Das letzte, was wir tun müssen, ist, einen Text hinzuzufügen. Also lasst uns richtig, Kaninchen. jedoch Dieses Mal werde ichjedochdie Schriftart ändern. Zwei Monate. Sarit, da gehen wir. Und wieder, das ist kapitalisieren Sie es perfekt und ändern Sie seine Farbe zu diesem dunkelrosa und wir müssen Gruppen sind Elemente Ihre und College Kaninchen Form, und es erschreckt es auf 74 Pixel von 121 und setzen Sie es hier. Dann gehe ich weiter und wandle diesen Text in einen Umriss über Dad um. Lassen Sie uns unsere Form auswählen und sie an der Mitte ausrichten. Und die oberste Rubrik wird 16 sein. Ziemlich gut. Nennen wir diese Gruppe Kaninchen. Ich werde es auf 96 Pixel skalieren und es dort drüben setzen. Alles klar, Leute. Gemeinsam haben wir unser endgültiges Logo erstellt. Insgesamt haben wir vier verschiedene Logos erstellt, und ich hoffe, Sie haben erkannt, wie mächtig die Kombination von Formen ist. Ich hoffe, Sie genießen dieses Video. Sie können das abschließende Projekt von der Ressource ist Abschnitt dieser Vorlesung herunterladen. Ich werde Sie im nächsten Video sehen. 93. Einführung in Adobe Photoshop: Hallo, alle. Willkommen zurück zu einem anderen Abschnitt dieses Kurses in diesem Abschnitt. Wir werden über Adobe für den Laden reden. Obwohl ich bereits erwähnt, das ist Adobe für den Shop ist keine gute Software für die Gestaltung der Benutzeroberfläche. Es ist gut, vertraut zu sein, in der vor der Shop-Umgebung und auch die Grundlagen der Fotoshop für die Vorbereitung unserer Bilder manchmal oder sogar die Bearbeitung unserer Bußgelder. Im nächsten Video beginnen wir unsere Lektion mit den Umgebungen von Adobe für die Show. Wir sehen uns dann. 94. Umwelt von Adobe Photoshop: Hallo, alle in diesem Video, werden wir über die Umwelt reden von Adobe weiter Shop. Also ohne fair tue ich das. Öffnen wir unser Ich nicht, bevor der Laden recht hat. Wie Sie sehen können, verwende ich Adobe für die Shop-Version. Sehen Sie eine Sechs. Es spielt keine Rolle, welche Version Sie gerade verwenden, denn wir werden uns auf die Grundlagen von Lee konzentrieren. Und ich kann Ihnen versichern, dass fast Onley-Elemente in allen Versionen gleich sind. Aber es wäre toll, auch eine US-Version zu verwenden. Also hier eine andere vor dem Shop, können wir diese Umgebung in verschiedene Abschnitte teilen. Zum Beispiel Sie auf der linken Seite sehen, können Sie auf der linken Seite sehen,dass sich das Werkzeugfenster befindet. Ok? Und hier gibt es alle Werkzeuge, die wir brauchen, um unsere Bilder zu bearbeiten oder sogar ein Grafikdesign zu erstellen . Und auf der rechten Seite können Sie sehen, dass es mehr Panels gibt. Zum Beispiel, hier haben wir die Schichten Panel, die eine der wichtigsten Platten in Erwachsenen vor dem Geschäft ist. Und auch wir haben Anpassungsfarben, usw.. OK, aber das wichtigste Panel hier ist das Werkzeugfenster. Ok. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Und im nächsten Video werden wir über die Grundlagen der Erwachsenen vor dem Laden sprechen und wie Sie diese Werkzeuge verwenden können . So sehen wir uns im nächsten Video. 95. Grundlagen von Adobe Photoshop: Hallo, alle. Willkommen zurück zu einem anderen Video dieses Kurses in diesem Video. Wir werden über die Grundlagen von Adobe für die Show sprechen. Okay, Wie ich bereits im vorherigen Video erwähnt habe, werden wir verschiedene Panels verwenden. Ein weiterer vor den Geschäften wie Werkzeuge, Panel-Layer, Panel-Farben , Anpassung, etc. Aber das erste, was verschont ist. Wir brauchen eine Leinwand oder sagen wir, eine Seite, um unser Projekt mit zu beginnen. Um das zu tun, können Sie entweder zur Datei Anchalee gehen, ? Oder Sie können den Befehl am Ende auf Maxie Stems oder Control und N unter Windows drücken. Und hier, wie Sie sehen können, gibt es ein Fenster, in dem Sie die Dimension Ihrer Kunstworte auswählen können. Zum Beispiel, hier können wir setzen die mit 2 1920 stellen Sie sicher, dass es auf Peakzellen und die hohe auf 10 80 eingestellt ist . Und wie Sie Peakzellen sehen können und ich werde die Auflösung auf 72 ändern, weil es für Computerzwecke und einen Connor-Modus genug ist , müssen wir es auf RGB setzen, weil wir dieses Projekt auf Computer oder auf Bildschirmen präsentieren werden. Okay, also, zu sehen, warum K für Druckzwecke verwendet wird. Ok. Und ich kann voran gehen und klicken. Okay, und da gehen wir. Dein Artboard ist fertig. Ich habe dafür keinen bestimmten Namen festgelegt, aber stellen Sie sicher, dass Sie Ihren Wunschnamen festlegen. Und jetzt werden wir über das Tools-Panel sprechen. Wie Sie hier sehen können, haben wir verschiedene Werkzeuge und verschiedene Abschnitte. Dieser wird als „Move Toe“ bezeichnet und dient zum Verschieben von Objekten oder Elementen auf Ihrer Leinwand oder Ihren Kunstbrettern. Und der nächste ist das Auswahlwerkzeug. Ok. Zum Beispiel, lassen Sie mich hier eine neue Ebene erstellen. Wenn Sie eine neue Ebene erstellen möchten, können Sie einfach zum Layer-Abschnitt gehen und auf dieses Ebenen-Symbol klicken. Wie Sie sehen können, haben wir gerade einen neuen Layer erstellt. Und dann werde ich das Auswahlwerkzeug verwenden, um einen bestimmten Bereich wie diesen auszuwählen, und ich kann es mit jeder Farbe fühlen, die ich will. Also, wenn ich die Farbe ändern möchte, kann ich auf diesen Abschnitt klicken und ich kann diese Grippe wählen und lassen Sie mich den Pinsel wählen, um es zu füllen . Und jetzt mit dieser Bewegung Zeh, kann ich das leicht bewegen in Ordnung, das nächste Werkzeug wird Auswahl genannt, um in Ordnung. Und jedes Werkzeug hier enthält einige versteckte Werkzeuge. Okay, wie Sie sehen können, gibt es einen kleinen Pfeil in der unteren, rechten Ecke von jedem bestimmten Werkzeug, und Sie können sehen, dass es einige versteckte Werkzeuge gibt, aus denen es wählen kann. Das nächste Werkzeug wird magnetisches Lasso genannt. Ok. Und es ist auch für die Auswahl. Sie können ganz einfach einen bestimmten Bereich auswählen, okay? Und Sie können Ihren Wunschabschnitt von diesem spezifischen Bild für die Auswahl trennen. Sie können Befehl und D drücken oder die auf Windows steuern und auch hier haben Sie verschiedene letzte so Werkzeuge. Und das ist der Zauberstab. Okay, Es ist für die Auswahl der Bewohner Skizze als auch, so dass es einen bestimmten Bereich magisch auswählen kann. Und der nächste Sel ist Ernte. Es ist zum Beschneiden Ihrer Kunstporen oder Ihres Bildes. Und der nächste ist die Pipette. So können Sie eine bestimmte Farbe aus einem Foto oder einem Element wählen. Ok. Und diese Werkzeuge sind für die Retusche. Ok. Wie Sie sehen können, haben sie Spot-Heilpinsel, Heilpinsel Werkzeug , Pashtu, etc. Und dann haben wir Bürsten. Zum Beispiel kann ich hier die rote Farbe wählen Wie Sie sehen können, kann ich hier frei malen. Und wenn ich mit der rechten Maustaste klicke, kann ich die Größe und auch die Härte von meinem Pinsel ändern. Okay, das nächste Werkzeug heißt „Clone Stempel“, um es zu klonen. Also auch Retusche wir nicht viel damit arbeiten. Und dann haben wir Geschichte, Pinsel, Werkzeug und ein Rasiermesser, mit dem Sie Ihr Gemälde oder sogar einen bestimmten Bereich von einem Bild löschen können. Dann haben wir Grady int wie diese und Blair für Blaring ein Bild oder einen bestimmten Teil eines Bildes. Und das ist das Dodge Tool, und es dient zum Bearbeiten der Helligkeit von einem bestimmten Bereich aus einem Bild. Dann haben wir das Panto, das ein sehr wichtiges Werkzeug in einer Tür vor dem Laden und mit Pfannenwerkzeug ist. Sie können einen bestimmten Bereich genau auswählen. Okay, und dann, wenn ich hier mit der rechten Maustaste klicke, kann ich die Auswahl machen, der Feeder-Radius wird Null sein, und das ist klicken Sie auf. Ok, da gehen wir. Also, wenn ich jetzt das Pinselwerkzeug wähle, kann ich es mit roter Farbe wie folgt spüren, und der nächste ist Type-Werkzeug zum Tippen und Erstellen von Text. Sie haben verschiedene Möglichkeiten. Hier haben Sie einen vorzeigbaren Typ, vertikale Zeit zum horizontalen Typ, Maskenwerkzeug und Verity con Typ Maskenwerkzeug. Die meiste Zeit verwenden wir horizontalen Typ zwei und sein Pfadauswahlwerkzeug. werden wir nicht oft benutzen. Und dann abgerundetes Rechteck-Werkzeug ist für die Erstellung verschiedener Formen. Zum Beispiel kann ich um das Objekt so erstellen. Dann kann ich eine Auswahl mit trockenem Klick treffen, und jetzt kann ich es mit jeder Farbe fühlen, die ich will. So wie das. Die nächste Option ist Handwerkzeug, und es ist zum Schwenken. Sie können es auch vorhalten Platz auf Ihrer Tastatur, und dann haben wir den Zoom in Ordnung, um Mittelwert zu vergrößern und zu verkleinern. Na gut, Leute. Konzentrieren wir uns nun auf den Ebenenabschnitt, um zu sehen, was wir dort haben. Ok? Wie Sie sehen können, haben wir gerade einen neuen Layer erstellt. Und wie ich bereits erwähnt habe, Sie jedes Mal, wenn Sie eine neue Ebene wollen könnenSie jedes Mal, wenn Sie eine neue Ebene wollen, einfach auf dieses Symbol klicken, und es erstellt eine neue Ebene für Sie. Sie können den Namen der Ebenen ändern, indem Sie auf den Namen doppelklicken, und Sie können es ändern, ob Sie möchten, dass Sie ändern, ich perfekt. Und jetzt werde ich hier mit den Auswahlwerkzeugen eine andere Form erstellen. Da gehen wir, und ich kann herumlaufen. Wenn Sie einen Layer ausblenden möchten, können Sie auf dieses Symbol wie in der Skizze klicken. Und denken Sie daran, dass die Reihenfolge der Platzierung Ihrer Schichten in anderen vor dem Geschäft so wichtig ist . Okay, hier ist das u über diesem abgerundeten Rechteck. Wenn ich es also auf dieses Rechteck schiebe, können Sie den Unterschied sehen. Also werde ich die Farbe ändern, um es klarer zu machen. Sie können auch die Deckkraft hier von 0 auf 100% ändern und die andere wichtige Sache in oh , bevor der Shop das Zeitfenster der Schichten ist. Also lassen Sie uns doppelklicken Sie auf diese Ihre Ebene. Und wie Sie sehen können, erscheint ein Fenster, das als Ebenenseite bezeichnet wird. Und hier haben Sie zum Beispiel verschiedene Optionen, um Ihren Layer zu stylen . Hier haben wir Fülloptionen Standard, zum Beispiel, wer kann die Deckkraft und die fade Modus ändern. Hier haben Sie diese Optionen direkt in dieser Schaukel Go so gut wie Sie sehen können, haben Sie viele Optionen hier haben Sie Strich zum Beispiel, ich kann die Farbe zu rot ändern und erhöhen Sie die Größe, die Sie haben. Innerer Schatten. Sie haben innere Glühfarbe über See, strahlend und vieles mehr. Okay, du hast hier auch Schlagschatten. So wie das. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angesehen habt. Ich hoffe, es hat dir gefallen. Und im nächsten Video werden wir über die Verwendung von Adobe weiteren Shop für Sie auf UX-Design sprechen. So sehen wir uns dann. 96. Adobe Photoshop für UI:UX Design: Hallo, alle. Willkommen zurück zu einem anderen Video des Diskurses in diesem Video. Wir werden über die Verwendung von Adobe für den Shop für Sie auf ux Design sprechen. Sie als junger UX-Designer müssen Ihre Bilder möglicherweise bearbeiten, um sie in Ihrem Projekt richtig verwenden zu können . Okay, es gibt also einige Änderungen, die Sie in der Skizze nicht vornehmen können, und es ist eine gute Idee, sie vor der Show in einer Tür zu bearbeiten. Okay, in diesem Video werde ich dir beibringen, wie du eine Tür vor dem Laden benutzen kannst, um deine Bilder zu bearbeiten. Okay, also ohne weiteres, öffnen wir unser Idol vor dem Laden. In Ordnung? Wie Sie sehen können, habe ich ein Bild von diesem Schuh aus unspool Asche heruntergeladen, die kommen, um Ihnen zu zeigen wie Sie jedes Objekt von seiner Bank um in Adobe für den Shop trennen können. Okay, also nehmen Sie an, Sie entwerfen eine Shopping-Anwendung und wir müssen einige Schuhe in unseren Einkaufslisten haben, OK, in diesem Fall ist es besser, diesen Schuh von seinem Hintergrund zu trennen und dann speichern Sie es als PNG fünf und dann in Ihre Skizze importiert. Ok? also gibt es verschiedene Möglichkeiten, das zu tun. Sie können verschiedene Auswahlwerkzeuge verwenden. Zum Beispiel können Sie den Zauberstab so verwenden. Es funktioniert in einigen Beispielen, aber zuerst, lassen Sie mich Ihnen etwas zeigen. Wie Sie sehen können, wird diese Schicht Bankrunde genannt, okay? Und wir können nichts tun, wenn es verschlossen ist. Also Energie auf so, können Sie doppelklicken. Und der Jäger, zum Beispiel, setzt einen Namen. Es spielt keine Rolle, was es ist. Sie können es auf Schuh setzen, und jetzt ist es freigeschaltet, damit Sie Änderungen vornehmen können, und ich werde auf diese Weise klicken und löschen. Wie Sie sehen können, haben wir hier keine Tasche. jedoch Sie müssenjedochsicherstellen, dass der Hintergrund vollständig entfernt wurde. Zum Beispiel, hier, wie Sie sehen können, haben Sie einige Leerzeichen, also müssen wir noch einmal diesen Leerraum auswählen und auf Löschen klicken wie folgt. Nun, um Ihnen zu zeigen, was der Unterschied hier ist, werde ich eine neue Ebene erstellen. Und nennen wir es BG als unsere Bankrunde, und ich schiebe es unten unter unsere Schuhschicht und drücken Sie Kommando ein oder Kontrolle und Fenster. Und dann wählen Sie eine andere Farbe. Zum Beispiel, diese und drücken Sie die Option löschen. Da gehen wir. Wie Sie sehen können, könnten wir leicht die Hintergrundfarbe ändern. Okay, also kann ich auch den Hintergrund entfernen und als PNG-Datei speichern und in Skizze importieren und verwenden, damit Sie mehr Möglichkeiten haben, mit diesem Bild zu arbeiten. Aber es gibt einige Bilder, die Sie den Zauberstab nicht einfach verwenden können, um Ihr bestimmtes Objekt vom Hintergrund zu trennen . Okay, lassen Sie mich diese Prozesse rückgängig machen. In diesem Fall können Sie andere Werkzeuge verwenden. Ok. beispielsweise können Siebeispielsweisedas magnetische Lasso verwenden, und Sie können Ihr Objekt einfach und perfekt auswählen. Sie können auch das Stift-Werkzeug verwenden, was die beste Option ist, da Sie eine präzise Wahl von Ihrem Objekt erhalten können. jedoch Es brauchtjedochmehr Zeit. Und hier, nachdem Sie zwei verschiedene Punkte ausgewählt haben, müssen Sie die Optionstaste halten und diesen Punkt so drücken und einen neuen Punkt und Säge auswählen . Okay, in Ordnung. Jetzt zeige ich Ihnen ein weiteres Beispiel für die Verwendung von Adobe weiteren Shop zum Ändern Ihrer Bilder. Manchmal müssen Sie möglicherweise die Farbe Ihres Produkts ändern. Okay, also zuerst, lass mich die Bank auswählen und das so entfernen, und nehme an, ich werde die Farbe dieses Schuhs ändern. Ok? Es ist ein bisschen schwierig, weil es zu dunkel ist. Aber ich werde es ausprobieren. Erster. Lassen Sie uns einen neuen Layer erstellen. Dann wähle ich das ganze Shooting aus. Wie können wir das tun? Wir können Befehlstaste und Clip undies Square hier halten und wie Sie sehen können, es bereits ausgewählt . Stellen Sie dann sicher, dass Sie die neue Ebene ausgewählt haben, und ändern Sie eine andere Farbe. Zum Beispiel blaue Farbe. Wählen Sie dann das Pinselwerkzeug aus. Okay, wie das, lasst uns das alles so malen. Jetzt sieht es seltsam aus, aber in einer Minute können Sie sehen, wie erstaunlich diese Technik ist. Wie Sie hier sehen können, haben wir zwei verschiedene Schichten. Okay, hier haben wir die fade Form und wir haben verschiedene Möglichkeiten. Wenn Sie Farbe auswählen, können Sie sehen, dass es sich um Objekte handelt. Die Farbe wurde perfekt verändert. Ok. Und es ist fantastisch, denn manchmal muss ich als U I Designer verschiedene Versionen von einem bestimmten Produkt haben, aber es ist nicht im Internet verfügbar, so dass Sie Ihre eigenen erstellen können. Nehmen wir nun an, dass Sie ihre Farbe auf etwas anderes ändern möchten und Sie wollen sehen, wie Hunderte von Optionen statt jede Farbe eins nach dem anderen auswählen. Ich habe eine gute Lösung für Sie. Wenn Sie zu Anpassungen gehen, können Sie sehen, dass wir verschiedene Optionen haben. Ok. jedoch Wenn Siejedochkönnen, können wir Farbtonsättigung. Sie können den Farbton leicht ändern und wie Sie sehen können, die Farbe aus, unser Schuh ändert sich sofort. Es ist erstaunlich, nicht wahr? Und zum Speichern Ihrer Dateien können Sie einfach Befehlshalt und s drücken und dann hier können Sie den Namen festlegen, zum Beispiel Schuh. Dann können Sie hier das gewünschte Format auswählen. Wir haben viele Formate. jedoch Wenn Sie dieses Bildjedochohne Hintergrund verwenden möchten, müssen Sie PNG auswählen. Ok. Danke. Du kannst retten. Ok. Und es ist erledigt. Jetzt können wir Diplom-PNG-Datei in Ihr Skizzenprojekt importieren. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 97. Projekt 2 – Finanz-App: Hallo, alle, willkommen zurück zu einem anderen Abschnitt der Partituren in diesem Abschnitt. Wir werden gemeinsam eine moderne Finanz-App von Grund auf neu entwerfen. Also hier ist, was wir entwerfen werden. Wir müssen 24 verschiedene Bildschirme zusammen entwerfen. Wie Sie sehen können, beginnen wir mit Startbildschirm, dann gut gestaltet eine Willkommensseite und auch Signaturseite. Wie Sie hier sehen können, wird auch die Anmeldeseite Und nach Dante die OTP-Verifizierung Seite entwerfen. Wie Sie hier sehen können, haben wir drei verschiedene Seiten dafür. der ersten Seite wird die Nummer vergessen. Die zweite Seite ist, wenn der Benutzer das OTP eingibt, und die dritte Seite ist, wenn der untere Teil aktiv ist. Und danach werden wir hier das Profil und auch die ausgefüllte Form unseres Profils als Konzeption gestalten. Und dann würden wir unsere Homepage mit diesem Diagramm dort drüben erstellen. Und danach haben wir hier unser Hamburgermenü mit fünf verschiedenen Menüabschnitten. Und dann gehen wir zu unserer Kartenseite und wir werden hier zwei verschiedene Autos entwerfen, die primäre und die zweite alle hier. Und wir werden auch einige Transaktionen wie diese entwerfen, wie Sie sehen können. Und dann haben wir hier die Transaktionsseite gut auf verschiedene Bildschirme für unsere Transaktion entwickelt . Wie Sie sehen können, haben wir hier ein Auto, das der Benutzer suchen und die spezifische Transaktion finden kann. Und wenn diese Karten ausfallen, haben wir diesen Bildschirm, der uns die Details unserer Ausgaben zeigt. Und dann hier haben wir den Transfer-Bildschirm wird diese Nummer pat zusammen und all diese Elemente erstellen . Und danach haben wir die Bestätigungsseite, wie Sie sehen können, und dann die Benachrichtigungsseite. Auch hier haben wir zumindest Benachrichtigungen mit verschiedenen Fotos mit unterschiedlichen Namen. Hier. Der Benutzer kann unter diesen Benachrichtigungen suchen, und auch wir haben das Profil hier mit diesen Steuern fühlt und schöne Farben. Und nicht zuletzt entwerfen Sie drei verschiedene Boarding-Seiten für unser Labor. Wie Sie sehen können, ist es ziemlich nett. Ich bin so aufgeregt, dieses Projekt gemeinsam zu gestalten. Um dieses Projekt zu starten, müssen Sie die Assets herunterladen, die ich bereits für Sie vorbereitet habe, und Sie können es aus dem Ressourcenabschnitt der Assets-Vorlesung erhalten. Vielen Dank, dass Sie sich dieses Video ansehen. Ich erhalte die nächste Reihe von Videos 98. Start-Bildschirm: Hi, alle. Willkommen zurück zu einem anderen Video des Diskurses in diesem Video. Wir werden den Designprozess von unserer Finanz-App gemeinsam starten. Die erste Seite, die wir entwerfen werden, ist der Startbildschirm. Ok. Also ohne für ich tun, lasst uns es mit dem Hinzufügen eines Kunstboards zu Ihrem beginnen wir brauchen ein iPhone X s großartig. Was ich tun werde, ist so einfach. Ich werde das Geld-Logo, das wir im lokalen Bereich entwerfen, zusammen setzen, weil der Name dieser App Geld sein wird. Das ist interessant. Also lasst uns weitermachen und es hierher bringen. Wenn du den Hintern aufmachst, ist alles in Ordnung. Hier finden Sie drei verschiedene Fuller's Icons, Illustrationen und Logo. Also, hier öffne ich das Logo und wir haben das bunte Logo. Großartig. Es ist 96 mal 77. Das ist fantastisch. Lassen Sie mich es sowohl ärgerlich als auch vertikal an der Mitte ausrichten. Und ich werde den Namen unseres Kunstwerks ändern, um Bildschirm zu starten. Perfekt. Alles klar, wir sind fertig. Wir haben gerade unseren Startbildschirm erstellt. Denken Sie daran? Wenn Sie den Startbildschirm entwerfen, setzen Sie nicht so viele Elemente darauf, okay? Es muss einfach, klar und attraktiv sein. Hier haben wir ein sehr attraktives und farbenfrohes Logo, und auch seine einfache, weil die APP wird diese Seite für nur 1 bis 2 Sekunden für den Benutzer zeigen . Okay, also haben wir nicht so viel Zeit, um so viele Informationen zu geben. Nur ein einfaches Logo wäre toll, sind direkt im nächsten Video, das wir entwerfen werden, sind Signaturseite, so werde ich sehen, dass. 99. Seite melden: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden die Signaturseite gemeinsam nach einem Startbildschirm entwerfen. Wir brauchen die Willkommensseite hier, okay, damit die Benutzer wählen können zwischen der Anmeldung und Anmeldung Bottoms. jedoch Zuallererst werde ichjedoch die Signaturseite entwerfen, und danach werden wir auf unsere Willkommensseite zurückkehren. Also lassen Sie uns diesen großen Bildschirm duplizieren und ich werde unser Logo entfernen, weil wir das nicht brauchen. Und das hat seinen Namen in Unterzeichnung geändert. Dann rechts oben. Ich werde unser Logo setzen und auch richtig. Willkommen zurück. Ok. jedoch Zuallererst werde ichjedoch einige einfache Kreise erstellen, um einige großartige und schöne Elemente zu machen man dort drüben setzen kann. Okay, also gehen wir weiter und setzen einen Sirup ein, der so krank ist, und ich mache ihn 352 mal 352. Das ist an tschechischen Grenzen, und dann passe ich es mit einem Grau an. Das war nicht perfekt. Der erste Kragen wird 50 bis 64 f neun sein, und die zweite Farbe ist ein hellblau, das drei a f neun und e f genial ist. Dann lassen Sie mich die Richtung unseres Grady int ändern. Machen Sie es so, jetzt werde ich es duplizieren und legen Sie den zweiten Kreis direkt unter unseren ersten Kreis. Lassen Sie mich es nach rechts bewegen, um es mit Double zu machen. Und dann hat das die Note in zwei geändert. F 56 und F acht sind richtig und die zweite Farbe zu sehen sucht 30 und f acht. Okay, dann werde ich die Richtung unserer Note ändern. Ian ist so hier, und danach werde ich diese Farbe auswählen und das Angebot auf Null reduzieren. Ehrfürchtig. Lassen Sie mich es ein bisschen so bewegen, und ich werde die Richtung ein bisschen so ändern. Perfekt. Dann brauchen wir noch einen. Also lassen Sie es uns duplizieren und direkt unter unseren zweiten Kreis oder rechts legen. Und wir müssen die Grady int noch einmal ändern, um sieben zwei F und F acht zu sehen, und die andere Farbe wird die gleiche ziemlich gut sein. Ich muss die Richtung unseres Grady Int in so etwas ändern und lassen Sie uns es ein wenig bewegen und diese beiden auch. Wir müssen ihren Urlaub ändern, um die bestmöglichen Ergebnisse zu erzielen. Es kann also einige Zeit dauern. Lassen Sie mich den dritten Kreis etwas nach oben bewegen. Lassen Sie uns in diesem Jahrden ersten Kreis wählen und seine Position auf minus 74 ändern. diesem Jahr Und es ist warum, auf minus 84. Es ist großartig in der 2. 1 bis minus 43 minus 56 und der letzte zu Alle jetzt werde ich es um minus 45 Grad drehen. Also lasst uns richtig minus 45 hören. Und dann lasst uns seine X zwei minus 85 ändern, es geht auf minus 179. Sie fragen sich vielleicht, wie ich diese seltsamen Zahlen bekommen könnte. In der Tat braucht es Zeit, um die bestmögliche Lage zu erhalten. Also, um Ihre Zeit zu sparen, ändere ich ihren Urlaub so oft, um diese Zahlen zu bekommen. So müssen Sie, um ein großartiger Designer zu werden, um ein großartiger Designer zu werden,Geduld haben, um die besten Ergebnisse zu erzielen. So habe ich diese Zahlen bekommen, okay? Und dann bringe ich unser weißes Logo hierher. Wie Sie sehen können, exportierte ich eine Pdf finden hier. Bringen wir es Terror. Da gehen wir. Es ist eine Punkt-Version unseres Logos oder rechts. Es ist übrig. Klopfen wird 52 sein und es wird aufhören zu gehen 64 sein. Dann brauchen wir hier einen Text. Das ist richtig. Willkommen zurück. Wir würden Monserrat Fonds. Das Gewicht wird regelmäßig sein, und auch die Schriftgröße wird 28 Punkte betragen. Perfekt. Und jetzt lassen Sie uns die mit auf 136 verringern. Awesome! Und lassen Sie uns es mit unserem Logo Perfect ausrichten, und seine obere Polsterung wird 16 Pick-Zellen wie diese sein. Dann können wir sie gruppieren. Und hier, können wir es nicht Logo? Ehrfürchtig für den Raum. Wir brauchen jedoch keine Statusleiste . Wir brauchen den Home-Indikator, also lass uns voran gehen und seinen Apfel einlegen. Ich gebe ich Bars Home Indikator iPhones und hier Licht Porträt, Lassen Sie uns es hier, die Linie es oder ärgern früh und richten Sie es nach unten ziemlich gut. Das nächste, was wir brauchen, ist ein Titel, also werde ich voran gehen und unterschreiben Titel hier Unterschrift hinzufügen. Machen wir es dunkel grau mit dem Code drei ein drei und drei a und ich werde es fett machen und es wird die gleichen 28 Punkte sein. Ziemlich genial. Jetzt wird die linke Polsterung 30 sein. Großartig. Ich werde unsere Kreise gruppieren. Das ist richtig, Formen ziemlich gut. Und unser Top-Tattern für den Unterschriftentitel wird 16 so sein. Dann müssen wir Steuern fühlt sich wie das Instagram davon. Wir haben es neu gestaltet. Wenn Sie möchten, können Sie es hier kopieren und einfügen, um Ihre Zeit zu sparen. Oder Sie könnten dieses Projekt als Bibliothek verwenden, um die gleichen Elemente zu verwenden, die wir verwenden. Aber ich werde es gleich nach unten schaffen, weil es nicht so viel Glanz braucht. Also, was ich brauche, ist ein Titel, der richtige E-Mail-Adresse ist und den Fonds in SF pro Text ändern und dann die Schriftgröße auf 14 Punkte verringert und auch die Steuerfarbe auf neun B neun und B neun zu ändern , und es wird regelmäßig ziemlich sein genial. Legen Sie es hier mit dem 30 Pixel linken Polster und dann werde ich es duplizieren. Und hier schreiben wir die E-Mail-Adresse. Das ist richtig. Design. Das ist ein einziges Medium, das die Farbe in das gleiche Dunkelgrau ändert, das wir für unseren Signaturtitel verwendet haben . Ehrfürchtig. Und schließlich müssen wir unsere Takes erstellen. Es ist nicht so, dass ich hier eine Zeile wie diese einfügen werde. Es wird 345 sein und hier haben wir 315 und die Linie ins Zentrum. Also hier haben wir 30 nach rechts. 32. Die Linke. Das ist genau das, was wir brauchen. Und dann ändern wir die Farbe auf 27 43 f. Das ist unser Hauptkragen für dieses Projekt. Die oberste Überschrift für unsere Symantecs wird 16 Pixel sein, wie wir hier haben. Und auch die untere Polsterung wird acht sein. Also lass es uns acht fantastisch machen. Und dann ist das die Gruppe richtig? E-Mail-Adresse und dupliziert, weil wir das Passwort brauchen, nimmt das Gefühl auch mit einem 24 Pixel-Polsterung, und ich werde diesen Titel ändern, um für und diesen Zement zu einigen schwarzen Kreisen übergeben, Optionstaste zurückhalten und acht drücken Nummer perfekt. Nun lassen Sie mich den Namen unserer Gruppe hier in Passwort ändern. Also, was brauchen wir noch? Ihr Recht. Wir müssen verschiedene Symbole hier. Wir brauchen ein Teak-Icon und auch ein Augensymbol für diese Vergangenheit für Steuerfeld. Öffnen wir also unsere Symbole, Fuller. Hier haben wir das Teak, und hier haben wir die ich ziemlich gut, dass wir es hier setzen. Und das hier, ich werde das Häkchensymbol Teoh unseren E-Mail-Adressordner setzen und dann richten wir es aus. Es wird 16 nach unten und 16 nach rechts sein. Und für diese habe ich so lange, lassen Sie mich es in Vergangenheit zuerst Fuller 16 nach unten und 16 nach rechts setzen. Ziemlich gut. Und die Farbe dieses Tick-Symbols wird CB drei e f neun sein. Es ist unsere sekundäre Farbe, richtig? Also lassen Sie uns in eine beide Steuer fühlen und gruppieren sie und ich werde es nennen. Nimmt Gefühle. Was brauchen wir noch hier? Ich füge einen Link zum vergessenen Passwort hinzu. Also lassen Sie uns für Gott Passwort ein Fragezeichen schreiben und seine Farbe ändern, um 47 und F c, das ist unsere primäre Farbe, wie wir für diesen Text verwendet fühlen Linien genial. Der Fonds wird ein sicherer Profi sein, abgerundet und auch leicht, und seine Größe wird 16 Punkte betragen. Schütteln wir die Polsterung. Es sollte 30 nach links und 24 nach oben so sein. Alles klar, das einzige, was wir tun müssen, ist, hier einen Signaturknopf hinzuzufügen. Also, jetzt müssen wir um es einfügen. Lassen Sie mich die mit 2 315 und hoch auf 72 dann auf Jake Borders ändern und den Radius geändert. Zeit, um kleine Ecken zu machen und auf 28 so zu steigen, werde ich in die Mitte einreihen. Ziemlich genial. Dann müssen wir ein großes hinzufügen. Also lasst uns die Farben verwenden. Die 1. 1 wird 49 60 und f neun sein, und die 2. 1 wird 14 33 und f f groß sein. Lassen Sie mich die Richtung unseres Grady int hier und auch hier so ändern. Ehrfürchtig. Dann lassen Sie uns einige Schatten hinzufügen. Ich werde das gleiche Blau hier wählen und alles für 2 20 verringern und die Y 28 und die Weichzeichnung auf 15. Das ist ziemlich großartig. Dann müssen wir einen Text hinzufügen, den sie unterschreibt. Ich ändere die Farbe und änderte den Fonds auf Mont Sarah es. Und dann werde ich die Schriftgröße auf 20 Punkte ändern, und es wird auch unregelmäßig sein. Das kann es in der Mitte vertikal ziemlich gut ausrichten. Wie Sie sehen können, haben wir 24 Pixel oben und 24 Pixel unten, und wir müssen auch 24 Picks auf der linken Seite haben. Was brauchen wir noch? Ihr Recht. Wir brauchen einen Pfeil nach rechts, um ihn dort drüben zu platzieren. Also lasst es uns hierher bringen, Pfeil nach rechts ziehen und ablegen. Aber es ist genau da drüben, und dann ist es vertikal ausgerichtet. Großartig. Wir haben 24 Pixel nach oben und 24 Pixel nach unten und auch nach rechts. In der Tat ist es im Moment großartig, aber ich werde einige Details zu unserem Boden hinzufügen, um es einzigartig und erstaunlich zu machen. Also, was ich tun werde, ist das Hinzufügen Kreis richtige Reihenfolge und lassen Sie uns auf Tschechische Grenzen und machen es 144 mal 144 Pixel. Großartig. Und dann das. Wählen Sie den Kreis aus, indem Sie die Befehlstaste gedrückt halten und darauf klicken. Und hier in unserer Ebene, wenigstens können wir mit der rechten Maustaste klicken, Klicken Sie auf Kopie Stein. Okay, dann benutzen wir den Kreis und wieder, klicken Sie mit der rechten Maustaste und fügen Sie I ein Das ist großartig. Danach werde ich mich um 90 Grad drehen und es richtig sagen, waren da. Dann wählen wir unser Rechteck und treten eine Maske. Ziemlich genial. Das könnte es ein wenig bewegen. Ich werde die Richtung von diesen Grady-Ins ändern, wie diese Awesome, und lass es mich duplizieren und dort drüben hinlegen. Und noch einmal, das ist wählen Sie den ersten Kreis und kopieren Sie den Stil, weil Sie gehen, um die gleiche Klasse Ian's hier zu verwenden und fügen Sie es für unseren zweiten Sirup krank. Und ich werde die Richtung so ändern und lassen Sie uns diese Schicht unter unseren lila Kreis setzen ziemlich genial. Ich werde es ein bisschen bewegen, und auch das hier. Ich finde es toll. Kannst du sehen, wie schön es sich erleichtert? Wir fügen nur einfache Formen hinzu. Wir könnten es viel, viel besser aussehen lassen, als wir unsere Elemente alle zusammenfassen und es als Unterschrift unten nennen. Es ist die untere Polsterung wird 64 wie folgt sein auf Das ist alles, was es erfolgreich erstellt ist, sind die Signaturseite richtig. Ich hoffe, Sie genießen dieses Video. Im nächsten Video werden wir weiterhin unsere Signaturseiten und auch die Willkommensseite erstellen. So sehen wir uns dann. 100. Anmelden und Seiten-Seite Teil 2: Hallo, alle. Willkommen zurück zu einem anderen Video aus diesem Abschnitt in diesem Video werden wir zu entwerfen sind Begrüßungsseite die anderen Signaturseiten und auch unser Zeichen eine Seite so ohne, denn ich will es loslegen. Zuerst werde ich das Kunstwerk auf die rechte Seite schieben und es duplizieren und es mir hierher bringen lassen . Ehrfürchtig. Und dann werde ich seinen Namen ändern, um Great willkommen zu heißen. Lassen Sie uns diese Elemente entfernen, weil wir sie nicht brauchen. Perfekt. Und dann wähle ich unsere Shapes-Gruppe aus. Und lassen Sie uns Lee auf 970 ziemlich gut erschrecken, und dann werde ich es um 28 Grad drehen. Das ist großartig. Das Letzte, was wir tun müssen, ist seine Position zu ändern. Lassen Sie uns die Eier auf minus 595 und a y tu minus 581 setzen. Das ist großartig. Also, was brauchen wir noch? Wir brauchen noch einen Knopf, um eine Seite zu unterschreiben, und lassen Sie mich sie ein wenig nach oben verschieben und ich werde sie duplizieren und sie dort drüben platzieren. Es wird eine 16 Spitzen L Polsterung ziemlich genial haben und ich werde die Ordner ändern. Name, um sich anzumelden, Button. Hoppla. Wir müssen diese Ordner ändern. Und Emmas? Nun, ich habe Schild unten geschrieben. Ich muss es in Unterzeichnung ändern. Großartig. Und für diese Schaltfläche, werde ich und überprüfen Felder und auch Schatten. Und lassen Sie uns die Grenzen überprüfen. Denken Sie daran, wenn Sie zwei verschiedene Schaltflächen wie diese Signierung und Zeichen der Schaltflächen, die wirhier haben,setzen hier haben, sollten Sie zwei verschiedene Arten von Schaltflächen verwenden. Zum Beispiel, hier, werden wir auf einer Gliederungsschaltfläche für unser Zeichen eine Schaltfläche haben, Ordnung. Und lasst uns die Kreise entfernen, weil wir sie nicht brauchen. Und ich werde die Farbe unserer Grenzspitze ändern, unsere Primärfarbe, unsere Primärfarbe, die 27 43 F d ist. Lassen Sie mich diesen Hex-Code kopieren, weil ich das brauche, und ich werde diese Techniker ändern, um sich anzumelden. Lassen Sie mich auch seine Farbe in unsere Primärfarbe ändern. Und auch werde ich die Farbe unseres Pfeils auf die gleiche Primärfarbe ändern. Fantastisch. Und lassen Sie uns wie beide Böden und bewegen Sie sie nach oben, weil wir eine 64 Bodenpolsterung haben müssen. Wie das, was wir hier hatten. Es ist 64. Perfekt. Dies wird unsere Willkommensseite sein. In Ordnung, wir brauchen noch eine Unterschriftenseite, also lass mich sie duplizieren. Und dieses Mal werde ich dieses Passwort offenbaren. Okay, also werde ich die Kunstbretter wechseln. Name des Signaturkennworts. Großartig. Und lassen Sie uns dieses Passwort ändern, um so etwas wie Sie, ich zu jedem 20. Und wir müssen auch diese Symbole ändern. Also lassen Sie uns unsere neue Ich kann meine Dosen hören und wir müssen suchen, dass ich versteckt. Da gehen wir. Ich werde es da drüben setzen und das vorherige Symbol und den Sitz entfernen. Dieser Bildschirm ist ebenfalls bereit. Jetzt werden wir zwei verschiedene Zeichen der Seiten zu entwerfen. Okay, also lass mich diese Signaturseite duplizieren, okay? Und ich werde seinen Namen ändern, um mich anzumelden. Ehrfürchtig. Und lasst uns weitermachen und seinen Titel ändern, um sich auch anzumelden. Und auch diese Schaltfläche müssen Sie es ändern, um sich anzumelden und denken Sie daran, den Namen der Fullers hier zu ändern , um sich zu registrieren. Ziemlich gut. Diese Seite ist auch bereit, und die letzte Seite wird ein weiteres Zeichen der Seite sein. jedoch Dieses Mal werden Siejedochden Status dieses Steuerfelds ändern. Okay, das hat den Namen der Kunstports geändert, um sich anzumelden. Dash Rudern E-Mail. In Ordnung, lassen Sie mich zoomen. Das heißt, hier. Ich werde diese E-Mail-Adresse in so etwas ändern. Okay? Auf jeden Fall. Es ist die falsche Adresse. Und was wir tun werden, ist, die Farbe der Titel-E-Mail-Adresse und auch unsere Textfelder Zeile auf rote Farbe zu ändern . Okay, also wählen wir unseren Titel. Und ich werde Sie auf f d 27 27 ändern. Großartig. Und wählen Sie auch thes Text fühlt sich neun und ändern Sie die Grenze Gelehrten auf F D 27 27. Das Letzte, was wir brauchen, ist hier ein informativer Text. Okay, also lassen Sie mich nehmen hier und rechts, die E-Mail-Adresse ist unvollständig. Ehrfürchtig. Ich werde seinen Weg zu Licht und auch seine Größe zu einem 13 ändern. Ziemlich gut. Das könnte es nach links ausrichten, und ich werde es in unsere Mailadresse geben, Fuller, die hier ist, und dann können wir uns perfekt ausrichten. Es wird eine Pixel-Top-Polsterung haben. Ehrfürchtig. Und wählen wir dieses Textfeld auf. Auch vergessen Vergangenheit für Text und verschieben Sie es nach unten. Du bekommst 24 Plektren. L top hinzufügen, wie diese Jetzt ist alles in Ordnung. Wenn Sie möchten, können Sie voran gehen und verschiedene Staaten von jedem Steuergefühl entwerfen. Aber Kurses willen werden um diesesKurses willen werden wir nur zwei verschiedene Zustände entwerfen, Ordnung? Und wir brauchen hier noch einen Bildschirm, der den Tippzustand ist. Okay, also lass mich duplizieren, dass ich eine Seite unterschreibe. Großartig. Und ich werde den Namen unserer Ports ändern, um die Eingabe anzumelden. Dann brauchen wir eine Tastatur. Also lassen Sie uns voran und legen Sie einen Apfel I usu. Ich Systemtastaturen iPhone, und ich werde Licht verwenden. Und hier, Alphabetiker, werde ich es gleich da drüben hinlegen. Ziemlich cool. Also lassen Sie uns wählen, diese Elemente sind Zeichen des Titels und auch unsere Textfelder und verschieben Sie sie so nach oben. Unser Top Versteck ist 299. Ich werde es 300 so machen, und wir müssen auch eine Texteingabemarke hinzufügen. Okay, also was wir brauchen, ist nur eine Zeile wie diese hinzuzufügen. Ich werde es zu 19 ändern und auch seine Grenze mit 1,5 und seine Farbe auf das gleiche Lila hier. Und lass es mich so hinunterziehen, und ich werde es in unsere Vergangenheit für Textilien stecken. Fuller. Da gehen wir. So wie das ziemlich gut. Ich werde hier etwas ändern. Lassen Sie uns diese Textilien wählen und verschieben Sie sie nach oben, bis wir ein 24 Pixel Top hinzufügen. Großartig. Und nun wählen wir sowohl unsere Textfelder als auch unseren Titel und verschieben sie nach unten, bis wir ein 311 oben versteckt bekommen . Ich finde es toll. Wir können auch Vorschau Eat this. Alles ist richtig, um unsere Signatur- und Anmeldeseiten und auch unsere Willkommensseite erfolgreich zu gestalten . Im nächsten Video werden wir also unsere OTP-Verifizierungsseiten entwerfen. Ich kann es kaum erwarten, dich dort zu sehen. So sehen Sie, dass 101. OTP: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden unsere OTP-Verifizierungsseiten gemeinsam gestalten. Also, ohne weitere Umschweife, lasst uns anfangen. Als Erstes brauchen wir ein neues Kunstwerk. Also lass mich weitermachen und diese Willkommensseite duplizieren, und ich werde es genau dahin bringen, wo sie unsere Kameras so organisiert halten. Und wir müssen diese Formen und auch dieses Logo und auch unseren Anmelde-Button entfernen. Ich werde den Status ganz rechts oben einfügen. Da gehen wir, und ich werde es nach oben richten und lassen Sie mich diesen Song hier in den Knopf setzen. Wir müssen es später ändern. Also, wofür ist OTP-Verifizierung? OTP steht für einmaliges Passwort. Okay, also müssen wir die Benutzernummer erhalten, und dann sollten wir einen Passcode senden, zum Beispiel ein vierstelliges Passwort, und dann muss die APP es bestätigen. Dafür entwerfen wir drei verschiedene Seiten. Die ersten Dinge Tarife. Lass mich weitermachen und mich ändern. Dies sind Port-Namen für OTP. Großartig. Und dann werde ich da drüben eine Illustration machen. Lassen Sie uns also den Illustrationsordner aus unserer Assets-Datei öffnen. Da gehen wir. Hier haben wir OTP. Perfekt. Ich habe diese Illustration von Andhra Website heruntergeladen. Wie ich bereits erwähnt habe, können Sie es kostenlos bekommen. Dann lassen Sie es uns horizontal ausrichten und es stoppt. Kämpfen werden Sie 100 so sein und ich werde diesen Titel hier kopieren und einfügen , weil wir die gleichen Mittel in der gleichen Farbe und eine Linie in die Mitte und auch hier brauchen . Dann die Änderung, die Schriftgröße auf 24 Punkte und rechts OTP-Überprüfung Ziemlich gut. Es wird eine 60-Pixel-Polsterung wie folgt haben und mich es duplizieren und ändern lassen. Es macht Spaß, Größe 16 Punkte und auch von Bulle bis regulär und die Linie hoch zu 24. Dann lass uns richtig. Wir senden Ihnen auf einmal ein Passwort an diese Handynummer. In Ordnung? Und dann werde ich die mit 2 310 und eine Linie in die Mitte Perfect verringern. Und es wird eine 24 Gipfel verkaufen Top-Kämpfe wie diese. Dann müssen wir hier ein Textfeld und auch einen Titel haben. Also lassen Sie uns rechts beenden ihre mehr Galle Nummer, und ich werde den Fonds zu SF Pro Text und auch seine Größe auf 14 Punkte und die Farbe zu einem hellgrau ändern . Das ist richtig. B neun b neun und neun ziemlich gut ausgerichtet auf die Mitte und wir brauchen das Steuerfeld hier. Also werde ich das gleiche Takes Feld wählen, das wir für unsere Signaturseite erstellt haben. Lassen Sie mich das auswählen und kopieren und einfügen Sie es hier. Und dann werde ich dich 233 machen, und es wird in die Mitte auskleiden und es nach unten schieben. Wir brauchen hier auch eine Nummer, also lassen Sie es uns duplizieren. Und hier können Sie eine beliebige Nummer schreiben. Also lasst uns richtig. Plus 49. +111222333 Okay, und lassen Sie uns es mutig machen und einen Kragen das gleiche dunkelgrau hier ändern. Und wir müssen auch die Fondsgröße auf 18 Punkte pro Linie in die Mitte erhöhen. Es wird 24 Pixel Top-Kampf haben, also machen Sie es 24 ziemlich genial. Und lassen Sie uns alle diese Elemente auswählen. Gruppieren Sie sie richtig, mehr Gallennummer. Und jetzt ist es an der Zeit, hier unseren neuen Boden zu schaffen. Okay, ich werde ein paar Änderungen vornehmen, um es einzigartig zu machen. Zuerst werde ich diese Icon entfernen und diese Texte und unsere rec Tango und Ausrichtung auf die Mitte Perfect auswählen . Dann lass uns richtig. Holen Sie sich OTP ziemlich gut. Richten Sie es erneut aus. Und zu guter Letzt werden wir die Position dieser Formen ändern. Ok, ich wähle dieses blaue aus und lege es dort hin, wo es nach unten geht. Ich werde es so drehen. Perfekt. Und wählen wir die 2. 1 und legen Sie sie hier und lassen Sie uns es auch nach rechts drehen, um so etwas zu bekommen . Das ist ziemlich genial, nicht wahr? Und ich werde den Namen Fullers ändern, um OTP zu bekommen. Barton, lass mich dieses blaue ein wenig nach links bewegen und dieses lila nach unten und links. Jetzt ist es großartig. Jetzt ist es Zeit, die Polsterung von diesem Punkt in zu überprüfen. Es muss eine 64 Pixel untere Polsterung haben, also machen wir es 64. Und jetzt ist alles erledigt. Alles klar, jetzt ist es Zeit, unsere zweite Seite hier zu erstellen, also lass mich hier duplizieren und ich werde es OTP-Verifizierung nennen. Dann hat sich das auch diese Steuer geändert. Geben Sie auch den OTP-Sand ein. Diese Nummer. Okay, das ist richtig. Plus 49 +111 222 und 333 Dann wählen Sie diese Zahl und machen Sie sie fett. Perfekt. Und wir müssen diese Elemente entfernen, die meinen Holztitel eingeben und auch diese Nummer. jedoch Wir müssen diese Liniejedochbeibehalten. Also wählen wir es aus und machen es für die Acht so und erstellt Text. Zum Beispiel. Lassen Sie uns sieben schreiben und ändern Sie den Fonds in SF pro Text und erhöhen Sie die Größe auf 24 Punkte. Awesome, die beide Elemente auswählen und ausrichten. Es wird einen Spitzenkurs darüber haben, wie das zu beeinflussen. Lassen Sie uns sie gruppieren und hier müssen wir Textfeld schreiben. Dann wird das dreimal dupliziert. Wir werden ein 24-Pixel-Polsterung zwischen ihnen hinzufügen. Okay, wie das perfekt. Ich werde sie gruppieren, ausrichten Sie es an der Mitte und rechts oder TP-Text fühlt. Dann haben sich diese Zahlen geändert. Ich werde die 2. 123 ändern und auch diese beiden entfernen, weil wir Thies deaktivieren, um zu besteuern fühlt sich in Ordnung, als ob der Benutzer tippt. Also werde ich diese Randfarbe ändern, um neun B 9 und B 9 ziemlich genial zu sein, und ich werde es nach oben bewegen. Wir werden 58 Peak haben, Top-Polsterung verkaufen und hier eine Steuer haben. Lassen Sie uns richtig, Hat die OTP erneut OTP erhalten. Ordnung, ich werde die Schriftgröße auf 14 Punkte ändern und auch eine Linie in die Mitte und dann , dass wählen Sie den ersten Teil dieses Satzes und ändern Sie die Farbe zu neun gutartig, gutartig und wählen Sie den zweiten Teil, das ist erneut OTP und ändern Sie unsere Primärfarbe, die 27 43 F d ist. das ist fantastisch. Dann ziehen wir es nach oben. Es wird eine vierzig Pixel Spitze haben, hinzufügen, wie dieses und nicht zuletzt, werden wir die Spartaner ändern. Das ändert zwei. Sehr gut. Wie Sie sehen können,hat der Benutzer die Tanks nicht abgeschlossen, fühlt sich OK, also wird diese Schaltfläche deaktiviert werden. Wie Sie sehen können, hat der Benutzer die Tanks nicht abgeschlossen, fühlt sich OK, Wie können wir das tun? Wir werden unsere Maske hier auswählen, die dupliziert ist, dann Filme direkt nach oben wie folgt, müssen wir die Grady int zu fühlen ändern und lassen Sie uns es weiß und verringern Sie die Kapazität auf 40% ziemlich genial. Und auch, wählen wir unsere wo finden Tanks und verringern die Deckkraft auf 50% ziemlich groß, oder? Kannst du hier den Unterschied sehen? In Ordnung, diese Seiten sind auch erledigt. Wir brauchen noch eine Seite. Also lassen Sie es uns duplizieren und ich werde diese Steuergefühle vollenden. Also lassen Sie mich diese Nummer duplizieren. Leg es da drüben und schicke es in die Mitte. Und ich werde es in seine eigene Mappe legen. Lass es uns auf Null Awesome ändern. Und auch noch einmal dupliziert. Setzen Sie es hier, richten Sie es aus und lassen Sie es auch in seinen eigenen Fuller und ändern Sie es in zwei. Jetzt müssen wir die Farbe unserer Linien ändern. Okay, um die gleiche Primärfarbe wie diese. Und last but not least, ausgegeben Aktivator Wasser. Was wir tun müssen, ist diese zusätzliche Ebene wie diese zu entfernen und auch die Kapazität unseres Textes auf 100% zu erhöhen . Das ist fantastisch. Und lassen Sie mich den Namen unserer Ports in OTP Verify ändern. Na gut, Leute, das ist alles für dieses Video. Ich hoffe, es hat dir gefallen und ich werde dich im nächsten Video sehen 102. Profil: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden zwei verschiedene Bildschirme entwerfen. Der erste Bildschirm ist unser Profil, und der 2. 1 ist unsere Profilseite abgeschlossen. Also hören wir nicht, dass ich das tue. Lass es uns anfangen. Zunächst einmal müssen wir dieses Kunstboard duplizieren, und ich werde seinen Namen in Profil ändern. Ehrfürchtig. Dann müssen wir hier fast alle Elemente entfernen, weil wir sie nicht brauchen. Allerdings werde ich diesen Knopf direkt dort behalten. Dann gehe ich weiter und füge den erigten Tango als unseren Hintergrund ein. Perfekt. Dann ist das an der tschechischen Grenze, und ich werde es spüren. Wir hätten ein tolles nicht. Die erste Farbe wird 49 60 und f neun sein, und die zweite Farbe wird 1937 f e genial sein. Und lassen Sie mich die Richtung ein wenig ändern. Ich werde es so machen. Perfekt. Dann lassen Sie uns unsere Statusleiste und auch unseren Home-Indikator weiß machen. Also werde ich es zu diesem und auch hier ändern. Perfekt. Was brauchen wir noch? Zuerst brauchen wir einen Pfeil nach links für unsere Navigationszwecke. Also lasst uns es hier von unseren Asset-Datei Icons bringen. Und hier haben wir Arrow Dragon Drop gelassen. Hübsch versucht zu bestellen. Wie miso bedeuten Es wird eine 30 Pixel linke Polsterung und auch eine 68 oben hinzufügen, wie diese Perfect. Dann brauchen wir hier einen Bildplatzhalter. Okay, also lassen Sie uns die ganze Verschiebung einfügen und klicken und ziehen. Ehrfürchtig. Es wird 100 mal 100 Pixel sein und den Radius Zeit ändern, um Ecken zu rauchen und auch den Betrag auf 36 geändert dann auf tschechische Grenzen und machen es weiß. Perfekt. Jetzt ist es Zeit, Sie an der Mitte auszurichten für ist vollständig Dann werde ich es duplizieren und setzen Sie unsere neue Ebene direkt unter unsere erste Ebene wie diese. Und ich werde dich zu Blau wechseln, weil wir die Farbe auch in Blau ändern müssen. Und die Farbe wird 40 c e f. Zwei sein. Ehrfürchtig. Dann drehen wir es. Und hier schreiben wir 38 Grad ziemlich gut auf. Nun wählen wir die Jägerin die blaue und ändern Sie seine Größe zu 104 und Ausrichtung auf die Mitte wie diese und einmal gegen wählen Sie unser weißes Rechteck und dupliziert und setzen Sie dieses Rechteck unten sind blau und ändern Sie seine Farbe zu fünf bis doppelt F und acht und dann drehen wir es um 30 Grad, und ich werde seine Größe auf 106 große Zellen um 106 ändern. Dann lassen Sie uns sie an der Mitte ausrichten. Sowohl vertikal als auch horizontal sind richtig. Und jetzt wählen wir dieses blaue, und ich werde es ein wenig nach rechts drehen, so . 57 Grad wäre schön. Was brauchen wir noch? Wir brauchen ein Kamera-Icon da drüben, also bringen wir es her. Hier haben wir eine Kamera. Ich ziehe es hierher und es ist Ort. Es ist genau da drüben, und ich werde es in letzter Zeit und vertikal an der Mitte ausrichten. Perfekt. Dann lasst uns sie gruppieren und ich werde es nennen. Profilbild. Awesome! Und es hört auf, hinzuzufügen, wird 84 bis zum Rand unseres Bildschirms so sein. Ziemlich gut. Dann ist es Zeit, unsere Steuersiegel hier hinzuzufügen. OK, wir müssen Benutzernamen hinzufügen, Vorname, Nachname und Geburtsdatum nimmt Feld so Lassen Sie uns die Tanks verwenden fühlt, dass wir für unsere Registrierungsseite erstellt . Ich werde das hier benutzen. Sie können kopieren und einfügen, was Sie wollen. Lassen Sie es uns hier setzen. Perfekt. Alles klar, jetzt lass mich es so nach oben bewegen, und ich werde den ersten Titel in Benutzername ändern und dies Danke auch an deinen Benutzernamen . Perfekt. Die Linien werden weiß sein, also lass mich sie weiß machen. Perfekt. Du brauchst dieses Symbol offensichtlich nicht. Und lassen Sie mich dieses Häkchensymbol verstecken. Ich werde die zweiten Textfelder Titel auf Vorname ändern. Und hier bist du Name. Dann müssen wir dieses Steuerfeld duplizieren. Und hier werde ich Nachnamen schreiben. Und hier müssen wir Ihren Nachnamen schreiben. Und der letzte wird das Geburtsdatum sein. Das ist also richtig. Datum aus der Geburt. Und hier schreibe ich deinen Geburtstag. Und hier werde ich D D schreiben , was Tag Mm ist. Was sind Mütter und warum? Warum, warum? Welches ist das Jahr perfekt? Dann wählen wir alte Panzer aus. Sie können Befehl halten und Shift-Taste und wählen Sie sie und änderte ihre Farbe zu einem T E. null Doppel f. Fantastisch. Ich werde hier den Namen unseres Fullers ändern. Die 1. 1 wird Benutzername sein. Die 2. 1 wird das erste, was Nachname und Geburtstag sein. Ehrfürchtig. Die oberste Überschrift wird 44. Da gehen wir. Und dann ist das Letzte, was wir tun müssen, das Spotting zu ändern. Also das erste, was kostet. Ich werde ein Rechteck wählen und es weiß machen. Und hier rechts, komplett. Und lasst uns die Farbe in ein hellgrau wie C acht c Acht ändern und acht sehen. Und wir brauchen diese Kreise nicht. Das ist entfernen Sie sie sind richtig. Was brauchen wir noch? Ihr Recht. Wir brauchen hier ein Teak-Icon, also bringen wir es her. Ich werde es kopieren und einfügen. Dann lasst uns seine Position ändern. Es wird eine 8-Pixel-Polsterung auf der linken Seite haben, und ich werde es größer machen. Also lasst uns die mit 2 22 perfekt ändern und vertikal ausrichten, so dass wir 28 nach oben 28 nach unten und acht Spitzensongs in den linken Nächten bekommen müssen. Zeit, die Farbe hier zu ändern. Richtig, C acht c acht und acht sehen. Ziemlich gut. Dann müssen wir Arktis Symbol mit unserem Text gruppieren und wählen Sie unser Rechteck und ausrichten, essen oder ist völlig fantastisch. Jetzt gehen wir weiter und duplizieren. Diese sind nicht an Bord ein Name, den es profiliert, abgeschlossen. Ehrfürchtig. Dann lassen Sie uns das Kamera-Symbol entfernen und wählen Sie unser Profilbild Ort Holer, anglikanische Daten, Skizze Daten Gesichter. Lassen Sie uns Daten aktualisieren, um das Beste für das Mögliche zu erhalten. Ich finde es toll. Und dann wähle ich die blaue und violette Form aus, die wir geschaffen haben, und schiebe sie aus diesen volleren wie diese heraus und setze sie direkt über unser Banklauf-Rechteck. Und lass uns sie so auf 438 töten, und ich werde sie hierher bringen. Wenn ich auf diesen blauen doppelklicke und meinen Mund über diesen Pfad schwebe, sehe ich, dass ein Punkt erscheint, indem ich hier klicke. Ich kann es so bewegen. Ich kann auch den Radius ändern, also lass es uns hier setzen. Ich werde es ändern, um die bestmögliche Form zu bekommen. Perfekt. Jetzt ist es Zeit, unsere violette Form zu ändern. Es ist ein Doppelklick darauf und klicken Sie hier. Klicken Sie auf diesen Pfad, um einen Punkt einzufügen und ihn ein wenig so zu verschieben und einen Radius zu ändern . Ziemlich genial. Und schließlich, lassen Sie es hier verschieben, ein wenig gedreht auf Lasst uns es auf 445 skalieren. Das ist fantastisch. Dann müssen wir unsere Daten hier hinzufügen. Also lassen Sie uns den Benutzernamen auf der rechten Seite Emma in ihrer Zeile, Ashley, Ashley, und machen Sie es weiß und denken Sie daran, ein Häkchensymbol hier zu präsentieren. Okay, dann lasst uns den Namen in Emma ändern. Machen Sie es auch Weiß. Und hier, der Nachname tatsächlich Perfect und der Geburtstag zu 20-12 Dash 1990. Machen Sie es auch weiß, und das ist duplizieren Sie diese Tick-Symbol. Noch, es in jedem Steuerfeld zu haben. Ich werde es in seinen eigenen Fuller setzen und auch hier. Wir hätten 16 Pixel über Einfluss, und das ist eins für unser Geburtsdatum. Hübsche Antwort. Jetzt ist es Zeit, unsere faulen zu aktivieren. wir also diesen Text und ändern Sie die Farbe in 47 FC. Sie ist unsere Grundfarbe. Und für die Stick Icona langsam 47 f c. Wir sind fast fertig. Aber ich werde unserem Foto ein paar Schatten hinzufügen. Also lassen Sie uns wählen, dass Rechteck und im Schatten und verringern Sie die auf Farm auf 20 und den Wein acht und Blair zu 22. Ziemlich genial. Und denken Sie daran, den Namen dieser Ordner zu ändern. Hier haben wir bekommen OTP Taste, weil wir das R Wort dupliziert. Das ändert sich also, um Botton zu vervollständigen und auch hier. Fantastisch. Okay, Leute, das ist alles für dieses Video. Ich hoffe, es hat dir gefallen und ich erhalte ein im nächsten Video. 103. Homepage: Hallo, alle. Willkommen zurück zu einem weiteren Video dieser Abschnitte in diesem Video. Wir werden unsere Homepage gemeinsam gestalten. Also, ohne weitere Umschweife, lasst uns anfangen. Zuerst werde ich ein neues Kunstbrett einlegen. Dort werden wir goldene hierher bewegt. Dann brauchen wir die Statusleiste. Ich werde es kopieren und einfügen. Ich werde es als Nebel belassen. Es ist weiß, weil wir da drüben einen Hintergrund hinzufügen werden. Dann werde ich es so einfügen, und ich werde sein Hoch auf 278 und seinen Radius ändern, um Ecken zu glätten und dann den Radius auf 66. Perfekt. Danach werde ich doppelklicken, dass zuerst Let's on Czech Borders und dann wählt Top-Punkte perfekt und verringert den Radius auf Null. Also werden wir eine Form wie diese haben. Dann füge ich eine Note hinzu. Wir werden die gleichen Grady INTS haben, die wir hier auf unserer Profilseite verwendet haben. Also lassen Sie mich Theis Rechteck im Profil, fertig gestellte Seite und Rechtsklick wählen. Und das ist Kopierstil und klicken Sie auf indirekten Winkel in thes Art Board Rechtsklick einfügen. Ich bin ziemlich gut, dann werde ich voran gehen und die Kunstbretter wechseln. Name zum Startseiteneffekt. Also, was brauchen wir noch? Wir brauchen da drüben ein Profilbild. Hamburger, viele Icon-Rechte an der Spitze. Ein Text hier. Wir legen hier eine Karte ein und legen unsere Ladung darauf und ganz unten. Wir müssen einen Wasserhahn haben. Sind also lasst uns voran gehen und Design sind Tap sind zusammen. Was brauchen wir? Wir müssen Eric Tango so einfügen, und ich werde das Hoch auf 92 an tschechischen Grenzen ändern, dann ärgerlich ausrichten und nach unten ausrichten. Perfekt. Und danach werde ich seine Farbe ändern, um zu wollen, nicht einige Schatten. Ich werde den Betrag für alle fünf auf 10% und den Blair auf 20. Das ist großartig. Jetzt brauchen wir hier einen Hausindikator, also bringe ich ihn her. Lass es uns in Licht umwandeln. Das ist großartig für diese Art. Sind wir brauchen, um drei verschiedene Abschnitte oder, sagen wir, drei verschiedene Symbole haben. Das erste Symbol wird eine Brieftasche sein. Okay, was für die Homepage ist. Also lasst es uns hierher bringen. Symbole. Und hier haben wir für Fuller und drei verschiedene Symbole über ihre Brieftaschen, Profil und Erbauung angezapft . Also lasst uns sie alle so mitbringen. Ich werde das Portemonnaie hier stecken. Das Profil hier und eine Benachrichtigung schreibt in der Mitte. Awesome, dann, dass Wählen Sie alle von ihnen und richten Sie sie vertikal. Und das richtige Klopfen vierziger Jahre Brieftasche Symbol wird 90. Und auch für diese Benachrichtigungssymbol wird 90 als auch sein. Lassen Sie uns also dieses Profilsymbol wie folgt nach links verschieben, gruppieren Sie sie dann und verschieben Sie sie nach oben. Und lassen Sie uns eine 24 Pixel obere Polsterung haben und sie so an der Mitte ausrichten. Perfekt. Um zu zeigen, dass dieses Symbol oder diese Seite aktiviert ist, werden Sie die Farbe dieser Symbole in unsere primäre Farbe wie folgt ändern. Okay, also weil diese Seite unsere Brieftaschen oder Homepage sein wird, müssen wir das so behalten, wie es ist. Aber ich werde etwas hinzufügen. Ich ging einen kleinen Kreis an tschechischen Grenzen einfügen und es fünf mal fünf machen und seine Farbe in unsere primäre ändern . Ziemlich toll und es wird einen acht Gipfel verkaufen Top-Überschrift Perfect haben. wir ein Wallet-Symbol und auch unseren Kreis und eine Linie in die Mitte. Ehrfürchtig. Was ich also tun werde, ist, einige Symbole zu erstellen, damit wir aktivieren oder deaktivieren können sind Symbole. Einfaches. Okay, also lass mich dieses Brieftaschen-Symbol mit diesem Kreis zusammenfassen und ich werde schreiben, ich will es. Erstellen Sie dann ein Symbol. Das ist richtig. Haps Schrägstrich Wallet Schrägstrich aktiv. Okay, dann lassen Sie uns den Farbcode von diesem dunkelgrauen kopieren und zur Symbolseite gehen, und ich werde dieses Symbol so duplizieren. Dann lassen Sie uns den Kreis entfernen und auch die Farbe unserer Brieftasche ändern . Sind dunkelgrau. Und zu guter Letzt müssen wir den Namen hier von aktiv in den aktiven Perfect ändern, und wir werden dasselbe für die anderen beiden Symbole tun. Gehen wir zurück in unsere Poren. Perfekt. Und hier, wenn ich wie dieses Portemonnaie sagte, kann ich leicht zwischen aktiv und aktiv hier umschalten. Sehen Sie? Wie ist es, er ist fantastisch sind jetzt lassen Sie uns wie die unsere Benachrichtigung, die ich kann und klicken Sie auf Symbol erstellen und hier werde ich tippen Schrägstrich Benachrichtigung Schrägstrich die aktive schreiben. Dann gehen wir zu Symbolen. Da gehen wir. Und dann werde ich die Höhe hier erhöhen, um die gleiche Höhe wie unser Portemonnaie Symbol zu bekommen. Perfekt. Und es ist dupliziert und ich werde kopieren und einfügen e Sirico. Lassen Sie uns es an der Mitte ausrichten, und es ist Zeit, die Farbe unserer Form zu ändern. Da gehen wir. Und jetzt lasst uns die Kunstbretter ändern. Der Name ist zu aktiv. Perfekt. Und hier können wir leicht zwischen dem aktiven und aktiven Großen und dem letzten umschalten. Lassen Sie uns ein anderes Symbol erstellen. Tabs Schrägstrich Profil Schrägstrich die aktive. Gehen wir zu Symbolen Seite. Dort gehen wir und erhöhen dann die Höhe perfekt. Und jetzt werde ich es duplizieren und kopieren und einfügen Sie den Kreis hier und Linie in die Mitte und ändern Sie die Farbe dieser Form. Und das ist ungefähr am wenigsten. Denken Sie daran, den Namen dieses Symbols hier zu ändern. Wir müssen aktiv sein, das ist alles. Schauen wir es uns an. Zwei funktionieren perfekt. Alles klar, dann können wir alle diese Elemente gruppieren und rechten Tab sind, und auch wir können ein Symbol Nerd erstellen, dass in unserem nächsten Art Boards einfach hier können wir schreiben Tab sind perfekt. Das nächste, was wir tun müssen, ist, das Rechteck direkt nach unten zu bewegen. Und dann müssen wir unsere Hamburger-Menü-Symbol hierher bringen. Wir haben Hamburger-Menü Drag & Drop. Ehrfürchtig. Lassen Sie es uns hier setzen. Es wird eine 30 Pizza linke Polsterung und 68 Pixel Top-Patty wie diese haben. Und danach müssen wir unser Profilbild direkt dort platzieren. Also lassen Sie uns voran gehen und kopieren und fügen Sie es von unserer Profilseite so auf eine Skala es auf 50 mal 50 Pixel, wenn ich es direkt dort drüben. Miso bedeuten Jetzt ist es Zeit, einen Kreis einen kleinen Kreis hier einzufügen und es 10 mal 10 Pixel zu machen . Ändern Sie die Rahmenfarbe Zehe weiß und ändern Sie das Feld auf 20 c neun 68, um dieses schöne Grün zu erhalten . Und es ist die Statusanzeige, um anzuzeigen, ob der Benutzer online ist oder nicht. Okay, also wird es eine 42 Pixel obere Polsterung und ein 38 Pixel links klopfen. Dann können wir sie gruppieren, und hier, das richtige Profilbild. Wie Sie sehen können, haben wir eine 30 Pixel rechte Polsterung, und wir müssen eine 68 große verkaufen oben haben, fügen perfekt. Das nächste, was wir brauchen, ist ein Text. Also lassen Sie uns eine einfügen und schreiben Guten Morgen, beenden Sie ihre Emma und ein Komma, das nach links ausgerichtet ist, und machen es weiß. Und ich werde die Schriftgröße auch auf 24 Punkte ändern. So wie das. Das nächste, was wir brauchen, ist eine Karte. Also lasst es uns hier so herumlegen und ich werde es 315 mal 316 schaffen. Ich habe es bereits berechnet, weil wir dafür eine Anklage erheben müssen, dass wir es an tschechischen Grenzen weiß machen und Schatten hinzufügen müssen. Ändern Sie Ihren Wein auf neun und Blair auf 49 verringerte die auf für 2 10% wie diese und dann richten Sie es ärgerlich. Wie Sie sehen können, haben wir 30 Pixel linke Polsterung und 30 Pixel rechte Polsterung, dass wir es nach oben bewegen und dann werde ich den Radius auf 40 verringern, um ein schönes Rechteck zu erhalten. Und es ist Stopp. Das Hinzufügen zum Rand des Bildschirms wird 199 sein. Okay, also machen wir es 199. Und die Polsterung zwischen diesem Text und diesem Rechteck wird 16 Pixel wie folgt betragen. Also hier in dieser Karte, müssen wir einen Text hinzufügen und rechts Ihre Gesamtbilanz und änderte die Farbe 23 ein drei a und drei A. Und änderte die Telefongröße auf 16 Punkte wie diese und es wird eine 32 Spitzen verkaufen Top Hinzufügen und auch eine 32 Spitzen. L links Padding wie diese dupliziert und machen es fett und ändern Sie auch die Schriftgröße auf 30 Punkte. Dann werde ich $8500 schreiben. Das hat die Farbe auf zwei D 99 Doppel f ziemlich gut geändert. Und die Zeilenhöhe wird 37 die oberste Überschrift sein. Es sind acht Pixel wie diese. Toller Eins. Außerdem müssen wir ein Diagramm direkt in diesen Leerraum und ein Symbol oben hier einfügen . Okay, also bringen wir unsere mehr Ikone mit. Da gehen wir. Wenn ich es hier steckte, lass mich die Polster nehmen. Es wird eine 32 Picks haben, Hilfe hinzufügen nach rechts und ich werde es ausrichten, Pete, diesen Text, um eine 32 Pixel obere Überschrift zu bekommen. Jetzt ist es an der Zeit, unser Diagramm zu erstellen. Okay, wir können auch vorgefertigte Diagramme für unser Projekt verwenden. jedoch zeigen, Ich werde Ihnenjedoch zeigen,wie Sie ein Diagramm selbst erstellen können. Ich werde ein Balkendiagramm erstellen, das auch einen negativen Wert hat. Also lassen Sie uns es so einfügen. Und ich gehe auf tschechischen Grenzen und änderte ein mit 29 und ein Hoch zu 122, dass miso bedeuten Doppelklick auf dieses Wrack Tango und wählen Sie diese unteren Punkte und verringern Sie den Radius 20 Perfect. Dann müssen wir die Farbe auf die 99 Doppel F ändern. Es ist die gleiche Farbe, die wir für unseren Balancetext verwenden. Okay, dann werde ich es duplizieren, verschieben Sie es hier, klicken Sie mit der rechten Maustaste, klicken Sie mit der rechten Maustaste, transformieren Sie für die Vertikale und machen Sie es kürzer und setzen Sie es hier. Was hat sich jetzt geändert? Ein Kragen zu einem fünf F drei und doppelt f perfekt, und es wird eine vier Pixel linke Polsterung wie diese haben. Dann gruppieren wir sie. Das ist Collett Colin ein dupliziertes und legen Sie es füttern ein 16 Pixel-Padding wieder dupliziert. Ich werde jetzt fünf Spalten haben, wie diese. Wählen Sie dann diese hohe Säule aus und verringern Sie ihre Höhe. Perfekt. Und auch dieser eine Verringern Sie es Und dieses auch für einige. Großartig. Und jetzt werde ich diese hellblaue Spalte auswählen und sie wieder vertikal drehen und hier setzen . Okay, das ist seine Höhe zu verringern. Und ich werde es zweimal so duplizieren. Und jetzt müssen wir schlafen. Sie beginnen blaue Spalte, theoretisch verringerte die Höhe und legte es in den negativen Abschnitt, Dann erhöhen Sie die Höhe unseres Lebens der Bar auf 70 Pick-Zellen. Und ich werde es entfernen, um etwas Zeit zu sparen und die letzte Spalte zu duplizieren und die Höhe dieses dunkelblauen Balkens zu erhöhen und diesen ebenfalls zu erhöhen. Ich werde diesen Armen auswählen und auch seine Höhe verringern. Jetzt ist es Zeit, alle Spalten zu gruppieren, und ich werde es ein Balkendiagramm nennen. Perfekt. Wählen Sie dann einen Wrack Tango aus, richten Sie ihn horizontal an der Mitte aus und seine untere Polsterung wird 32 wie folgt sein. Kannst du sehen, wie erstaunlich es leicht ist? Und jetzt ist es Zeit, unsere Elemente zu gruppieren und diese Gruppe Balance Karte genial zu nennen. Und das Letzte, was wir brauchen, ist eine andere Karte. Oder, lassen Sie uns sagen, eine Art unten, um Benutzer von Wallet, Seite zwei, Bankkonten Seite zu navigieren Seite zwei, . Okay, also was ich tun werde, ist das Theis-Rechteck zu duplizieren und es nach unten zu verschieben und das Hoch auf 146 so zu ändern und die Farbe in unsere Primärfarbe zu ändern, die 47 f und C großartig ist. Und es wird ein 24-Pixel-Top hinzufügen und lassen Sie mich die Tanks hier einfügen. Ich werde schreiben, überprüfen Sie Ihre Bankkonten. Ich werde es auf reguläre und auch die Schriftgröße auf 20 Punkte und einen Kragen zu weiß ändern . Und zu guter Letzt werde ich die mit 2 150 verringern Das ist ziemlich genial. Jetzt richte ich es vertikal aus, und es wird 32 Spitzen haben. L links Polsterung wie diese während sollte auf diese Karte oder sagen wir Taste hinzugefügt werden. Ich werde voran gehen und kopieren und fügen Sie diese Formen hier wie folgt und wählen Sie diesen Rick Tango und klicken Sie auf entmaskieren. Dann wählen wir das violette und ich werde es 198 Pixel machen und es richtig machen. Bestellen Sie und die blaue auch auf 198 Pixel und setzen Sie es hier ziemlich gut. Und dann brauchen wir einen kleinen Pfeil, um hier zu platzieren. Ok? Also lasst es uns hierher bringen. Kleiner Pfeil. Da gehen wir. Und ich werde es vertikal an der Mitte ausrichten, und es wird auch eine 32 Pixel rechte Polsterung haben. Dann ändern wir den Gruppennamen in Bankkontenkarte. Ehrfürchtig. Und wir sind fertig. Alles ist großartig. Es wird also in der Vorschau angezeigt. Wie Sie sehen können, hat dies erfolgreich eine erstaunliche Homepage zusammen entwickelt. Ich hoffe, es hat dir gefallen, und ich werde dich im nächsten Video sehen. 104. Menü: Hallo, alle. Willkommen zurück zu einem weiteren Video aus diesem Kurs in diesem Video. Wir werden den Menübildschirm entwerfen. Okay, Also, wenn der Benutzer klickt auf diese Hamburger-Menü, Symbol und Menü kommt von der linken Seite des Bildschirms hier. Okay, also zuerst, lass mich voran gehen und ein Artboard einfügen, und ich werde seinen Namen in Menü ändern. Dann müssen wir diese Homepage exportieren. Also lasst uns darauf klicken. jedoch daran, diese Statusleiste und auch diese Home-Anzeige auszublenden. Ich werde Ihnen sagen, warum in einer Minute. Okay, also werde ich diesen Home-Indikator auswählen, und hier kann ich es auf nicht richtig setzen. Dann wählen Sie unsere sind nicht Bord machen exportierbar. Und hier, wie Sie sehen können, haben wir keinen Hintergrund, also werde ich die Farbe der Bank überprüfen, einschließlich des Exports, und es ist standardmäßig weiß. Dann werde ich die Größe 23 x und seine Drachentrommel ändern. Pete hier. Perfekt. Ich werde es nach unten skalieren und die mit 2 375 ändern, die mit aus unserem Bildschirm ist. Und jetzt lassen Sie mich unsere Statusleiste und die Hausanzeige zurückbringen. Ehrfürchtig. Also, warum hat die Export thes Homepage? Aber sehen Sie, was hier los ist? Wenn der Benutzer auf diese Menüschaltfläche klickt, wird diese Seite wie folgt auf die rechte Seite zu bewegen und hören, dass ein Menü erscheint. Also lassen Sie mich nach rechts gehen, und dann werde ich um das Jahr einfügen, das Doppelklick darauf ist, und wählen Sie die zwei Punkte. Die obere linke Ecke und die untere linke Ecke. Der Radius 20 ziemlich genial und änderte die mit 2 281 Und der Radius Hier, wie wir sehen können, haben wir 40 für diese beiden Punkte. Ich werde es 20 und an tschechischen Grenzen machen und es weiß machen. Perfekt. Dann schiebe ich unser Bild nach rechts. Jetzt ist es großartig. jedoch Es istjedochzu hell. OK, es ist also eine gute Idee, eine Overlay-Ebene zu platzieren, um ihre dunkler zu machen. Also lassen Sie mich hier ein Rechteck wie dieses an tschechischen Grenzen einfügen. Machen Sie es schwarz und verringern Sie die Kapazität auf 30%. Da gehen wir. Das ist großartig. Was brauchen wir noch? Wir brauchen den Hausindikator, also lassen Sie mich es hier bringen, jetzt können Sie sehen, warum ich den Hausindikator und den Status weit entfernt habe, als ich diesen Hafen exportierte, denn in diesem Fall hätte er zwei verschiedene Indikatoren, und es ergibt keinen Sinn. OK, also ist es notwendig, auf die Details zu achten, wenn Sie ein professioneller Yuan UX Designer werden möchten . In Ordnung, wir brauchen ein professionelles Bild direkt da drüben, dann den Namen unseres Benutzers, den Benutzernamen und hören einige Menüabschnitte. Lassen Sie uns also unser Profilbild von hier bringen. Kopieren Sie es und fügen Sie es ein. Wenn ein Beschützer, wird die Größe gleich sein. Und lasst uns 30 Plektren haben. LF Padding in einer 68 Pixel-Top-Überschrift, dann werde ich einen Namen Jahr schreiben. Lassen Sie uns richtig, Emma macht es tatsächlich fett, und ich werde die Schriftgröße auf 18 verringern und die Farbe ändern. 23 ein drei a und drei a. Perfekt. Es wird ein 8 Pixel linker Padding haben und ich werde es duplizieren. Legen Sie es hier, und das ist genau bei Emma. Unterstreichen Sie Ashley. Machen Sie es regelmäßig und verringern Sie die Schriftgröße auf 14 Punkte ziemlich gut. Dann werde ich es nach oben ziehen und es so ausdrücken, es wird 22 Picks oben haben, die zum oberen Rand unseres Namens gehen. Text. Okay, so wie das. Dann gruppieren Sie sie und richten Sie sie mit unserem Foto perfekt aus. Gruppieren Sie sie erneut und änderte den Namen in Benutzer. Informationen. Fantastisch. Jetzt ist es Zeit, unsere Menüabschnitte zu erstellen. Das erste, was ich tun werde, ist, um es hier einzufügen, und es wird 281 mal 60 Pixel sein und den Radius auf 14 so auf Jake Borders ändern, doppelklicken Sie darauf. Wählen Sie diese Punkte oben links und unten in den Ecken und verringern Sie den Radius 20 Dann ändern wir die Farbe zwei F zwei, F vier und F acht. Also bekommen wir einen hellblauen Kragen, wie Sie hier sehen können, eine sehr lebendige blaue Farbe. Und dann brauchen wir einen Text. Der erste Abschnitt wird also Zahlungen sein. Da gehen wir. Machen wir es 18 Punkte und ändern Sie seine Farbe in unsere Primärfarbe, die 47 f c ist. Alles klar, was brauchen wir noch? Ihr Recht. Wir brauchen eine Ikone. Also lasst es uns hierher bringen. Hier in unserem Icons Ordner haben wir ein Menü, Fuller. Also lasst uns Zahlungen richtig bringen und es hier setzen. Ich werde unsere Panzer vertikal mit unserer Ikone ausrichten. Großartig. Und es wird ein 8 Pixel linker Polsterung haben. Perfekt. Das Letzte, was wir brauchen, ist ein kleiner Pfeil. Okay, also bringen wir es von hier an, fügen Sie es ein, ändern Sie die Farbe in unsere primäre. Sie ist diese hier. Ich werde es gleich dort hinlegen. Das ist eine Linie Es vertikal, sogar unser nimmt ein Symbol, und es wird eine 30 Pixel rechte Polsterung wie folgt haben. Dann können wir diese Elemente und Kollegen Zahlungen nicht gruppieren. Und danach, lassen Sie uns doppelklicken Sie hier gruppieren diese Elemente als auch und hier, richtige Zahlungen, und dann werde ich es kopieren und einfügen hier und verschieben Sie es nach unten. Lassen Sie mich es in Transaktionen ändern, und es wird 50 Gipfel haben. Das Hinzufügen zu unseren Zahlungen dauert hier, also lassen Sie es uns überprüfen. Es ist 48. Ich werde es jetzt runterziehen. Es ist 50. Dann müssen wir das Symbol hier ändern. Also lasst uns das entfernen. Dann ziehen wir das Transaktions-Symbol per Drag & Drop. Sie ist ein PDF. Gut. Hier. Ich werde es dort drüben setzen und dieses Zahlungssymbol wählen und sie horizontal ausrichten . Ehrfürchtig. Das hat diesen Gruppennamen geändert, um Transaktionen und gruppieren sie erneut mit diesem Symbol Transaktionen. Awesome! Und noch einmal müssen wir es duplizieren und es mit dem 50-Pixel-Padding so setzen. Lasst uns die Panzer auf meine Karten ändern und dieses Symbol entfernen und auf meine Karten bringen. Icon, stell es hier. Es wird eine 8-wöchige Verkaufsauffüllung haben und ich werde diesen Ordner in die Transaktionen kopieren Fuller und die Transaktionskopie in meine Autos ändern. Ehrfürchtig. Noch einmal, lassen Sie es duplizieren perfekt und ändern Sie den Text in Promotions. Ich bringe das Promotion-Symbol mit. Da gehen wir. Das ist es hier. Das ist ausrichten und es wird auf einem Spitzenverkäufer rechte Polsterung haben. Und das hat den Namen in Werbeaktionen geändert. Und last but not least, lassen Sie es uns für unseren Sparbereich duplizieren. Das ändert sich zu Einsparungen und entfernen Sie dieses Symbol und bringen Sie das Spar-Symbol, wenn ich es ausrichte . Auch, dass wir dieses Speicher-Symbol auf Promotion-Kopie-Ordner setzen und ich werde den Namen der Werbeaktionen Kopie zu Savings ändern . Dann werde ich alle diese Symbole auswählen, Befehl zurückhalten und verschieben und alle von ihnen an der Mitte ausrichten oder ist Entität OK? So können wir jetzt sicher sein, dass alle Symbole perfekt ausgerichtet sind. Nun, lassen Sie uns die linke Polsterung überprüfen. Hier. Es ist 50. Ich werde es 32 machen. Und jetzt wählen wir alle Abschnitte und verschieben sie nach links. Machen Sie es 30, um Zellen zu holen, und dann müssen wir diese kleinen Pfeile nach rechts bewegen, um eine 32 Picks sind richtig Polsterung jetzt zu bekommen . Es ist fantastisch. Wir brauchen noch eine Sache. Wir brauchen einen Abmelde-Button ganz unten. Also lass mich weitermachen und unseren Anmelde-Button mitbringen. Hier. Kopieren Sie es. Fügen Sie es ein. Hier. Ich werde den gleichen Umriss verwenden. Schaltfläche entfernt diese Pfeil, machen Sie es kleiner. Es wird 221 Pixel sein und die Panzer geändert, um sich abzumelden. Und wir müssen das Bein herausbringen. Ich höre, es wird eine 24 Pixel rechte Polsterung haben. Gruppieren Sie sie und nennen Sie es. Abmelde-Button, und es wird eine 56 Pixel untere Polsterung wie folgt haben. Na gut, Leute, wir haben auch unsere Menüseite erfolgreich gestaltet, und ich hoffe, es gefällt euch im nächsten Video. Wir entwerfen die Autos Seite zusammen, so sehen Sie dann 105. Kreditkarten: Hallo, alle. Willkommen zurück zu einem anderen Video dieses Kurses in diesem Video. Wir werden die Kartenseite zusammen gestalten. Also ohne weiter tue ich. Lasst uns anfangen. Das erste, was verschont ist. Ich werde diese Homepage duplizieren. Lassen Sie mich es bewegen. Hier sind richtig. Und dann werde ich das Kunstwerk ändern. Nennen Sie zwei Karten. Perfekt. Und wir müssen fast alle Elemente entfernen. Okay. Außer diesem Rechteck, das unser Header ist. Lassen Sie uns fortfahren und alle diese Elemente entfernen. Und auch dieses Profilbild und dieses Menü-Symbol. Dann brauchen wir einen linken Pfeil für unsere Navigationszwecke. Also lassen Sie uns voran gehen und kopieren und Schritte von unserer Profilseite. Da gehen wir. Und auch brauchen wir einen Home-Indikator, also werde ich ihn von hier kopieren und einfügen. Perfekt. Zunächst einmal müssen wir einen Text haben. Okay. Hier. Und ich werde schreiben. Sie können Ihre Karten hier überprüfen, und dann werde ich es fett machen. Und schließlich werde ich die mit 2 274 so ändern. Es ist links klopfen wird 30 Pick-Zellen sein und es hört auf, an den Rand des Bildschirms hinzuzufügen . wird 125 als necker sein. Dann werden wir zwei verschiedene Kreditkarten hier platzieren, die 1. 1, die unsere Hauptkarte ist. Und die 2. 1, die die Alternative ist. Okay, und danach, ganz unten, werden wir neue Transaktionen haben. Also jetzt lasst uns weitermachen und unsere Karten erstellen. Um das zu tun, müssen wir es so einfügen. Dann machen wir es 209 mal 305 und änderte den Radius-Typ, um Ecken zu glätten und auch den Radius auf 40 Perfekt an tschechischen Grenzen zu erhöhen. Ich werde es mit Weiß füllen. jedoch In diesen Teilen werde ich Ihnenjedocheine sehr gute Technik beibringen, um eine sehr interessante Ausstrahlung oder,sagen wir, Banklauf für unsere Karten zu schaffen oder,sagen wir, sagen wir, . Also, was ich tun werde, ist auf diese Plus-Button klicken, um ein anderes Gefühl hinzuzufügen. Und dieses Mal werde ich dich in Radio Radiant umwandeln. Okay, dann verwenden Sie die erste Farbe und ändern Sie sie in 40 d drei f und zwei, und ich werde kopieren und fügen Sie sie in die zweite Farbe. Und wir werden hier die gleiche Farbe haben. Allerdings werde ich die alle fallen auf Null perfekt reduzieren. Und dann werde ich es so hierher bringen, und ich werde den Richtungseffekt ändern. Dann lassen Sie uns noch weitere Felder hinzufügen Radial Grady int und wählen Sie die erste Farbe. Und ich werde Sie zu e ändern 100 Doppel F und die gleiche Farbe für die 2. 1 und wieder reduziert die off auf Null. Und ich werde es hier setzen. Habe die Richtung so geändert. Ich werde es so drehen. Perfekt. Und dann brauchen wir noch einen Grady int. Also lassen Sie uns hier eine weitere radiale Strahlung machen und die Farbe auf 47 FC ändern und sie auch für die andere Farbe verwenden . Und verringern Sie die alle 4 auf 0. Perfekt. Und ich werde das Essen hier unten rechts positionieren. In Ordnung. Und jetzt werde ich unsere Grady INTS verschieben, um das bestmögliche Ergebnis zu erzielen. Also lass uns dieses rosa schießen oder sagen wir lila, wenn ich es hierher schiebe, und dann werde ich dieses blaue wählen. Der erste Grady int, wie wir hier haben, ist richtig und der letzte so. Das ist perfekt. Lasst uns diese lila noch mal benutzen. Ich werde es nach rechts verschieben, um diese helle Farbe hier zu bekommen. Das ist ziemlich genial. Können Sie also sehen, wie leicht Sie einen Hintergrund erstellen können, um Ihre Karte einzigartig zu machen? Alternativ können Sie Ihren Hintergrund mit Volltonfarben erstellen, und danach können Sie eine neue Ebene einfügen und die Hintergrund-Blair-Option aktivieren. jedoch Mit dieser Technik können Siejedoch leicht einen Hintergrund hier verkleiden. Perfekt. Dann werde ich diese Karte illegal mit nach oben bewegen, und es wird eine 16 Pixel oben hinzufügen wie diese und ein 30 Pixel links klopfen, was brauchen wir sonst noch? Wir brauchen hier ein Gleichgewicht, also schreiben wir $4500. Perfekt. Ich werde es hierher bringen. Es wird eine 38 Pixel obere Polsterung und 24 Pixel linke Watte haben, die dupliziert ist. Und hier werde ich Firma schreiben, was bedeutet, dass diese Karte auf Jobzwecke verwandt ist und es 18 Punkte machen. Und lasst uns auch Linie verstecken zu 22 ändern. Sie fragen sich vielleicht, Könnte eine Zeilenhöhe geändert werden. Okay, weil wir hier nur eine Zeile haben. Also, was ist der Haken, wenn wir die Polsterung zwischen unserer Steuer hier sitzen wollen, die Zeilenhöhe eine Menge wichtig. Okay, also nehme an, das ist hier. Ich habe eine acht Stück oben Überschrift Wenn meine Linie Höhe Waas 29 hier würde ich vier Picks Celta Polsterung bekommen , und es wäre so. Also ist die Zeilenhöhe wichtig, aber sie setzen es hier mit einem Drei-Pixel-Top, fügte hinzu und ich werde einen weiteren Text direkt dort drüben einfügen und lassen Sie uns ihn in reguläre ändern und auch die Größe auf 14 Punkte und die Einsätze werden stellen unser Verfallsdatum dar. Okay, hier haben wir Monat und Jahr ziemlich gut. Wir haben 24 Pixel nach links oder rechts, und jetzt werde ich es duplizieren, noch um unsere Autos Nummer für die 1. 12 Ziffer aus dieser Kartennummer zu erstellen, werde ich einen Stern wie diesen verwenden. Und die letzten vier Zahlen werden 22 04 Ich werde diese Ablaufdaten nach oben verschieben und es wird eine 13 Pixel unten Polsterung. Und diese muss auch eine 40 Pixel unten Polsterung lassen Sie mich Shift halten und wählen Sie unser Ablaufdatum als auch, und zog sie nach oben. Perfekt. Das einzige, was wir hier brauchen, ist das MasterCard-Logo oder Wiesel. Carla, geh, wie du willst. Okay, aber für dieses Projekt werde ich MasterCard benutzen. Also lasst uns das Logo hierher bringen. Da gehen wir. Hier haben wir Logo und MasterCard-Logo. Lassen Sie mich es hierher ziehen. Perfekt. Es wird 22 Pixel haben, rechte Polsterung, und auch ein 12 Pixel links klopfen. OK, und die untere Polsterung wird 32. Und diese beiden sind perfekt ausgerichtet. Ziemlich genial. Ich denke, es ist besser, diese lila Grady ein wenig zu bewegen. Machen Sie es so. Jetzt schafft es einen besseren Kontrast. Füttern Sie unsere Inhalte. Okay, dann lassen Sie uns wählen unsere Elemente und gruppiert in College MasterCard. Und das Letzte, was wir hier brauchen, ist, ein paar Schatten hinzuzufügen. Also wählen wir ein Rechteck. Und hier werde ich ein paar Schatten hinzufügen, und ich werde die Farbe auf 59 88 f 8 ändern. Awesome und ändern Sie die alle für 20%. Und auch die Blair 49 die Y 2 90 Es sieht gut aus rechts. Wir haben einen leichten Schatten dahinter. In Ordnung. Wie ich bereits erwähnt habe, brauchen wir hier eine andere Karte, die unsere Alternative ist. Also lassen Sie mich diese Karte duplizieren, legen Sie sie hier, und dann skaliere ich sie und setze die mit 2 176 Perfect ein. Und es wird 24 Spitzen oben haben, 24 Pixel linke Polsterung hinzufügen und 24 Picks Zellen, unten Polsterung. Okay, so wie das. Und ich werde den Namen in Master Car ändern. Und heute Abend haben wir eine weiße Karte. Okay, also lassen Sie uns diese Klasse Ian deaktivieren, dann wählen Sie unsere Elemente hier ziemlich gut aus und ändern Sie die Farbe. 23 ein drei A und drei A. Und auch, wir müssen diese Schatten Farbe Jahr ändern eine Änderung 29 29 29 machen es 10% so. Denken Sie daran, einige dieser Inhalte zu ändern, um die Botschaft zu vermitteln, dass diese beiden Autos völlig anders sind. Das macht es für 1000 diese Firma nach Hause. Und auch dieses Ablaufdatum. Lassen Sie uns das Jahr auf 20 zu jedem ändern und einen Monat zu drei oder vier und auch diese vier Ziffern 2 90 50 Alles klar, wir haben erfolgreich unsere Autos zusammen erstellt. Jetzt müssen wir den letzten Transaktionsabschnitt entwerfen. Okay, also die ersten Dinge Tarife. Wir brauchen eine enge krank, das ist richtig, letzten Transaktionen und dann machen es fett und ändern Sie die Größe auf 22 Punkte. Perfekt. Und es wird ein 50 Pixel Top hinzufügen und 30 Spitzen links Patty haben. Also, was wir hier erstellen werden, ist zumindest von Transaktionen, wir sollten drei verschiedene Transaktionen hier setzen. Zum Beispiel könnte der 1. 1 zum Einkaufen und der nächste für Medizin und der letzte für Sport sein. Also, was ich hier haben werde, ist ein Symbol, um eine bestimmte Art von Transaktion darzustellen. Also lassen Sie mich Kreis einfügen und ändern Sie es auf 48 mal 48 wie das auf Schütteln Grenzen und ändern Sie den Kragen zu verdoppeln, wenn C. F und 87 perfekt. Und hier müssen wir ein Symbol einfügen. Also lasst uns das Shopping-Icon hier bringen wir meine Kegel und Transaktionen, und hier haben wir vier verschiedene Icons. Wir brauchen den Einkauf für die 1. 1 oder rechts, lassen Sie mich eine Linie ins Zentrum. Ziemlich genial. Können Sie sehen, welche Farbe für diese Shoppingbank verwendet werden? Ich kann annehmen, dass wir hier eine schwarze Farbe haben und wir wollen eine tolle Farbe wählen. Okay, mein Vorschlag. Leichtigkeit. zuerst Wählen Siezuerstdie gleiche Farbe wie für unsere Bankrunde, und bewegen Sie dann diese Farbauswahl, um eine dunkle Haarversion der todesspezifischen Farbe zu finden. Dies ist der beste Weg, um einen geeigneten Kontrast zu erzeugen. Okay, so habe ich diese spezifische Farbe gewählt. Dann brauchen wir hier einen Titel. Das ist richtig. Einkaufen und machen es 18 Punkte und auch regelmäßig. Und die Linie hoch auf 22. Ziemlich gut. Und lassen Sie mich duplizieren, denn wir brauchen Zeit hier und auch ein Date. Und schreiben wir 15. März 2019 Komma 20:20 Uhr und ich werde es 12 Punkte machen und auch einen Kragen gewechselt. B f b f und B f k und die Zeilenhöhe auch bis 15. Ziemlich genial. Also dieser Dank wird ein Vier-Pixel-Top-Hinzufügen haben, wie diese, die den Einkauf nimmt als auch Gruppe sie auswählen. Und hier haben wir Texte. Wählen Sie den Kreis und richten Sie ihn vertikal aus. Ziemlich gut. Okay, ich werde den Kreis und auch unser Symbol auswählen und sie gruppieren. Hier haben wir meinen Khan und legen dieses Icon Fuller in unseren Einkaufsmappe. Was brauchen wir noch für eine Transaktion? Du hast recht. Wir brauchen den Betrag hier. Und auch, ich werde einen kleinen Pfeil da drüben setzen. Also lassen Sie mich kopieren und einfügen Sie den Text Shopping. Wir werden es hier setzen und es auf minus $120 ändern, um die Schriftgröße auf 16 Punkte zu ändern. Und auch die Linie hi bis 19. Ziemlich gut. Das kann es vertikal ausrichten. Und dann brauchen wir hier einen kleinen Pfeil, also bringen wir ihn her. Wir können auch ein Symbol erstellen, noch das einfach zu verwenden, fügen Sie es ein und ändern Sie die Farbe auf C sieben C sieben und C sieben so. Und ich werde es dort drüben mit 16 Gipfeln setzen. LF Padding wie folgt und mit einer 30 Pick Zelle, rechts, Patty, aber denken Sie daran, den Text auszurichten, um zu schreiben, okay, denn sonst, wenn wir dies ändern Menge, wird die Ausrichtung falsch sein. Okay? Und dann werde ich diese beiden Schichten auch in unseren Einkaufsordner legen. Perfekt. So wie Sie sehen können, haben wir eine 30 Gipfel sind links und Ryan Polsterung, was wir wollen es. Dann lassen Sie uns diese Ebene duplizieren und sie mit dem 16 Pixel-Polsterung so platzieren und die Farbe des Kreises auf einfachere 09 f F F ändern . Das hat dieses Symbol entfernt und bringt die Medizin, die ich hören kann, die in die Mitte ausgerichtet ist vertikal und horizontal. Ziemlich genial. Dann ist es Zeit, den Namen Fullers in Medizin wie diese zu ändern und auch diesen Titel und die Zeit 13 März 2019 und hier Lassen Sie uns die Zeit auf 12:10 Uhr ändern und die Menge auf 89 Ich werde hier etwas ändern. Also 89,50, weil wir es nach rechts ausgerichtet haben. Die mit Automatik, sie von der linken Seite erhöht. Okay, dann müssen wir es noch einmal duplizieren. Und hier werde ich den Namen Fullers in Sport und die Getreidefarbe zu einem hellblauen ändern . Lassen Sie uns schreiben 87 F null f r. Rechts entfernt dieses Symbol und bringen das Sportsymbol aus unseren Transaktionen. Fuller, lassen Sie mich es in Icons setzen Fuller und Ausrichten. Beide ärgerten Lee und vertikal. Dann werde ich den Titel in Sport ändern und die Zeit bis zum 10. März und die Zeit auf 18 50 Uhr Und hier ändern wir den Betrag auf 99,90 und das war's. Alles sieht Linie aus. Lassen Sie mich diese Transaktionen gruppieren und Transaktionen nennen. Und das ist alles in Ordnung, Leute. Endlich haben wir gemeinsam Platz für Karten geschaffen. Ich hoffe, Sie genießen dieses Video und ich werde Sie im nächsten Video sehen. 106. Transaktionen: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden unsere Transaktionsseite gestalten. Also zuerst, lassen Sie uns dieses Kunstboard duplizieren, und ich werde fast alle Elemente hier entfernen. Lasst uns diesen Pfeil nach links halten, weil wir das brauchen. Und ich werde diese Panzer und auch diese Transaktionen entfernen. Ok? Wir brauchen sie jetzt nicht. Dann werde ich dieses Rechteck ein wenig ändern. Ändern wir das Hoch auf 245 und den Radius von 66 auf 62. Okay, also werde ich diese beiden Zahlen ändern, also haben wir eine Form wie diese. Jetzt werde ich es duplizieren und diese Ebene direkt unter unserem ersten Rechteck-Film nach unten etwa drei Pixel setzen , weil Sie hier die Weine drei sehen können. Und dann lasst uns die Farbe in eine feste und Stadt auf 87 F Null und doppelt links ändern, um ein schönes Hellblau zu erhalten . Alles klar, dann werde ich die Y 25 einstellen. Ich denke, es ist besser. Ja, es sieht toll aus. Und hier, was brauchen wir? Wir brauchen eine Navigationsleiste. Wir können einfach von unserem Apfel auf uns setzen. Du isst gern hier. Navigationsleiste Ok. jedoch Ich werde Ihnenjedochzeigen, wie man einen erstellt. Also lasst uns Transaktionen schreiben und den Fonds auf ab Pro-Text geändert. Und dann lass uns es fett und auch weiß machen. schließlich Lassen Sie unsschließlichdie Schriftgröße auf 17 Punkte ändern. Ich werde horizontal in die Mitte einreihen. Das Miso bedeutet, dass ich es mit einem 50 Pixel-Top setzen werde, um den Rand unseres Bildschirms so zu ergänzen. Und dann werde ich diese Linkspfeil Scalea auf 19 Plektren verschieben. Eignet sich perfekt. Und dann werde ich es von Szene zu Regular ändern. Dann wählen Sie unseren linken Pfeil und auch diesen Text Richten Sie sie vertikal aus. Also müssen wir mit göttlichen Pixel bekommen. Stoppen Sie das Hinzufügen und eine 24 Pixel linke Watte. In Ordnung, dann gruppiere ich diese Elemente mit unserer Statusleiste. Und hier schreiben wir Navigationsleiste. Perfekt. Also, was brauchen wir noch hier? Lassen Sie mich zuerst umziehen. Dies sind Gießnamen für Transaktionen. Also hier müssen wir die Kosten fahren. Okay, also füge ich einen Panzer hinzu und schreibe deine Gesamtkosten so. Dann lassen Sie mich den Fonds auf Monserrat es und die Schriftgröße auf 22 Punkte und auch die Farbe zu diesem hellblauen ändern . Wie wir hier haben, werde ich sowohl unsere Panzer als auch diesen Header auswählen, unser Rechteck horizontal zur Mitte ausgerichtet. Und es wird eine 82 Pixel Bodenpolsterung haben. Also lass mich es 82 machen. Perfekt. Dann dupliziert hier. Lassen Sie uns richtig. 1000 und $63.30 Ich werde es zu fett ändern. Und auch der Fonds unterzeichnet zu 28 Punkten. Der Grund, warum ich diese Nummer gewählt habe, liegt an unseren Transaktionen. Okay, also später, wenn wir unsere Turn-Aktionen erstellen und wir sie berechnen, bekommen wir die Nummer der These. Alles klar, jetzt lassen Sie mir eine Linie in die Mitte oder ganz, und es wird 16 Picks haben. L oben fügte hinzu, so. Denken Sie daran, die Zeile hi auf 34 zu setzen. Andernfalls wäre unsere Ausrichtung anders. Alles klar, also ist hier alles richtig. Der nächste Schritt ist die Erstellung unserer Karte, die der Benutzer nach oben oder nach unten rutschen kann. Okay, um mehr Details zu bekommen. Also, was ich tun werde, ist die Auswahl eines Stückrechtecks dupliziert. Ich werde es hierher bewegen, dann ändert sich das auf Karte rechts Kätzchen con dat transformieren 50 Partikel und dann das Hoch auf 541 setzen . Ziemlich genial. Ich werde es hochziehen. Es wird ein 21-Pixel-Top zu schaffen, das dem Alter unserer hellblauen Form beiträgt. Okay, und dann wähle ich die Karte aus. Und hier, lasst uns die Richtung unseres Grady int so und auch hier ändern. Das wäre großartig. Alles klar, das nächste, was wir ändern müssen, ist diese Hausanzeige von diesem Licht zu Dunkel. Perfekt. Jetzt ist es schön. Und dann müssen wir hier einen Indikator für diese Karte erstellen, um dem Benutzer zu zeigen, wie er die Karte öffnen und schließen kann. Also lassen Sie uns voran und fügen Sie es hier so an tschechischen Grenzen ein und ändern Sie das Hoch auf vier. Und mit zwei 47 dann werde ich den Kragen in weiß ändern und in der Mitte ausrichten, oder ist ganz und es wird ein 16 Pixel Top haben, Hinzufügen perfekt. Dann hier, ganz oben. Wir brauchen eine Suche, so dass wir nicht den Standard-Suchteil verwenden müssen, den wir brauchen, um unsere eigene Suchleiste zu erstellen. Also lassen Sie uns voran und fügen Sie es hier so ein. Ich werde die mit 2 315 und hoch zu 53 ändern. Perfekt an tschechischen Grenzen. Ausrichten an der Mitte und ich werde den Radius ändern, um Ecken zu glätten und den Betrag auf 16 wie folgt zu ändern . Und schließlich, lasst uns den Kragen wechseln. 2051 99 e Also haben wir dieses schöne Dunkelblau hier bekommen, um ein gutes Kontrastverhältnis zu erhalten. Und dann müssen wir hier einen Text hinzufügen. Also lasst uns schreiben, suchen und ändern die Mittel in SF um ID so, und ich werde es regelmäßig machen. Und auch die Spaßgröße wird 14 Punkte und ändern Sie den Charakter hier ein wenig. Lassen Sie uns es auf Nullpunkte setzen die Straße zu jetzt Es ist besser. Und schließlich müssen wir seine Farbe ändern. Es werden drei B 54 FB Perfect sein. Es ist vertikal ausgerichtet. Also was? Brauchen wir auch hier? Du hast recht. Wir brauchen ein Suchsymbol, also bringen wir es her. Da gehen wir Symbole und hier haben wir die Suche ziemlich gut. Es hat die gleiche Farbe wie unsere Suchtanks, die es vertikal ausrichten können. Und dann müssen wir eine 16 Picks oben, links und unten Polsterung bekommen . Okay, also lass mich es 16 machen. Perfekt. Und das linke Klopfen des Überspannungs-Tanks wird acht Picks besitzen wie diese sein, und dann können wir sie gruppieren und es Suchleiste so nennen. Die obere Polsterung unserer Suchleiste wird 44. Sehr nett. Also, was brauchen wir noch hier? Du hast recht. Wir brauchen die Transaktionen. Also hier haben wir drei verschiedene Transaktionen erstellt. Ich kopiere sie hier und füge sie so ein. Es wird eine 24-Pixel-Polsterung haben. Perfekt. Also, was sollte hier geändert werden? Offensichtlich sollten die Farben unserer Panzer geändert werden. Also lasst uns sie auswählen. Und ich werde sie weiß machen und sagte, wie diese Texte auch zu unserem Datum und Zeit und machen sie 80 e Null Doppel F, um dieses schöne hellblau zu bekommen. Und wir werden diesen Farbcode kopieren und einfügen, um auch für diese kleinen Pfeile zu verwenden . Sie zahlen Platz. Perfekt. Also, was sollen wir hier tun? Wir müssen einige dieser Transaktionen duplizieren und neue erstellen. Okay, also werde ich diese Einkaufsmöglichkeiten so duplizieren. Und wie Sie sich erinnern, haben sie eine 16-Pixel-Polsterung zwischen ihnen und hier. Lassen Sie uns das Datum ändern, um für März und eine Zeit zu 7 20 so und auch den Betrag, um es Rial zu $155 aussehen. Dann noch einmal, lassen Sie es uns duplizieren. Und jetzt müssen wir eine andere Art von Transaktion erstellen. Okay, das ist Reisen. Also werde ich voran gehen und so gemein und den Kreis wählen und die Farbe ändern, auch. Double F 87 87, die dieses Symbol entfernt und bringen unsere Reise-Icon hier Transaktionen. Und hier haben wir Reisen. Perfekt. Ich werde den Kreis wählen und ihnen sowohl vertikal als auch horizontal erlauben. Und offensichtlich müssen Sie diesen Titel ändern, um zu reisen und einen Tag zu drei und eine Zeit zu 5 50 der Betrag wird $399 sein. Macht Sinn, richtig? Denken Sie daran, die vollere Zane zu ändern. Lass es uns ändern, um zu reisen. Und zu guter Letzt brauchen wir hier noch eine Transaktion. Also ziehe ich es vor, Sport zu treiben. Lassen Sie es uns duplizieren. Du kannst wählen, was du willst, okay? Und lassen Sie uns den Tag auf 10 von Februar ändern. Und die Zeit wird sein, zum Beispiel, 5 20 und die Menge gleich. Okay, es mag also, dass es ein Abonnement-Service ist. Okay, also haben wir jeden Monat den gleichen Betrag, und ich werde diese Elemente auswählen, um sie zusammenzufassen. Und das hat Essens-Transaktionswagen. Ziemlich genial. Sie fragen sich vielleicht, warum wir kein Symbol für diese Transaktionen erstellt haben. Und danach könnten wir sie leicht ändern. Du hast absolut Recht. Aber um dieses Kurses willen werde ich Ihnen alles im Detail zeigen, damit Sie beim Start üben können. Okay, denn so würdest du ein toller Designer werden. Aber denken Sie daran, wenn Sie scheinen Schalen erstellen möchten, sollten Sie vier verschiedene Symbole erstellen. Ok? Sie müssen für jeden Transaktionstyp ein bestimmtes Symbol haben, da wir unterschiedliche Transaktionen haben . Icon, und dann können Sie leicht ändern. Die Beträge sind richtig. Das Einzige, was wir ändern müssen, ist die Größe dieses linken Pfeils. Hier also lassen Sie mich ein gemeiner Doppelklick darauf. Und weil es ein Asset-Symbol von SF-Symbolanwendung ist, die von Apple entwickelt wird, kann ich leicht seine Größe wie eine Schriftart ändern. Okay, lass es mich auf 20 ändern und dann werde ich es noch einmal mit unserem Text hier und jetzt ausrichten . Ich finde, es sieht toll aus. Haben Recht. Er hat erfolgreich unseren Transaktions-Bildschirm zusammen entworfen. Ich hoffe, es hat dir gefallen. Im nächsten Video werden wir eine weitere Transaktion entwerfen. Der Bildschirm, der alle diese Elemente mit einem Unterschied in diesem Bildschirm hat. Wir müssen die Karte schließen und nach unten bewegen. Und in sagte, wir müssen einige Details über unsere Ausgaben erstellen. Ich bin so aufgeregt, diese Seite gemeinsam zu gestalten. So sehen Sie, dass 107. Transaktion – Detail: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden eine weitere Transaktionsseite entwerfen, um zu zeigen, wie der Benutzer mit dieser Karte interagieren kann . Und was passiert, wenn der Benutzer beschließt, diese Karte nach unten zu verschieben? Okay, also versuchen wir es nicht, lassen Sie uns anfangen. Wir duplizieren diese Art Board, und ich werde seinen Namen in Transaktionen Bindestrich Details wie diese ändern, dass ich gehen und dieses Auto nach unten, sagte es, Wählen Sie, dass es scheint, dass wir vergessen haben, diese Reise zu gruppieren -Symbol hier. Also lassen Sie es mich hier einbeziehen. Ich werde es für LIRR so auf Reisen bringen. Dann werde ich die y setzen 2 693 Perfect. Also, was müssen wir hier setzen? Wir müssen einen Titel dort drüben hinzufügen, dann vier verschiedene kleine Autos, um den Gesamtbetrag jeder Transaktionszeit anzuzeigen. Und dann brauchen wir noch eine große Karte. Wie das, was wir hier so haben, und wir müssen es für Kreditkarten-Rückzahlung Abschnitt machen. Okay, also gehen wir weiter und fügen unseren Text hier und hier ein. Ich werde schreiben, verfolgen Sie Ihre Ausgaben perfekt. Dann werde ich den Fonds zu Mancera es und auch seine Größe auf 22 Punkte ändern. Es wird fett und seine Strichhöhe sollte 27 sein. Die Farbe wird unser dunkler Rost sein Der Käse. Drei ein drei ein drei A wie das hier. Lassen Sie mich es hier setzen, es hört auf, hinzuzufügen, wird 32 2 sein. Der untere Rand unserer hellblauen Form wie diese und seine linke Polsterung wird 30 Pixel betragen. Okay, dann müssen wir unsere Karten erstellen. Also lassen Sie uns darum einfügen. Perfekt. Und ich schaffe es 153 mal 103 so. Ändern Sie den Radius, um Ecken zu rauchen, und erhöhen Sie den Radius auf 25 an tschechischen Rändern . Und hier werde ich einen Grady int wählen. Die erste Farbe wird sehen 16 a und sechs A. In der zweiten Farbe sollte doppelt F 87 87 wie folgt sein. Dann werde ich die Richtung unseres strahlenden etwas wie dieses ändern, das schön aussieht und es hört auf zu klopfen wird 16 Pixel sein, also lassen Sie mich es 16 machen. Alles klar, was brauchen wir noch hier? Wir brauchen einen Text. Ok. Dies gibt die Art der Transaktion an, die richtig ist. Reisen. Und ich werde es regelmäßig machen und seine Größe auf 18 Punkte ändern und ein Halsband zu einem 7 31 31 ziemlich genial. Dann lass es mich ausrichten. Es wird eine 16 Pixel linke Polsterung und ein 24 Pixel oben versteckt haben. Dann werde ich es duplizieren, und hier werde ich es nach links richten. Und das ist richtig. 399 Dollar. Lassen Sie mich es mutig machen. Und ich werde die Schriftgröße auf 24 Punkte und eine Linie von 29 ändern. Achten Sie darauf, diese Einsätze auch auf der linken Seite auszurichten. Und das ist es nicht. Padding wird vier Pixel wie folgt sein. In Ordnung? Und dann füge ich weitere Details zu dieser Karte hinzu. Also, was ich tun werde, ist, hier einen Kreis wie diesen auf tschechischen Grenzen einzufügen, und ich werde es 112 mal 112 Pixel machen und dann eine große hinzufügen und die erste Farbe wird doppelt F 91 91 91 in der zweiten Farbe sein, die es leer und abnimmt Angebot auf Null. Dann werde ich die Richtung wie diese ganze Befehlstaste ändern und verschieben und These Rechteck wählen , Anglican Maske. Und nachdem ich die Position aus dem Kreis gesetzt habe, werde ich die Note Ian nochmals ändern. Also lassen Sie mich es ausrichten. Es wird eine sechs Pixel untere Polsterung in einer 54 Pixel rechten Polsterung haben. Dann lassen Sie uns die Grady int diese eine ändern, die wir zu schwarz gesagt und wählen Sie diese Farbe. Okay, dann verkleinern Sie das Schreckliche so. Und ich werde die Richtung ein wenig ändern, um so etwas zu bekommen. Das sieht fantastisch aus. Jetzt ist es Zeit zu gruppieren sind Elemente zusammen, die Gruppe sie und ich werde es Reisen nennen. Dann wird das dupliziert und es hier mit einem neun Pixel links klopfen. Dann ändern Sie den Namen Fullers in Einkaufen und die Krawatte fiel auch zum Einkaufen. Und der Betrag wird $375 letztendlich sein, wir müssen unsere Farben ändern. Also das erste, was Treppe. Lassen Sie uns die Grady int hier ändern und die erste Farbe wird ein 95 und 47 die zweite Farbe wird doppelt F C F und 87 so sein. Und auch, lasst uns diese Kreise ändern. Grady in zwei F, sechs C fünf und sieben A. Ich werde diese Farbe kopieren und Tempo es für die zweite Farbe hier und dann verringern das Angebot. Und schließlich, lasst uns unsere Textfarbe zu einem 27 43 0 ziemlich genial ändern. Und dann ist das noch einmal dupliziert, weil wir vier verschiedene Karten wie diese bekommen müssen seinen Namen in Sport ändern und auch den Titel auf Sport und die Menge auf 199.80. , Dann lasst uns die Farbe unserer Panzer auf 29 86 93. Und danach, lassen Sie uns unsere große in drei Doppel A zu B und ein und der zweite Anrufer auf 87 F Null Doppel F perfekt ändern , und jetzt ist es Zeit, die Farbe aus unserem Kreis zu ändern. Hier setzen wir es auf 73 D C und e sei genial, und das wird für die zweite Farbe kopiert und eingefügt. So und verringern Sie die schreckliche auf Null ziemlich genial und die letzte Karte. Lassen Sie mich es duplizieren. Ändern Sie Ihren Namen in Medizin und ändern Sie den Titel auch Medizin. Und die Menge wird $89.890.50 dann, dass die Farben zu ändern 91 37 B C und Zutat zu acht, ein 46 und ein B und die zweite Farbe einfacher oder neun und f NF wie diese. Und es ist Zeit, die Farbe unseres Kreises hier zu ändern. Zwei D, Doppel acht F f f und lassen Sie mich kopieren und fügen Sie es für unsere zweite Farbe und erhöhte das Angebot auf Null. Das sieht fantastisch aus. In Ordnung. Jetzt ist es an der Zeit, unsere erstellte Auto-Rückzahlungskarte hier zu erstellen, also lasst uns voran gehen und diese Karte kopieren und einfügen. Oder sagen wir Button Mann, fügen Sie es hier ein. Dann lassen Sie uns doppelklicken und These Rechteck wählen, und ich werde es 315 mal 105 so machen und den Radius auf 25. Und der Grund, dass wir es ändern 25 ist, weil verwendet 25 unsere Autos oben, so müssen wir konsequent sein. Dann lassen Sie uns diese Formen verwenden und sie so nach oben verschieben. Und ich werde diesen kleinen Pfeil hier vertikal ausrichten. Auch dieser Text ziemlich genial und dann änderte seinen Text auf Kreditkarte Rückzahlung Ziemlich gut. Dann hat das den Namen der Gruppe geändert, um Kreditkarten-Rückzahlung wie diese und verschieben Sie es nach unten, um ein 16 Pixel Top zu erhalten, Hinzufügen Und jetzt ist alles erledigt. Siehst du, wie erstaunlich es aussieht? Wenn Sie möchten, können Sie voran gehen und einige Schatten zu diesen Karten hinzufügen. jedoch vor, Ich ziehe esjedoch vor,es einfach zu halten, weil , wie Sie sehen können sie, wie Sie sehen können, so viele Elemente auf dieser Seite haben. Und wenn wir hier ein paar Schatten hinzufügen, wird es schwer aussehen. Okay, also werde ich es einfach halten. Ich hoffe, Sie genießen dieses Video und ich werde Sie im nächsten Video sehen. 108. Transfer: Hallo, alle. Willkommen zurück zu einem anderen Radio aus diesem Kurs in diesem Video, wir werden unsere Transfer-Seite gemeinsam gestalten. Also ohne faire, tue ich das. Lassen Sie uns mit dem Duplizieren des Bildschirms beginnen. Perfekt. Und ich werde es Transfer nennen. In Ordnung, dann werden wir fast alle Elemente auf dieser Seite entfernen. Lasst uns diese Panzer entfernen. Auch dieser Spaß auf allen unseren Karten Ziemlich gut. Dann hat das seine Start-Anzeigefarbe auf diese Lichtversion geändert. Sehr nett. Also, was müssen wir hier ändern? Du bist genau hier. Wir müssen unsere Navigationsleiste ändern. Das hat den Titel geändert, um ihn zu übertragen. jedoch Zuerst müssen wir Siejedochan der Mitte ausrichten und dann ändern, um so zu übertragen. Dann wähle ich hier unsere Formen aus, beide von ihnen. Gruppieren Sie sie in Ordnung. Und lassen Sie uns die y tu minus 141 setzen. Ziemlich genial. Dies ist unsere Navigationsleiste. Nun dann, auf dieser Seite, müssen wir einige Elemente hier, die wir schreiben müssen, geben Sie einen Hügel als die tatsächliche Menge. Und danach, ein Separator und der Empfänger oder Begünstigte und rechts unten. Wir werden einen Schlüssel Pat haben. Okay, also gehen wir weiter und fügen den Text rechts und ihren Betrag ein, und ich werde den Fonds in Monsour ändern. Und lassen Sie uns den Weg zu Regular ändern und es macht Spaß Größe auf 18. Und dann werde ich die Farbe auf 27 43 f d ändern und die Linie hoch auf 22. Wirklich genial. Ich werde es ärgerlich ausrichten. Lassen Sie mich es duplizieren. Und hier brauchen wir ein Dollarzeichen. Leerzeichen Null. Okay, aber wozu? Es ist der Ort, an dem der Benutzer den tatsächlichen Betrag eingeben kann, den er überweisen möchte. Okay, also lass mich es fett machen, und ich werde es 36 Punkte wie diese machen. Ändern Sie die Farbe nicht aus. Null hier zu sein sucht B f f f f f so, um zu zeigen, dass es gerade inaktiv ist. Also, wenn der Benutzer hier einen Betrag eingibt, wird er die dunkle Farbe haben. Okay. Aber wenn es Null ist, wird es so aussehen. Dann lassen Sie mich es an der Mitte ausrichten und seine Linienhöhe wird 44 ziemlich genial sein. Dann setzte das die Top-Kämpfe auf 16 Spitzenzellen wie diese. Und hier, wie ich bereits erwähnt habe, brauchen wir einen Separator. Also lassen Sie uns eine Wochenzeile erstellen. Ich mache es 224 und ändere die Farbe auf das E E und ein e f so. Ausrichten an die Mitte, Lassen Sie mich es sagen. Hör auf, 16 so hinzuzufügen. Ziemlich genial. Dann brauchen wir noch einen Text. Also werde ich weitermachen und diesen Text duplizieren, und das ist richtig. Zwei. Wieder ziemlich gut. Es wird ein 16 Pixel-Top haben, das noch einmal dupliziert hinzufügt. Und hier müssen wir unseren Begünstigten den Namen abschreiben. Okay, also lasst uns richtig, Grace Edison, und ich werde die Farbe ändern. 23 ein drei A und drei A und die Schriftgröße auf 16 so. Was brauchen wir noch hier? Findest du es nicht schön, das Foto unseres Nutzers zu haben? Oder sagen wir, unser Begünstigter hier, also gehe ich voran und füge ihn um, und es wird 34 mal 34 Gipfel sein. Zellen. Lassen Sie mich den Radius-Typ ändern, um Ecken zu glätten, und hier werde ich es auf 12 setzen auf tschechische Grenzen. Und lassen Sie uns die Skizzendatenbank verwenden, um ein Foto hinzuzufügen, um so zu essen. Es ist schön. Wir können auch einige Schatten hinzufügen. Lassen Sie uns die Y Null und den Spieler sieben machen, und wir müssen die off offensichtlich auf 20% ziemlich schön reduzieren. Und danach überprüfen wir die Ausrichtung. Diese Steuer wird eine 8-Pixel-linke Polsterung wie folgt haben, und ich werde sie vertikal ausrichten, gruppieren und sie wieder in die Mitte lassen, oder ist ganz, und unsere Gruppe wird eine 16 Pixel-Top haben Überschrift ebenso wie diese. Das ist ziemlich genial, nicht wahr? Was brauchen wir noch hier? Wir brauchen eine Tastatur. Okay, also lassen Sie uns einen erstellen. Zunächst einmal, nur wenn eine Gruppe, all diese Elemente zusammen und das ist richtige Transaktionsdetail, verschieben Sie sie so nach oben. Was brauchen wir für unsere Nummer, Pat? Hier? Wir müssen insgesamt verschiedene Rechtecke haben und Zahlen von 1 bis 9 haben, einschließlich Null rechts unten. Also lassen Sie uns das hier einfügen. Ich werde seine 89 mal 70 machen und sein Radius wird 17 auf tschechischen Grenzen sein und die Farbe auf F fünf, F sechs und F A so ändern die Farbe auf F fünf, . Dann werde ich einen schreiben und lassen Sie mich den Fonds auf ab Pro-Text und die lustige Größe zu ändern . 24 Punkte wie diese, und ich werde es mittel machen. Endlich, die Farbe zu unserem primären hier. Dann lasst uns sie vertikal und horizontal ausrichten und gruppieren. Nennen wir es eins. Dann duplizieren Sie es und platzieren Sie es mit den 10 Pixel links. Padding erneut dupliziert. Und ich werde ihren Namen von diesen volleren 22 und diesen 123 ändern und nochmals müssen wir sie duplizieren. Und noch einmal, und wir brauchen die letzte Reihe. Okay, also lasst uns den Namen der Gruppe ändern. Zuallererst wird dieser letzte Knopf unser Sandknopf sein. Okay, jetzt müssen wir diesen Text ändern. Also lasst uns auch ändern. Und wieder richten Sie sie aus und so weiter. Und hier haben wir Punkt und Null. Ok, und schließlich, hier, müssen wir unseren Sende-Button haben, also brauchen wir hier einen Pfeil nach rechts, also bringen wir ihn von hier her. Ich werde es kopieren, es ist eine SMS, okay? Und fügen Sie es hier ein und Sie müssen den Fonds zu s ein Profi um ihn herum ändern, weil es ein sf scheint Bogen ist und nicht mit den anderen Fonds funktioniert. Machen Sie es 28 Punkte und auch Flug ziemlich genial. Dann richten Sie es aus und ändern Sie auch die Farbe zu Wind. Und wir müssen einen Grady in diesen Knopf hinzufügen, der das gleiche Grady int ist wie wir hier haben. Okay, also werde ich diese Kopfzeile mit der rechten Maustaste auf diesen Kopierstil auswählen. Und hier werde ich, richtig. Klicken und Einfügen sind ziemlich gut sind jetzt ist es Zeit, unsere Schaltflächen zu gruppieren, sie in der Mitte ausgerichtet. Wie Sie sehen können, haben wir 44 Pixel auf der linken Seite. 44 nimmt Zellen auf der rechten Seite, und wir müssen 74 Spitzenzellen an der Unterseite haben. OK, und jetzt lassen Sie uns unsere Transaktionsdetails nach unten verschieben, um 58 Picks zu erhalten. L unten kämpft so. In Ordnung, jetzt ändern wir auch hier den Gruppennamen. Number pan und auch der Gruppenname hier zur Navigationsleiste wie diese sind richtig. Alles ist erledigt. Ich hoffe, Sie genießen dieses Video. Und im nächsten Video werden wir unsere Bestätigungsseite gemeinsam gestalten. So sehen wir uns dort 109. Bestätigung: Hi, alle. Willkommen zurück zu einem weiteren Video dieses Kurses in diesem Video. Wir werden die Bestätigungsseite gemeinsam gestalten. Also ohne weiteres, lasst uns mit dem Duplizieren dieses Transfer-Kunstboard beginnen, und ich werde mich in Bestätigung umbenennen. Alles klar, dann lassen Sie uns die Nummer, das Pad und auch einige dieser Elemente entfernen . Zum Beispiel brauchen wir diesen Betrag und das Trennzeichen nicht, also lassen Sie uns sie entfernen. Und hier können wir diesen Titel entweder in Transaktion oder Bestätigung ändern. Also werde ich eine Transaktion wie diese schreiben, dann lassen Sie mich in Gruppe diese Elemente, richtig? Klicken Sie hier auf Gruppe Pretty awesome. Und hier, das ist richtig. Sie haben erfolgreich geschickt $99 zu Grace Addison sind richtig und dann verringern Sie die mit 2 248 und die Linie hoch auf 27 wie diese. Ich werde es an der Mitte ausrichten und ziemlich genial abfilmen. Allerdings werde ich sagen, wie dieser Name und machen es fett, um die Aufmerksamkeit des Benutzers zu bekommen. Mal sehen, was brauchen wir hier noch? Erste Antworten. Lassen Sie mich diesen Namen entfernen. Und ich werde dieses Foto auf 78 so erschrecken. Und ich werde ein paar Details dazu hinzufügen. Okay, also lass mich das Statussymbol hierher bringen. Ich werde dieses grüne wählen, kopieren Sie es und fügen Sie es hier ein, um es auf 18 x 18 Pixel zu vergrößern. Ziemlich genial. Und schließlich werde ich die Farbe in Orange ändern, und es zeigt, dass der Benutzer gerade nicht verfügbar ist. Also lasst uns F sieben A und 700 so schreiben. Es wird 60 Spitzen linker Polsterung und eine 60 Pixel obere Überschrift haben. Gruppieren Sie sie und richten Sie sie erneut an der Mitte aus. Dann brauchen wir hier ein Häkchen wie Don Icon. Also lasst es uns von ihren Symbolen holen. - Icahn. Und hier haben wir getan sieht gut aus. Das ist in der Mitte ausgerichtet. Es hört auf. Kämpfen wird 217 Spitzenzellen bis zum Alter unseres Bildschirms sein, und es ist unten Polsterung wird 16 Picks Zonen sein. Also lassen Sie mich die Einsätze nach unten verschieben und die Spitze, die unser Image abwehrt, wird 40 sein . Er bestreitet. Also brauchen wir noch zwei Dinge. Wir müssen zwei Knöpfe hier platzieren. Die obere Schaltfläche wird die Schaltfläche „Erneut ausführen“ sein, der der Benutzer die gleiche Transaktion noch einmal ausführen kann. Und der untere Knopf ist unser Bestätigungsknopf. Ok? Dies gibt dem Benutzer die Bestätigung dieser Transaktion. Also lassen Sie uns voran gehen und kopieren und fügen Sie diese Bestätigungsschaltfläche ein. Nein. Also möchte ich diesen Anmelde-Button. Und vor allem, lasst uns auch den Namen Fullers ändern. Führen Sie erneut aus und ändern Sie nun die Tanks, um sie erneut auszuführen. Ziemlich gut. Bewegen Sie es nach oben. Lasst uns diesen Pfeil von unserem zweiten Knopf entfernen und ich werde mich ausrichten. Dies nimmt in die Mitte und ändern Sie es zur Bestätigung noch einmal eine Linie in die Mitte. Und hier werde ich die Ordner ändern. Name zur Bestätigung Wie diese sind richtig. Die untere Polsterung dieser Bestätigungsschaltfläche wird 37 es gestoppt. Padding wird 16 Pixel sein, wie diese sind richtig. - Jungs. Ich hoffe, Sie genießen dieses Video. Wir haben erfolgreich unsere Bestätigungsseite zusammen entworfen und ich würde Sie im nächsten Video sehen . So sehen wir uns dann 110. Notification: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden unsere Benachrichtigungsseite gemeinsam gestalten. Also ohne weiteres, lasst uns mit dem Duplizieren beginnen. Das sind keine Tafel, und ich werde mich in Benachrichtigung umbenennen ziemlich gut. Dann lassen Sie uns fast alle Elemente hier entfernen. Ok? jedoch Wir brauchenjedochdie Statusleiste, wie wir hier haben. Lassen Sie mich es hierher bringen, und ich werde Sie ans Licht bringen. Ziemlich gut. Also, was brauchen wir hier auf dieser Seite? Wir müssen eine Suchleiste ganz oben platzieren. OK, also lassen Sie uns voran gehen und bringen die Suche nach einem hat Transaktionsseite neu erfunden, die ich hier kopiert und eingefügt werde . Ziemlich genial. Dann ändere das seine Farbe zu f fünf f sucht und f A so und wir brauchen nichts anderes zu ändern. Es hört auf zu kämpfen wird 68 Pixel bis zum Rand unseres Bildschirms so sein. Dann brauchen wir hier einen Titel. Okay, also bringe ich hier Thesentitel mit. Lassen Sie uns kopieren und fügen Sie es und lassen Sie mich eine Zeile in die linke und ändern Sie es zu können Sie Ihre Benachrichtigungen hier überprüfen . Ziemlich genial. und das ist abgenommen. Das mit 2 274 Ziemlich gut. Nun, es hört auf das Hinzufügen wird 32 Pixel sein und links klopfen wird 30 große Zellen sein. Okay, was brauchen wir noch hier? Wir müssen natürlich unsere Identifikationen erstellen . Also brauchen wir ein Bild für unsere Benachrichtigung und auch in Namen und eine Nachricht. Okay, also was ich tun werde, ist das Kopieren und Einfügen dieses Fotos von unserer Homepage so und lassen Sie mich es auf 40 mal 42 Plektren skalieren. Elfen leugnen. Ich werde gemein zoomen, und ich werde die Größe dieses Status-Symbols vergrößern. Okay, das erhöhte sich auf 11 richten Sie es nach unten und schreiben Sie drei Leugnungen. Und dann brauchen wir hier einen Titel. Also lasst uns einen Namen schreiben. Ok? Und vielleicht Lane, wir müssen das Foto später ändern. Also lasst uns richtig, Floyd Farmer. Und ich werde dich zu regelmäßig ändern und die Schriftgröße auf 14 Punkte wie diesen zu verringern. Und die Linie hallo bis 18. Ziemlich bestreitet, dass sie es hier setzen, duplizieren, und hier müssen wir unsere Nachricht schreiben. Also lassen Sie uns richtig Floyd schicken Sie einfach $20 so und ich werde die Größe auf 16 Punkte und auch die Farbe zu unserer Primärfarbe ändern . Sie können diese Farbe vor verweigert die obere Überschrift wird drei Picks, Zellen oder rechts sein. Und die linke Polsterung wird acht Pixel wie folgt sein. Dann gruppieren Sie sie und in Einklang mit unserem Foto senkrecht flehenden Augen. Was brauchen wir noch für unsere Benachrichtigung? Wir brauchen einen kleinen Pfeil, um hier zu setzen. Okay, also bringen wir das von hier her. Haben Recht. Ich werde es vertikal mit unserem Foto und unseren Panzern ausrichten, und es wird eine 30 Pixel rechte Polsterung haben. Ziemlich gut. Nun lasst uns alle diese Elemente gruppieren. Und hier schreiben wir eine Benachrichtigung. Ehrfürchtig. Und denken Sie daran, dieses Foto zu ändern, aktualisieren Sie die Daten, die Sie benötigen, um ein männliches Foto zu erhalten. Okay, das ist ziemlich gut. Dann, um diesen Prozess viel schnelle Pflege zu machen, werde ich ein Symbol erstellen. Und hier ist das richtig. Benachrichtigung. Okay, dann gehen wir zur Symbolseite. Da gehen wir. Im Moment können wir also das Foto und auch diese beiden Titel ändern, aber wir müssen auch in der Lage sein, das Statussymbol zu ändern. Also müssen wir hier ein anderes Symbol erstellen. Lassen Sie uns ein Symbol erstellen. Und hier schreiben wir den Status Schrägstrich Verfügbar. Ehrfürchtig. Dann haben wir hier ein anderes Symbol, das dupliziert ist. Wir müssen drei verschiedene Status schaffen. Okay, also lasst uns den Namen hier ändern. Zu beschäftigt, und ich werde die Farbe in Orange ändern. Also lasst uns F sieben ein sieben schreiben. Doppelte Null. Ziemlich genial. Und es ist noch einmal dupliziert, was unser letzter Status ist, und ändern Sie die Farbe zu ce ce und ce ziemlich genial. Und änderte auch den Namen offline. Ziemlich leugnet. Jetzt gehen wir zurück auf unsere Seite ein Jahr. Und wie Sie hier sehen können, können wir diese Panzer und auch den Status ändern. Okay, das ist ziemlich genial. Also, was brauchen wir noch hier? Wir brauchen einen Separator. Okay, aber zuerst, lassen Sie uns die Benachrichtigung duplizieren, und es wird 32 Spitzen haben. Alle oben Polsterung Okay, wieder mal ziemlich gut dupliziert. Wir brauchen auch Hahn sind. Also lassen Sie uns eine Manipulation hier aus unserem Dokument einfügen, weil wir ein Tippen oder Symbol erstellt haben. Ich werde es hier setzen, und ich muss auf den Grund und denken Sie daran, diese Registerkarte zum Aktiv machen und diese Zertifizierung so aktiv zu machen. Dann lassen Sie uns unseren Separator hier setzen. Also müssen wir eine Zeile wie diese einfügen, und es wird 315 sein und die Farbe in D Double E 1 e f ändern . Es wird eine 16 Picks auf der oberen Überschrift und eine 16 Pixel untere Polsterung haben. Also werde ich es ziemlich gut duplizieren. Lasst uns diese Zeilen gruppieren. Und hier werde ich mich in Separatoren umbenennen, ziemlich gut, Ordnung. Und jetzt ist es an der Zeit, unsere Daten zu ändern. Okay, also wählen wir das ist keine Ausbildung, und ich werde den Namen in etwas anderes ändern. Also lass uns richtig, Jane. Ziemlich gut. Und auch hier werde ich schreiben. Jane schickte dich hierher, wir treffen uns, nur weil sie den Benutzer schickte, zum Beispiel, vor einem Tag. Okay, also lasst uns richtig. Jane hat dir $99 geschickt und ich werde ziemlich genial kopiert. Und es ist ein wie dieses Foto und aktualisieren Sie es. Es ist in Ordnung. Lassen Sie uns gehen und ändern Sie die 3. 1 Ich werde bei ah Maxwell schreiben, und das ist Paste, die hier nimmt und den Namen überhaupt ändern. Und der Betrag auf $500 müssen wir das Foto auch so ändern. Aber jetzt lassen Sie uns den Status von verfügbar ändern, um einfach zu sein. Okay, Wenn Sie diesen Prozess schnell Haar OK machen wollen, können Sie den Stecker in Craft genannt verwenden. Wie Sie sehen können, habe ich es hier. Es kann einige Daten für Sie einfach und schnell generieren. Zum Beispiel kann ich hier Namen, Schlagzeilen, Artikel, sogar Termine, Währungen, Länder, Städte usw. generieren Schlagzeilen, Artikel, sogar Termine, Währungen , Länder , Städte . Okay, aber vorerst machen wir es manuell, eins nach dem anderen. Also, jetzt lasst uns das nächste ändern. Ändern wir den Namen in Herman Frasier. So wie das. Und auch hier, Vorsitzender. Und die Menge? Das ist richtig. 25 Dollar. Denken Sie daran, das Foto zu ändern. Das ist großartig. Und die Änderungen Status zu unserem Fliegen ziemlich genial. Und der nächste hier, lasst uns den Namen in William Weight ändern. Und hier hat William dir $10 geschickt. Lassen Sie mich das Foto ändern. In Ordnung. Es ist in Ordnung. Ok. Wir brauchen noch zwei. Also lasst uns den Namen ändern. Nein. Scheine ruhig und auch hier für Elsie. Sonst hat er dir $12 geschickt, der Status ist besetzt und wir müssen das Foto in so etwas ändern . Und der letzte. Ändern wir den Namen in Harriet Coleman. Ziemlich genial. Und Angriffe zu tragen seine senden Sie $25 der Status wird offline sein. Und auch, das Foto wird dieses sein. Das ist ziemlich gut. Und das war's. Und glauben Sie mir, wenn Sie arbeiten es Handwerk Plugging, dauert es weniger Zeit, um all diese Prozesse zu tun. Lassen Sie mich Ihnen zeigen, wie diese Pest in Haftbefehlen. Nehmen wir an, wir haben hier einen Text, okay? Und es wird ein Name sein. Silizium-Namen, und ich kann zwischen männlich, weiblich oder beidem wählen . Also lasst uns weiblich schreiben. Da gehen wir. Oder ich kann Länder, Städte, sogar Termine wählen Städte, . Das ist fantastisch, oder? Mit diesem Plugging sparen Sie so viel Zeit. In Ordnung? Jetzt lass mich sie gruppieren. Wir brauchen diese letzte Benachrichtigung, die wir erstellt haben, nicht, also werde ich das entfernen. Und jetzt lasst uns sie gruppieren. Hier sind unsere Benachrichtigungen, und wir können sie wieder mit unseren Trennzeichen gruppieren. Und das ist alles. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Wir haben erfolgreich unsere nächste Urlaubsseite zusammen entworfen und im nächsten Video werden wir unsere Profilseite gestalten. Also werde ich dich im nächsten Video sehen 111. Profilseite: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden unsere Profilseite gestalten. Also, ohne weiteres, lasst uns damit beginnen, dieses Kunstbrett zu duplizieren, okay? Und ich werde mich umbenennen, um ziemlich gut zu profilieren, und wir müssen fast alle Elemente außer diesem Titel ziemlich genial entfernen. Und lassen Sie uns dies auf die aktive tippen und diese aktivieren. Das ist großartig. Und wir müssen diesen Titel in Profil ändern und ihn vergrößern, weil es unser großer Titel oder, sagen wir, großer Header ist . Ich werde es 41 Punkte machen und es ist neun Höhe wird 50 sein und es wird eine 90 Pixel obere Polsterung und ein 30 Pixel übrig haben . Dann müssen wir voran gehen und kopieren und fügen Sie die Formen von unserer Profilfirma, die es hier Tempo , verschieben Sie sie an den unteren Rand unserer Ebenenliste so, ziemlich genial. Und hier drehe ich sie ein bisschen so auf Lasst uns wie dieser lila. Bewegen Sie es nach oben und schrieb, Wenn es ein wenig nach links ist, das ist fantastisch. Wir brauchen das Profilbild des Benutzers, den Namen, den Status und hören einige nimmt Gefühle wie Benutzername, Vorname , Nachname , Geburtsdatum, und unten. Wir müssen den gleichen Ausverkaufs-Knopf haben. Okay, also fangen wir an, diese Elemente mitzubringen. Zuerst brauchen wir das Profilbild, also bringe ich es hierher. Lassen Sie uns beängstigend zu 60 Pick-Zonen wie diese. Es wird eine 30 Pizza links Polsterung haben und 33 Gipfel verkaufen Top-Position wie diese. Dann brauchen wir einen Namen. Also lassen Sie uns richtig, Emma , und ändern Sie die Schriftgröße auf 20 Punkte und die Zeile hoch auf 24. Und schließlich müssen wir die Farbe auf drei D 56 f a so ändern. Und lasst uns den Fonds als Pro-Text ändern, und ich werde es Medium fantastisch machen, dann duplizieren. Und hier, lasst uns richtig. Der Status, der online ist, machen es Licht auf die Schriftgröße wird 16 Punkte und die Zeilenhöhe sollte 19 sein. Es wird auf einem Pixel-Top-Überschrift wie diese haben. Gruppieren Sie sie und richten Sie sie vertikal an unserem Profilbild aus. Und lassen Sie uns eine 16 Pixel linke Polsterung haben. Ziemlich genial. einmal, gruppieren Sie sie hier. Wir müssen Benutzerinformationen wie diese schreiben. Dann lasst uns weitermachen. Und von hier aus werde ich alle diese Panzer Felder Jahr kopieren und einfügen. Und nun wählen wir alle diese Titel, die Benutzername, Vorname, Nachname und Geburtsdatum sind Vorname, . Und wir müssen die Farbe ändern 23 ein drei A und drei A und wählen Sie auch die Eingabe in Ordnung und ändern Sie die Farbe zu diesem ein so. Und wir müssen diese Teak-Symbole entfernen. Und zu guter Letzt ändern wir die Farbe unserer Separatoren. Wir müssen sie in D E ändern und ein e f so. Oh, ich habe vergessen, das hier auszuwählen. Also lasst es uns auch ändern. Das e e e und ein e f haben Recht. Das oberste Klopfen unserer Steuer fühlt sich wird 40 Peak Selbses sein. Und dann, wie ich bereits erwähnt habe, brauchen wir einen Abmelde-Button. Lassen Sie uns also fortfahren und kopieren und fügen Sie den Anmelde-Button, den wir für unser Menü erstellt haben. Ich werde es genial nach unten bewegen. Und lasst uns auch die Größe ändern. 315 von 72 wie diese. der Mitte ausrichten. Und hier müssen wir dieses Symbol auf die rechte Seite verschieben, um ein 24 Pixel rechts klopfen zu erhalten. Fantastisch. Und schließlich bewegt sich das nach unten, um eine 30-Spitzenzelle zu bekommen. Aber ich klopfe, und das ist alles. Alles klar, Leute. Er hat auch unsere Profilseite zusammen erstellt. Ich hoffe, Sie genießen dieses Video. Und ich werde dich im nächsten Video sehen, das unser letztes Video ist. Und es geht um auf Boarding-Seiten. Okay, dann sehen wir uns. 112. Onboarding: Hallo, alle. Willkommen zum letzten Video aus diesem Abschnitt. In diesem Video werden wir die On-Boarding-Seiten gemeinsam gestalten. Also, wir, Doktor, das tue ich. Lasst uns anfangen. Zuallererst werde ich voran gehen und Einsätze und Kunstbrett hier. Ziemlich genial. Dann lassen Sie uns seinen Namen ändern, um eigene Boarding Juan. Und ich werde es zwei Mal duplizieren, weil wir drei verschiedene Seiten entwerfen müssen, und es wurde sie umbenannt, um Ihre On-Boarding zu einem On-Boarding drei, beziehungsweise. Perfekt. Also, was brauchen wir hier? Genau an der Spitze. Ich werde ein Logo setzen. Okay, die Farbe für das Logo. Also lasst es uns von unserem Lunch-Bildschirm mitbringen. Dieser hier kopiert, eingefügt. Und ich werde diese Panzer entfernen, die ich nicht brauche. Lass es uns nach oben bewegen und es hört auf, sich zu verstecken, wird 84 sein. Das ist großartig. Lassen Sie mich kopieren und fügen Sie es in alle Kunsttafeln wie diese, dann hier. Wir müssen unsere Illustration anbringen. Okay, also bringen wir unsere Illustration hierher. Da gehen wir. Hier haben wir Sicherheitsfahrräder. Sparen und Traden. Die erste Abbildung wird speichern, also werde ich es hier ziehen und ablegen, lassen Sie mich es an der Mitte ausrichten und es wird eine 170 oben verstecken, wie diese. Dann müssen wir hier unsere Tanks platzieren und hier unten müssen wir unseren Boden legen. Also lassen Sie uns den Text hier und rechts einfügen, sparen Sie Ihr Geld. Praktisch so. Ich werde es größer machen. Machen wir es 24 Punkte und ändern Sie auch den Fonds auf Monserrat es. Und es wird fett und die Linie hi bis 36 ziemlich genial sein. Und das Letzte, was wir tun müssen, ist, die mit zwei 307 so zu verringern und es wird eine 30 Pizza übrig haben. Ziemlich genial und 116 Gipfeln. L oben fügte hinzu, Ok so. Dann lassen Sie es uns duplizieren, weil wir hier eine Beschreibung schreiben müssen und jetzt werde ich einen Selbstschutzfonds verwenden und lassen Sie uns es 19 Punkte und auch regelmäßig machen, und ich werde die Farbe zu sieben c zwei ein Doppel-F wie dieses schöne ändern. Dann hat sich das geändert mit 2 300 ändern Sie diese Panzer, um 5% Bargeld zu bekommen. Bank für jede Transaktion und verbringen Sie es leicht. Ziemlich genial. Und jetzt lassen Sie uns die Linie hoch auf 28 ändern, und es wird aufhören, Überschrift wird 22 Pixel sein. Ehrfürchtig. Dann brauchen wir hier einen Button und auch den Seitenindikator. Also lassen Sie uns voran gehen und kopieren und fügen Sie diesen Anmelde-Button ein und ich werde die Größe auf 153 ändern . Also lassen Sie uns die mit verringern, so. Ziemlich gut. Ich bringe unsere Techniker zurück in den Spartaner, und es wird noch 24 Pixel haben, die so klopfen. Ändern wir es in „Nächstes“. Fantastisch. Ich werde diesen Ordner in den nächsten umbenennen, und es wird eine 30 Pixel rechte Polsterung und ein 38 Pixel haben, die sich nicht so auswirken. Also, was brauchen wir noch hier? Wir brauchen einen Seitenindikator. Also lasst uns eins machen. Wir brauchen hier einen Kreis und ich werde an die tschechischen Grenzen gehen. Machen Sie es fünf mal fünf in Mizzou. Mean dupliziert, und es wird noch ein Vier-Pixel klopfen. Und jetzt werde ich es hier so auf tschechischen Grenzen setzen, setzen Sie das Hoch auf fünf. Und mit 2 22 wie diesem, wird es eine Vier-Pixel-Padding Gruppe sie haben, und das hat die Farbe aus dem ersten Indikator zu einem 46 und doppelten F geändert und diese beiden Kreise auswählen und ihre Farbe ändern, um fünf b f f f f f genial zu sein. Dann werde ich diese volleren zwei Indikatoren umbenennen und lassen Sie uns hier ein Symbol erstellen. Ich werde Indikatoren schreiben, Schrägstrich Seite eins, dann gehe zu Symbole Seite und duplizierte zweimal wie diese und benannte sie in Seite zwei und Seite drei um , weil später, können wir sie leicht ändern. Also, jetzt, auf Seite zwei, müssen wir den Platz von unseren Indikatoren ändern. Also lasst uns den großen Indikator hier in der Mitte platzieren, ein Jahr nach links und für das letzte. Es ist so groß, ein Jahr, und die anderen beiden, lassen Sie uns sie so nach links bewegen. Perfekt. Alles klar, es wird 30 Gipfeln linker Klopfen haben. Sie können es vertikal an unserem Boden ausrichten. Fantastisch. Das Einzige, was ich hier hinzufügen werde, ist ein Kreis. Also lassen Sie uns einen Kreis einfügen und ihn 470 mal 470 machen. Und auf Czech Borders, Ich werde die Farbe ändern, um fünf f sucht und F A wie dieser Film nach unten von unserer Ebenenliste und änderte die Exposition Tu minus 125 und das Weiß auf 423 so und es sieht fantastisch aus. Ich hoffe, es gefällt dir auch. Für andere Seiten benötigen wir also auch diese Inhalte. Anstatt sie einfach zu kopieren und einzufügen, ziehe ich es vor, diese sind Bretter zu entfernen, bezahlen und zu duplizieren. Es wird wieder viel einfacher sein, dass diese Kunstbretter umbenannt werden, die Tom Boarding zu und Sie auf drei so einsteigen. Dann, zuerst, hier, ändern wir die Illustration. Also lasst uns den Safe hierher bringen. Ehrfürchtig. Ausrichten an die Mitte und ändern Sie den Krieg in 170, um eine 170 Gipfel oben zu bekommen, Hinzufügen, Und hier müssen wir den Titel ändern, um Ihr Geld kostenlos zu sichern und Belohnungen zu erhalten. Ehrfürchtig. Dann lassen Sie uns die Beschreibung hier ändern, um die sicherste Zahlungs-App aller Zeiten zu erhalten und es zu genießen . Dann müssen wir den Indikator Ihre zwei Seite zwei wie diese und die letzte Seite ändern. Lassen Sie uns diese Illustration entfernen und die Trading-Illustration hierher bringen. Ich werde es an der Mitte ausrichten und den Wein auf 170 ändern. Ehrfürchtig. Und hier, lassen Sie uns den Titel ändern, um den Provisionsfreien Aktienhandel zu genießen. Und hier, lasst uns schreiben. Online Investing war noch nie einfacher, als es jetzt ist, Previ. Ehrfürchtig. Und nun lasst uns den Indikator auf Seite drei ändern. Und wir müssen unsere Schaltfläche hier ändern, um es zu starten. Ehrfürchtig. Ausrichten an der Mitte und entfernen Sie unseren Pfeil nach rechts wie folgt und benennen Sie diesen Ordner um, um einen Anfang ziemlich gut zu bekommen . Und das ist alles. Gemeinsam haben wir erfolgreich unsere eigenen Boarding Pages gestaltet. Und das ist das letzte Video dieses Abschnitts. Na gut, Leute, ich hoffe, ihr gefällt diese Serie von Videos. Es war so interessant, dieses Projekt zusammen zu kreieren, und ich hoffe, Sie haben es wirklich genossen. Wenn Sie Zugriff auf das abschließende Projekt erhalten möchten, können Sie es aus der Ressource ist Abschnitt der letzten Vorlesung in diesem Abschnitt herunterladen. Also noch einmal, ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. So sehen wir uns dann. 113. Projekt 3 Landing: Hi, alle. Willkommen in einem anderen Abschnitt dieses Kurses in diesem Abschnitt. Wir werden eine Landingpage für unsere Geldanwendung entwerfen. So wie Sie sehen können, werden wir gemeinsam zu gestalten und modern, schön und interessant Landing Page. Also hier verwendet die Screenshots von der Anwendung, die wir im vorherigen Abschnitt entwickelt. Und auch, wie Sie sehen können, haben wir Menüs an der Spitze. Wir haben einen Aufruf zum Handeln. Dann haben wir die wichtigsten Funktionen. Wie Sie sehen können, haben wir hier sechs verschiedene Hauptmerkmale. Wir werden jede einzelne Sache hier zu entwerfen und dann haben wir Feature eins und Feature zu und auch wir haben den Kundenbereich und hier haben wir den Aufruf zum Handeln wieder zum letzten Mal und das Essen sie. Am Ende dieses Abschnitts werden Sie verstehen, wie Sie eine erstaunliche und auch kreative Landing Page entwerfen können. So beginnen Sie mit der Gestaltung dieser Landing Page zusammen, stellen Sie sicher, dass Sie die Assets finden aus der Ressource ist Abschnitt der Assets Vorlesung herunterladen. Also werde ich dich im nächsten Video sehen 114. Layouts und Raster: Hi, alle. Willkommen zurück zu einem weiteren Video dieses Kurses in diesem Video. Wir werden unsere Layouts erstellen oder lassen uns IR vereinbart, um mit der Gestaltung unserer Landingpage zu beginnen . Also das erste, was ich tun muss, ist das Öffnen der Geld-App, die wir zuvor entworfen haben und hier in Seiten, Ich werde eine weitere Seite hinzufügen. Lasst uns eine Zielseite schreiben. Perfekt. Dann brauchen wir hier ein Kunstwerk. Okay, also gehen wir weiter und legen ein Kunstbrett ein. Da gehen wir. Hier können Sie Responsive Web wählen. Ok. Und wie Sie sehen können, haben wir verschiedene Möglichkeiten. Wir haben die mobile Inversion, Tablet und Desktop. Okay, wir werden die Desktop-Version entwerfen. Allerdings haben alle Disc up, die 10 24 mal 10. 24 oder Desktop-HD, das ist 14. 40 von 10. 24. Okay, es ist unter Standardgröße. Allerdings werden wir seine mit 2 1920 ändern und zu 10 binden. 80. Okay, wir werden die Höhe später erhöhen, wenn unser Design auf weitere Ebenen geht. Okay, also denken Sie daran, wenn es eine neue Kunsttafel erstellt, ist dies ein individuelles Kunstwerk. So, damit Sie könnte Previte angemessen Einheit Quicken hier benutzerdefinierte und erstellen Sie eine konstante Größe. Sie können zum Beispiel Desktop-HD wie diese schreiben zum Beispiel , oder Sie können es Landing Page so nennen. Wenn wir also ein konstantes Mart Board erstellen, können wir leicht in einer angemessenen Weise eine Vorschau anzeigen. Und wenn wir das Hoch später erhöhen, können wir leicht nach unten scrollen und nach oben scrollen. Ok, perfekt. Das nächste, was wir tun müssen, ist die Einrichtung unserer Layouts und Begrüßungen. Also, was sind Layouts und Grüße? Grüße, im Grunde, sind unsere Jungs OK? Um also eine responsive Webseite zu entwerfen, ist es dringend empfehlenswert, großartige Systeme zu verwenden. Sie können verschiedene Rastersysteme verwenden. jedoch Für dieses Projekt werde ichjedoch ein 12-Säulen-Gruppensystem verwenden. Wie können wir also unsere Gier erschaffen? Es ist so einfach. Wir können voran gehen und klicken Sie auf Ansicht. Und hier, wie Sie sehen können, haben wir zwei Optionen zeigen Greet Show Layouts. Okay, also werde ich dich töten, kann ein Layout wie dieses zeigen, und dann lasst uns auf die Layout-Einstellungen perfekt klicken. Hier haben wir verschiedene Optionen, die wir ändern können. Die Gesamtsumme mit wird auf 1920 Pixel eingestellt. Moment aber essen wir nicht unsere mit, um dieser Wind zu sein. Okay, also werden wir 1600 so schreiben. Und übrigens, es ist kein Zufall mit es ist ein Standard, den man auch 960 dafür verwenden kann. Dann werde ich den Offset auf 160 die Anzahl der Spalten setzen, wie Sie sehen können, sagte zu 12. Okay, und das ist es, was wir wollen, dass die Schüttelrinne draußen draussen. So fügt es hinzu, bekam sie außerhalb unserer Säulen. Und hier haben wir zwei verschiedene Möglichkeiten. Ich habe sie mit und Kolumne mit. Die Rinne ist also dieser weiße Raum zwischen unseren Säulen und unsere Spalte offensichtlich ist offensichtlichdieser dunklere Bereich. Also lassen Sie uns die Spalte mit zwei, 117 Bildzellen setzen. Und wie Sie sehen können, die Rinne mit automatisch auf 16 Pixel geändert, das ist genau das, was wir wollen. Wir können Rose auch überprüfen, aber das brauchen wir nicht. Lassen Sie es uns also ungehindert lassen. Und hier können Sie die Farben wählen, damit ich die dunkle oder Lichter wählen kann. Es liegt an dir. Sie können es ändern, wie Sie möchten. Sie können es ändern, was Sie wollen. Ich werde es so behalten. Das ist perfekt. Vergewissern Sie sich, Lincoln Center zu töten. Ok, perfekt. Wir haben erfolgreich unsere Richtlinien oder, sagen wir, unsere Grüße für dieses Projekt erstellt. Also im nächsten Video werden wir anfangen, unsere Heldenabteilung gemeinsam zu gestalten. So sehen wir uns dann. 115. Hero 1: Hallo, alle. Willkommen zurück zu einem anderen Video des Abschnitts Im vorherigen Video haben wir unsere Layouts eingerichtet, wie Sie hier mit dem mit off 1200 Pixel sehen können. Und in diesem Video werden wir anfangen, unsere Zielseite zu entwerfen. Ich bin so aufgeregt zusammen angefangen. Also was? Möge Villa etwas. Jede Website hat einen Heldenbereich. Okay, was ist ein Heldenbereich? Lassen Sie mich die Skizzenapp-Website öffnen, um Ihnen ein Beispiel zu zeigen. Da gehen wir. Das ist die Skizze. Ich bin Website und dieser Abschnitt wird Hero Abschnitt genannt. Okay, was brauchen wir hier drin? Oh, Abschnitt. Wie Sie sehen können, brauchen wir ein Logo oben und auch einige Menüs. Und dann ein Titel und ein Stop-Titel. Und schließlich brauchen wir Gegenmaßnahmen. Ok. Und Sie können sehen, wir haben einige Schaltflächen, versuchen Sie kostenlos und sehen Sie Preise. Diese werden Call to Action genannt. Und danach haben wir noch einen Abschnitt. Es könnten wichtige Funktionen aus der Anwendung oder der Website oder sogar das Produkt sein. Ok, da gehen wir. Dies sind die wichtigsten Merkmale und hier haben wir einige andere Funktionen und dann den Kundenbereich , Ein weiterer Vertrag Schienbein Abschnitt Und am Ende haben wir die Fußzeile. Okay, in diesem Video werden wir uns darauf konzentrieren, unseren Heldenbereich zu erstellen. Lasst uns anfangen. Wie ich bereits erwähnt habe, brauchen wir hier ein Logo. Okay, also gehen wir weiter und öffnen unsere Asset-Akte. Da gehen wir. Und hier habe ich für Sie einige Ordner vorbereitet. Wir haben Bildschirme, die der Screenshot unserer Anwendung Beach neu gestaltet ist. Hier wurden fünf Kunstbretter exportiert. Wie Sie sehen können, haben wir Autos, Homepage, Homepage, Menü-Transaktion und Transaktionen Detail. Und dann haben wir Ikonen, Illustrationen, Logos und Angriffe. Gut hier. Also jetzt müssen wir die Logos öffnen und hier haben wir Geld. Perfekt. Ich ziehe es dort drüben ab. Eigentlich habe ich eine andere Version unseres Logos wie diese erstellt. Das einzige, was ich geändert waas die Position unseres Textes. Okay, also habe ich eine horizontale Version unseres Logos so erstellt. Jetzt werde ich gemein zoomen, und wir müssen unsere Gier benutzen, um unsere Elemente auszurichten. Okay, was ich tun werde, ist, diese Elemente so zu bewegen, bis es unsere Kolumne berührt. Perfekt. Und seine obere Polsterung wird 50 so sein. Perfekt. Was brauchen wir noch hier? Wir brauchen ein paar Menüs, die Anzeigenangriffe sind. Und ich werde auf Sarah Telefone perfekt wählen. Und das hat eine Telefongröße auf 17 geändert. Und es wird unregelmäßig sein und der Charakter, lasst uns und der Charakter, der Nulleffekt sein wird. Und dann lasst uns die Farbe ändern. Ich werde es zu drei ändern ein. drei a und drei a. Die gleiche dunkle Farbe, die wir für die Gestaltung der Anwendung Jungfrau aus diesem Produkt verwendet. Ok? Und schließlich, lassen Sie uns die Linie hoch auf 24 setzen, weil wir eine acht Pixel-Systeme sind Zahlen sollten durch acht teilbar sein. Ziemlich gut. Ich werde gemein zoomen. Und hier, lasst uns richtig. Die Produkte sind richtig. Dass die Stimmung hier dupliziert und richtig, Entwickler perfekt. Wieder einmal, doppelt auf die richtige Preisgestaltung, werde ich es duplizieren. Und hier ist das richtig. Unterstützung. Lassen Sie mich sie auf die linke Seite bringen. Und wir brauchen hier noch zwei Dinge, die es duplizieren. Und hier brauchen wir etwas zu mögen. Und die letzte Option wird unser Anmelde-Button sein. Okay, also was ich tun werde, wird Juan anpflücken. Ok. Und hier werde ich meinen Zoom und wählen Sie diese wird oder TP-Schaltfläche kopiert. Und hier auf der Zielseite, werde ich Staat perfekt bezahlen. Und jetzt werde ich noch einmal duplizieren, weil ich den gleichen Boden brauche. Und jetzt lassen Sie uns doppelklicken auf die 1. 1 und entfernen Sie diese Formen ziemlich gut. Wenn Sie diese Layouts verstecken wollen, können Sie leicht die Kontrolle halten und l Und warum, Sir? Verkaufen. Perfekt. Und jetzt werde ich meinen Boden hier auswählen. Und das hat ihre mit zwei geändert, 178 von 72. Ich werde unsere Panzer an der Mitte ausrichten. Ziemlich genial. Und es hat eine Telefongröße auf 17 geändert. Noch einmal, richten Sie es ziemlich gut aus. Und denken Sie daran, den Löwen High auf 24 zu ändern. Und wie Sie sehen können, haben wir 24 Pixel oben und 24 Pixel unten. Und hier werde ich diesen Fuller umbenennen, um sich anzumelden. Und auch, lassen Sie uns diesen Text ändern, um sich ziemlich gut anzumelden. Und lassen Sie es uns hierher bringen, und ich werde unsere Grüße präsentieren. , Also,wo genau sollten unsere Elemente für dieses Projekt neu positionieren? Ich beschloss, die zweite Spalte von der linken Seite und die zweite Spalte von der rechten Seite zu verwenden. Also muss diese Schaltfläche hier so sein, und es ist oben versteckt wird 40 Pixel sein. Perfekt. Dann gehe ich weiter und wähle viele Menschen aus, schiebe sie auf die Laborseite. Und jetzt lasst uns sie ausrichten. Zuerst werde ich alles ausrichten, was ich diese Tanks schleppen werde. Es wird 64 Spitzen der rechten Polsterung wie diese haben. Ziemlich genial. Das ist eine Linie. Es ist auch vertikal, dann ist das eine ähnliche Unterstützung, und es wird 72 Spitzen haben. Alles klar, Polsterung und so weiter. Also diese Preise 72 Spitzen Zellen als auch, Entwickler und Produkte. Ziemlich genial. Dann lassen Sie uns alle diese Texte auswählen und vertikal ausgerichtet gruppieren. Und hier, lassen Sie uns Menü perfekt schreiben. Und wie Sie sehen können, hat es eine 64 Pixel oben, Hinzufügen, das ist fantastisch. Und noch einmal werde ich alle unsere Elemente hier ausrichten, also müssen wir unser Logo wählen, unser Menü unten, und sie vertikal ausrichten. Ziemlich genial. Das einzige, was sich änderte, war die Position unseres Logos. Wie Sie sehen können, hört es jetzt auf, seine 56 p-Zellen zu verstecken. Fantastisch. Dann werde ich die Stelle auf die linke Seite bewegen und hier müssen wir einige Elemente hinzufügen , die Tanks sind. Also lassen Sie uns einen Text hinzufügen und ich werde seine Größe auf 65 so ändern. Und es hat auch den Fonds geändert, wie Pro-Text haben, und ich werde den Weg zur Szene und die Zeile hi zu 80. Perfekt. Und das letzte, was wir ändern müssen, ist die Farbe, die ich werde, um es auf eine 46 auf Doppel-F so setzen , und dann ändert sich das, um Ihr Geld kostenlos zu sichern und wieder Haftbefehle ziemlich genial bekommen. Lassen Sie mich die mit 2 667 verringern und ich werde es auf der linken Seite ausrichten, und ich denke, es ist besser, den Fonds zu wechseln. Ich werde es auf SF pro Display ändern, also lassen Sie uns danach suchen. Das ist ein Profi, der perfekt zeigt. Jetzt ist es besser. Und dann werde ich hineinzoomen und perfekt mit unseren Lesevorgängen ausrichten. Wie Sie sehen können, ist es perfekt ausgerichtet und es ist nicht mehr hinzuzufügen wird 367 Pixel wie folgt sein, dann werde ich es duplizieren. Denken Sie daran, wie ich bereits erwähnt habe, haben Sie hier eine Steuerstrafe, also wenn Sie es öffnen, können Sie all diese Panzer bekommen. Das ist Ihre Verwendung in diesem Projekt, und Sie können sie einfach und schnell kopieren und einfügen. Nur eine Erinnerung. Wir brauchen die zweite Zeile. Kopieren Sie es und fügen Sie es hier ein. Und dann ändern wir die Telefongröße auf 17 Punkte und die Linie hoch auf 24 Pixel ziemlich gut. Und dann werde ich das Gewicht von Thema zu Licht ändern. Lassen Sie mich das mit auf 472 so ändern. Wir können die Ausrichtung von auto hide zu fix Größe ändern, also werde ich das Hoch auf 48 so ändern und seine obere Überschrift wird 16 Pixel perfekt sein . Und dann ist es an der Zeit, unseren Aufruf zum Handeln zu setzen, was unsere Registrierungsschaltfläche ist. Also, was ich tun werde, ist umbenannt diesen Ordner zusammen begonnen, und auch diese nimmt zusammen als gut begonnen und lassen Sie mich die Phone Science von 17 Punkten ändern und die Linie hoch auf 24 ziemlich gut Ich werde unser Rechteck auswählen, und ich möchte die mit 2 251 so ändern und lassen Sie uns unsere Elemente noch einmal in der Mitte ausrichten, vertikal und horizontal. Es ist ziemlich gut, und es wird aufhören, Überschrift wird für die Pixel wie diese sein. Es ist großartig, nicht wahr? Bisher haben wir den Menü-Logo-Titel Untertitel und einen Gegenwirkungs-Button zu unserem Heldenbereich hinzugefügt . Im nächsten Video werden wir hinzufügen und markieren, um es interessant und fantastisch aussehen zu lassen. Ich hoffe, Sie haben die CDO genossen und ich bekomme das nächste Video. 116. Hero Abschnitt 2 - Mockups: Hallo, alle. Ich hoffe, es geht Ihnen gut. Wie ich bereits in diesem Video erwähnt habe, werden wir unser Markup entwerfen, um es dort drüben zu platzieren. Okay, was ist ein Markup? Lassen Sie mich Ihnen ein Beispiel zeigen. Wenn Sie iPhone Mark copping Google suchen, können Sie sehen, dass Sie verschiedene Optionen und verschiedene Beispiele erhalten. Zum Beispiel, dieses hier, es ist ziemlich großartig. Wie Sie sehen können, ist es ein Platzhalter für Ihre Screenshots Energie. Präsentieren Sie Ihr Design. Wir haben auch das iPhone 11 hier. Es gibt so viele kostenlose und kostenpflichtige Ressource ist da draußen, dass Sie verwenden können. jedoch Sie werdenjedochunser eigenes Zeichen schaffen, weil es so einfach und einzigartig sein wird. Also lass uns wieder zu unserer Skizze gehen und hier werde ich es perfekt einfügen. Und dann lassen Sie uns voran und ändern ihre mit 2 260 von 563 wie diese ungeprüften Ränder und ändern Sie den Radius-Typ zu glatten Ecken und es ist 41 ziemlich genial. Dann füge ich ein paar Schatten hinzu. Also lassen Sie uns die alle 5 bis 10% und ein Y 2 43 Ich möchte auch die x 21 ändern und schließlich die Blair auf 56. Ziemlich genial. Was ich also tun werde, ist, unsere Screenshots von der Anwendung zu platzieren, die wir auf diesen rec Tango entworfen haben . Also, wie können wir das tun? Eigentlich gibt es verschiedene Klammer. Die erste Möglichkeit besteht darin, den Screenshot per Drag & Drop zu ziehen und dann dieses Rechteck auf Maske zu wählen . Es ist jedoch, jedoch, es gibt einen anderen Weg, den ich Ihnen empfehle, das zu verwenden und dass er Mustergefühl in Feel Abschnitt verwendet . Wenn Sie also Felder öffnen, können Sie hier sehen, wir haben Mustergefühl und ich kann ein Bild wählen. Also hier, lassen Sie uns Bildschirme öffnen und ich werde Homepage wie folgt wählen. Und da gehen wir hin. Es war einfach, oder? Meiner Meinung nach ist es der beste Weg, dies zu tun. Und auch, es ist der genaueste Weg, Ordnung, dann werde ich weitermachen und es so duplizieren. Ich werde es mit einem 60 Pixel klopfen perfekt platzieren. Und lassen Sie uns das Foto ändern zwei Karten ziemlich gut wieder dupliziert und ändern Sie das Foto zu Transaktionen Detail, und wir brauchen zwei weitere, so werde ich es noch einmal duplizieren und änderte das Foto in Transaktion und die letzte eine, die zu viele ziemlich gut verändert. Dann wählen wir diese beiden mittleren Bildschirm que und bewegen sie ein wenig nach oben so. Und lassen Sie uns auch diese beiden auswählen und sie so nach oben verschieben. Und schließlich müssen wir alle auswählen, gruppieren sie und nennen es Markup Awesome! Dann wird das um 30 Grad nach links gedreht. Sagen wir mal minus 30 Grad, und ich ziehe es nach unten, um den bestmöglichen Platz zu bekommen. Ich werde hier meine Grüße präsentieren und lassen Sie es ein wenig bewegen, wenn ein Zoo bedeuten und dieser Bildschirm wird diese Spalte berühren, Okay, ich denke, jetzt ist es großartig. jedoch Sie fragen sichjedochvielleicht, dass das, was für den Rest dieser Markierungen passieren wird. Eigentlich werden sie nicht abgeschnitten, weil wir die Höhe hier erhöhen müssen, also werde ich mich mit zwei multiplizieren. Es ist eine gute Möglichkeit, Größen hier zu berechnen, also werde ich mit zwei multiplizieren und wir werden zu jedem 60 Pixel perfekt bekommen. Wenn Sie also auf Vorschau klicken, können Sie einfach nach unten scrollen und hier werden wir unsere wichtigsten Funktionen setzen. Das ist fantastisch, nicht wahr? In Ordnung. Eine Sache, an die wir uns erinnern müssen, ist, unsere Hintergründe Farbe zu ändern. Okay, wenn Sie also dieses Kunstboard auswählen, haben Sie die Option Hintergrundfarbe. Ich werde dieses Kästchen ankreuzen und prüfen, wie dieser Export auf dem Sofa eingeschlossen ist. Zwei F fünf F sechs und F A, um diese sehr leicht und schön blau zu bekommen. Okay, jetzt sieht es fantastisch aus. Na gut, Leute, ich hoffe, ihr gefällt dieses Video. Ich werde Sie im nächsten Video sehen, um unsere wichtigsten Funktionen zu erstellen. So sehen wir uns dann. 117. Schlüsselfunktionen: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden unsere Hauptmerkmale entwerfen. Ok. In der Tat müssen wir sechs verschiedene Schlüsselfunktionen für diese Zielseite entwerfen, die sicher und sicher sind. Einfaches Sparen. 5% Cash Back, benutzerfreundlich, Cloud-basiert und 24 7 Support. Okay, Also, wenn Sie bemerkt haben, Ich habe bereits für Sie sechs verschiedene Symbole vorbereitet und es kann sie in Assets Datei finden. So können wir jetzt voran gehen und das hier so einfügen. Ich werde es 80 mal 80 schaffen. Perfekt. Und hat einen Radius geändert. Zeit, um Ecken zu glätten und die Menge auf 25. Ziemlich genial. Lassen Sie mich meinen Zoom, dann gehe ich weiter und auf tschechische Grenzen, und lasst uns die Farbe ändern. Ich mache es orange oder bin sicher und sicher. Funktion. Also lasst uns F fünf ein Sechs und 23 so schreiben. Ziemlich genial. Und jetzt ist es an der Zeit, unser Vermögen zu öffnen. Gut. Und hier können wir voran gehen und die Symbole öffnen, voller. Und wie Sie sehen können, haben wir verschiedene Symbole. Ok? Ich werde weitermachen und Dragon ließ eine sichere Ikone wie diese perfekt fallen. Und wenn ein Film runter, das ist eine Linie, die es sowohl vertikal als auch horizontal und schließlich gruppiert sie und ich werde sicher ziemlich genial schreiben. Dann müssen wir schreiben. Okay, das erste, was verschont ist. Ich werde voran gehen und den Spaß ändern, um SF Pro so auf anzuzeigen. Lassen Sie uns die Telefongröße auf 22 Punkte ändern. Perfekt. Die Strichhöhe beträgt 26. Es ist in Ordnung und machen die Linie hoch 24 ziemlich gut. Und schließlich müssen wir die Farbe ändern. 23 ein drei a und drei a k. und hier werde ich sicher schreiben und sicher ziemlich gut. Das ist an der Mitte ausgerichtet, und der Abstand zwischen ihnen wird 16 Pixel betragen. Aber das ist fantastisch. Stellen Sie sicher, dass der Text eine Linie zur Mitte ist. Wieder einmal, lasst uns sie gruppieren und es sicher nennen. Ziemlich genial. Dann müssen wir es duplizieren, haben Recht. Und vor allem, lasst uns die Farbe ändern. Also, wenn ich weitermache, kann ich einfach einen anderen Connor wählen. Wenn Sie nicht sicher sind, welche Connors großartig miteinander zu kombinieren sind, ist es besser, diese Farbauswahl hier zu verschieben oder sagen wir, Schieberegler wie diese. Und wie Sie sehen können, können Sie auf diese Weise die besten Connors wählen. Stellen Sie sicher, dass Sie die Position des Farbwählers nicht so ändern. Es ist jedoch kein idealer Weg . Es ist eine Option. Zum Beispiel sind diese beiden großartig, aber für diese Zielseite habe ich bereits die Farben vorbereitet, also werde ich voran gehen und es auf 23 5 c und F fünf setzen. Ziemlich genial. Lassen Sie uns das Symbol entfernen und das Spardose Symbol wie folgt bringen. Ich richte es vertikal und horizontal an der Mitte aus. Allerdings sollten Sie dieser Art von Ausrichtung nicht immer vertrauen, denn manchmal müssen Sie eine manuell ausbalancieren und ausrichten, um die bestmöglichen Ergebnisse zu erzielen . Wie Sie sehen können, ist es nicht in der Mitte. Also lassen Sie uns das wählen und es um zwei Pixel nach oben bewegen und ich werde diesen Ordner verschieben und ihn in den sicheren Fuller legen . Wie Sie sehen können, ist es Hop hinzugefügt Eastern Devaughn und sein Spot wirkt sich auf 24 Pixel. Moment aber, aber, wie Sie sehen können, können Sie erkennen, dass es eine Linie zum Zentrum ist. Okay, also lasst mich die Panzer zu einfach austauschen, so sparend und wieder auf die Mitte ausgerichtet ziemlich gut. Und hier müssen wir den Namen Fullers auch zu einfach speichern ändern. Das ist wieder genial dupliziert. Und hier werde ich die Farbe ändern, um 32 3 F und fünf Awesome. Das hat dieses Symbol entfernt und das Cash-Back-Symbol hierher gebracht. Also haben wir Kreditautos. Es wird unser Cash-Back-Symbol sein. Das ist eine Linie in die Mitte, und wir müssen sie manuell ausgleichen. Sieht toll aus. Und dann werde ich diesen Ordner verschieben und ihn in diesen sicheren, volleren und die Steuer auf 5% Bargeld wie diese Zeile in die Mitte ändern und dann diesen Ordner umbenennen . Richtig, Cash Bank. Ziemlich gut. Wir brauchen drei weitere Hauptmerkmale. Okay, also lasst uns weitermachen und sie so duplizieren. Und jetzt müssen wir die Farbe dieses Rechtecks ändern. Oder, sagen wir Square Teoh haben 5 23 und 23 ziemlich gut, die dieses Symbol entfernt und bringen Sie die ähnliche Symbol hier. Da gehen wir. Ich werde es vertikal und horizontal zur Mitte ausrichten. Und lasst uns diese Panzer auf benutzerfreundlich umstellen. Ziemlich gut. Denken Sie daran, diesen Ordner zu verschieben und ihn in den sicheren Fuller hier zu legen und seinen Fuller in benutzerfreundlich umbenannt . Fantastisch. Und die nächste auch, ich werde die Ecke auf 23 d c und F. Fein ändern . Ok. Und dann werde ich dieses Symbol entfernen und das Cloud-Symbol hierher bringen, weil es um Cloud-basiert geht . Ich werde es manuell so ausgleichen. Und das hat den Namen auf Cloud-basierte ziemlich gut geändert. Schließlich werde ich diesen Ordner verschieben und ihn in einen sicheren Fuller legen und den Hauptordner in Cloud umbenennen . Basierend auf last but not least, müssen wir auch die Farbe des Quadrats ändern. Also werde ich es auf F 5 23 und neun D so ändern. Entfernen Sie diese Kreditkarten und bringen die Unterstützung. Ich kann eine Linie in die Mitte sowohl vertikal als auch horizontal hören und diesen Text in 24 7-Unterstützung ändern . Dann werde ich voran gehen und die Unterstützung voller innerhalb der sicheren voller bewegen und umbenannt den Hauptfall oder zur Unterstützung Fantastic sind richtig. Das nächste, was wir tun müssen, ist, sie auszurichten. Also werde ich voran gehen und ihre sichere und benutzerfreundliche so wählen, und ich werde die Polsterung zwischen ihnen auf 107 Picks Zellen wie diese einstellen. Das Gleiche passiert auch mit diesen beiden. 107 und Osten zu ziemlich gut. Dann wählen wir sicher und sicher. Gruppieren Sie sie und lassen Sie mich in eine Gruppe umbenennen. Einfaches Sparen mit Cloud, basierend auf Lee zwei und 5% Cash Bank B 24 7 Support und nennen Sie es drei. Wählen Sie sie Anglikanisch aus. Verteilen Sie ärgerlich so, und wir werden das Patting zwischen ihnen auf 200 Pixel setzen. Ziemlich genial. Noch einmal, gruppieren Sie sie. Und hier, lassen Sie uns Feature-Abschnitt ziemlich genial schreiben, und ich werde in die Mitte horizontal nach unten bewegen, so. Ich glaube, ich werde den Wein auf 14 45 setzen. Es ist eine bessere Position, und das ist in der Vorschau. Da gehen wir. Sie sehen fantastisch aus. jedoch, Ich denkejedoch,es ist eine gute Idee, hier einige Details hinzuzufügen, da wir oben und auch hier in der rechten unteren Ecke einen leeren Platz haben. Also was? Ich werde tun, wird John bezahlen. Und wenn Sie sich erinnern, in Profil abgeschlossen Kunstbrett, wir haben zwei Formen erstellt, so werde ich sie wählen, kopieren Sie sie und hören Landing Page, fügen Sie sie, dann wählen Sie die Blauer. Bewegen Sie es hierher und das violette. Hier. Ich werde das blaue auswählen und Hitze so auf die linke Seite drehen. Verschieben wir es hier und das violette wieder, nach rechts gedreht, und bewegen Sie es so hierher. Also werde ich meine Layouts Jahr präsentieren, indem ich Kontrolle L halte und diese blaue auf die linke Seite bewegen. Perfekt und die lila auch. Auf der rechten Seite, das ist genial. Wie Sie sehen können, sind unsere wichtigsten Funktionen nicht mit unseren Layouts ausgerichtet. Okay, perfekt, damit es kein Problem ist. Sie sollten sich nur darauf konzentrieren, dass alles mit Ihrem Layout ausgerichtet sein sollte. Die Layouts und Gier sind nur hier, um Ihnen zu helfen, alles organisiert zu halten, okay, und manchmal passiert es, dass Sie sie überqueren. jedoch Es istjedochvöllig normal, ziemlich gut. Noch einmal, das ist Previte. Jedoch. zuerst Lassen Sie unszuerstdas Hoch auf 3000 so ändern und jetzt erstellen. Es ist fantastisch, nicht wahr? Stimmt, Leute, wir werden diesem Video ein Ende machen. Ich hoffe, es hat dir gefallen. Und im nächsten Video werden wir unser erstes Feature direkt hier entwerfen. So sehen Sie das nächste Video. 118. Merkmal 1: Hi, alle. Willkommen zurück zu einem weiteren Video von den Partituren in diesem Video, wir werden unsere Tariffunktion hier entwerfen. Okay, also erste Einsätze, lassen Sie mich unsere Layouts hier ziemlich gut vorstellen. Und dann werde ich meine zoomen, Lasst uns hier einen Text hinzufügen. Der Fonds wird gesagt, sf pro Anzeige, was ist, was wir wollen. Und ich werde den Weg zu Medium und die Größe auf 15 Punkte ändern. Ziemlich genial auf der Linie. Hallo bis 24. Ich werde schreiben, immer so verbessern und es wird von Takes Optionen groß geschrieben, die fantastisch sind. Und die Farbe wird fünf bis doppelt F und acht so sein, auf der linken Seite ausgerichtet und dupliziert. Und jetzt lassen Sie uns die Fondszeichen auf 24 Punkte setzen. Die Linienhöhe wird gleich sein, und das Gewicht wird auch mittel sein. Lassen Sie uns den Text ändern, um unsere Dienste so zu verbessern und lassen Sie uns die Farbe zu einem 46 Doppel-f fantastisch ändern , und es wird eine 16 Pixel obere Polsterung wie diese haben und noch einmal dupliziert. jedoch dieses Maljedoch Lassen Sie uns dieses Maljedochdie Telefonwissenschaft auf 16 Punkte und die Linie hallo auf 32. Es wird nicht kapitalisiert werden. Ich werde es auf die vorherige Option zurücksetzen. Und das hat die Farbe in eine vier B Null und Doppel s wie diese geändert. Erinnern Sie sich daran? Ich habe über die Textdatei erwähnt, die ich für Sie vorbereitet habe. Also, jetzt werden wir es öffnen. Da gehen wir. Und wie Sie hier sehen können, haben Sie alle Panzer. Um Ihre Zeit zu sparen, werde ich es kopieren und einfügen. Da gehen wir. A schließlich, das hat sich geändert mit 2 517 so. Ziemlich genial. Es ist Stop-Überschrift wird 32 Pixel wie folgt sein. Wählen Sie alle aus und bewegen Sie sich auf die linke Seite und richten Sie so am linken Rand unserer zweiten Spalte aus. Das Einzige, was wir hier brauchen, ist ein Boden. Okay, wir müssen hier einen „Mehr erfahren“ -Button erstellen. Also, was ich tun werde, ist nach oben zu scrollen, okay? Und kopieren und einfügen Sie die ersten Schritte. Knopf. Da gehen wir. Das werde ich so gemein. zunächst Lassen Sie unszunächstdiese beiden Formen entfernen. Wir brauchen sie nicht und ändern den Text, um mehr zu erfahren. Allerdings werde ich die mit ändern 2 200 Verbünden die Takes in die Mitte. Fantastisch. Denken Sie daran, unseren Fuller umbenennen Erfahren Sie mehr. Und wie Sie sehen können, ist es perfekt ausgerichtet und es ist aufhören hinzuzufügen, wird 32 Spitzen Zellen als auch sein. So wie das? Das sieht toll aus. Also lassen Sie uns alle auswählen, gruppieren sie und nennen es Feature eins. Was brauchen wir noch hier? Du hast recht. Wir brauchen eine Illustration. Also lasst es uns aus unserer Illustrationsmappe hierher bringen. Wir haben drei verschiedene Illustrationen. Ich werde ziehen und fallen die 1. 1 Eigentlich habe ich diese Illustration von der Andhra Website, wie ich es bereits erwähnt habe. Du kannst es dir ansehen. Es ist eine großartige Quelle für Illustrationen. Ziemlich gut in Mizzou meinen? Ich werde es auf die rechte Seite schieben. Wie Sie sehen können, ist es perfekt auf unsere zweite Kolumne ausgerichtet, und ich werde das Warum 22. Und für jeden wie diesen ziemlich gut. Lassen Sie uns diese Takes auch nach unten bewegen und sie an unserer Illustration ausrichten. Das ist fantastisch. Jetzt ist es an der Zeit, eine Vorschau auf unsere Zielseite zu sehen. Da gehen wir. Das ist großartig, nicht wahr. Alles klar, Leute, vielen Dank, dass ihr euch das Video angeschaut habt. Ich hoffe, es hat dir gefallen. Im nächsten Video werden wir an unserem zweiten Feature arbeiten. So sehen wir uns dann. 119. Feature 2: Hallo, Ron. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden unser zweites Feature entwerfen. Also ohne für ich tun, Lasst uns einen Anfang machen. Ich werde ein bisschen nach unten scrollen. Und lassen Sie uns unsere Kunstwelt wählen, weil wir die Größe der Höhe erhöhen müssen, sagen wir, für 1000 so Es ist genug, nehme ich an. In Ordnung. Für unser zweites Feature benötigen wir eine weitere Illustration, um rechts auf der linken Seite zu platzieren. Du hast recht. Wir müssen es auf die gegenüberliegende Seite legen. Ok. Um das Guthaben von unserer Landingpage fernzuhalten. Also, jetzt wählen wir unsere erste Funktion dupliziert. Ich ziehe es nach unten und lege es so her. Stellen Sie sicher, dass es eine Lügen perfekt, ziemlich gut ist. Ich werde weitermachen und diese Inhalte ändern. Also werde ich die Textdatei öffnen. Und hier werde ich kopieren und einfügen 24 7 Unterstützung Das ist es hier einfügen. Perfekt. Und für den Untertitel, lassen Sie uns den Satz Experience Help kopieren und einfügen, wenn Sie ziemlich gut brauchen. Und hier haben wir die Beschreibung konkurrieren und fügen Sie sie hier ein. Und das ist alles. Denken Sie daran, den Namen der Fullers in Feature 2 zu ändern. Dann müssen wir eine Illustration direkt vor unseren Text platzieren. Ok. Aber bevor Sie das tun, fügen Sie hier einen Kreis ein und ich werde es 11 06 mal 11 schaffen. 06 auf tschechischen Grenzen Ziemlich gut. Und wir müssen einen erstaunlichen und interessanten Grady dafür verwenden. Also gehen wir weiter auf Seite eins. Und wie Sie sich erinnern, haben wir eine großartige Note geschaffen. Ian ist hier. Also werde ich voran gehen und wählen Sie diese blaue einen Rechtsklick auf das und kopieren Stil ziemlich gut. Und ich werde bezahlen, sitzen Sie hier. Ehrfürchtig. Das hat eine Richtung von unserem Strahlen ein wenig geändert. Sieht fantastisch aus. Dann duplizieren wir es noch einmal und auf Chek Fields und überprüfen Borders. Und ich werde es auf 0,9 setzen und wir werden die gleiche Farbe hier verwenden. Also lassen Sie uns die erste Farbe verwenden und wählen Sie diese blasen. Der Code ist 48 ein drei F fünf und die zweite Farbe wieder hier und verringern die auf für 20 Pretty awesome. Nun lassen Sie es uns so auf die rechte Seite bewegen. , es ist jedoch Ich denke, es ist jedochbesser, die Farbe in etwas dunkleres zu ändern. Also lassen Sie uns es auf drei C 54 f ein ziemlich gut setzen. Ich werde die Richtung jetzt ein bisschen ändern. Es sieht fantastisch aus, und es bewegt sich auf die linke Seite und bewegt es wieder nach oben dupliziert mit auf die rechte Seite und bewegt es so nach oben. Jetzt ist es an der Zeit, unsere Illustration zu unserer Zielseite hinzuzufügen. Also lassen Sie uns unsere zweite Illustration ziemlich gut bringen. Eigentlich habe ich diese Illustration von der Menschen-Website bekommen. Es ist eine sehr große Ressource aus Illustrationen, so stellen Sie sicher, diese Website zu überprüfen. Kann diese Illustrationen kostenlos herunterladen. Ziemlich gut. Also, was ich tun werde, ist, diese Illustration hier zu platzieren. Ich werde es ausrichten, unsere zweite Spalte von der linken Seite füttern, wie Sie sehen können, und wählen wir aus, dass unsere Kreise sie gruppieren. Ich nenne es Circle einen Film auf der linken Seite so. Jetzt ist es großartig. Und die Spitze, die gegen diese Steuer kämpft, wird 430 Picks Eigentümer wie diese sein. Da gehen wir weiter. Lassen Sie uns voran und sehen Sie es in der Vorschau. Das sieht fantastisch aus. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Im nächsten Video werden wir den Kundenbereich gemeinsam gestalten, so sehen Sie, dass 120. Kundenbereich: Hallo, alle. Willkommen zurück zu einem anderen Video des Abschnitts in diesem Video. Wir werden den Kundenbereich gemeinsam gestalten, damit wir es nicht bevorzugen. Beginnen wir damit, unsere Höhe hier auf 5000 zu erhöhen. Ziemlich gut. Dann werde ich hier meine Layouts präsentieren und wir brauchen einen Text. Wie Sie sehen können, wird die Schriftart zu SF Pro Display gesagt und die Spaßgröße wird 24 Punkte und die Zeilenhöhe wird 29 sein. Und schließlich, lasst uns die Farbe ändern. 23 ein drei a und drei ein. ziemlich genial. Dann werde ich schreiben, besuchen einige unserer Kunden wie diese, eine Linie ins Zentrum und es wird eine 610 Picks haben. Ändern Sie Polsterung, wie Sie sehen können, dann müssen wir hier unsere Logos platzieren. Also gehen wir weiter und ziehen Sie unsere Logos hierher. Logos, Kunden. Wir haben fünf verschiedene Logos, also werde ich sie ziehen und sie hier ziemlich gut ablegen. Die zweite Buchung von Munn. Und dann werde ich Shopify platzieren und nach diesem Slack und stattdessen Warenkorb, wie Sie die Höhe sehen können, haben diese Logos auf 30 eingestellt. Okay, und ich werde sie alle auswählen. Können Sie verteilen Presente Lee und verteilen sich ungleichmäßig wie diese. Also, jetzt müssen wir eine 60 Peaks Ella Polsterung zwischen ihnen so einstellen. Ehrfürchtig. Ziemlich gut. Perfekt. Jetzt lasst uns gruppieren und ich werde nein schreiben, geht eine Linie in die Mitte und lassen Sie uns shakthi Ausrichtung. Wie Sie sehen können, müssen wir die Polsterung zwischen ihnen in Drang ändern perfekt mit unseren Spalten ausrichten. Also lassen Sie uns alle auswählen, verschieben Sie sie auf die rechte Seite, bis wir hier eine gute Ausrichtung haben. Ziemlich gut. Und das ist ein wie das letzte Logo und Film auf der linken Seite. Wieder fantastisch. Lassen Sie uns alle auswählen. Ehrlich gesagt, können ungleichmäßig verteilen richtig ziemlich gut. Dann wählen wir unsere Logos Fuller und wir werden eine 72 Gipfel setzen. Verkaufe oben Versteck dafür. Fantastisch! Und das ist alles. Also lasst uns Pretty awesome vorhersehen. Na gut, Leute, vielen Dank, dass ihr euch dieses Video angesehen habt. Ich hoffe, es hat dir gefallen. Und im nächsten Video entwerfen wir hier einen weiteren Call-to Action Abschnitt. So sehen wir uns. Das 121. Call to Action (Handlungsaufforderung): Hallo. Jeder wird zu einem anderen Video von den Partituren in diesem Video zurückkommen. Wir werden hier einen weiteren Call to Action entwerfen. In der Tat hat fast jede Website eine Eigentumswohnung Aktion direkt vor der Fußzeile. Also werden wir hier eins für diese Teile erstellen. Zuallererst werde ich die Höhe 26 1000 so erhöhen. Dann lassen Sie uns weitermachen und unseren Kreis duplizieren. Ich drehe es horizontal so um. Ziemlich gut. Alles klar, ich werde es hier setzen. Wir haben 1234 und fünf Säulen. Das ist großartig. Und es wird eine 72 Gipfel verkaufen Top-Position haben. Dann werden wir das Grady-Int hier in etwas anderes ändern. Also lassen Sie uns die erste Farbe wählen, das leichte Blau, und setzen Sie es auf ein F drei c und F E. Und die 2. 1 zu fünf sein, um F auf acht so zu verdoppeln. Dann lasst uns die Richtung unserer Grady int Pretty awesome ändern. Und schließlich müssen wir unsere Illustration hierher bringen. Es ist eine weitere Illustration von der Menschen-Website, und ich werde es hier genau so setzen. Alles klar, was brauchen wir dann hier. Wir müssen Tex. Okay, also lasst uns die 1. 1 erstellen, die ich schreiben werde. Worauf wartest du? Ein Fragezeichen? Dann machen wir es 30 Punkte und es ist neun. Die Höhe wird 24 sein und die Farbe wird fünf sein, um F und acht zu verdoppeln. Aber diesmal werde ich den Charakter hier ändern. Also lasst uns es auf 1.5 ändern, um mehr Platz zwischen unseren Charakteren zu bekommen und duplizieren , und es wird eine 32 Picks Eldar Padding haben und ändern Sie sich heute anmelden und genießen Sie Ihre 5% Cash Back. Dann werde ich die Farbe zu einem 46 und Doppel-F wie diese Pretty awesome ändern. Und hier müssen wir Schaltflächen als unser Aufruf zum Handeln. Also lassen Sie uns voran gehen und kopieren und fügen Sie diese Schaltfläche „Erste Schritte“ ein, und ich werde diese Takes auch ändern . Testen Sie es kostenlos. Und dieses Mal werde ich es so großgeschrieben machen, und es hört auf hinzuzufügen wird 64 Pixel sein und wir brauchen einen anderen Knopf. Lassen Sie es uns hier setzen. jedoch daran, den Fuller umzubenennen, den ich es kostenlos und für die Spartaner ausprobieren werde. Ich werde diese beiden Formen entfernen, und ich werde die Farbe in ein einfarbiges Weiß ändern. Darauf hat sich die Textfarbe zu einem e drei b und f e wie folgt geändert. Das ändert sich, um uns zu kontaktieren. Ziemlich genial. Und schließlich müssen wir die Farbe unseres Schattens ändern. Machen wir es drei C drei C und drei c k. und danach werde ich die alle weit auf 10% verringern und der Rest sollte ziemlich gut unberührt sein. Schließlich müssen wir den Ordner umbenennen, um uns zu kontaktieren. Nun wählen wir diese Texte und diese beiden Schaltflächen gruppieren sie auf. Lassen Sie uns Call to Action schreiben, bewegen Sie sie ein wenig nach oben, bis Sie eine 555 Picks bekommen, die so klopfen und dann wird das in der Vorschau angezeigt. Da gehen wir hin. Das sieht fantastisch aus. Alles klar, Leute, vielen Dank, dass ihr das Video im nächsten Video angeschaut habt, das unser letztes ist. Wir werden eine Fußzeile zu diesem Ende von unserer Kunsttafel erstellen. Also werde ich dich sehen. Das 122. Fußer: Hi, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden den letzten Teil dieser Zielseite entwerfen, die Footer genannt wird. Jede Website hat eine Fußzeile, und es muss sicher sein, weil wir einige wichtige Ling's oder einige wichtige Informationen über die Sprache oder den Standort vom Benutzer ablegen müssen . Und zu guter Letzt müssen wir über das Comp Recht schreiben, also ohne weiteres tue ich es. Lassen Sie uns mit dem Einfügen einer Zeile beginnen, die hier unser Trennzeichen sein wird, also werde ich eine einzelne Zeile erstellen. Wie Sie sehen können, ist seine Länge 1920 Pick Songs ziemlich gut. Ich werde es mit 20.5 ändern und dann die Farbe zu einem hellblauen. Also werde ich es auf neun b a neun setzen und ich werde ziemlich genial sein und lassen Sie es uns ausrichten, so dass ich diese Punkte hier entfernen werde. Also lassen Sie uns die oberste Überschrift auf 100 Pick Songs wie diese setzen. Und was brauchen wir dann hier? Wir werden drei Spalten aus Menüs erstellen oder sagen wir Links und genau hier werden wir zwei verschiedene Tanks setzen, die als nächstes sind, die zwei verschiedenen Symbole, um den Standort des Benutzers und die Sprache aus , dass -Landingpage. Und schließlich, Jahr, werden wir unsere Comp richtig schreiben, also ohne weiter zu tun. Beginnen wir mit der Erstellung unserer ersten Spalte. Also hier werde ich Produkt zu schreiben. Ehrfürchtig. Der Fonds wird Monsour es sein, also ist es perfekt. Allerdings werde ich die Schriftgröße auf 16 Punkte ändern, und ich werde es fett machen. Und lasst uns die Linie hoch auf 24 ändern. Das ist großartig. Schließlich müssen wir die Farbe ändern, also werde ich ein hellblau verwenden. Setzen wir es auf neun b ein neun. Onda wird ziemlich gut sein. Ich werde es hier hinlegen. Das ist doppeltes Essen und es ist aufhören, sich zu verstecken, wird 16 sein. Pick Songs wie diese machen seine regelmäßige Ausrichtung nach links, beide von ihnen. Dann werde ich es in Zahlungs-Duplikate ändern, und es wird ein Acht-Pixel-Top-Versteck haben. Lass uns dich noch einmal abrechnen, dupliziert, und hier haben wir Kredite und den letzten Spaß, dass er Kreditkarten wie diese sein wird. Wählen Sie alle von ihnen gruppiert sie und nennen Sie es Produkt. Und dann ist das dupliziert. Und ich werde die Ordner Name in Firma ändern, Alles klar, und jetzt gehen wir weiter und ändern diese Produkte zu Unternehmen ziemlich gut. Und die Zahlungen werden ungefähr sein. Und der nächste wird unternehmerisch großartig sein. Und die Kredite werden Kunden in der letzten sein, diese Stadt zu Jobs, Ordnung, und wir brauchen noch eine gemeinsame. Also lassen Sie es uns duplizieren, und ich werde den Ordner in Ressource Is umbenennen. Und hier sollte das Unternehmen zu Resource geändert werden ist ebenso und über sollte Unterstützung sein. Enterprise sollte Kontakt und die Kunden sein. Lassen Sie uns es in Richtlinien ändern, und die letzte wird Side Map sein. Alles klar, jetzt gehen wir weiter und wählen alle diese drei Spalten aus. Und wie Sie sehen können, ist die Ressource Spalte in unserer zweiten Spalte von der rechten Seite, ziemlich gut, und sie werden eine 100 Picks oben haben, Hinzufügen, wie es sehen kann und hier werden wir erstellen die Position in der Sprache außerhalb der Zielseite. Also gehen wir weiter und schreiben einen Stadtnamen, zum Beispiel, ich werde San Francisco so wählen, und das ist ändern Sie die Farbe auf eine 46 auf doppelt links. Die Schriftgröße wird gleich sein. Es sollte 16 Punkte sein, jedoch, Lassen Sie uns die Linie ändern. Hallo bis 30 sind richtig, und jetzt ist es Zeit, das Symbol zu bringen. Also hier in Symbolen haben wir einen anderen Ordner , der Footer genannt wird, und wir haben zwei verschiedene Symbole, Jahre alt. Lasst uns sie hierher ziehen. Wir haben Sprache und Kompass, okay, also lasst uns sie so hinunterziehen. Die 1. 1, die ein Kompass ist, wird für unseren Standort sein, und es wird eine 16-Pixel-Polsterung wie diese haben. Gruppieren Sie sie und nennen Sie sie eine Berufung. Und ich werde diesen Text sehr gut hier kopieren und einfügen. Lasst uns Englisch Vereinigte Staaten schreiben ziemlich genial. Es wird eine 16-Pixel-Polsterung wie unser Standort haben und sie gruppieren. Lassen Sie mich mich in eine solche Sprache umbenennen, und wie Sie sehen können, hat es eine 16 Pixel obere Polsterung, die er perfekt ist. Und zu guter Letzt müssen wir hier unser Copyright hinzufügen, also werde ich auch die Farbe ändern. Neun b ein neun und doppeltes B und lasst uns die Linie hoch auf 24 ändern. Und ich werde ein Copyright-Symbol hinzufügen, indem Sie die Optionstaste gedrückt halten und so auf G klicken. Und das ist richtig, Geld bis Komma 2019 und alle Rechte vorbehalten. Es ist ein Standardtext und es ist auf der linken Seite ausgerichtet und es wird 60 Spitzen haben und oben versteckt, so sind die richtigen Jungs. Das einzige, was wir tun müssen, ist, unsere Höhe zu verringern, OK, weil wir auch eine 100 Pixel untere Polsterung erhalten werden. Wie Sie hier sehen können, haben wir 250 Spitzenzellen. Wir müssen 100 Pixel bekommen. Lassen Sie uns also voran gehen und wählen Sie unser Kunstboard. Und hier werde ich minus 150 schreiben. Da gehen wir. Alles ist perfekt aufgestellt, sind richtig. Und denken Sie daran, diese beiden so gut auszurichten, dass sie eine 100 Pixel oben versteckt wie folgt haben . Also müssen wir die Ausrichtung von unserem Copyright-Text ändern hier bekommt eine perfekte Ausrichtung. Da gehen wir. Jetzt ist alles großartig. Also zum letzten Mal, lassen Sie uns eine Vorschau unserer Landing Page zusammen. Previ. Ehrfürchtig. Alles sieht gut aus. Hier ist unsere Fußzeile. Na gut, Leute, Leute, ich hoffe, ihr hat dieses Video genossen. Und auch der Abschnitt, wenn Sie das endgültige Projekt erhalten möchten, kann es von der Ressource herunterladen, ist Abschnitt aus der letzten Vorlesung, die als Final Project bezeichnet wird. Noch einmal, ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 123. Einführung in die 3D-Modellierung: Hallo, alle, und willkommen zurück zu einem anderen Abschnitt dieses Kurses in diesem Abschnitt. Wir werden über drei D-Modellierung sprechen. Vielleicht fragen Sie sich, wie Three d Modellierung wird Ihnen in Ihrer Karriere als Yuan UX Designer helfen . Lassen Sie mich es Ihnen in einem einfachen Begriff erklären. Für Sie als Yuan UX Designer ist gut, ein wenig über drei D-Modellierung zu wissen, weil manchmal wollen Sie eine kreative Landing Page oder, sagen wir, einen Schrei für eine Anwendung, die einige einfache Formen oder sogar einige drei D -Kontexte. In diesem Abschnitt werde ich Ihnen beibringen, wie Sie diese Techniken verwenden können, um erstaunliches Selbst für Ihr Design zu schaffen . So können Sie mit traditionellen drei D-Modellierungssoftware vertraut sein, wie Cinema vier D drei D's Max etcetera. Allerdings könnte die Arbeit mit diesen traditionellen Software ziemlich mühsam für die Anfänger sein. Also, anstatt mit diesen Software zu arbeiten, werde ich Ihnen eine andere großartige Umgebung zeigen. Es gibt eine Web-Anwendung, die Victory genannt wird. Es ist eine erstaunliche und brandneue Web-Anwendung, die Ihnen helfen kann, erstaunliche drei D Stampfen auf eine schnelle und einfache Weise zu erstellen . Anstatt mit einigen komplexen Werkzeugen zu arbeiten, werde ich Ihnen beibringen, wie Sie den Sieg nutzen können, um die bestmöglichen Ergebnisse zu erzielen. Wenn Sie also zu Victory dot com gehen, wie Sie sehen können, ist dies die Zielseite. Da gehen wir hin. Wir können diese Funktionen sehen. Und die gute Nachricht ist, wenn Sie diesen Abschnitt beenden, können Sie diese Art von Sachen leicht erstellen. Und Sie können den Mantel auf Ihrer Website setzen oder Sie können ihn sogar als Augmented-Reality-Modell ansehen . Okay, das erste, was wir tun müssen, ist, ein Konto zu erstellen. Okay, es gibt zwei Arten von Konten. Das erste Mal ist kostenlos. Also, wenn Sie auf die Preise gehen, können Sie sehen, wir haben zwei Arten kostenlos und Premium Für diesen Kurs. Sie können das kostenlose Konto verwenden, da wir uns nur auf die Grundlagen konzentrieren. Stellen Sie also sicher, dass Sie Ihr Konto erstellen. Und im nächsten Video werden wir gemeinsam unser erstes drei-D-Modellierungsprojekt starten. So sehen wir uns dann 124. 3D-Formen: Hi, alle. Wenn wir zu einem anderen Video von diesem Kurs in diesem Video zurückkommen, werden wir anfangen, mit Pfarrhaus zu arbeiten. Also, ohne weitere Umschweife, lasst uns einen Anfang machen. zunächst Lassen Sie unszunächstvoran gehen und klicken und beginnen Sie mit der Erstellung. Dann können Sie hier ein neues Projekt erstellen. Oder stattdessen können Sie einige vorgefertigte Projekte verwenden. Also werde ich voran gehen und auf dieses Projekt klicken unsere Rechte. Wie Sie hier sehen können, haben wir eine Drei-D-Umgebung mit drei Dimensionen. Da gehen wir. Bisher arbeiteten wir an einer zahnigen Umgebung. Aber jetzt werden wir in eine Drei-D-Umgebung eintauchen, die so interessant ist. Also, zunächst einmal, lassen Sie mich Ihnen einige Grundlagen erklären. Wenn Sie sich auf dieser Leinwand bewegen möchten, okay, Sie können leicht Platz auf Ihrer Tastatur halten und sich bewegen. Wenn Sie vergrößern oder verkleinern möchten, können Sie so scrollen und Sie können auch schwenken. Wir haben mit der linken Maustaste auf Ihre Maus klicken. Das Pfarrhaus ist eine ziemlich komplexe Anwendung, daher werden wir nicht alle Werkzeuge abdecken. jedoch Ich werde Ihnenjedochdie Anforderungen beibringen, um Sie wissen zu lassen, wie Sie diese großartige Anwendung verwenden können . Ganz oben. Wir haben ein paar Momente. Wie Sie sehen können, haben wir Objekt-Bearbeitungsmodus, Bibliothek und Kommentare im Objekt. Wir haben auch verschiedene Möglichkeiten. Hier haben wir Primitive, wie Sie begreifen, haben Fahrräder , Angst , Zylinderrohr, etc. Sie können ganz einfach klicken und Banken hier und da gehen wir. Du hast deine Kojen, also lass uns verkleinern. Ziemlich genial. Und auf der rechten Seite können Sie einige Variablen wie Position, Drehung, Scangröße und sogar Material wie diese ändern Drehung, . Ziemlich genial, nicht wahr? Nennen Sie auch Segmente, also werde ich es für jetzt 10 machen. Wie Sie hier sehen können, haben wir ein Gizmo. Es sind ein paar Pfeile, ein paar Würfel und ein paar Künste. Okay, diesem Gizmo können Sie den Maßstab drehen und das Objekt verschieben. Ok? Wenn Sie also Ihr Objekt verschieben möchten, können Sie diese Pfeile wie diese in jede gewünschte Richtung verwenden. Wenn Sie Ihr Objekt erschrecken wollen, können wir diese Würfel verwenden. Wie Sie schwanger werden. Wir haben zwei verschiedene Würfel. dem äußeren Würfel können Sie Ihr Objekt in eine Richtung wie diese skalieren. Und mit dem inneren Würfel können Sie Ihr Objekt proportional skalieren. Wenn Sie Ihr Objekt drehen möchten, können Sie diese Bögen verwenden. Fantastisch. Also, jetzt werde ich dieses Objekt entfernen. Die andere Sache, die Sie verwenden können, ist Text. Okay, wenn du also auf diese drei D Panzer klickst, kannst du sehen, dass der Sieg automatisch ein neues Steuerjahr für dich schafft. Und wenn Sie diese Panzer wechseln möchten, kann das leicht zu einem Drei-D-Steuerabschnitt gehen. Und lasst uns das zu dir ändern. Ich ux entwerfen ziemlich genial, und ich kann mich bewegen. Es ist leicht hier. Ich kann die Tiefe perfekt ändern. Und auch ich kann das Material ändern. Oder sagen wir, die Farbe in diesem Fall ziemlich genial, und Sie können auch die Mittel ändern. Also lassen Sie uns für Monate suchen aretz dort vor. Sie können auch die Gewichtung, das Tempo der Zeichen und den Zeilenabstand ändern. Wenn Sie mit einem Drei-D-Objekt arbeiten, müssen Sie dessen OK rendern. Also hier an der Spitze kann der Grund größer Toggle sehen. Und wenn Sie mit der Maus darüber schweben, können Sie sehen, dass es drei verschiedene Optionen gibt, niedrige Qualität, mittlere Qualität und hohe Qualität. Also werde ich mit mittlerer Qualität gehen. Da gehen wir. Es wurde perfekt gemacht, natürlich, natürlich, Es gibt einige Wasserzeichen in der kostenlosen Version. Wenn Sie sie entfernen möchten, können Sie die Premium-Lizenz aus dem Sieg verwenden. Also lassen Sie uns jetzt aufhören, unseren Text zu rendern. Na gut, Leute, das ist alles für dieses Video. Vielen Dank, dass Sie sich dieses Video ansehen. Ich hoffe, es hat dir gefallen. Und im nächsten Video werden wir über die Kamera und Beleuchtung sprechen. So sehen wir uns dann. 125. Kamera und Beleuchtungen: Hi, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Wir werden weiter an unserem vorherigen Projekt arbeiten. Wie Sie sehen können, haben wir diese drei d Tex. jedoch Jetzt ist esjedochan der Zeit, eine Kamera zu unserer Leinwand oder unserer Ansicht hinzuzufügen. Okay, lass es uns auf diese Kamera ziemlich genial machen. Und jetzt, wenn Sie herumschwenken, können Sie sehen, die Kamera ist fest und mit Blick auf unsere Steuer in der spezifischen Ansicht, die wir gesagt haben. Okay, wenn Sie also auf diese Kameraansicht Ebene am wenigsten dort klicken, gehen wir. Sie erhalten Ihre Designer-Kameraansicht. Eine Kamera hilft uns, eine bestimmte Ansicht zu behalten, wann immer wir unser Projekt rendern wollen. Okay, jetzt lasst uns unsere Panzer nochmals rendern. Und wie Sie sehen können, scheint es nicht realistisch zu sein, okay? Weil wir keine großen Schatten und graue Beleuchtung haben, lassen Sie es uns reparieren. Was wir tun werden, ist eine Schattenebene ziemlich genial zu wählen. Ich werde es runterziehen, und wie Sie jetzt sehen können, haben wir eine Schattenebene. Okay, In der Tat, wenn Sie ein Objekt oder irgendetwas setzen, war ein sehr setzt ein Objekt oder sagen wir, ein drei D Tanks auf einer Schattenebene. Es wird automatisch einen Schatten dafür erstellen. So, zum Beispiel, hier bei Mizzou Mean, wie Sie sehen können, unsere Panzer nicht perfekt über unserer Schattenebene. Also zunächst einmal, wählen wir unsere drei D Panzer und drücken eine ziemlich gute. Und dann werde ich es so hochziehen. Stellen Sie sicher, dass es sich über Ihrer Schattenebene befindet. Okay, wie Sie sehen können, ist es nicht so. Ich ziehe es wieder nach oben. Jetzt ist es ziemlich gut. Okay, wenn Sie Ihre Objekte jetzt rendern, können Sie sehen, dass wir einen tollen Schatten haben. Kannst du das sehen? In der Tat können Sie auch einige Lichter hinzufügen, zum Beispiel. Hier, ich werde für ein Rechteck Licht wie dieses gehen. Ich werde es ein wenig bewegen und lassen Sie uns rendern wieder sehen. Es ist zu hell, jetzt ist es besser. Fantastisch. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Ich werde Sie im nächsten Video sehen. 126. Materialien und Texturen: Hallo, alle. Willkommen zurück zu einem anderen Video aus diesem Abschnitt in diesem Video. Wir werden über Texturen und Materialien sprechen, wenn Sie ein Drei-D-Objekt entwerfen sicher, dass Sie einen Steueranteil oder ein Material benötigen. Wie ich bereits erwähnt habe, haben Sie eine Bibliothek direkt an der Spitze. Also lassen Sie uns voran und klicken Sie darauf. Und hier haben Sie verschiedene Möglichkeiten. Hier haben wir Kollektionen. Wir haben eine Sammlung von verschiedenen Formen, wie es hier sehen kann, können wir diese Formen wie diese oder diese verwenden. Und wir haben auch andere Optionen, wie zum Beispiel Vermögenswerte. Sie haben reichlich von drei D-Vermögenswerten und dann haben wir Materialien. Okay, also nehmen wir an, wir wollen das Material von unserem Text hier ändern. Okay, hier können wir eines dieser Materialien wählen. Ich werde für dieses hier gehen, so dass Sie es per Drag & Drop auf Ihren drei d-Text so ziehen können. Das ist ziemlich cool, nicht wahr? Ist es. Rendern Sie es noch einmal und Sie können den Unterschied sehen. Können Sie sehen, wie erstaunlich Getty's Sie leicht das Material ändern können, wie Sie möchten. Also lasst uns es in etwas anderes ändern. Zum Beispiel diese eine So können Sie Ihren Text auswählen und darauf klicken. Perfekt. Oder es ist besser, eine andere Form zu erstellen. Hier. Lassen Sie uns hier einen Block erstellen. Ich werde es herunterskalieren. Lass es uns bewegen. Du bist perfekt. Und dann werde ich sein Material in etwas anderes ändern. Ok. Zum Beispiel, dieses hier ist es ziemlich cool, nicht wahr? Können Sie erkennen, wie viele Möglichkeiten es für Sie gibt, erstaunliche Objekte dort zu schaffen ? Das ist fantastisch. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 127. Erstellen einer 3D-Szene: Hallo, alle. Und willkommen zurück zu einem weiteren Video aus diesem Bereich. In diesem Video werden wir beginnen, unsere 1. 3 D zusammen gesehen zu entwerfen. Also, was ist ein Drei-D? Wie Sie vielleicht vermuten, ist eine Drei-d-Szene eine Szene, die aus verschiedenen drei D-Objekten besteht. Okay, Okay zum Beispiel, hier haben wir eine Szene, weil wir mindestens zwei Elemente hier haben. jedoch Wir werdenjedochgemeinsam eine interessantere Szene erstellen. Also zuerst, lassen Sie uns diese beiden Objekte ziemlich gut entfernen. Ich werde dafür sorgen, dass Shadow Plane recht hat, und ich brauche die Kamera nicht mehr. Also lasst uns das entfernen. Und danach werde ich einen Text erstellen. Also lasst uns auf drei D Text dort drüben ziemlich gut klicken. Und dann werde ich es dir ändern. Ich mag das und lass uns auch diese Farbe einstellen . B 7 42 und Doppel F wie diese ziemlich genial. Und dann werde ich es duplizieren und seine Position ändern. Und lasst es uns zu dir ändern. X so. Und danach werde ich die Farbe auf 36 46 auf Doppel ändern. Wenn das ziemlich genial ist , dann meine Mizzou und dann werde ich es um 90 Grad drehen. Ziemlich genial. Und lassen Sie mich es bewegen. Zehe Kriege, Die u ich Text so, und noch einmal, Ich werde es so drehen. Es sieht so aus, als ob das U X oben auf dir liegt, ist OK, Ordnung. Und dann werde ich die Größe von UX K um diesen Würfel so verringern. Lassen Sie es uns auf die linke Seite bewegen. Ziemlich genial. Und lassen Sie uns das bewegen. Ich nehme ein bisschen auf, weil wir den Schatten bekommen müssen. Wenn Sie sich erinnern, wenn Sie eine Schattenebene verwenden, müssen wir setzen, sind Objekte darüber, um einen Schatten zu bekommen. Alles klar, Fantastisch. Dann sind das Schuhe Sie x hier und Film auf der linken Seite so. Das ist fantastisch. Aber ich werde dich etwas kleiner machen. Ich denke, jetzt ist es besser. Ziemlich gut. Und das nächste, was ich tun werde, ist, eine Wand dahinter hinzuzufügen. Okay, also gehen wir in die Bibliothek und gehen dann zu Zick-Zack-Formen durch den Sieg. Und hier haben wir eine Ecke falsch. Also lasst uns auf, dass ziemlich genial klicken. Ich werde verkleinern, weil wir diese Wand vergrößern müssen. hier also sicher, dass die Wand ausgewählt ist und diesen Würfel verwendet wird, um sie zu vergrößern. Und dieses Kuba auch. Ziemlich genial. Dann, was ich tun werde, ist seine Farbe zu ändern. Also lasst uns seine Farbe in so etwas ändern. Das ist ziemlich großartig. Ich werde gemein zoomen und dann gehe ich in die Bibliothek. Und diesmal werde ich solche Umgebungen eröffnen. Und hier haben wir verschiedene Arten von Umgebungen. Also, zum Beispiel, können wir es versuchen. Sie können es wie folgt ziehen und ablegen und lassen Sie uns rendern sehen, um zu sehen, wie es aussieht. Das ist großartig. jedoch Ich werde esjedochin etwas anderes wie dieses ändern. Denken Sie daran, dass die Umgebung, die Sie wählen, wird die Reflexionen und auch Schatten gefälscht haben . OK, also stellen Sie sicher, dass Sie die bestmögliche Umgebung auswählen. Versuchen wir es auch. Ich finde es toll. Dann fügen Sie unserer Szene drei D-Assets hinzu. Also lasst uns zur Asset-Abteilung gehen und hier nach Büchern suchen und ich werde diesen einen ziemlich genial wählen . Vergrößern wir es fantastisch. Und ich werde nach etwas anderem suchen, zum Beispiel einer Tasse Drink wie diesem. Machen wir einen kleineren Film auf der rechten Seite. Fantastisch. Und wir können auch einen Donut hinzufügen. Also lasst uns nach „Nicht“ suchen. Wir können hinzufügen, zum Beispiel, diesen Spaß. Es ist ein örtlicher Donut. Ich mach es kleiner und lege es neben unsere Tasse Getränk. Okay, in Ordnung. Wie Sie sehen können, haben sie ein Rechteck Licht. Allerdings werde ich hinzufügen, ein weiteres Licht gesehen werden. Also lassen Sie uns nach gerichtetem Licht suchen ziemlich gut. Ich werde rauszoomen. Lassen Sie es uns auf die rechte Seite bewegen. Ein bisschen gedreht. Ich denke, jetzt ist es besser. Wir können auch hinzufügen, verschiedene Objekte gesehen werden, um es professioneller und auch komplexer aussehen zu lassen. Aber im Interesse des Kurses werde ich es einfach halten. Oder Ryan. Lassen Sie uns rendern sehen, um zu sehen, wie es aussieht. Es ist ziemlich großartig, nicht wahr? Sie können auch einige Objekte aus Sammlungen hinzufügen. Zum Beispiel können wir voran gehen und organische Formen öffnen, und hier haben wir verschiedene Objekte wie dieses, die es nach unten skalieren. Oder Sie könnten andere Objekte verwenden, zum Beispiel um die Formen wie dieses. Das hängt von Ihnen und dem Projekt ab, an dem Sie arbeiten. Stellen Sie also sicher, dass Sie großartige Objekte auswählen, um die bestmögliche Kombination zu schaffen. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angesehen habt. Ich hoffe, es hat dir gefallen. Und im nächsten Video werden wir über das Rendern und Exportieren sprechen. So sehen wir uns dann. 128. Rendering und Exportieren: Hallo, Ron. Und willkommen zurück zu einem weiteren Video dieses Abschnitts in diesem Video. Wir werden ihn ausreden und dich sehen, wie ich schon erwähnt habe. Wann immer Sie an einem Drei-D-Projekt arbeiten, müssen Sie es am Ende rendern. In Ordnung, jetzt werde ich Ihnen zeigen, wie Sie die Rendering-Einstellungen ändern können und wie Sie die Viewer-Option verwenden können und wie Sie exportieren können. Dir geht's gut. Bevor ich das mache, werde ich einige Anpassungen an unserer Schattenebene vornehmen. Gehen wir und wählen unsere Schattenebene, und ich werde seine Farbe in so etwas ändern. Ich werde den Farbwähler wählen. Alles klar, jetzt lassen Sie uns rendern sehen. Es ist großartig, nicht wahr? In Ordnung, um Ihre Szene zu rendern, haben Sie verschiedene Optionen. zunächst Lassen Sie unszunächstdas Rendermenü oben öffnen. Der erste Abschnitt ist wie das Umschalten. Okay, damit Sie die Qualität ändern können. Sie können es zu niedrig, mittel oder hoch einstellen , und es kann töten. Sie können einen Freund starten oder eine Vorschau wie diese. Sie können einige Effekte durch sie hinzufügen. Wir können die Situation ändern. Der Kontrast der Farbfilter und auch Farbbalance, usw.. Und zu guter Letzt können Sie exportieren. Du wirst als Bild gesehen. Allerdings müssen Sie Ihre Lizenz aktualisieren, um diese Funktionalität zu erhalten, und dann können Sie auf unten mit Bild klicken. Das nächste wichtige Merkmal des Sieges ist der Betrachter. Okay, wenn Sie also zum Viewer-Abschnitt gehen, haben Sie hier verschiedene Optionen, die Sie wie Texturen Backen ändern können. Und hier geht es um Beleuchtungen. Und hier können Sie die mittlere Kameraansicht wählen, und es bedeutet, dass die Kameraansicht auf dem aktuell ausgewählten Objekt zentriert wird. Okay, wenn Sie also Ihr Auge auswählen, wird die Kameraansicht auf diesem Objekt zentriert und die Augmented Reality ist auf, was großartig ist, weil wir auch eine Augmented Reality sehen können. Dann generieren wir unser Gericht hier und jetzt können wir klicken und generieren. Es dauert einige Zeit, und es ist alles in Ordnung. Und hier kannst du den Mantel holen. Wie es sehen kann, können Sie den I-Frame-Code kopieren und einfügen. Sie sind eine Schande und Code, oder wenn Sie Ihre Website nicht entwickeln oder die Anwendung kann es leicht an Ihren Entwickler geben und er oder sie könnte das perfekt verwenden. jedoch Wenn SiejedochIhren Kunden im Voraus anzeigen möchten, können Sie das Format von einem Shame Ally Frame zu Link ändern, und Sie können diesen Link in Ihre Zwischenablage kopieren und an Ihre Kunden oder Ihren Freund senden. Also zuerst, schauen wir es uns hier an. Da gehen wir hin. Es wird so aussehen. Ist es nicht großartig? Wir können das Kommando halten und so gemein. Das ist fantastisch, nicht wahr? Und wenn Sie diese Szene auf Ihrem Handy öffnen, können wir Theater verwenden, kommentierte Reality-Option in der Reihenfolge, wie meinte diese Szene in Ihrer Umgebung, das ist ziemlich genial, so stellen Sie sicher, es zu überprüfen. Sie können sowohl Android- als auch RUS-Geräte verwenden, um dies zu tun, und das ist fantastisch. Die nächste Option ist Export, und hier können Sie Ihre Datei in einem beliebigen Format exportieren. O B g d a ust Z, das Augmented Reality-Format für Rus usw cetera ist. jedoch Umjedochdiese Art von Funktionalität nutzen zu können, müssen Sie dafür eine erweiterte Lizenz erhalten. Na gut, Leute, das ist alles für diesen Abschnitt. Ich hoffe, Sie genießen dieses Video und ich werde Sie im nächsten Video sehen 129. Prototyping-Tools: Hallo, alle, willkommen zurück in einem anderen Abschnitt. Er punktet in diesem Abschnitt. Wir werden über Prototyping reden, aber zuerst. Ich werde Ihnen einige der besten Werkzeuge vorstellen, um Ihre Projekte zu prototypisieren. In der Tat können Sie einen Prototyp machen, verwenden Skizze. jedoch Wenn Siejedocheinen ausgefallenen und komplexen Prototyp machen möchten, empfehle ich, dass Sie andere Websites und Anwendungen gut verwenden, ob die besten Prototyping-Tools Nummer eins Prototyp I, das ist meine Lieblings-Anwendung als gut, weil es so einfach ist, damit zu arbeiten. Und es gibt eine Testversion, und Sie können es ausprobieren, bevor Sie eine beliebige Lizenznummer zwei Zeppelin Nummer drei Framer X kaufen und dann vorstellen Studio Sketch und Morrow in diesem Abschnitt. Wir werden mit einigen von ihnen arbeiten, um Sie mit dem Prozess des Prototyping in jeder Anwendung vertraut zu machen . Im nächsten Video beginnen wir mit dem Prototyping eines unserer früheren Projekte in Skizze. So sehen Sie, dass 130. Prototyping in Skizze: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden über Prototyping in der Skizze reden. Wie bereits erwähnt, können Sie keine komplexe Prototyping-Skizze erstellen. jedoch Manchmal braucht manjedochkeinen komplexen Prototyp. In diesem Fall können Sie Catch einfach für das Prototyping Ihres Projekts verwenden. Also, wie Sie sehen können, werde ich unsere Finanz-App, die wir bereits entworfen haben, Prototypen erstellen. Lassen Sie mich meinen Zoom. Und hier haben wir eine Willkommensseite, wenn Sie sich erinnern, und wir haben zwei verschiedene Tasten. Also im Grunde, wenn der Benutzer auf die Signierungsschaltfläche klickt, wird diese Anmeldeseite von der rechten Seite gleiten, okay. Und wenn der Benutzer auf die Anmeldeschaltfläche klickt, wird die Anmeldeseite hineingleiten. Also, was wir tun werden, ist auf Anmelden-Button klicken, wie er zugibt, ausgewählt jetzt. Dann klicken Sie auf Link oben und Kelly Candies Art Board wie folgt. Wie Sie sehen können, erscheint sofort ein Pfeil. Und hier können Sie zwei verschiedene Optionen sehen, die Ziele und die Animation. Okay, das Ziel ist unsere Ziel-Bildschirm, die in diesem Fall sind Signatur-Bildschirm und die Animation, zum Beispiel, hier haben wir keine Kunst für die Animation. Wenn ich also auf Vorschau klicke und anklicke und signiere, kannst du sehen, dass es keine Animation gibt. Allerdings werde ich wählen, von der rechten Seite gleiten und noch einmal eine Vorschau der Unterzeichnung. Da gehen wir. Es ist erstaunlich, nicht wahr? Also dann müssen wir einen anderen Link für unsere Anmelde-Button erstellen, dass Museum aus und klicken Sie auf den Anmeldebildschirm. Ziemlich genial. Noch einmal sehen Sie es in der Vorschau. Das ist fantastisch. Können Sie also sehen, wie einfach es ist, einen Prototyp in der Skizze zu erstellen? Aber man kann nicht so viele Funktionalitäten in dieser Art von Prototyping erwarten. Lasst uns weitermachen. Und hier werde ich einen Link zu diesem vollständigen Button hinzufügen und klicken Sie auf diese Homepage ziemlich genial und Vorschau. Fantastisch! Ich werde die Art der Animation von unten nach oben so ändern. Das ist ziemlich großartig. Na gut, Leute, das ist alles für dieses Video. Ich hoffe, es hat Ihnen gefallen und Sie können jetzt mit dem Prototyping Ihres Projekts ganz einfach in der Skizze beginnen. jedoch daran, Denken Siejedoch daran,dass wir in den folgenden Videos mit komplexeren Prototypen arbeiten werden. So sehen wir uns dann 131. Prototyping: Hi, alle. Willkommen zurück zu einem weiteren Video von diesem Kurs. In dieser Lektion lernen Sie, wie Sie in InVision Studio Prototypen erstellen, einer der besten Anwendungen in der Designbranche. Zuallererst können Sie das envision Studio sowohl unter Mac OS als auch unter Windows kostenlos herunterladen und installieren. Zweitens müssen Sie Ihre Skizzendatei in das envision Studio importieren. Um dies zu tun, können wir einfach auf die offene Studie Ihre Skizzendatei Schaltfläche klicken. Alternativ können Sie den Dateiimport auswählen und Ihre Skizze auswählen. Ordnung. Alles klar, jetzt müssen wir unser Skizzenfindungsjahr importieren. Also lasst uns weitermachen und es hier importieren. Da gehen wir hin. Ihr ist unsere Finanzierung und unser Projekt. Also hier werde ich Ihnen einige Techniken zeigen, die Sie für Prototyping oder Projekt verwenden können. Denken Sie daran, dass wir im vorherigen Video mit dem Prototyping dieser Willkommensseite und diese Signieren und Registrieren von Seiten in Skizze begonnen haben. jedoch Es warjedochso einfach, aber wir können es besser und professioneller aussehen lassen. Also, was ich tun werde, ist die Auswahl dieser Willkommensseite. Und wie Sie sehen können, haben wir einige gemeinsame Formen in der Begrüßungsseite und Signaturseite. Okay, zum Beispiel, hier haben wir das Logo und diese Kreise, und das sind die üblichen Dinge, die wir hier haben. Denken Sie daran? Wenn Sie Ihr Prototyping in Envision Studio erstellen, müssen Sie sicherstellen, dass der Name Ihres Layers in beiden Bildschirmen gleich ist. Zum Beispiel, hier werde ich eine Animation erstellen, dass, wenn der Benutzer auf diese Signaturschaltfläche klickt, diese Kreise kleiner werden und in dieser Position und diesen Elementen platziert werden. Zum Beispiel werden die Unterzeichnung und diese Steuergefühle verblassen. Und hier, auf dieser Willkommensseite, werden diese beiden Buttons ausblenden. Okay, hier, denken Sie daran, den Namen Ihres Fullers zu überprüfen. Zum Beispiel. Hier haben wir Formen und im Anmeldebildschirm, es sind auch Formen, die perfekt sind. Nun wählen wir Anmelde-Button und klicken Sie auf dieses Symbol, um eine Interaktion hinzuzufügen. Und hier haben Sie einen schwebenden Pfeil, und ich werde dieses Zeichen in unserer Schnur auswählen. Interview mit Shop sofort. Hier haben wir einige Optionen. Trigger, zum Beispiel, wollen Sie es klicken Sie ganze Klicken, Doppelklick oder sogar tippen Sie Loch tippen, Touchdown, etc. Aber jetzt werden wir klicken, und das Ziel wird unsere Anmeldeseite sein. Und hier haben wir Übergangszeit, Voreinstellungen oder Bewegung. Ich werde es in Bewegung ändern. Hier haben wir zwei verschiedene Optionen, die wir Dauer und Verzögerung ändern können. Ich setze die Verzögerung auf Null und die Dauer auf 0,6 Sekunden und klicke auf Speichern. Alles klar, jetzt ist es eine Vorschau des Prototyps, um zu sehen, was hier vor sich geht. Da gehen wir hin. Es ist unsere Willkommensseite, und ich werde auf Sign Me klicken. Das ist erstaunlich, nicht wahr? Hast du gesehen, wie schön diese Animation waas? Mit nur zwei Klicks konnten wir diese Art von Prototyping erreichen, Also lasst uns wieder nach Willkommensseite suchen, um es noch einmal zu überprüfen. Da gehen wir hin. Das ist ziemlich genial. Ich hoffe, es gefällt dir auch. Jetzt ist es an der Zeit, einen Link zu unserem Anmelde-Button hinzuzufügen, also gehen wir weiter und machen Mt. Klicken Sie auf diese Anzeige in Reaktion Button und wählen Sie Artboard erneut anmelden, Bewegung, und Sie brauchen nichts hier zu ändern. Klicken Sie auf und speichern Sie. Wieder mal. Lassen Sie uns eine Vorschau auf es Fantastisch. Das ist ziemlich großartig, nicht wahr? Wenn man auf die rechte Seite schaut. Sie können hier sehen, dass Sie im Interaktionsbereich die Option „Zeitachse bearbeiten“ haben. Also lasst uns darauf klicken. Und hier haben Sie eine Zeitleiste, in der Sie Ihre Interaktionen und Ihre Animation in geringerer Geschwindigkeit sehen können . Kannst du sehen, wie schön und klein das ist? Ziemlich genial. In der Tat gibt es so viele Dinge, die Sie in Invasion Studio tun können. jedoch Wir könnenjedochnicht alle Funktionen und Funktionen abdecken. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angesehen habt. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. 132. Prototyping Teil 2: Hallo, alle. Willkommen zurück zu einem anderen Video von diesem Kurs in diesem Video. Ich werde Ihnen eine weitere großartige Technik beibringen, um Ihr Projekt in InVision Studio zu prototypisieren . Also ohne, denn ich tue, lasst uns im vorherigen Video beginnen. Wie Sie sich erinnern, haben wir unser Projekt mit Prototyping begonnen. Diese Begrüßungsseite. Und wir haben zwei verschiedene Flügel zu diesen beiden Knöpfen hinzugefügt. OK, jetzt werde ich Ihnen eine andere Technik zeigen, um diese in Ihren Projekten zu verwenden. Also lasst uns weitermachen. Und wie Sie hier sehen können, haben wir zwei verschiedene Transaktionen. Seite, die erste 1 heißt Transaktionen, und die zweite wird Transaktionen Detail genannt. Also, was wir tun werden, ist das Prototyping der Transaktionskarte. Okay, wenn der Benutzer es nach unten zieht, wird es im Transaktionsdetail so sein. Und, natürlich, wenn der Benutzer es nach oben bewegt, wird es wie die Kunsttafel sein. Wie ich bereits erwähnt habe, müssen wir beim Prototyp einer bestimmten Komponente in zwei verschiedenen Kunstboards sicherstellen, dass ihr Name derselbe ist, wie Sie sehen können. Hier haben wir Transaktionskarte und in diesem Kunstboard haben wir Transaktionskarte als auch. Okay, bis jetzt ist es perfekt. , das wir haben, ist jedoch Das einzige Problem, das wir haben, ist jedoch, dass darin schlechte Transaktionen sind. Wir haben diese Elemente nicht. Wir haben diesen Titel und diese Karten nicht. Wenn Sie also mit dem Prototyping beginnen , sind diese zwei Poren, wie sie jetzt sind. Wenn der Benutzer es nach unten zieht, werden diese Elemente verblassen. Okay, es ist nicht das, was wir wollen, also lassen Sie es uns ausprobieren, um es Ihnen zu zeigen und Ihnen eine klare Vision zu geben. Zunächst werde ich diese Transaktionskarte auswählen und auf Undies und Interaktion klicken oder, sagen wir, einen Link hinzufügen. Dann klicken Sie auf diese Art Board und hier in Auslöser, Ich werde wählen getrunken nach unten so können wir speichern, und es ist Vorschauen sind richtig. Probieren wir es jetzt aus. Wie Sie sehen können, dass diese Elemente sofort verblassen, und das ist nicht das, was wir wollen. Der beste Weg, um dieses Problem zu beheben, ist, einfach voran zu gehen und diese Elemente auszuwählen. Alle von ihnen kopieren Sie sie und fügen Sie sie in diesen Transaktionen Bildschirm. Also fügen wir sie hier ein, und ich werde diese Ordner nach unten verschieben und sie direkt unter unsere Transaktionskarte wie diese legen . Also, jetzt überprüfen Sie es noch einmal. Und wie Sie sehen können, funktioniert es perfekt. jedoch sicherstellen, Sie müssenjedoch sicherstellen,dass Sie einen anderen Link zum Streichen nach oben erstellen. OK, also lassen Sie uns voran gehen und sagen, wie diese Transaktionen Detail Art Board. Und hier werde ich die Transaktionskarte Anglican bei Interaction Button auswählen und dieses Mal, dass unsere Transaktionen nicht wert sind. Und jetzt werde ich auswählen ziehen und speichern. Das wird noch einmal in der Vorschau angezeigt. Und wie Sie sehen können, funktioniert es perfekt. Ich werde hier etwas anderes erwähnen. Wie Sie sehen können, haben wir viele verschiedene unsere Ports hier, also müssen wir einen Weg finden, um anzugeben, welche Port unser Ausgangspunkt ist. das zu tun, können Sie einfach voran gehen und klicken Sie auf diese Home-Icon direkt dort drüben. Und auf diese Weise weiß InVision Studio, dass unser Startpunkt oder sagen wir, unser Starterbildschirm sind diese Transaktionen. Okay, Sie können es ändern, wann immer Sie wollen. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Ich werde Sie im nächsten Video sehen. 133. Mocking: Hi, alle. Und willkommen zurück zu einem weiteren Video von diesem Kurs in diesem Video, wir werden über Markierungen reden. Erstellen von Markierungen ist für Sie als UX-Designer eine wichtige Aufgabe, denn egal wie erstaunlich und kreativ Ihre Designs sind, wenn Sie es nicht in einer großartigen Weise präsentieren können, kann es andere und sogar Ihre Kunden oder Ihren Chef nicht beeindrucken. In diesem Video werde ich Ihnen zeigen, wie Sie in der Skizze erstellen und markieren können. Wie Sie hier sehen können, haben wir unsere Finanz-App, die wir gemeinsam entwickelt haben. Und ich werde Ihnen zeigen, wie Sie ein Mock Up für das Projekt erstellen können. Heutzutage. Es gibt so viele Ressourcen gibt, die Sie kostenlos oder kostenpflichtig verwenden können, und ich werde Ihnen zeigen, wie Sie Zugang zu ihnen bekommen können. Lassen Sie mich die Google-Website öffnen und hier werde ich nach iPhone X s Markierung und Skizze suchen . Okay, hier haben Sie viele Quellen. Zum Beispiel, hier haben wir iPhone-Zugang und iPhone-Zugriff Max Ressource ist, und in diesen Websites, Ketchup-Quellen, können Sie herausfinden, so viele große Ressource ist Und wie Sie sehen können, diese Vorlagen oder Dieses Mock Up wurde von dieser Person oder diesem Konto entworfen, ich bin mir nicht sicher, ob Sie sein Konto auf Dribble Teacher oder seiner Website überprüfen können. Zunächst einmal werde ich Ihnen zeigen, wie Sie es verwenden können. Das geht runter, Alte Ressource ist, und dann werde ich es öffnen, in Skizze sind richtig. Fantastisch. Wie Sie sehen können, haben wir iPhone überschüssiges Übermaß. Max. Ich werde voran gehen und kopiert das Kunstboard iPhone überschüssiges Riel. Kopieren wir es und fügen Sie es ein. Es ist in unserem Projekt hier. Und wenn Sie den Body-Ordner öffnen, können Sie sehen, dass es hier einen Bildschirm voller und eine Bildschirmebene gibt. Also, um Ihren Bildschirm in dieses Telefon zu setzen, können Sie leicht exportieren Sie Ihr Kunstbrett für Weihrauch. Lassen Sie uns dieses wählen, und hier werde ich es exportieren, sind richtig, und jetzt können Sie diese Bildschirmebene auswählen, und hier im Bild-Gefühl können Sie Ihr Bild oder, sagen wir, unseren Bildschirm und Es ist erledigt. Das war ziemlich schnell und genial, nicht wahr? Es ist fantastisch. Sie können auch diese Vorlage oder dieses iPhone ändern, wie Sie möchten, und es gibt andere. Ressource ist es auch. Also lassen Sie mich es Ihnen zeigen. Es gibt eine sehr gute Website, um Markups zu finden, und es heißt, dass Grafiken? Da gehen wir hin. Und hier können Sie nach Gerät Mock ups unter viel kostenlose und kostenpflichtige Ressource suchen ist hier , dass Sie verwenden können. Sie können auch gehen, um kostenlose Mock ups und Tools für die Suche nach kostenlosen Ressource ist hier. Da gehen wir hin. Wir haben kostenlose iPhone X sind Markup, zum Beispiel, oder dieses auch. Sie können es kostenlos herunterladen und verwenden Sie es, wie Sie wollen richtig, Jungs, vielen Dank für das Ansehen dieses Video. Ich hoffe, es hat dir gefallen. Und ich werde dich im nächsten Video sehen. So sehen Sie, dass 134. Wie du die Sketch-App auf deinem Handy verwendest?: Hallo, alle. Und willkommen zurück zu einem anderen Video von diesem Kurs. In diesem Video werden wir über die Skizzenspiegel-Anwendung für Android und unsere USA sprechen. In der Tat, wenn Sie Ihren Designprozess beenden, können Sie ganz einfach eine Vorschau Ihrer Bildschirme anzeigen. Oder sagen wir, Sie sind unsere Poren auf Ihrem Handy sofort, und das ist erstaunlich. Um dies zuerst zu tun, müssen Sie die Skizzenspiegelanwendung auf Ihrem Telefon installieren, und dann müssen Sie sich mit dem gleichen WLAN wie Ihr Computer verbinden. Und danach, wenn Sie Ihre Skizze Muir Anwendung öffnen, können Sie klicken und diese Benachrichtigung direkt dort drüben und Sie können klicken. Verbinden Sie Ihren Telefon-Namen, und das ist alles. Dann können Sie ganz einfach eine Vorschau Ihrer Bildschirme auf Ihrem Handy sofort und alles, was Sie in Ihren Kunstboards ändern . Es wird sofort und sofort auf Ihrem Telefon geändert werden, was eine erstaunliche Funktion ist. Alles klar, Leute, vielen Dank, dass ihr euch dieses Video angeschaut habt. Ich hoffe, es hat dir gefallen. Ich werde Sie im nächsten Video sehen 135. Wie du dein eigenes Online-Portfolio erstellen kannst?: Hi, alle. In diesem Video werden wir über Online-Portfolio sprechen. Sie als UX Designer benötigen unbedingt ein Online-Portfolio, um Ihre Fähigkeiten und Designfähigkeiten zu zeigen. Es ist äußerst wichtig, ein hervorragendes Portfolio zu haben, um einen guten Job zu bekommen , egal ob als Vollzeit-Designer oder als Freelancer. Wie können Sie also Ihr eigenes Online-Portfolio erstellen, ohne eine einzige Codezeile zu schreiben? Um dies zu tun, können Sie Websites wie Dribble oder Be Hands verwenden, die für Designer konzipiert sind, und fast jeder Arbeitgeber muss Ihr Profil auf einem überprüfen. Neben diesen Websites ist Be Hands eine Online-Plattform, um kreative Arbeit zu präsentieren und zu entdecken. Es ist im Besitz von Adobe und kann ein großartiges Portfolio mit seiner kostenlos erstellen. Alternativ können Sie rebel verwenden, um Ihr Kunstwerk zu präsentieren, und es erstellt automatisch ein Online-Portfolio für Sie. Sie können Ihr Portfolio auch nach Ihren Wünschen anpassen, aber Sie müssen etwas im Kopf behalten. Um Rebellendienste kostenlos in Anspruch zu nehmen, müssen Sie von anderen Designern eingeladen werden. Sonst können Sie Pfarreien. Das Premium-Abonnement 136. Wie man Dribbble?: Hallo, alle. In diesem Video werden wir darüber sprechen, wie Sie Drivel nutzen können, um getriebene Dienste zu nutzen. Zuerst benötigen Sie ein Konto. Sobald Sie Ihr Konto erstellen, können Sie, ob andere Designer durchsuchen, Artwork für Inspiration. Oder Sie können Ihr eigenes kreatives Artwork jeden Monat hochladen. Sie können bis zu 48 Aufnahmen hochladen, und Ihre Aufnahmen sollten den DRI Bones Richtlinien entsprechen. Sie können hochauflösende Bilder, die wir PNG J Pic und GIF Format und auch animierte GIFs in Ihr Profil hochladen . Außerdem können Sie, wenn Sie ein Profi-Mitglied sind, auch Videos hochladen. Nachdem Sie Ihr Kunstwerk applaudiert haben, können Sie einen Titel dafür festlegen. Sie können auch relative Panzer hinzufügen, damit andere Benutzer Ihr Kunstwerk leichter finden können. guter Letzt sollten Sie eine kurze Beschreibung für Ihre Aufnahme schreiben, und dann können Sie sie sofort oder in Zukunft veröffentlichen. 137. Wie man Behance verwendet?: Hi, alle. In diesem Video werden wir darüber reden, wie Sie Hände verwenden können, genau wie mit Dribble. Um Behan Dienste nutzen zu können, müssen Sie zuerst ein Konto haben. Dann können Sie andere Designer Artwork durchsuchen und überprüfen oder Ihr eigenes Projekt erstellen. Der Hauptunterschied zwischen DRI Bell und B Händen ist das Seitenverhältnis Ihrer Aufnahmen oder Projekte auf Dribble. Sie können eine vertikale Aufnahme wie eine Landingpage nicht vollständig hochladen. jedoch Hände haben, können Sie Bilder mit einem beliebigen Seitenverhältnis hochladen. Um Ihr Kunstwerk zu präsentieren, empfehle ich Ihnen, beide Hände und Rebellen gleichzeitig zu verwenden und ihre einzigartigen Eigenschaften zu nutzen , um Ihr Design perfekt zu präsentieren. Behan's können Sie auch Ihre hochwertigen Bilder und Videos in einem einzigen Projekt hochladen, was eine großartige Funktion ist, um ein interaktives Produkt in kürzester Zeit zu präsentieren. 138. Wie man deinen ersten Kunden holt?: Hi, alle. Und willkommen zurück zu einem anderen Abschnitt dieses Kurses in diesem Video. Wir werden über Geschäftsideen sprechen und wie Sie Ihren ersten Kunden bekommen und Ihr eigenes Unternehmen gründen können. Als Unit-Designer fragen Sie sich vielleicht, wie Sie Ihren ersten Kunden bekommen können. Nun, hoffentlich gibt es viele Möglichkeiten, damit anzufangen. Die erste Stufe bei der Suche nach Kunden besteht darin, ein starkes Portfolio zu haben. Wenn Sie den Portfoliobereich noch nicht gesehen haben, schlage ich vor, dass Sie sich den Portfoliobereich dieses Kurses ansehen. Nachdem Sie Ihr Portfolio erstellt haben, müssen Sie sich fragen, welche Art von Sprüngen Sie haben möchten. Wollen Sie als Vollzeit-Designer arbeiten oder als Freelancer arbeiten? Wenn du als Vollzeit arbeiten willst, bist du ein Designer. Sie müssen Ihren Lebenslauf vorbereiten und sich für das Unternehmen bewerben, das Sie arbeiten möchten. Auf der anderen Seite, wenn Sie als Freiberufler arbeiten wollen, können Sie sich auf einigen freiberuflichen Websites registrieren und finden, dass Ihr erster Kunde sehr ist. Es gibt so viele Websites gibt, die Sie mit arbeiten können, Zum Beispiel, Freiberufler dot com fiver up Arbeit 99 Designs. Drei Glocken usw. Stellen Sie also sicher, dass Sie sie überprüfen und herausfinden, welche Option für Sie am besten geeignet ist. 139. Wie du dein eigenes Unternehmen gründet?: Hallo, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden darüber reden, wie Sie Ihr eigenes Geschäft gründen können. Ein Unternehmen zu gründen ist schwer, also müssen Sie das Niveau Ihrer Motivation bestimmen, bevor Sie in diesen Prozess einsteigen. Wenn Sie darüber nachdenken, ein Unternehmen zu gründen, sollten Sie wissen, dass es so viel Zeit, Energie und Patienten braucht , um Ihre Ziele zu erreichen. Wenn Ihnen all diese Aspekte bewusst sind, sind Sie bereit, den nächsten Schritt zu machen. Zunächst einmal sollten Sie Ihr Qualifikationsniveau bewerten und herausfinden, welche Art von Dienstleistungen Sie anbieten möchten . Dann müssen Sie herausfinden, wer Ihre potenziellen Kunden sind. Darüber hinaus sollten Sie an Ihren Preisen arbeiten und Ihre Zahlen analysieren. Zweitens müssen Sie Ihr eigenes Unternehmen registrieren. In diesem Zusammenhang empfehle ich, sich von einem Anwalt beraten zu lassen und sicherzustellen, dass Sie alle rechtlichen Anforderungen im Zusammenhang mit der Registrierung eines Unternehmens verstehen . Nachdem Sie Ihr Unternehmen registriert haben, müssen Sie Ihre eigene Marke erstellen, ein Logo für Ihr Unternehmen entwerfen und Ihre Markenhalsbänder auswählen. Zu guter Letzt sollten Sie auf jeden Fall Ihre eigene Website gestalten, weil es der wichtigste Teil Ihres Unternehmens ist. Jetzt, da Sie Ihre Website bereit haben, ist es an der Zeit, über Ihre Marketing-Strategie nachzudenken. Wenn Sie Ihre Dienstleistungen und Fähigkeiten nicht den richtigen Leuten anbieten könnten, wäre Ihr Unternehmen nicht erfolgreich, egal wie professionell und nützlich Ihre Fähigkeiten sind. Stellen Sie also sicher, dass Sie einen großartigen Marketingplan haben und führen Sie es aus genau. 140. Wie du dein Unternehmen skandieren?: Hi, alle. Ich hoffe, es geht Ihnen gut in diesem Video. Wir werden darüber reden, wie Sie Ihr Geschäft skalieren können. Jetzt, da Sie Ihr eigenes Unternehmen führen, fragen Sie sich vielleicht, wie Sie Ihr Unternehmen skalieren können oder fragen Sie sich vielleicht, wie Sie Ihr Unternehmen skalieren können oder wie Sie den Umsatz Ihres Unternehmens drastisch steigern können. Wenn es um Online-Unternehmen geht. Die meisten Unternehmer konzentrieren sich in der Regel auf eine geografische Region aus Gründen der Einfachheit. Es ist eine großartige Idee, um Ihre Reise zu beginnen. jedoch Es istjedochnicht genug, um ein profitables Geschäft zu entwickeln. Wie Sie vielleicht vermuten,ist die beste Lösung, Ihre globalen Optionen zu erweitern und Kunden aus der ganzen Welt zu gewinnen. Wie Sie vielleicht vermuten, ist die beste Lösung, Ihre globalen Optionen zu erweitern und Kunden aus der ganzen Der nächste Schritt ist der Versuch, Ihre manuellen Prozesse zu automatisieren, was verhindern kann, dass Ihre Zeit verschwendet wird, denn egal wie viele Kunden Sie haben, es gibt nur 24 Stunden am Tag. Wir können Puffer-Website verwenden, um Ihre sozialen Medien automatisch zu verwalten, und auch gibt es viele andere Tools, um Ihre Kunden daran erinnern, ihre Rechnung sagt in kürzester Zeit. Sie müssen also nicht so viel Zeit für die Aufgaben aufwenden, die delegiert und automatisch ausgeführt werden können . Stattdessen sollten Sie sich auf Ihre Inhalte und das Ergebnis jedes Projekts konzentrieren 141. Kommunikation mit deinem Kunden: Hi, alle. In diesem Video werden wir über die Kommunikation von Videokunden sprechen. Effiziente Kommunikation mit Kunden spielt in jeder Art von Geschäft eine Schlüsselrolle. Und für Designer gibt es keine Ausnahmen. Die Art und Weise, wie Sie mit Ihren Kunden interagieren, ist so wichtig. Wenn Sie ein erfolgreicher Unternehmer sein wollen, wie sollten Sie mit der Situation umgehen, wenn etwas schief geht? Nun, in jeder Art von Geschäft gibt es Zeiten, in denen etwas schief geht und es normal ist. ist es jedoch Die Art und Weise, wie Sie mit diesen Schwierigkeiten konfrontiert sind, so wichtig. Angenommen, Sie legen eine Frist für die Übergabe des endgültigen Projekts an den Kunden fest, und in der Mitte des Entwurfsprozesses verstehen Sie, dass es länger dauern kann. Nun, in diesem Fall Einheit, informieren Sie Ihren Kunden so schnell wie möglich darüber und versuchen Sie, eine gute Lösung zu finden, die für Sie beide funktioniert . 142. Vertrag: Hi, alle. In diesem Video werden wir über Verträge reden, genau wie jedes andere Geschäft. Sie sollten einen richtigen Auftragsplatz haben, um ein Projekt zu starten, egal wie groß oder wie klein das Projekt ist. Mit einem Vertrag hält alles klar und schützt beide Parteien schreibt, was in die Vereinbarung aufgenommen werden sollte . Das Wichtigste, was Sie zum Vertrag hinzufügen müssen, ist die klare Erklärung von Ihren Dienstleistungen. Und manchmal ist es auch noch besser zu erwähnen, was Sie nicht für die Kunden tun werden. Achten Sie darauf, die Frist für die Lieferung des Projekts und auch über den Zahlungsplan zu nennen . Denken Sie daran, dass der Vertrag nicht nur über die Dinge sein sollte, die schief gehen könnten. Es ist besser, sich darauf zu konzentrieren, was richtig gemacht werden sollte. Im Allgemeinen ist es eine gute Idee, sich im Voraus von einem Anwalt beraten 143. Wo findet du die World: Hallo, alle In diesem Video werden wir über Inspiration sprechen und Ressource wird von anderen Designern inspiriert ist absolut in Ordnung und wichtig. jedoch Sie müssenjedochsicherstellen, dass Sie ihre Werke nicht kopieren. Wenn Sie an ihren Entwürfen interessiert sind und Sie lügen würden, um Teile von ihnen in Ihrem Projekt zu verwenden , müssen Sie zuerst um Erlaubnis bitten. Wie Sie sich vielleicht erinnern, haben wir in den vorherigen Abschnitten der Partituren darüber gesprochen, Hände zu sein und zu dribbeln. Diese beiden Websites sind die beliebtesten Orte, um künstlerische Inspiration zu finden. Es gibt so viele Websites und Instagram-Seiten, die Sie als Quelle der Inspiration bezeichnen können . Sie können Ihren Kunden auch zeigen, was Sie als Inspiration haben, um zu wissen, was ihre Erwartungen sind. 144. Bildquellen: Hallo, alle. In diesem Video werden wir über Bildquellen sprechen. Wir haben Designer arbeiten viel mit Bildern. Es könnte jede Art von Bildern in Form von Profilen, Produkten usw. sein. Daher ist es absolut wichtig, effiziente Ressourcen zu haben, um die am besten geeigneten Bilder für unsere Projekte zu erhalten . Es gibt so viele Websites, die Ihnen eine Vielzahl von Bildern bieten, Einige von ihnen sind bezahlt und einige von ihnen sind kostenlos. jedoch nach lizenzfreien Bildern suchen, Wenn Siejedoch nach lizenzfreien Bildern suchen,die Sie in Ihren Projekten ohne Zweifel über ihre Lizenz verwenden können, schlage ich vor, dass Sie unspool ash verwenden, die kommen. Es ist eine der besten Websites gibt, um fast jede Art von Bildern in verschiedenen Kategorien zu finden . Denken Sie daran, dass Sie über die Lizenzierung von Bildern, die Sie verwenden möchten, sicherstellen sollten, sonst können Sie in Schwierigkeiten sein. 145. Was ist der nächste Schritt?: höher in diesem Video ruiniert, werden wir über den nächsten Schritt als Yuan UX Designer sprechen. Jetzt, da Sie so viel über das Design der Benutzeroberfläche gelernt haben, ist es an der Zeit, den nächsten Schritt zu machen. Sie sind jetzt bereit, erstaunliche mehr zu entwerfen, während APS und Websites. Als Designer sollten Sie immer kreativ sein, also versuchen Sie, sich jeden Tag herauszufordern, um versteckte Geheimnisse des jungen UX-Designs herauszufinden . Sie müssen wahrscheinlich gehört haben, dass die Praxis perfekt macht, aber denken Sie daran, dass Ihr Design nicht immer perfekt sein sollte. Das Einzige, was zählt, ist dein Fortschritt und deine Verbesserungen. Also ich denke, es ist eine gute Idee, diesen berühmten Satz zu ändern, um zu üben macht Fortschritte. Und damit solltest du jeden Tag ein besserer Rücktritt werden. guter Letzt sollte ich Ihnen danken, Zuguter Letzt sollte ich Ihnen danken,dass Sie dieses Tutorial gesehen haben. Es war eine lange Reise für uns beide, und ich hoffe, es hat euch gefallen. Ich wünsche Ihnen viel Glück, und ich kann es kaum erwarten, Ihre Kunstworte zu sehen