Visuelles Design: Erstelle schöne Folien, Berichte und UI

1. Einführung: Hallo, Leute. Mein Name ist Julia und ich bin ein UX Designer ist ein Teil meiner täglichen Arbeit. Ich muss Vision ansprechende Benutzeroberfläche erstellen, Sohn. In diesem Kurs möchte ich Sie durch die Grundlagen des visuellen Designs leiten, die Ihnen helfen, visuell ansprechende Inhalte zu erstellen. Die Prinzipien sollten unsere Verwendung von Rasterfarbe, Weißraum und Typografie abdecken . Um diese Prinzipien zu praktizieren, müssen Sie das Klassenprojekt abschließen. Das ist für das Klassenprojekt. Ich schlage vor, Sie nehmen ein textbasiertes Material und entwerfen es neu. Denken Sie an die Struktur Ihrer Inhaltsüberschriften, Unterüberschriften, Absätze sortiert oder auf geordnete Listen, vielleicht Zitate. Wie können Sie einige Bilder von Fotos, Illustrationen Aikens verwenden , um bestimmte Punkte Ihres Textes zu markieren. Ein gutes Beispiel dafür wäre ein Wikipedia-Artikel, weil es bereits das ist die Struktur. Andere Dinge können Sie es betrachten unsere, zum Beispiel Rezepte für Schritt Anleitungen. Sie können sogar über Kurzgeschichten in Ihrem Leben nachdenken. Finden Sie einfach etwas, das Sie Spaß und interessant zu arbeiten finden. Wenn Sie sich tatsächlich entscheiden, einen bestehenden Artikel neu zu gestalten, würde ich gerne vor und nach Bildern sehen. Lassen Sie mich wissen, wie es geht. Ich hoffe, ihr werdet diese Klasse genießen und lasst uns loslegen. 2. Warum visuelles Design und was in diesem Kurs ist?: in diesem Einführungsvideo. Ich möchte darüber sprechen, was Visual Design ISS und mit visuellen Designern tun und Ihnen einen Überblick über die Unterrichtsstruktur geben . Also, was ist visuelles Design? Oft beziehen sich die Menschen auf visuelle Designer Grafikdesign, und das ist nur teilweise wahr, weil Grafikdesign eine Disziplin ist, die im Druck angewendet wird . Allerdings schafft visuelles Design einen ganzheitlichen Look and Feel auf allen Plattformen Warum sollten Sie sich also damit in der von U. X entworfenen Community beschäftigen ? Oft denken Designer, dass visuelles Design nicht so wichtig ist wie Benutzerfreundlichkeit, zum Beispiel, oder Benutzerfreundlichkeit. Ich glaube, dass Ästhetik die Benutzererfahrung verbessert, und es hilft, die Produkte besser zu verkaufen. Also, wie geht man das? Sie müssen die Regeln und Grundsätze und Praxis, Praxis, Praxis, Praxis kennen Praxis, . Es ist so, wer sind die visuellen Designer? Schauen wir uns das Beispiel von Google bei Google Visual Designern an, wir haben Ikonographie, Typografie, Farbe, Raum und Textur zusammen, um unseren Nutzern zu helfen, unsere Produkte erfolgreich zu navigieren. Wir glauben, dass alle unsere Produkte schön und zugänglich sein sollten. Als Visual Designer, werden Sie Leben Benutzer mit Designs zu tun, die engagiert und ExciteAthome inspirieren. Das ist eine nette Definition, nicht wahr? Lassen Sie uns also zur Übersicht der Slaps kommen. Also werden wir die folgenden Themen behandeln. Beginnen wir mit Design-Prinzipien und gehen dann zu Rasterfarbe, Typografie, Bildern und enden mit Trends und Inspiration. Ich hoffe, Sie werden diesen Kurs genießen und lassen Sie uns zu den Design-Prinzipien kommen. 3. Design-Prinzipien: Lassen Sie uns über die erste für über Klasse sprechen, die Designprinzipien. Wie bereits erwähnt, sind diese Prinzipien aus Positionskontrast in später Nähe, negativem Raum und lebendig. So Zusammensetzung, die Position ist die Platzierung oder Anordnung der visuellen Elemente im Kunstwerk. Es gilt natürlich natürlich nicht immer und nur für die Werke des Furzes von schwächen. Sprechen Sie über die Komposition in, ah, Design off course und in der Fotografie, Ich möchte Teoh 0.2 interessante Regeln oder Prinzipien, die Sie in Ihrer Komposition verwenden können Kräfte eine Regel von Dritteln. Um die Regel der Drittel zu verwenden, teilen Sie Ihren, ähm, Schrei, zum Beispiel, in drei Teile horizontal und vertikal in drei Teile und legen wichtige Objekte in die Schnittpunkte dieser Teile. Sie können auch Ihre Inhalte im gleichen Verhältnis teilen. Zum Beispiel 1/3 für die Navigation auf der linken Seite, Uh, und 2/3 für die Konferenz auf der rechten Seite. Ein weiterer interessanter Anteil ist das goldene Verhältnis und die Fibonacci-Sequenz. Die Fibonacci-Sequenz betrachtet die Reihenfolge der Zahlen, wobei jede nächste Zahl die Summe aus der vorherigen Suppe ist . Das führt uns zu einem sehr interessanten Anteil , der etwa 1 bis 1,62 in Prozent beträgt. Wenn Ihre Referenz auf den Bildschirm schaut, würde das bedeuten, dass 38% Ihres Bildschirms, ah, ah, ein Teil und, äh 62 ist ein weiterer Teil. Diese beiden Proportionen sind angenehm für das Auge und können helfen, eine interessante und dynamische Komposition zu schaffen . Also hier ist das Beispiel aus der Regel von Dritteln auf diesem Foto, Sie können eine Blume sehen, und, und, ähm, ich würde nicht ziehen, ich würde sagen, und, ah, die Fotograf nutzte die Regel der Drittel, um diesen Fokus zu erfassen. Wie Sie sehen können, ist die Blume genau an der Kreuzung von zwei Lichtern. Zwei weitere Beispiele sind die Verwendung des Goldenen Verhältnisanteils. Einer von ihnen ist der Abgeordnete von Notredame in Paris. Es ist Gebäude, das nach diesem goldenen Verhältnis entworfen und gebaut wurde , und das zweite Beispiel ist das alte Logo von iCloud, dasoffenbar auch mit dem goldenen Verhältnis gebaut wurde. , und das zweite Beispiel ist das alte Logo von iCloud, das Gehen wir zum nächsten Rektor. Der Kontrastkontrast wird verwendet, um bestimmte Objekte mit Farbe, Form, Gewichtsgröße und anderen Eigenschaften hervorzuheben Form, . In diesem Beispiel können Sie sehen, dass Designer Farbe verwenden, um um bestimmte Teile des Bildschirms hervorzuheben . Sie verwenden Formen wie im Logo und, äh, äh, Kreise in der Navigation, ähm, und natürlich, Gewicht und Größe. Wenn es um Text auf dem Bildschirm geht, ist das nächste Prinzip der Nähe. Nähe bedeutet, dass Objekte, die nebeneinander liegen, als eine Einheit wahrgenommen werden, im Gegensatz zu Teoh. Wenn das Objekt von verstreut herum, dann wahrgenommen sie ein separates Objekt. Wie Sie aus dem Beispiel auf der Folie sehen können, sind die Quadrate auf der linken Seite verstreut, aber die gleichen neun Quadrate auf der rechten Seite werden als ein Objekt wahrgenommen. Wenn wir das Näherungsprinzip auf Text anwenden, kommt es in der Regel zu Untertiteln und Titeln innerhalb von Angriffen. Hier sehen Sie das Beispiel auf der linken Seite ist das gute Beispiel. Ähm liegt in einem guten Beispiel. Der Titel befindet sich in der Nähe des Absatzes, zu dem er im Beispiel auf der rechten Seite gehört. Der Titel befindet sich tatsächlich in der Mitte von Absätzen, wodurch das Gehirn als separate Textzeile wahrnimmt, die nicht zu den Tags unten gehört . Das nächste Prinzip ist der negative Raum. Ähm, negativer Raum ist der Raum zwischen den Subjekten eines Bildes. Nun, es heißt negativ, weil es im Grunde alles um ein Objekt herum ist. Ähm, also bedeutet es nicht, dass es etwas Besseres ist. Etwas Negatives daran. Es ist nur mehr aus der Umkehrung vom Objekt. , Es hilft wirklich,ihn in Frage zu stellen, wenn es um etwas zum Lesen geht und als Separator fungiert . Andi, es geht wirklich auf das Prinzip der Nähe zurück. Wir schauen nur, dass Und natürlich, der negative Raum schafft Gleichgewicht. Ehemalige Seite. Schauen wir uns einige Beispiele für die Verwendung von negativem Raum an. 1. 1 ist das USA Network Logo hier. Die Designer benutzen die Buchstaben Uh, du und ein negatives Leerzeichen zwischen diesen beiden Buchstaben, , um die Form des Buchstabens S und r zu kreieren und unser Gehirn nimmt das als drei Buchstaben statt zwei wahr . Ein weiteres sehr berühmtes Beispiel für die Verwendung von negativem Raum. Nur ein Logo. FedEx. Wenn du es noch nie gesehen hast,wirst du es nicht mehr öffnen können. Wenn du es noch nie gesehen hast, Von nun an gibt es einen Pfeil zwischen Essen und Ex. Das symbolisiert tatsächlich die Richtung der ganzen Idee aus dem Geschäft des Unternehmens, richtig, dass sie gesagt haben, dass sie Pakete auf der ganzen Welt senden und das dritte Beispiel ist das modifizierte Apple Lago Attribut, dass sie Teoh zum Gedenken an Steve Jobs gemacht haben, wenn Er ist verstorben. Hier, anstelle des traditionellen Apfelbisses im Logo, können Sie sehen, dass Steve Jobs ein weiteres Beispiel für die Verwendung von negativem Raum profiliert, was ein negatives Beispiel für die Verwendung von negativem Raum ist. Das ist die Tore und Zäune dot com. Ich bin mir ziemlich sicher, dass das so absichtlich gebaut wird. jedoch sehr schwierig, Der Mangel an Platz um die Elemente macht esjedoch sehr schwierig,diese Website zu navigieren, obwohl ich sagen muss, dass es ziemlich gut ausgerichtet ist, und die Proportionen, die sie verwenden, sind auch ziemlich korrekt. Auf der anderen Seite ist Microsoft Office 365 ein gutes Beispiel für die Verwendung des negativen Speicherplatzes. Ähm, es schafft eine wirklich schöne Trennung zwischen den Elementen, und alles ist klar. Es gibt genug Luft, Ähm, und insgesamt schafft es ein ziemlich schönes, angenehmes Aussehen. Ein weiteres gutes Beispiel für eine gute Nutzung von negativen Raum wird von Buffalo Website im Grunde hier gebaut Sie betonten ihr Logo auf Navigation, und, uh, dann gibt es von dem, was sie tun und dann die Projekte. Und jeder Teil auf der Seite ist durch eine ziemlich großzügige Menge an Platz getrennt. So macht es Seite bringt, und es ist sehr einfach, die Konferenz auf dieser Website wahrzunehmen. Gehen wir zum letzten Konstruktionsprinzip in diesem Kapitel. Äh, es ist Ausrichtung. Ein Lineman erstellt eine visuelle Verbindung zwischen den Elementen. Ich weiß, das klingt ziemlich abstrakt, aber im Grunde ist das Wichtige an der Ausrichtung, dass, wenn die Dinge sauber aufeinander oder auf bestimmte andere Objekte auf der Seite ausgerichtet sind , es eine sehr angenehme Wirkung für die I. erzeugt Und wenn die Dinge nicht ausgerichtet sind, nimmt das Auge sie als chaotisch wahr und nicht mich, was ein weniger professionelles Aussehen Ihrer Designs schafft. Wenn es um Text geht, können Sie ihn auf vier verschiedene Arten ausrichten. Also ist es links die Linie rechts in der Mitte oder gerechtfertigt, ich würde vorschlagen, um Onley Mitte ausgerichtet, die Titel, die Überschriften und vielleicht einige Taglines. Ich empfehle die Auskleidung in die Mitte große Textblöcke nicht, weil es ziemlich ermüdend das I ist, sowohl Anfang als auch Ende aus dem Licht zu finden, wenn es um die Ausrichtung der Mitte geht , um den Anfang und die Ende der Linie immer ändern, im Gegensatz zur Ausrichtung auf die linke Winde der Linie beginnt immer an einem bestimmten Punkt. Also ein anderer Weg, Eine weitere wichtige Art der Ausrichtung ist die Grundlinienausrichtungen der Grundlinie ist die Linie, auf der der Text, äh, Haltung. Und ah, das schafft auch einen ästhetisch ansprechenden Effekt, eine Art Ordnung auf der Seite. Ähm, und das letzte, was ich über die Ausrichtung erwähnen möchte, ist, dass Text im Web nicht gerechtfertigt wird. Es ist in Ordnung, den Text auszurichten drucken zu verwenden, wenn Sie zunächst Silbentrennung können und wenn Sie den Abstand zwischen den Wörtern und innerhalb der Welt manuell anpassen können. Aber das ist etwas, was ich für ziemlich fortgeschritten halte. Und da Browser noch nicht so weit fortgeschritten sind , , würde ich empfehlen, keinen Rechtstricktext zu verwenden. Das ist es also für die Gestaltungsprinzipien. Lassen Sie mich wissen, wenn Sie irgendwelche Fragen haben, und bitte versuchen Sie, Nicht, ist diese Design-Prinzipien in, ah, Websites, die Sie in Bücher in der Fotografie in Druck verwenden und lassen Sie mich wissen, was Sie denken. Wir sehen uns in der nächsten Lektion 4. Raster: Willkommen in der Lektion Nummer zwei, wo wir über Gitter reden werden. Grid ist eines meiner Lieblingsthemen in einem meiner Lieblings-Design-Tools, um Frieden und Ruhe auf der Seite zu schaffen . Grundsätzlich ist Grid eine Struktur, die aus einer Reihe von sich überschneidenden Richtlinien besteht, die verwendet werden, um den Kontakt zu strukturieren . Es ist nichts mit Zeilen auf Ihrer Seite, die er verwendet, um Dinge auf dieser Seite auszurichten. So, wie es funktioniert, etabliert es einen Meter und Rhythmus. Es definiert und reflektiert den Anteil, über den wir in der Principal Seite gesprochen haben. Ähm, Sie können die Regeln von Dritteln und Goldenem Verhältnis verwenden. Du musst es nicht wirklich tun, aber Grid hilft dir wirklich. Es bietet ein gewisses Fundamentgleichgewicht, und im Idealfall müssen Sie Ihr Design mit dem Raster beginnen. Allerdings ist das Auswählen eines guten Rasters auch eine ziemlich schwierige und herausfordernde Aufgabe, ich würde sagen, also denke ich, hier können Sie beginnen, von welchem anderen Sie möchten, und dann anpassen und dann erstellen, vereinbart und dann vielleicht die -Gitter. So ist es oft auf iterativen Prozess. Ähm, und es funktioniert gut mit anderen wichtigen Designprinzipien, wie Nähe und Komposition und Kontrast in Ordnung. Dies ist also die typische 12 Spalte Grateful Web, die viele Websites verwenden. Ich würde sagen, dies ist das beliebteste Raster im Web. Ich möchte Ihnen ein Beispiel für die Grid System-Website geben, die tatsächlich das Grid-System verwendet, wissen Sie, wie beworben. Es basiert auf den Prinzipien, die Joseph Miller Portman in seinem Buch The Grid Systems vertreten , Und das ist das Buch, das ich sehr empfehlen kann, wenn Sie tiefer in dieses Thema eintauchen möchten . So sieht die Website so aus, wie sie ist, wenn Sie dorthin gehen. So sieht es nur mit einem vertikalen Raster aus. Wie Sie sehen können, ist es auch das 12. Spaltenraster. Jedes Element auf der Seite ist tatsächlich an diesem Raster ausgerichtet, also, also, wie Sie sehen können, um das Raster besteht aus 12 Spalten und Rinnen Zwischen ihnen, schlage ich vor, dass Sie das Vielfache von acht für alle Ihre Messungen verwenden würden, die wichtiger Teil für das Gitter, dass die Rinne zwischen den Säulen fixiert ist. Aber die Spalte mit hängt von der Breite des Bildschirms, weil oft im Web, wir dio responsive Design. Die Breite der Spalte würde sich also ändern. Ich werde zu dem Beispiel kommen, wie man das Raster einrichtet, äh, später in dieser Lektion. Ein weiterer Teil des Rasters ist das horizontale Raster. Dies ist der Teil des Rasters , der im Web ziemlich schwierig zu implementieren ist. Der Schlüssel zur Implementierung des horizontalen Rasters im Web besteht darin, Vielfache von acht oder Vielfachen von einer bestimmten Zahl zu verwenden , und in meiner Praxis sind es normalerweise acht für jedes einzelne Objekt auf der Seite. Also, wenn wir über die Telefongrößen sprechen, sollten sie durch acht geteilt werden. Wenn es sich um die Tastengröße, die Tastenhöhe handelt, sollte es durch acht geteilt werden. Um, also wenn jede einzelne Messung, die Kraut durch acht verwendet, dann können Sie diesen wirklich schönen Um, horizontalen Rhythmus auf der Seite als auch, zum Beispiel, auf dieser Website gemacht. Mitte des 20. Jahrhunderts wurde Grid im Schweizer Design weitgehend verwendet, und wir können viel davon in Plakaten aus dieser Zeit sehen. Wenn Sie gehen und Google, wenn Sie gehen Google für Schweizer Design-Poster, Sie könnten viele Beispiele aus Plakaten aus dieser Zeit und Plakate aus unserer Zeit, die von diesen Designs inspiriert wurden sehen . Diese Plakate wurden durch die Verwendung von Gitter gebaut und inspiriert. Er kann auch das Gitter schrägen und, ah, Sie können eine ziemlich interessante dynamische Komposition erstellen. Also empfehle ich Ihnen gehen und Google für diese Art von Plakaten. Um Inspiration zu erhalten, möchte ich Ihnen zeigen, wie Sie das Raster mit Skizze einrichten. Zuerst schalten wir das Raster ein, indem wir die Schaltfläche „Layout anzeigen“ verwenden. Dann gehen wir, um die Layouteinstellungen der Leinwand anzuzeigen. Hier ist, wo unsere Layout-Einstellungen tatsächlich leben, so haben wir nur die Summe mit ihm kann durchaus eine Zufallszahl für jetzt, die Offset-Augen 48 Pixel. In unserem Fall ist die Anzahl der Spalten Standard 12. Die Rinne mit wäre 32 und die Säule mit wird automatisch angepasst. Also, jetzt werden wir die Gesamtbreite entsprechend anpassen, und wir können Wachstum hinzufügen. Die horizontale Größe der Rinnenhöhe sollte also acht Pixel betragen, wie wir bereits besprochen haben. Also lasst uns es in acht ändern. Und, ähm, ländliche Höhe wird fünf sein. Also haben wir diese Felder fünf mal acht an und wie Sie sehen können, ist unser ganzer Text schön ausgerichtet, sowohl vertikal als auch horizontal. Wenn Sie keine Skizze oder für den Shop oder andere Grafikdesign-Tools , können Sie natürlich online gehen und dort etwas finden. Eines der Tools online ist das modulare Raster. Und dort können Sie alle Parameter einrichten, die Sie benötigen und Hugh Grid als PM Jeep-Muster oder als Foto-Show-Muster exportieren , oder ist es Transparenz übereinstimmen? Das ist es also. Zum großen Teil. Ich weiß, dass dies ein ziemlich komplexes Thema ist, und Sie brauchen Teoh Praxis und sehen, was für Sie funktioniert. Ich finde es ziemlich schwierig, eine wirklich gute Arbeit zu finden, Ingrid. Also ermutige ich Sie, zu versuchen, das Gitter zu finden, das für Sie funktioniert. Das sieht interessant aus. Das schafft eine gute Dynamik. Versuchen Sie Teoh, experimentieren Sie damit, versuchen Sie ein wenig schräg zu sein. Versuchen Sie Teoh, experimentieren Sie damit, Es muss nicht die ganze Zeit um 90 Grad Baby. Ich wünsche Ihnen Glück damit und lassen Sie mich wissen, wie das läuft und sehen Sie in der nächsten Lektion. 5. Typografie: in diesem Abschnitt. Ich möchte über Typografie sprechen. Ich habe den Bereich Typografie in drei Lektionen zerlegt, weil ich denke, es ist wichtig, ein wenig, ah, tiefer in den Stop-IQ zu kommen ah, , nicht nur, weil es mein Lieblingsthema ist, sondern auch, weil ich denke, Es ist wirklich wichtig. Teoh, Teoh, lernen Sie ein bisschen mehr Details über dieses Thema kennen, über das wir reden werden. Was ist Typografie? Ah, Hierarchie in der Typografie und die Verwendung von negativem Raum in der Typografie. sind also drei, ähm, ein kleines Thema für diese Lektion, und dann werden wir mit Mitteln fortfahren, und dann werden wir ein wenig aufsteigen und über Anführungszeichen, Bindestriche und mehr reden . Alles klar, was ist Typografie? Laut Wikipedia ist es die Kunst und Technik des Arrangierens, um die geschriebene Sprache lesbar, lesbar und ansprechend zu machen , wenn sie angezeigt wird. Und wie er sehen kann, hat es nichts zu tun. Und es erwähnt nicht die Auswahl der Schriftarten. Fonds sind wichtig, aber sie sind, meiner Meinung nach, ein bisschen mehr sekundär zu den anderen Regeln der Typografie oder andere Dinge, die Sie berücksichtigen müssen , bevor Sie das Telefon wählen auch Typografie angewendet Stil, Anordnung und Aussehen der Buchstaben, Zahlen und Symbole. Sie können von Spott Typografie gehen. Das ist, wenn Sie die Telefone wählen. Sie, äh, denken über die Hierarchie in Ihrem Text nach, um den Leerraum zu verwenden. Du denkst über das Layout nach. Man geht von großen Dingen über kleine Dinge bis hin zur Mikrotypografie. Wenn Sie über den Abstand zwischen den Buchstaben und bestimmten Wörtern nachdenken, oder zwischen den Wörtern in einem Satz, wenn Sie das Layout für ein Buch entwerfen, ist es eine neue sind in einem gewissen Grad. Aber ich würde sagen, dass es meistens ein Handwerk ist, weißt du, bestimmte Regeln, bestimmte Regeln, und du praktizierst sie. Du fängst an, den Unterschied zwischen gutem Text und der Fledermaus zu bemerken , , Tex. Und ich sage nicht, dass ich hier Experte bin, aber ich bin wirklich leidenschaftlich für dieses Thema, und ich möchte wirklich einige der Dinge, die ich darüber weiß, mit Ihnen teilen. In Ordnung. Deshalb denke ich, dass Typografie eine der wichtigsten und entscheidenden Fähigkeiten für den Designer Oliver Recht ist. Einstein behauptet, dass 95% der Designer Typografie, Also warum ist das? Ihm zufolge 95% aller Inhalte im Web Text, was bedeutet, dass dieser Text entworfen werden muss, was Typografie bedeutet, und ich mag diese Idee wirklich. Um ein guter Designer zu sein, müssen Sie nicht wirklich Illustrationen erstellen oder wissen, wie man Symbole zeichnet und wie man malen kann. Du musst nicht mal so gut mit Farbe sein. Aber wenn Sie die Grundlagen der Typografie kennen, würde es Ihre Arbeit schon sehr erhöhen. Lassen Sie uns zu einigen der Details kommen und beginnen wir mit höherer Kunst und in der Typografie. Es bezieht sich darauf, wie der Inhalt in Ihrem Design ausgelegt ist, und das ist eine ziemlich vage Definition. Hierarchie geht es darum, Ihren Inhalt zu strukturieren, und im Web benötigen Sie eine bestimmte Größe für den Textkörper. Und nach Größe meine ich Schriftgröße, ähm, und andere Elemente auf Körpertextebene wie Listen. Und Sie werden 3 bis 4. In den seltenen Fällen, mehr als vier Ebenen außerhalb der Rubriken, und was ich schlage, ist das folgende System. Sie nehmen X als Textgröße des Textkörpers, und in diesem Fall sind es 16 Pixel, und ich denke, es ist die Mindestgröße des Fonds. Es ist die minimale Telefongröße für den Text, den Sie verwenden sollten, wenn es um Artikel geht. Ich denke, 16 2024 wäre die gute Größe für den Textkörper und dann proportional zunehmen . Überschrift drei kann 1,5 x Überschrift auf zwei x und Überschrift 13 x sein. Ich denke, dies ist ein ziemlich einfacher Eurest IQ, der Ihnen helfen kann, Ihren Text so zu strukturieren, dass er ziemlich schön aussehen wird . Sie können natürlich natürlich mit diesen Proportionen herumspielen und sehen, was für Sie besser funktioniert. Auch hier. Wie Sie vielleicht bemerkt haben, verwende ich Fetttext für die Überschriften. Es ist auch nicht notwendig. Ähm, wenn Sie die Telefongröße genug erhöhen, können Sie auch mit dem normalen Gewicht statt dem Bolzen gehen. Es muss also nicht schwerer sein als der normale Text. Ich möchte Ihnen ein Beispiel zeigen, wie Sie Hierarchie in der grafischen Arbeit verwenden. Dies sind einige Daten, ein Text, und am Ende wird es ein Poster sein. Das sind also die Straßendaten, die wir für unser Poster bekommen. Wir haben Informationen über den Ort und über die Vorlesung. Wie man es in das Poster in einer schönen Art und Weise, mit fast Onley Typografie. Also trennen wir zuerst Teile von Informationen durch nur eine leere Zeile voneinander. Dann mischen wir ein paar Dinge herum. Uh, und Uh, wir haben Bolt benutzt, um den Namen der Vorlesung zu betonen, dann etwas mehr Wert auf den Namen der Vorlesung. Bei größerer Telefongröße nutzte der Designer viel Leerraum um den Namen der Vorlesung und, uh, wo und wann es passiert. Also, weil diese beiden Blöcke in der Mitte die wichtigsten sind und der Leerraum tatsächlich einen Schwerpunkt auf die diese Information schafft. Jetzt hat der Designer bestimmte Dinge bewegt. Zunächst einmal machte sie hier die Informationen über die Universität und über die Vorlesung viel kleiner und bewegte sie im goldenen Verhältnis nach rechts. Hier bewegte sie den Namen der Vorlesung nach links, so dass sie eine schöne Dynamik in dieser Komposition schafft . Und dann ist der nächste Schritt, Dinge um ein wenig mehr zu mischen, Farbe endet einige ein wenig von einem Grafikelement. Ich kann mir vorstellen, dass es zwischen diesem Schritt und diesem Schritt eine ganze Lücke gibt, aber im Allgemeinen in der Design-Arbeit, müssen Sie Teoh eine Menge von Versionen und viele Modifikationen erstellen, bis Sie herauskommen, kommen Sie mit Ihrem endgültigen Design, und vor allem, wenn Sie Teoh brauchen. Sprich darüber. , das mit einigen anderen Stakeholdern entwickelt wurde Dieses kurze Beispiel, das mit einigen anderen Stakeholdern entwickelt wurde, zeigt Ihnen, wie Sie die Hierarchie in der Typografie verwenden, um bestimmte Informationen hervorzuheben und Struktur in Ihrem Text und dem nächsten zu erstellen. Und das letzte Thema dieser Lektion ist die Verwendung von negativem Raum. Negative Raum eine große Rolle bei der Betonung bestimmter Dinge auf dem Bildschirm, und es macht wirklich Text viel lesbarer und atmen Kräuter. Dieses Beispiel hat eine sehr, sehr kleine Polsterung um Text und die Bilder und dieses Zitat, so dass alles es sehr schwierig macht, die Einsätze durchzulesen. Und dieser Text ist einfach nicht einladend. Sie wollen das nicht lesen, weil es so eng aneinander liegt. Dieses Beispiel ist ein wenig besser, und hier ist viel Platz um den Text herum. Ein paar perfekt, aber es ist schon viel einfacher zu lesen und viel leichter wahrzunehmen. Und das nächste Beispiel ist zu Optionen von zwei Ansichten von Facebook Notizen. Es ist genau der gleiche Text oder genau die gleiche Notiz in zwei verschiedenen Layouts. Ondas Sie sehen können, die auf der rechten Seite ist, es ist eigentlich nicht so schlecht, und Sie können die Hierarchie, den Titel der Notiz und einige weniger wichtige Informationen in Grau sehen , wann sie veröffentlicht wurde . Und dann gibt es eine Art Zitat in Kursivschrift und dann einen Textabsatz und dann eine Illustration. Es ist nicht so schlimm, aber das Beispiel auf der rechten Seite zeigt, wie es verbessert werden kann, und es wird weitgehend mit der Verwendung von negativem Raum verbessert. So können Sie bereits sehen, gibt es ziemlich viel Platz, bevor Sie auf den Namen von der Notiz zu bekommen, und Sie können auch ähnliche zweite sehen, ihre Informationen über Autor und das Datum in grau. Aber dann der erste Absatz. Das Zitat ist so gestaltet, dass es zum Lesen einlädt. Es sieht aus wie eine Poesie. Nun, es ist nicht, aber natürlich. Es ist nicht nur der negative Raum, sondern hier. Negativer Raum lädt Sie ein, den Text zu lesen und die Einsätze viel lesbarer zu machen. Grundsätzlich ist dies für diese Lektion. Wir haben uns zwei wichtige Prinzipien und Typografie angesehen, die negative Raum in der Hierarchie ist. Und ich ermutige Sie wirklich, diese Dinge zu praktizieren. Um Teoh auszuprobieren. Wir nutzen mehr Platz statt weniger Platz und sehen, wie es aussieht. Und bitte wenden Sie sich für das Feedback. Wenn Sie es brauchen, sehe ich Sie in der nächsten Lektion über die Verwendung von Mitteln. 6. Typografie Schriftarten verwenden: In dieser Lektion werden wir darüber reden, wie man Schriftarten benutzt. Ich habe absichtlich das ganze Thema aus der Auswahl eines Telefons genommen, weil dies ziemlich schwer zu erklären ist , wie man einen Fonds wählt und wie man einen guten Fonds wählt und was die gute Form ausmacht . Wenn Sie möchten, mehr zu diesem Thema auf wissen, Ich schlage vor, Sie finden eine spezielle Kurse zum Erstellen eines Telefons. Und je mehr Details Sie wissen, wie die Mittel von Bill, desto mehr wissen Sie, tatsächlich, wie man eine heute wählen. Wir reden nicht darüber, aber wir reden über ein paar wirklich grundlegende Dinge, also können Mittel serif oder so sein, Sir. Dies ist das Beispiel, wo Sie die Serifen-Schriftarten des Dienstes seiner wie winzigen Dinge am Rand der Buchstaben sehen können , was sie besser lesbar macht, wenn es darum geht, zu drucken und Sunseri Telefone haben keinen Dienst, und das sind die Telefone, die sind viel besser für den Bildschirm geeignet, vor allem, weil Sie sie ziemlich viel skalieren können. Und die erste Faustregel hier ist, dass Sie leicht den Sohn Serra Fonds für die Überschrift und das Serra Telefon für den Körpertext auswählen können. Also hier haben wir ein paar Faustregeln. Einer von ihnen ist nicht machen ähnliche Mittel, zum Beispiel, Zeiten in Georgien. Und der Grund dafür ist, dass das menschliche Auge feststellen wird, dass etwas nicht stimmt. Die Mittel müssen unterschiedlich genug sein. Sie könnten Sarah für San Serif Schriftarten sein, aber sie sollten unterschiedlich genug sein, damit das menschliche Auge nicht verwirrt wird. Auch, wie ich bereits erwähnt habe, gilt Sun's als geeigneter für das U-Element. Wenn wir also eine Anwendung entwerfen, sei es eine Webanwendung oder ein Mobiltelefon, ist es besser, auf Serifenfonds zu verwenden, weil sie besser skaliert wurden. Also, wenn Sie zu einer sehr kleinen Schriftgröße gehen den Dienst, sie wirklich aufgehört zu arbeiten. Und Sunseri Telefone funktionieren viel besser. Und das dritte, was Jahr ist, dass zeitgenössische Surf will nicht gut für den Artikel Text funktionieren . Trotz der Tatsache, dass ich erwähnt habe, dass Sarah-Telefone viel besser für den Druck geeignet sind , können Sie auch die Sarah-Telefone für die Artikeltexte verwenden. Lassen Sie uns über die Auswahl von Telefonen für Körperkopie und Überschriften sprechen und hören, was ich meine, ist mehr als die Kombination und die Eignung bestimmter Telefone. Zunächst werden Display-Telefone für Überschriften verwendet, und sie sind nicht für Körperkopien geeignet. Also, was sind die Display-Schriftarten? Display-Telefone werden in der Regel für die Verwendung in großen Größen erstellt. Das Logo aus dem Firmenaufstieg wird in dieser Art von Fonds gemacht. Es ist wahrscheinlich, und 100 und Schriftzug. Aber wenn Sie sich etwas handgeschriebenes vorstellen, kann es ziemlich gut für die Überschrift funktionieren. Aber es funktioniert nicht wirklich für den Textkörper. Wenn der gesamte Text in diesem Fonds geschrieben würde, wird er völlig unleserlich sein. Vermeiden Sie also, diese für den Körpertext umgekehrt um die Werke ziemlich gut zu verwenden, jedoch können bestimmte Leute es langweilig finden. Aber ich denke, bis Sie sich bei der Auswahl von Mitteln und der Kombination sehr wohl fühlen, sollten Sie in Ordnung sein, nur normale, so genannte langweilige Telefone zu verwenden . Eine andere Faustregel ist besser. Verbrauchen Sie weniger Geld und kaufen Sie weniger Telefone. Ich meine auch verschiedene vordere Gewichte und Stile, also wenn Sie zum Beispiel durch verschiedene Fondsgrößen haben zum Beispiel , werden das drei Fonds sein. Wenn Sie einen fett haben, wird es der vierte Fonds sein. Wenn Sie eine Kursivschrift haben, wird es der fünfte Fonds sein. Wenn Sie etwas in einer anderen Farbe haben, wäre das der sechste Monat vorne. Je weniger von ihnen Sie verwenden, desto besser. Es muss nicht nur eine sein, weil Sie damit keine Hierarchie erstellen können. Ähm, aber Sie müssen es bis zu einem gewissen Grad einschränken. Also gibt es hier einen Trick, wenn Sie einen beseitigen können, und die Wahrnehmung von Ihrem Text hat sich nicht geändert, und es bedeutet, dass Sie ihn nicht brauchen. Außerdem hat Google eine sehr hilfreiche Anleitung zur Auswahl von Telefonen, also schlage ich vor, dass Sie es verwenden und ich kann den Link in die Klassenbeschreibung einfügen. Dies ist ein Beispiel, das ich gemacht habe, um Ihnen den Unterschied bei der Verwendung von Displayfonds für Überschriften und für den Textkörper zu zeigen . Also ist San Francisco in dem Fonds namens Mench geschrieben. Und wie Sie hier sehen können, es nur für die Überschrift verwendet, und in diesem Beispiel wird es auch für den Haupttext auf dem Haupttext verwendet ist so viel schwieriger zu lesen, weil ein es in allen Großbuchstaben ist der Abstand ist viel anders für den Körper -Text. Die Leerzeichen zwischen den Wörtern sind zu groß und Ihr Auge hält an jedem einzelnen Leerzeichen in diesem Text . Was das Thema, wie man Fonds kombiniert, hat Google beeinträchtigende Vorschläge. Also, wenn Sie auf Google-Schriftarten gehen und Sie einen Fonds in diesem Fall wählen, zum Beispiel, wir schauen auf die Flasche können Sie verschiedene Mittel, mit denen über ein Paar als auch sehen . Und hier können Sie auch die Beispiele sehen, wie das aussehen würde, um dann ein Telefonpaar. Wie, tatsächlich helfen, Google-Telefone weiter zu schonen. Dies ist also ein separater Dienst, und es gibt eine Website namens Telefone und Verwendung, die die schönen Kombinationen von Handys, die er in Print und Web verwendet zeigt . So können Sie das für Inspiration verwenden. Hier geht es um die Verwendung von Mitteln. Ich hoffe, Sie finden diese Tipps hilfreich. , Ich bin sehr neugierig zu sehen,welche Art von lustigen Kombinationen du finden wirst, und wir werden dich in der nächsten Lektion sehen, wenn wir über weitere Details in der Typografie sprechen . 7. Typografie Aufsteigen!: Also, jetzt sind wir im dritten und letzten Teil der Typografie Sektion, und ich nenne es Nivellierung, weil wir über die Dini Dining wichtige Erkenntnisse sprechen werden . Und wir beginnen mit Zitaten. So wichtig zu wissen, dass Anführungszeichen sind nicht Zoll. Die Polizei hört auf, Zoll anstelle von Anführungszeichen zu verwenden. Zum Glück , kann moderne Software tatsächlich die dummen Zitate,die unser Interesse eigentlich durch die intelligenten Zitate ersetzen . Und das ist großartig. Du musst also nicht darüber nachdenken. Wenn Sie etwas genauer werden möchten, können Sie sogar das spezielle typografische Layout für Ihre Tastatur einrichten, und ich kann den folgenden Link zur Verfügung stellen, wenn Sie an solchen Dingen interessiert sind. So entstand Inches von der alten Schreibmaschine, und es gab keine richtigen Anführungszeichen auf den alten Schreibmaschinen. Aber irgendwie sind sie von Schreibmaschinen zu unseren aktuellen Tastaturen umgezogen, und sie bleiben dort. Ähm, jedenfalls gibt es Möglichkeiten, richtige Anführungszeichen zu bekommen, und bitte benutzen Sie sie. jedoch Sie hängenjedochweitgehend von der Sprache ab, und ich kann sie mit einem Beispiel veranschaulichen. Eso Hier haben wir ein Wort in Serie Licks geschrieben, und hier haben wir französische Anführungszeichen und die Anführungszeichen, die in Russland neun und sechs genannt werden , weil, na ja, sie ähneln Art von Messern und Sechsen. Und im Englischen sehen die Anführungszeichen wie ein Beispiel für das Wort einfache und doppelte Anführungszeichen aus. Bitte benutzen Sie die. Wenn Sie die englische Sprache in Ihrem Text verwenden, verwenden Sie diese auf Deutsch. Das wäre im Französischen anders. Das wäre anders. Bitte überprüfen Sie also nach Ihrer Sprache, welche Anführungszeichen korrekt sind und das richtige Beispiel ist, falsche Anführungszeichen zu verwenden . Das sind also Zentimeter in der Nähe. Benutze die nicht, in Ordnung. Gehen Sie zu Bindestrichen. Es gibt vier Arten von Herzogin Bindestrich und Asche und Asche und Minus. Die 1. 3 sind offensichtlich unterschiedlich in der Länge und unterschiedlich, und verwenden sie auch. Die Frage hier ist, was der Unterschied zwischen einem aschfarbenen Minus ist? Sie haben die gleiche Länge, aber minus ist an der Ziffer ausgerichtet, die höher als der durchschnittliche Buchstabe im Satz sein kann, was Minus ein bisschen höher als ein Ende erscheinen würde. Ashley im Text. Das ist der einzige Unterschied. Hier können Sie also den Bindestrich und die Asche und den Bindestrich aus der Adobe Paramount Schriftart sehen und offensichtlich Bindestriche verwenden, um die Wörter entweder zu trennen. Wenn es ah ist, müssen Sie zwei Wörter kombinieren, oder wenn Sie ein Wort in zwei Zeilen aufteilen müssen. Em Bindestriche werden viel in Prinzessin Russisch Sprache in Englisch verwendet. Es ist sehr verwendet, und ich denke, weil wir uns mehr auf und Asche konzentrieren sollten, die eine am häufigsten verwendete Bindestrich in englischer Sprache ist. Also einige Beispiele aus, wo Sie verwenden sollten und Asche, wenn wir über Bereich von Zahlen sprechen . Daten sind Zeit, die Sie verwenden und Asche ohne Leerzeichen rechts und links, wenn wir über Partituren oder Ergebnisse von Wettbewerbensprechen Partituren oder Ergebnisse von Wettbewerben oder wo wir Konflikte, Verbindung oder Richtung darstellen müssen . Sprache ist eine der wichtigsten Regeln und Typografie ist, wie breit die Linie sein sollte. Und es hängt wirklich von der kleinen Größe ab, was bedeutet, dass je kleiner das Telefon wird, als es auf der Leitung gibt. Mit Ausnahme von Kurztexten oder Untertiteln. Die Grundregel des Daumens hier ist 60 bis 75 Symbole Pauline, und wenn Sie auf etwa 60 statt 75 halten können, zeigt dieses Licht Beispiele für gute Linie , mit der 60 bis 65 Zeichen ist, sehr kurz und die sehr lange. Und die sehr lange ist diejenige, die ich öfter im Web sehe, besonders deshalb behalte das im Auge. Und wenn Sie Artikel entwerfen, Sie besser halten die 60 bis 70 Zeichen für wie eine andere Sache ist die Vermietung oder Zeilenhöhe. Lichthöhe ist der Abstand zwischen den Basislinien. Eine Grundlinie ist die Zeile, auf der der Text sitzt, und damit meine ich alle Buchstaben. Sie haben keine Andersdenkenden. Alles, was unten hängt und der Abstand zwischen zwei dieser Linien ist die Linie. Und die Faustregel für das Webb ist die Länge. Die Höhe sollte ungefähr 1,5 der gesamte Textkörper betragen. Also, wenn Ihr Textkörper 16 ist, sollte die Zeilenhöhe zwischen vorher liegen. der die Dinge im Licht leichter macht, ist jedoch Ein weiterer Vorschlag, , dass jede Messung, die Sie verwenden, Ble durch 88 geteilt werden sollte, eine Art magische Zahl ist . Äh, das kann einen wirklich schönen Rhythmus auf deiner Seite schaffen. Wenn Sie also Körpertexte von 16 haben, wäre Ihr Zeilenhype 24, aber wenn Ihr Haupttext 24 ist kann Ihre Zeilenhöhe 32 oder 40 betragen. Versuchen Sie, diese Heuristik im Auge zu behalten, und wenn Sie das Vielfache von acht in Ihren Designs verwenden, wird es Ihr Leben viel einfacher machen, denn dann werden Sie schöne Proportionen im Grunde aus den Büchern bekommen. Probieren Sie das aus und lassen Sie mich wissen, dass das für Sie gilt. Polizei hat nie Text im Web gerechtfertigt, es sei denn, Sie können ihn im Web mit Silbentrennung versehen. Es ist möglich, aber es ist Handarbeit, und ich würde Ihnen raten, nicht darauf zu kommen. Also bitte kleben Sie die Zehe links Sex. Warum also in Texas so schlimm rechtfertigen? Es erzeugt so genannte Flüsse im Text. So große Stücke von weißen Raum, die von einem Blinden zum anderen schweben und so genannte Fluss erzeugen. Und das Schlimme an den Flüssen ist, dass sie im Wesentlichen ein sehr großer Raum zwischen Wörtern sind . So bricht Ihre Leseerfahrung wirklich, wenn Sie den Text mit sehr großen Leerzeichen lesen, weil Sie ihn nicht als Satz wahrnehmen. Er hat uns getrennte Worte wahrgenommen, also eine gewisse Ausrichtung ist es, wie bereits erwähnt. Grundlegende Regel. Bitte verlassen Sie einfach die Leitung. Die Kopie des Textkörpers. Sie können die fett formatierten Überschriften oder Aussagen oder Zitate außerhalb des Kurses zentrieren. Nicht alles muss übrig bleiben. Bestimmte Dinge können zentriert werden. Aber bitte seien Sie vorsichtig. Ich schickte ihr nicht große Textstücke. Und einige Elemente müssen an der Basislinie ausgerichtet werden. Hier wird also die Grundlinie grün dargestellt. Ausrichten von Textelementen an der Basislinie Schaffen Sie Ordnung in Frieden. Das ist es also für den Typografieabschnitt dieser Klasse. Ich hoffe, es gefällt dir. Ich ermutige Sie wirklich, mit Typografie in Ihrer Arbeit zu experimentieren. Bitte teilen Sie Ihre Arbeiten mit mir und anderen in diesem Kurs. Und ich würde gerne von Ihnen hören. Wir sehen uns in der nächsten Lektion. 8. Farbe und Bild: in dieser Lektion. Wir werden über die Verwendung von Farben und Bildern in Ihren Entwürfen sprechen, und ich werde mit der Farbtheorie beginnen. Also möchte ich einige kurze Tipps zur Verwendung von Farbe in Ihren Designs geben. Zunächst einmal könnten die Farben warm und kalt sein, die um Grün und Lila angrenzen. Neutrale werden in der Regel von Boden bedient. Und, ähm, wenn Sie nicht wissen, was zu tun ist oder Sie nicht finden eine gute Kombination von Farben, schwarzen Texten und breit für Boden funktioniert immer. Ähm, wichtig zu wissen, dass warme Farben neigen dazu, in den Vordergrund zu gehen und cool in den Hintergrund zu gehen. Also, zum Beispiel, wenn er Gelb des Strandes als Ihre Hintergrundfarben verwendet, denken Sie daran, dass sie wahrscheinlich auf Ihren Leser springen würden. Bestimmte Farbkombinationen funktionieren wirklich gut. Ähm, und ich beziehe mich auf monochromatische, komplementäre, tragische und analoge Farbkombinationen. Wenn du nicht weißt, was es ist, werde ich das in einer Minute erledigen. Und bitte denken Sie an Zugänglichkeit auf Dime, die über Kontrast- und Farbblinde sprechen . Wenn Sie Bedeutung vermitteln möchten,verwenden Sie bitte andere Mittel als die Farbformintensitätsmuster. Wenn Sie Bedeutung vermitteln möchten, Um Ihren Kontrast zu überprüfen, können Sie IhreDesigns in Schwarz und Weiß umwandeln und sehen, ob diese Luft noch lesbar ist. Um Ihren Kontrast zu überprüfen, können Sie Ihre Wenn Sie also Google für den Kontrastprüfer gehen, können Sie ein Tool auswählen, mit dem Sie definieren können, ob Ihr Text genug Kontrast hat oder nicht . Eines der Werkzeuge zum Kombinieren von Farben ist das Adobe Color CC Adobe Color Sissy Tool, das Ihnen helfen kann , eine Kombination von Farben für Ihr Design zu finden. Sie können eine aus der Farbharmonie wählen, Also jetzt schauen wir uns die monochromatische im Bereich der rot. Und natürlich können Sie es ändern, und Sie können in Blues oder Grüns oder Gelben gehen. Sie können gehen, um, uh, versuchen, und Sie können die Kombination von drei Farben kostenlos haben. Dies sind diejenigen auf den gegenüberliegenden Seiten der Spektrumverbindung. Dies sind diejenigen, die zwei von ihnen sind nahe beieinander und dann Schattierungen Das ist im Grunde, na ja, verschiedene Schattierungen einer Farbe. Ähm, Sie können in Ihren benutzerdefinierten Modus gelangen, und die 1. 1 war analog, also sind das im Grunde mehrere Schattierungen in der Straße, die sie nebeneinander sind, so dass Sie mit diesem Werkzeug herumspielen und sehen können , was für Sie funktioniert. Das ist also ein wirklich cooles Tool, das ich empfehlen kann. Und da wir von Adobe sprechen, ist dies ein Beispiel für eine wirklich, wirklich schlechte Verwendung off Farbe, so dass der Übergang von Farbe zu Aikens Aikens sind eine gute Möglichkeit, Informationen darzustellen, wenn Sie keine Zeit oder Möglichkeit haben, zu erstellen Illustrationen oder Fotos. Grundsätzlich ist Aikens eine schematische Darstellung über Konzept, und das ist wahrscheinlich eines der schwierigsten Dinge, wenn es darum geht, Aikens zu schaffen oder Aikens finden, denn wenn Sie ein abstraktes Konzept haben, Sie müssen es mit etwas Spezifem mit einem bestimmten Bild darstellen. Und das führt uns zu der Idee, dass Sie, wenn Sie Symbole in den Schaltflächen verwenden oder wenn sie sich auf bestimmte Aktionen beziehen , sie neben dem Text verwenden müssen. Die Symbole in der Folie stammen also aus dem Gizmo-Set von der Firma namens Dutch Pichon. Und das Hauptmerkmal aus dem guten, sagte Aiken, ist, dass die Aikens verwenden die gleichen Regeln und sie verwenden den gleichen Stil. Hier, wie Sie sehen können, haben sie alle, äh, ähnliche Größe. Die Linienbreiten sind ebenfalls gleich, und die zum Beispiel verwendeten zum Beispieldie gleichen Winkel. Das System schafft tatsächlich diese angenehm für den Augeneffekt aus der konsistenten Bildsprache , dass Huhn mit Ihrem Design. Das nächste Thema sind Fotos und Illustrationen. Ein fertiges Magazin ist ein wirklich gutes Beispiel für Fotos und Illustrationen, und es ist auch eine meiner Inspirationsquellen. Eigentlich, im Grunde, was die Illustrationen oder Fotos halten sie von Ihnen. Interesse an Aufmerksamkeit. Sie schaffen eine visuelle Struktur für Informationen und Links auf der Seite, und sie kommunizieren oder erklären Ideen visuell. Aber bitte, bitte, halten Sie den Kontrast zwischen Text und Hintergrundfarbe. Denn wenn Sie ein Bild als Hintergrund verwenden und wenn es ein dunkles Foto ist und Sie sehr dunklen Text verwenden und der Text wird unleserlich, ein gutes Beispiel für die Verwendung von Fotos im Web-Design ist Apple-Website. Sie verwenden immer die atemberaubenden Bilder für ihre Produkte, die sie so ansprechend aussehen lassen. Und jedes Mal, wenn ich dorthin gehe, möchte ich nur all ihre Produkte kaufen. Ähm, nun, Media 26 ist ein wirklich gutes Schaufenster der Ansichten von Illustrationen und Web-Design, und auch die Illustrationen von Menschen sind heute wirklich trendy, und diese Website zeigt tatsächlich die Stärke, die ich möchte diese Lektion mit bestimmten Dingen beenden, um Wach zu haben. also zunächst nicht, Versuchen Siealso zunächst nicht,große Dateien zu verwenden, die bei der Ladezeit der Seite sind. , Versuchen Sie,innerhalb von fünf Sekunden eine Seitenladezeit zu machen. Wenn Sie wirklich große Bilder verwenden müssen, müssen Sie einen Mechanismus Zehe erstellen, laden Sie sie auf eine schöne Art und Weise. Sie existieren auch. Wenn du keine richtige Farbpalette hast oder die Kombinationen deiner Farben einfach seltsam sind. Wenn du keine richtige Farbpalette hast oder die Kombinationen deiner Farben einfach seltsam sind Wenn sie keine Regeln befolgen, sollten Sie es wahrscheinlich aufgeben und versuchen, nach etwas anderem zu suchen. Und die dritte Sache ist die falsche Auflösung für Bilder. Und hier beziehe ich mich auf niedrigere Auflösung Bilder, weil sie wirklich verschwommen werden, vor allem auf den wirklich hohen Dichte Bildschirmen wie eine Netzhaut Bildschirme. Dies ist es für die Farbe und Verletzungen Verwendung im Design, bitte finden Sie einige tolle Illustrationen oder Aikens oder Fotos. Verwenden Sie sie in Ihrem Projekt und teilen Sie dies mit mir und Ihren Kollegen. Wir sehen uns in der nächsten Lektion 9. Trends – Update 2021: In diesem Abschnitt werden wir über Trends sprechen. Eine Sache zu beachten über Trends, dass es wichtig ist zu wissen, welchen Zweck sie dienen. Wenn es Ihnen nicht hilft, Ihr Ziel mit Designs zu erreichen, sollten Sie es wahrscheinlich fallen lassen. Warum also die Trends in erster Linie nutzen? Nun, das musst du nicht. Für mich zeigen Trends, dass Sie wissen, was auf dem Feld vor sich geht. Und wie oft spiegeln Trends wider, was in der Gesellschaft vor sich geht, Sie verfolgen auch, was in der Gesellschaft vor sich geht. Wenn Ihre Zielgruppe junge Menschen sind, die auch den neuesten Trends folgen, die Wiley tut Gadgets, sie folgen Mode. Sie folgen der Führung ist soziale Probleme. Sie würden Ihr Publikum ansprechen, indem Sie diesen Trends folgen. Alles klar, so genug über Argumentation. Lassen Sie uns zu aktuellen Trends übergehen. Für diesen Abschnitt habe ich 10 Trends gesammelt, die ich in Ihrer Arbeit nützlicher und umsetzbarer fand. Und zwei von ihnen sind Instagram-Trends. Sie sind am Ende. Also fangen wir an. Der erste ist der dunkle Modus. Nachdem Apple den dunklen Modus unter Mac OS eingeführt hatte, wurde er auch im Web sehr populär. Und es macht Sinn, denn wenn Sie einige Inhalte konsumieren möchten, sagen Sie, lesen Sie einen Artikel spät in der Nacht. Die Belastung für das Eis ist viel niedriger. Er benutzte einen dunklen Modus. Der nächste Trend ist eine symmetrische Layouts. Es ist der Trend, den ich schon vorher behandelt habe. Und es ist immer noch da asymmetrisch Outs, brechen die traditionelle Gitterstruktur und schaffen eine schöne visuelle Dynamik. Um es richtig anzuwenden. Du solltest ziemlich viel üben. Und vor allem sollten Sie wissen, wie das Gitter funktioniert. Der dritte Trend ist Steigungen. Ich habe es auch vorher abgedeckt, aber die Steigungen sind immer noch da. Sie sind lang anhaltende Trend. In diesem Beispiel können Sie einen Duoton-Farbverlauf sehen, also ist er lila und rosa. Sie könnten jedoch jede Art von Farben verwenden. Und die Farbverläufe könnten auch mehr oder weniger subtil sein, wenn Sie möchten. Pastor Hintergründe, das 'll Hintergründe sind auch sehr beliebt in diesen Tagen. Wenn Sie müde von Weiß sind oder wenn Sie denken, dass Weiß zu langweilig ist, können Sie einen leichten Farbstrich als Pastellhintergrund hinzufügen. Unschärfe und Korn. Lernen Korn sind wahrscheinlich die einzigen Beispiele für die Trends, die ich mehr in Grafik-Design gesehen, anstatt im Web. Daher können Sie hier zwei Pastoren als Beispiele sehen. Sie erscheinen auch im Web, und ich habe sie auch sehr oft auf Instagram gesehen. Unschärfe funktioniert sehr gut mit dem Text, weil Sie die Farben so kombinieren können, dass sie sehr schön zusammen aussehen , und es gibt genug Kontrast und der Hintergrund könnte viel interessanter sein als nur die einfarbige Farbe. Und wenn es um Getreide geht, schafft es auch eine gewisse Stimmung oder bestimmten visuellen Effekt, den Sie vielleicht in Ihrer Arbeit hervorrufen möchten. Als Nächstes sind 3D-Render- und Illustrationen. Nun, 3D war schon ein ziemlich langanhaltender Trend, außer in diesem Jahr. Es ist eine Kombination aus kariertem Design und 3D-Bildern. In diesem Bild sehen Sie die Kombination aus 3D-Rendern und einer Illustration. Ich nehme an, dass das Tablet 3D gerendert ist und die anderen Objekte 3D-Illustrationen sind. Und natürlich sieht man es in Kombination mit dem flachen Design. Ein weiteres gutes Beispiel für die Kombination von 3D und flachem Design ist ein Einzelhandelsgeschäft. Einige Einzelhandelsgeschäfte verwenden die 3D-Renders anstelle der Fotografie, um die Eigenschaften des Produkts besser zu präsentieren. nächste ist ein Topographie-Trend. Sans Serifenschriftarten sind zurück und sie schaffen diesen klassischen, raffinierten Look, der jedes Design erhöhen und profitieren kann. Der nächste Trend ist die authentische Repräsentation. Authentische Darstellung in Fotografie und Illustration zeigt die Vielfalt, die Vielfalt der Menschen da draußen, verschiedene Altersgruppen, Hintergründe, Formen , Größen und Hautfarbe. Und die letzten beiden Trends, die Instagram-Traktate. Der erste ist die Design-Zitate. Hier können Sie sehen, dass Sie entweder einen einfarbigen Hintergrund verwenden können oder Sie ihn mit einigen anderen Elementen aufpeppen können, um ein Zitat zu entwerfen Sie könnten diesen Trend verwenden, um tatsächlich ein Karussell mit Text oder Bildern oder Kombinierer zu erstellen, beide , um mehr Engagement für Ihren Instagram-Feed zu erstellen. Und mit diesem Trend können Sie Zitate und Fotos kombinieren, um eine Geschichte oder ein abgestuftes Tutorial oder ein Rezept zu erstellen. Und der letzte Trend für diesen Abschnitt ist der farbblockierte Feed. Das Hauptprinzip des Farbblocks ist die Kombination verschiedener Farben und Farbtöne. In diesem Beispiel können Sie Versionen davon sehen. Sie können eine Farbe auf der linken Seite verwenden, die blau ist. Und dann kombinierst du es mit einigen Neutralen. Und auf der rechten Seite sehen Sie dieses Türkis kombiniert mit Hot Pink. Sie können es zum Beispiel für einen Teil Ihrer Füße verwenden. Es muss also nicht alles sein, was Sie in diesen zwei oder drei Farben posten. Sie können eine Regel für sich selbst festlegen. Zum Beispiel würden neun Bilder, die ich poste, in dieser Farbkombination sein, und dann wäre das nächste in einer anderen Farbkombination. Sie können auch eine Art von Farbverlauf erstellen. Wenn Sie zum Beispiel dieses Türkis und Rosa für neun Fotos verwenden könnten die anderen neun Fotos sagen, grün und rot sein. Und dann, was die Leute durch Ihren Feed scrollen werden. Sie konnten sehen, wie sich dieser schöne Farbverlauf ändert, während sie scrollen. Wenn es um Trends geht, müssen Sie sie nicht alle verwenden. Sie können 12 oder drei ausprobieren, kombinieren und sehen, was für Sie funktioniert. Also das ist es für die Transaktion. Gehen wir zum nächsten. 10. Inspiration und Tipps: Hier ist unsere letzte und eine der spannendsten Lektionen der Klasse. Die Inspiration, die wir mit Interesse beginnen Interesse ist eine Plattform mit Fotografien, und er kann Inspiration in praktisch jedem Bereich des Lebens finden. Geben Sie einfach einen Begriff in das Suchfeld ein, und Sie beschränken sich. Ah, viele Bilder, die dir Ideen geben können. Inspiration. Die nächsten Quellen. Dribble Dribble ist eine beliebte Plattform unter Designern, auf der sie ihre Arbeit präsentieren. Meiner Meinung nach ist diese Arbeit meist konzeptionell, aber diese Konzepte können Sie tatsächlich auch dazu veranlassen, etwas Spannendes zu schaffen, das im wirklichen Leben umgesetzt werden kann . Schlimmer ist die Website, die das beste Webdesign der Welt präsentiert. Und zum Beispiel haben sie die Sektionsseite des Tages, so dass Sie es jeden Tag auf neue und inspirierende Websites überprüfen können . 100 Jahre Ballhaus. Dies ist das Projekt, das 100 Jahre Ball House gewidmet beginnt Schauspiel-Experimente . Das ist die Website der Statistik. AKI , der bestimmte Experimente mit Grid und mit dem visuellen Design und diesem speziellen über dynamische Rastersysteme erstellt , ist ein wirklich cooles Experiment. Natürlichwerden wir, werden wir, jeder Anfänger Designer fragt, Wie kann ich besser werden. Und, äh, ich schätze, je mehr Sie lernen, desto mehr erkennen Sie, wie viel Sie noch nicht wissen. So gibt es immer Raum für Verbesserungen. Also möchte ich Ihnen ein paar Tipps geben, wo Sie sich inspirieren lassen und wo Sie lernen können . vor allem Lernen Sievor allemvon der Kunst. Gehen Sie zu Museen, erkunden Sie Ausstellungen. Es gibt eine Menge Dinge, die bereits getan wurden, die Sie inspirieren können, Filme anschauen und die Farben und Filme studiert. Oder Sie können auch Komposition studieren. In Filmen. Sie können Bewegung auch aus Filmen studieren. Sie können Farbe und Komposition in großartiger Fotografie studieren. Sie können Fotografen in der Reihe folgen. Sie können zu Fotoausstellungen gehen, und ich denke, Fotografie ist eine wirklich endlose Quelle der Inspiration und des Wissens für Designer. Eine weitere Inspirationsquelle ist die Architektur. Äh, es kann Ihnen helfen, die Zusammensetzung und Proportionen zu verstehen. Also im Grunde, jedes Mal, wenn Sie nach draußen gehen, um einen Spaziergang zu machen, können Sie sich die Gebäude ansehen und Sie können versuchen herauszufinden, welche Art von Regeln verwendet wurden, um das eine oder andere Gebäude zu schaffen und nur im Allgemeinen nach draußen zu kommen und sich umzusehen. Sie müssen sich die Gebäude nicht ansehen. Wenn du nicht willst, kannst du dir alles um dich herum ansehen. Sie können sich die Art und Weise ansehen, wie Menschen sich kleiden, wie sie Farben kombinieren und wie sie Proportionen schaffen können. Sie können sich Fahrzeuge, Fahrräder, Fahrräder, Autos ansehen. Hey, kann eine Abkürzung oder andere technische Konstruktion alles um Sie herum aussehen, besonders. Die Natur kann Sie inspirieren und Ihnen etwas über Design beibringen. andere Art des Lernens ist das Konstrukt. Wenn Sie das Design einer bestimmten Webseite oder eines Boasters mögen, versuchen Sie es zu kopieren. Versuchen Sie herauszufinden, wie das funktioniert, wie es gebaut wurde. Wenn Sie neu erstellen und primieren können, was dieses Design so großartig macht, wird es auch Ihr Wissen in Ihrem Designniveau verbessern. Und das letzte, wenn ich seine Belichtung habe, desto mehr werden Sie großen Beispielen von Design ausgesetzt, wo es eine große Verwendung von Farbe oder Typografie oder Gitter oder Kompositionen, desto besser erhalten Sie ein Design. Du entwickelst dich weiter und entwickelst deinen Geschmack. Ich hoffe, Sie haben sich von diesen Beispielen inspirieren lassen. Ich hoffe, Sie mögen diese Klasse und wir sehen uns bald 11. Zusammenfassung: Also, das ist es, Leute. In dieser visuellen Designklasse haben wir sehr wichtige Prinzipien und Regeln behandelt, wie z. B. die Arbeit mit Grid-Typografie, Farbbildern und Weißräumen, die Huhn angewendet hat, um Ihre eigenen visuell beeindruckenden Inhalte zu erstellen . Lassen Sie mich wissen, wie es in Bezug auf die Arbeit an Ihrem Klassenprojekt oder einigen anderen Projekten geht. Wenn du Hilfe für Feedback zu deiner Arbeit brauchst, helfe ich dir immer gerne weiter. Bitte zeigen Sie diesen Kurs, wenn es Ihnen gefallen hat. Geben Sie mir ein Feedback. Ich würde gerne von Ihnen hören.