Digitale Design-Theorie für Grafikdesigner: Social Media, Web und mehr

1. Kurs-Einführung: Dieser kurze Theorie-Basiskurs führt Sie durch die digitale Designtheorie, einschließlich Best Practices für soziale Medien, Website-Icon-Design und statisches digitales Display-Design. Ich werde Ihnen das digitale Design vorstellen und was das digitale Design von Print-Design unterscheidet . Unsere anderen traditionellen Design-Medien, die zuerst über starke Social-Media-Design sprechen und wie die Zuschauer Aufmerksamkeit zu erregen und sie durch Kontrast zu engagieren. Farbe und Fotos. X wird Web- und Mobile-Design abdecken und über die Bedeutung der Typhierarchie sprechen und verstehen, welche Rolle ein Grafikdesigner spielt und Web-Design-Projekte mehrere Beispiele für Layouts überprüfen , die gut funktionieren und konvertieren und über die Gründe sprechen, warum umfassen auch Zugänglichkeit, bedingtes Design und wie man an andere mit physischen Einschränkungen denken kann, wenn man digitale Erlebnisse kreiert . Schließlich werden wir über starke Prinzipien und statisches digitales Design sprechen, wie böse Covers, E-Mail-Kampagnen, digitale Werbetafeln und vieles mehr. Dieser Kurs behandelt alle Themen Vigil Design und macht Sie nicht nur bereit, mit Design in der modernen Welt auf dem Laufenden zu bleiben , sondern ich gebe Ihnen eine grundlegende Grundlage, um neue, spannende, digitale fokussieren Projekte 2. Einführung in digitales Design: digitales Design bezieht sich auf jedes Design, das für den digitalen Raum entwickelt hat, einschließlich mobiler Geräte, Tablets, Desktop-Computer, Projektorleinwände, große digitale Plakatwände und vieles mehr. Grafikdesigner haben sich in der Vergangenheit hauptsächlich auf Print-Design-Projekte wie Visitenkarten, stationäre Zoo-Banner, T-Shirts , Hüte, stationäre Zoo-Banner, T-Shirts, Hüte, Paketdesign konzentriert. Aber im Laufe der Zeit wird es nur B'mehr und mehr Nachfrage nach digitalen Projekten geben. Es liegt an Ihnen als Designer, sich mit allen Aspekten des digitalen Designs vertraut zu machen, so dass Sie sich wohl fühlen können, auch für super kleine Bildschirme und super große Projektionswände zu entwerfen Projektionswände . Alle digitalen Design-Projekte werden mit Pixeln, Pixeln oder Quadraten des Lichts bemessen , die entweder weiß, rot, grün, blau oder schwarz sein können rot, grün, . Alle digitalen Displays werden mit einem bestimmten Bereich von Pixeln erstellt. Ihre 10 80 p Breitbild-TV Bilder Air erstellt mit einer Kombination aus 1920 Pixel und mit 10 80 Pixel und Hype, so dass Bildschirm insgesamt 2.073.600 Pixel. Das sind viele Pixel, die entweder wussten, dass sie einfach eingeschaltet werden, um dieses Bild mit hoher, gestochen scharfer Auflösung zu erzeugen . Vier Fallkörner mit noch unglaublicher Anzahl von Pixeln Zehe beleuchten den Bildschirm mit 2160 Pixeln in der Höhe und 38 40 Pixeln. Und Peitsche. Ich denke, der schwierigste Aspekt bei der Arbeit mit digitalen Designprojekten als Designer ist die breite Palette von Bildschirmen, mit denen wir bereit sein müssen, mit denen wir arbeiten können. Manchmal könnten sie kleiner als ein iPhone acht Bildschirm kommen und nur 750 Pixel breit und 1334 Pixel hoch sein. Noch kleiner ist eine mobile Display-Anzeige mit nur 300 mal 50 Pixeln. Ich denke, der Schlüssel, um ein großartiger digitaler Designer zu sein, ist zu verstehen, wie man kleine Größen am besten zu Ihrem Vorteil nutzen kann. Zum Beispiel eine einfache Social-Media-Kampagne. Nehmen wir an, wir haben verschiedene Größen, mit denen wir arbeiten müssen, aber wir müssen irgendwie einige grundlegende Informationen kommunizieren, die der Kunde benötigt. Da unsere Größen kleiner und kleiner werden, müssen bestimmte Zugeständnisse gemacht werden, und es liegt an Ihnen, dies herauszufinden und mit dem Kunden zu kommunizieren. Diese Zugeständnisse, zum Beispiel, in unserer Social-Media-Kampagne, haben wir mit großen Facebook-Beitrag begonnen, und dann müssen wir statische Display-Anzeigen erstellen oder es gibt kleine Anzeigen, die Sie auf -Websites an der Oberseite und an den Seiten eines Inhaltsblocks oder eines Blawgs. Einige dieser Display-Anzeigen können sehr klein sein. Kleiner noch, sind diese mobilen Display-Anzeigen. Wir müssen unser Hauptkonzept und Thema irgendwie in kleinere Bereiche überzeugen, aber immer noch konsequent Branding unsere Botschaft und unser Hauptkonzept der Kampagne. Und wir tun dies, indem wir uns auf das konzentrieren, was in diesem Fall am wichtigsten ist. Die aufgerufene Aktion ist der wichtigste Teil einer Anzeige, und ohne Grund, auf die Zielseite zu klicken, wird Ihre Website von der Anzeige kein Wert erstellt. Es ist nur statisch, und das sind nur soziale Medien. Es gibt so viele Kategorien und digitales Design, die von einem Grafikdesigner abhängen, um die Grafik zu entwickeln . Denn es gibt auch die Gestaltung für mobile. Dies könnte mobile, APS oder sogar mobile Versionen von Websites sein. Welche Farben zu verwenden, wie verwende ich Kontrast, welche Gedanken verwende ich? All diese Entscheidungen spielen eine große Rolle in der Effektivität einer mobilen App oder Website. Es gibt auch ein größeres Format. Digitale Grafiken wie die, die Sie in Ihrem lokalen Stadion sehen. Ihre Powerpoint-Folien für große Konferenzen, die gemacht werden müssen, die mit dem Branding der Konferenz übereinstimmen . Es gibt sogar großformatige digitale Werbetafeln, die immer mehr bevorzugt über den alten Stil gedruckte Plakatwände. Aufgrund der geringeren Kosten für die Ausführung einer digitalen Plakatwand, müssen Symbole wie die, die Sie für APP-Symbole auf Ihrem Telefon sehen, auch erstellt werden. Es gibt eine spezielle Methode, um diejenigen zu erstellen, die ein spezielles Gitter verwenden, das von Apple erstellt wurde, um die effektivste Platzierung von Elementen zu finden. Bestimmte Symbole können besser gesehen werden als andere und ein Meer von verschiedenen App-Symbolen. Manchmal kann die Verwendung von Farbe wie ein Rot helfen, ein wirklich auffallen in diesem C oder einer einfachen Form oder einem Buchstaben. Außerdem gibt es Symbole, die für APS, Websites und Anwendungen erstellt werden müssen . Es gibt eine Kunst, Symbole zu schaffen, die komplexe Aktionen kommunizieren. Die Verwendung der am meisten vereinfachten Formen ist möglich. Symbole können nur 50 mal 50 Pixel und Größe jeder Zeit, so dass in der Lage, ein komplexes Konzept zu vereinfachen ist etwas gelernt und praktiziert Icons, die als Set zusammen verwendet werden, müssen ein konsistentes Aussehen und Gefühl haben. beispielsweise Diese habenbeispielsweiseeine ähnliche Strichgröße im gesamten Satz, und sie stoppt dort nicht. Es gibt auch video-basierte Thumbnails, die für YouTube und andere Plattformen erstellt werden müssen . Diese müssen konvertieren und effektiv sein, um den Benutzer zu zeichnen, um durch das Video zu klicken. Wie Sie Fotos, Farben und Typografie verwenden , tragen alle zur Effektivität des Videos und Klickraten bei. Zum Beispiel, YouTube-Miniaturansichten, die einfach in der Natur sind und einen Hauptschwerpunkt haben, neigen dazu, besser zu machen als diejenigen mit Tonnen von Text und Fotos. Auch diese Miniaturansichten mit Gesichtern von Personen neigen dazu, besser mit Miniaturansichten mit nur Text zu konvertieren . Dies liegt daran, dass wir, als Menschen dazu neigen, sich mit menschlichen Gesichtern und der menschlichen Psychologie zu verbinden, eine große Rolle im digitalen Design spielen können. Es gibt auch e Buchcover, und sie neigen dazu, den Umsatz basierend auf der Effektivität des Coverdesigns zu steigern. Manchmal ist das Cover eines Buches das einzige, was der Betrachter sieht, wenn er Hunderte von möglichen Buchauswahlen sortiert und ein digitales Buchcover erstellen kann, das konvertiert und lockt und verkauft. Das Buch kann den Unterschied zwischen guten Verkäufen und großen Verkäufen machen. Wie Sie sehen können, haben Designer große Rollen in der zusätzlichen Welt zu spielen, und es ist unsere Aufgabe, sicherzustellen, dass wir bereit sind, schnell hochwirksame Bilder zu erstellen, die Umsatz für uns selbst, unsere Kunden und die Unternehmen, für die wir arbeiten. 3. Design für soziale Medien: Was geht in die Gestaltung eines Bildes für die Verwendung in sozialen Medien? Was sind Dinge, die bekannt sind, dass sie effektiv sind und diese hohen Bälle zu unseren Inhalten ziehen ? Es gibt einige grundlegende Regeln und Tipps, die Ihnen helfen können, effektiver zu sein. Designer von Social-Media-Inhalten Zunächst einmal, verstehen Sie Ihre Zielgruppe. Wen versuchst du zu reden? Teoh? Versuchen Sie, die Zielgruppe zu verstehen, indem Sie demografische Informationen studieren. Bekommen Sie diese Informationen für wen auch immer Sie arbeiten? Wird Ihre Posteranzeige eingeblendet? Zwei Frauen mehr als Männer? Tarnst du auf die? Und eine jüngere Demographie, die gestalten und formen könnte, wie Sie sich dem Design nähern? Eine ältere Demographie könnte einen konservativeren Designansatz benötigen, während ein jüngeres Publikum mehr mit etwas Mutigerem verbinden könnte und aufhört. Schließlich, wo sie geografisch angesiedelt sind, könnten diejenigen in den Vereinigten Staaten mehr mit einem bestimmten Design verbinden als jemand aus Südamerika oder Asien, vielleicht mit Fotos, die die Zielgruppe am besten repräsentieren. Mehr könnte in diesem Zusammenhang mit Ihrer Anzeige helfen authentisch zu sein und es scheint offensichtlich. Aber authentisch zu sein ist einfacher gesagt, dass vor allem in der Arbeit mit Kunden tun bezahlte Werbung getan . Kunden wollen Produkte Angebote und Dienstleistungen zu schieben. Aber wir müssen Wege finden, um ein Design zu schaffen, das dies weniger wie Ihre Standardangebote aussehen wird. Wir sehen jeden Tag, und sie machen einen überzeugenderen Standardangebote aussehen wird. Wir sehen jeden Tag, Zeh. Unsere Zielgruppe. Zum Beispiel können wir eine einfache Anzeige für ein Tiernahrungsunternehmen erstellen und eine Tüte Lebensmittel direkt in der Mitte der Social-Media-Anzeige mit einem einfachen Gutschein platzieren . Es scheint sehr traditionell, aber, na ja, was, wenn wir ein Bild von einem Haustierbesitzer verwendet, der ihren Hund und dann das Foto eines Produkts genießt ? Besser noch, was wäre, wenn wir mit ihnen auch eine clevere Schlagzeile verbunden sind? Dies sind kleine kleine Anpassungen und Änderungen Zehe Anzeigen, aber sie können einen großen Einfluss darauf haben, wie effektiv die Anzeige verwendet wird. Kontrast gut, und wir sprechen über Kontrast in fast jeder Lektion dieser Klasse. Kontrast ist der einfache Unterschied zwischen Designelementen. Je dramatischer der Unterschied ist, desto höher ist der Kontrast. Wir können Kontrast effektiv als Designer verwenden, um die Augen des Benutzers in den wichtigsten Teil der Anzeige zu ziehen , der Regel den Aufruf zum Handeln, oder dass mittlerweile nach oben für mehr Schaltfläche oder Bereich streichen. Aber wir können auch den Kontrast zu unserem Typ verwenden, indem wir ein Wort in unserer Überschrift hervorheben, um ein günstigeres Wort hervorzubringen, das dazu beiträgt, die Menschen in Richtung unseres Hauptziels für die Anzeige zu bringen. Beispielsweise kann diese Anzeige, die Kontrast verwendet, um dieses Wort in die Überschrift zu bringen, um den Benutzer in das Gesamtkonzept des Anzeigenkontrast zu ziehen , leicht für viele Elemente verwendet werden, die sich dramatisch unterscheiden, kann dazu führen, dass eine Anzeige ausgelastet veraltet und sehr schwer zu betrachten Kontrast ist am besten sparsam und mit einem Zweck zu verwenden. Verwenden Sie Fotos, die sich mit dem Betrachter verbinden. Das geht auch auf authentische Weise zurück. Die Fotos würden wählen könnte enorme Auswirkungen auf die Zeichnung der Zuschauer in. Und das gilt auch für traditionelle Print-Anzeigen. Nehmen Sie zum Beispiel diese Anzeige für ein Fitnessstudio, wir können das Standard-Foto verwenden, das leicht überblickt wird, wo wir ein Bild mit höherer Wirkung verwenden können , um diese Zuschauer zu zeichnen und stoppen sogar nur für eine Sekunde, um einen zusätzlichen Blick auf das Foto und die Anzeige. Vollfarbfotos neigen dazu, Benutzer zu zeichnen und mehr als Schwarz-Weiß erinnern sich in sozialen Medien . Du hast die wenigste Zeit, um Leute in dein Poster zu ziehen. Fügen Sie die geringste Menge an anderen Werbeplattformen hinzu. Denken Sie darüber nach, wie schnell Sie durch Ihren Instagram-Feed scrollen. Nicht viel Zeit, ist es Fotos von dem ersten, was die Leute sehen und sie beginnen, den Text zu lesen. Als nächstes nutzen Sie dies zu Ihrem Vorteil. Wie Sie beschneiden. Ihr Bild ist auch riesig. Wir können Dinge gewöhnlich oder dramatisch aussehen lassen, indem wir es in diesem Beispiel des Mädchens an einem exotischen Ort auf die überzeugendste Weise zuschneiden . Auf diese Weise zuschneiden. Es sieht schön aus, aber auf diese Weise zuschneiden. Es scheint fast magisch und inspirierend. Fühlen Sie sich frei, Ihre Fotos zu bearbeiten. Um Farbknöpfe hinzuzufügen, können Sie dies leicht tun, indem Sie neue Ebenen zu den Fotos und Fotoshop oder einem Foto-Editor hinzufügen und Mischmodi verwenden , um Farbe zu zeichnen, um Sonnenuntergänge zu machen. Und noch dramatischer, ich habe sogar gesehen, wie Menschen in verschiedenen Wolken klonen, um wirklich die Szene zu setzen. Aber bitte seien Sie vorsichtig damit, auch authentisch zu sein. Weil berühmte Social-Media-Influencer in Schwierigkeiten für das Hinzufügen und gefälschte Wolken oder Foto-Shopping, ihre Körper bekommen haben oder Foto-Shopping, . Es gibt eine feine Linie, und es liegt an Ihnen zu entscheiden, wo diese Linie für Sie und Ihre Zuschauer fällt. Was auch immer Sie tun, stellen Sie sicher, dass Sie eine wahre, glaubwürdige, authentische Geschichte erzählen. Verwenden Sie Vielfalt. Denken Sie an Ihre Social Media Post und Kampagnen als Wandteppich der Kunst. Es muss eine gewisse Markenkonsistenz in allem geben, aber das bedeutet nicht, dass Sie Cookie erstellen müssen. Cutter fügt hinzu, dass alle das gleiche Format haben. Manche Leute genießen es, verschiedene Fotos zu sehen, die Schlagzeilen, Arrangements und Stil verwendet werden. Dies ist ideal für Benutzertests, um herauszufinden, was das beste Layout und Effektivität für verschiedene Arten von Anzeigen ist. Social Media ist ein wachsender Teil eines Designer-Skills und zu wissen, wie das Beste für soziale Medien entwickelt , Sie als Designer marktfähiger machen kann. Insgesamt erfordert dies viel Übung und Benutzertests 4. Design für Web: jetzt, was macht eine große Web-Design alle Websites ethisch? Das könnte sein, um Benutzer über zu einem Abonnement-Service zu konvertieren, kaufen Sie ein Produkt für nur nützliche Informationen für den Benutzer. Eine großartige Website ist eine, die seine Zuschauer gut umwandelt. Dies könnte durch die Verwendung von konsistenten Branding, Authentizität und gut geschrieben Kopie effektive Produktfotos und mehr sein. Was ist Ihre Rolle ist ein Grafikdesigner in der Welt des Webdesigns? Nun, wenn Sie im Code eine Website entwickeln können, sind Sie eine seltene Rasse und Sie werden schön bezahlt. Aber da Website-Design immer komplexer wird und Codierung, immer spezialisierter wird und vielleicht keine schlechte Sache ist, um unsere verschiedenen Spezialitäten zu haben, sehe ich Webdesign in der Verantwortung von drei Hauptbeiträgern. Zuallererst gibt es den Entwickler. Er wird das endgültige Design nehmen und es in ein codiertes, riel praktikables Zeug verwandeln . Er benötigt Kenntnisse der Front-End- und Back-End-Codierungssprachen, serverseitigen Sprachen und Mawr. Ah, hochspezialisiertes Individuum. Er konzentriert sich auf die technische Seite der Dinge. Wie funktioniert es? Und neu in die Gruppe in den letzten 10 Jahren ist der UX Designer oder User Experience Designer. Viele Grafikdesigner beginnen, dieses Designfeld zu lernen, und es wächst an Popularität. Der UX-Designer wird einen Großteil der Benutzertests und Recherchen durchführen, um herauszufinden wie sich der Benutzer durch die Website bewegen muss. Dies bedeutet, dass sie eine User Journey abbilden, damit Sie wissen, wie viele Hauptmenüoptionen es für den Benutzer geben muss und wie viele Schritte in jedem Prozess, um den Benutzer zu seinem Ziel zu bringen. Dies erfordert einen Thanh an Forschung und etwas namens Drahtrahmen. Drahtraming ist für einen UX-Designer weg, um den Fluss einer Website abzubilden und Bereiche zu blockieren in denen eine Schaltfläche gehen muss. Ah, Foto oder wo Optionen für den Benutzer liegen können. Dies beinhaltet selten endgültige Grafiken und kann manchmal einfach nur große Out-Boxen sein. Was ist mit der coolen Grafik, dem Branding, den Farben? Hier sind Sie der Grafikdesigner. Ich, User Interface Designer, könnte reinkommen und die visuellen Details wirklich ausschmecken. Sobald Sie das grundlegende Umriss Site-Map Framework haben, ist es Ihre Aufgabe, Symbole Style-Guides zu erstellen, einige grundlegende Layout-Ideen, damit der Entwickler dies codieren und es zu einer wirklich polierten Realität machen kann . Jetzt, wo wir unsere Rolle kennen, wie erstelle ich ein effektives Website-Design oder ein mobiles App-Design? Und es gibt einige grundlegende Ideen, die man im Auge behalten sollte, indem man Kontrast verwendet. Und hier sprechen wir noch einmal über Kontrast. Kontrast ist eine gute Möglichkeit, den Benutzer auf eine Reise zu seinem gewünschten Ziel zu führen. Dies könnte in Richtung eines Einkaufswagens, den wir rot verwenden können, die eine höhere Kontrastfarbe hier unter dem Meer von Weiß wäre. Damit der Benutzer den Warenkorb leicht finden kann, macht seine Erfahrung einfacher. Sie Größe zu Ihrem Vorteil. Was meinst du? Konvertiert besser in diesem e-Commerce-Store-Layout, eine Produkt-Funktion, die ein kleines Foto oder ein, das ein größeres Foto hat. Das größere Foto wandelt sich natürlich besser um, da es dem Betrachter eine bessere Vorstellung von dem Produkt gibt , auf das er sich gerade anklicken kann. Was denkst du, funktioniert besser? 12 Elemente, die auf einem Bildschirm oder ausgewählte drei kuratierte Elemente aufgeführt sind. Die Elemente haben eine größere Funktion, neigen dazu, besser zu machen. Die Leute werden mit zu vielen Optionen überwältigt, wenn Sie diese Optionen für den Betrachter bestraft wurden . Es neigt dazu, diese emotionale Spannung zu reduzieren, wodurch es einfacher ist, eine Option auszuwählen. Insgesamt ist dies der Grund, warum Menschen kuratierte Inhalte wie Nachrichten genießen. Es gibt Hunderte von Nachrichtenartikeln. Wir können es jederzeit lesen. Aber die Größe zu verwenden, um die wichtigsten hervorzuheben, fragt sich für unsere Seele in unseren Köpfen und unsere Umwandlung und klicken Sie durch Raten sauber und einfach. Das ist der Name des Spiels. Lassen Sie uns ein wenig über sauberes Design und Web- und Mobile-Design sprechen. Was denkst du, funktioniert besser, Das Layout auf der linken Seite oder das Layout auf der rechten Seite? Die Vereinfachung des Designs kann dazu beitragen, dass sich der Benutzer weniger überwältigt fühlt, genau wie es getan hat, wenn wir ihnen mehr gegeben haben. Selektive Optionen basierend auf Größe haben ein Gefühl der Hierarchie. Haben Sie nicht das Gefühl, dass Sie alles in einen Bereich stopfen müssen. Es werden bestimmte Gegenstände sein, die beamen oder wichtig sind als andere. Zum Beispiel verkaufen bestimmte Produkte besser und werden eine oberste Priorität haben. Hierarchie kann auf verschiedene Arten auf Mobil- und Webdesign angewendet werden. Sie haben Typhierarchie, die definiert werden könnte, indem Sie eine Schriftgröße festlegen und auf Ihren größten Überschrifttyp warten und dann langsam auf kleinere Überschriften arbeiten. Dies wird normalerweise durch den Begriff H eins für die größte und hinunter zu H zwei h drei , h vier usw. für kleinere Überschriften angegeben. Dann haben Sie Ihre Haupttextkopie oder Ihren Absatzgrößentyp , der normalerweise eine einfache Schriftart, ein normales Gewicht und ein wenig kleiner im Vergleich zu den Überschriftengrößen ist. Ihre Aufgabe ist ein Designer ist es, diesen Sinn der Hierarchie im Design zu etablieren und zu setzen. Nehmen Sie dieses Beispiel. Das Beispiel auf der rechten Seite nicht wirklich verwenden Typ sind Schlüsselelemente oder ähnliche Größen, und sie haben fast Null Kontrast. Aber das Beispiel auf der linken Seite etabliert ein starkes Typhierarchiesystem, das unterschiedliche Stile für bestimmte Arten von Informationen, Schlagzeilen und Unterzeilen verwendet , was dem Design und geordnetes Gefühl verleiht. Wir könnten das Gleiche mit Druckdesign machen, und es übersetzt sich gut ins Web. Schriftauswahl ist alles, was nicht nur im Webdesign wichtig ist, aber alle Design-Projekte finden Entscheidungen sind alles. Größere gekämpfte Größen können enorme Auswirkungen auf Landing Pages haben, um den Umsatz zu steigern, sind eine Aktion oder emotionale Reaktion zu fördern. Pontes, die zu klein sind, kann sich auf Lesbarkeit und Effektivität auswirken. Die beste Methode für die Auswahl von Schriftarten für Ihr digitales Projekt ist es, es einfach und ordentlich wie möglich zu halten . Sie möchten sicherstellen, dass Ihre Schriftarten jederzeit alle Kästchen aktivieren. Nummer Eins. Es ist lesbar in der endgültigen Größe. Eine Schriftart, die auf einer Desktop-Website verwendet wird, kann schön und groß und lesbar aussehen. Aber wenn es auf die mobile Version der Website schrumpft, ist es immer noch lesbar und behält nicht die gleiche Wirkung? Nummer zwei. Sie verwenden nicht zu viele verschiedene Schriftarten. Versuchen Sie, mehr als drei Schriftarten auf einer Webseite oder einer digitalen Grafik zu verwenden, es sei denn, es gibt einen bestimmten Grund für kreatives Design. Um das zu tun. Vermeiden Sie die Verwendung ähnlicher Schriftarten, wie Helvetica in der Nähe von Ariel. Sie sind beide sehr ähnlich in einer Periode Aussehen, und sie sind beide serifenartige Schriften, die den Betrachter verwirren, von dem man die ist. schließlich sicher, dass es leicht zu lesen ist, indem Sie die Zeilenlänge angemessen halten. Welche Spalte mit Informationen ist einfacher für Sie zu lesen? Die Version auf der linken Seite ist die Version auf der rechten Seite. Das Recht ist höchstwahrscheinlich leichter zu lesen, da die Gesamtlänge unserer Linienlänge des Typs für die Augen leichter zu lesen ist. Gleiches gilt für Druckprojekte. Sie möchten in der Lage sein, Ihre Zeilenlänge nicht länger als 60 Zeichen pro Zeile zu halten. Sie können Spalten und Fotos verwenden, um dies für Sie besser zu machen. Haben Sie keine Angst, mit Ihrer Typografie und Ihrem digitalen Design ausdrucksstark zu sein. Wir verwenden die Standardschriftarten wie Helvetica für Danna eine Antenne, weil sie websicher waren und jedermanns Geräte diese vorinstalliert hatten. Heutzutage können wir Schriftarten in der Cloud speichern. Beispielsweise behält Google Fonts alle Schriftarten in der Cloud, sodass Sie jetzt eine größere Auswahl an Schriftarten laden können . Und die Leute müssen sie nicht andere Computer installiert haben, um sie in ihren Browsern zu sehen . Dies hat eine Welt expressiver kreativer Typografie im Web eröffnet. Jetzt müssen wir keine Bilder mehr verwenden, um ausdrucksstarke Schriften oder Typografie zu zeigen. Wir könnten es lebendig machen, was bedeutet, dass die Leute es auswählen, kopieren mit ihm interagieren und manchmal kann man es sogar bewegen. Als Designer könnten wir Justus sein, kreativ wie wir mit Printprojekten mit digitalen Projekten sind. Experimentieren Sie mit interessanten Typografie für Ihre Schlagzeilen. San Serif-Schriften sind in der Regel über den Tag der Vergangenheit, aber jetzt sehen Sie immer detaillierter sehr von Schriften und sogar Skript-Schriften live auf digitalen Schnittstellen. Die einzige Warnung hier ist, sicherzustellen, dass Sie ausdrucksstarke und detaillierte Typografie nicht allzu oft in Ihrem digitalen Design verwenden . Sie könnten große Aufmerksamkeit auf Überschriften haben, aber vermeiden Sie, zu viele benutzerdefinierte eindeutige Schriftarten für kleinere Bereiche der Textur, Kopie und Absätze zu verwenden . Es ist am besten, diese wirklich ausdrucksstarken, schönen Schriften bei maximaler Lesbarkeitzu halten schönen Schriften bei maximaler Lesbarkeit und sie für Schlagzeilen zu verwenden. Studieren Sie beliebte und neue Möglichkeiten der Anzeige von Informationen gibt so viele neue Möglichkeiten , um ein Menü anzuzeigen. Was vorher populär war, war das Hamburger-Menü in der mobilen App oder Website-Design. Es ist ein einfaches Symbol, das ein Schiebemenü erweitert hat. Dies war schön und bot dem Benutzer einfachen Zugriff auf ein Menü, ohne zu viel Platz auf dem oberen Ofen App-Bildschirm zu nehmen . Aber mit Telefonen immer viel, viel größer, der Benutzer muss jetzt ihre Figur gehen den ganzen Weg bis an die Spitze ihres Telefons, um auf dieses Hamburger-Menü zugreifen . Jetzt Regalmenüs am unteren Rand neigen dazu, von den Benutzern bevorzugt zu werden. Diese kleinen Entwicklungen und Sie I oder User Interface Design einer mobilen App, zum Beispiel, sind kleine Dinge, die Sie beachten müssen. Wenn Sie daran interessiert sind, digitales Design zu perfektionieren, müssen wir zuerst über Mobile nachdenken. Vor nicht allzu langer Zeit haben wir über die Desktop-Version einer Website nachgedacht, und dann haben wir herausgefunden, wie sie sich am besten an einen kleineren mobilen Bildschirm anpassen würde. Nun, die Zeiten haben sich geändert, und jetzt müssen wir diese Mentalität umschalten. Ein guter Standard-Weg, um jetzt zu entwerfen, ist es, zuerst kleinere Größen zu entwerfen und dann Ihren Weg bis zu größeren Größen zu arbeiten . Also, zum Beispiel, beginnend mit einer mobilen Version einer Website, und dann müssen Sie herausfinden, wie es erweitert wird, wenn es in einem Browser auf einem Tablet ist? Und schließlich möchten Sie sehen, wie es auf einem größeren Desktop-Bildschirm aussieht. Gleiches gilt für E-Mail-Newsletter. Wie Siebeispielsweise eine E-Mail auf Ihrer iPhone-E-Mail-Anwendung anzeigen, beispielsweise eine E-Mail auf Ihrer iPhone-E-Mail-Anwendung anzeigen, sieht viel anders aus als die Art und Weise, wie Sie diese E-Mail auf Ihrem Desktop anzeigen. Die Bilder strahlen viel kleiner aus, als Sie erwarten, wenn Sie auf Ihrem Telefon angezeigt werden. Und es ist die beste Vorgehensweise, dies bei der Erstellung eines digitalen Designbildes zu beachten. Und das führt zu Responsive Design. Was ist Responsive Design? Es ist einfach, wie Website reagiert, wenn es in verschiedenen Browsergrößen angezeigt wird. Manchmal wurden Elemente zusammengeklappt, um es auf einem mobilen Gerät leichter zu sehen. Manchmal werden Elemente auf einem mobilen Gerät nicht angezeigt, wenn es in eine kleinere Größe konvertiert wird, z. B. ein Foto . Diese Entscheidungen sind alle wichtig für Sie zu verstehen, wenn Sie sowohl für größere als auch für kleinere Größen und etwas, das Sie und Ihr Entwickler als Team vereinbaren. 5. Design für Barrierefreiheit: wir müssen über die Zugänglichkeit für die Zuschauer mit besonderen Bedürfnissen nachdenken. Dies ist viel wichtiger, als Sie erkennen, und etwas, das Sie sicherstellen können, dass für alles passiert, für das Sie entwerfen. Das Web- oder Mobilgerät denkt über die Farbe blind Beim Erstellen Ihrer Farbpaletten . Denken Sie an diejenigen, die farbblind sein können. Verlassen Sie sich nicht vollständig auf Farbe, um den nächsten Schritt oder Call to Action zu kommunizieren. Aber zum Beispiel, deshalb haben wir hier zwei Tasten. Wenn wir andere Indikatoren hinzufügen, dass diese Taste ist wichtig zu drücken, wie Verdickung der festen Basis sind das Hinzufügen einer speziellen Grenze. Es könnte ein weiterer Indikator sein, um dem Benutzer zu helfen, der diese leuchtend rote Farbe möglicherweise nicht sieht. Nein, es ist das nächste, was zu tun ist. Ein guter Trick, um zu sehen, ob dies funktioniert ist, machen Sie Ihr Design völlig schwarz-weiß für eine Zeit, um zu sehen, ob Sie Ihre Website als nur schwarz-weiß navigieren können, genau wie Sie, wenn es eine Vollfarb-Version wäre. Wir müssen auch über Sehbehinderte nachdenken. Dasselbe gilt, um sicherzustellen, dass genügend Kontrast zu Ihren Farben und Elementen vorhanden ist. Geringer Kontrast, vielleicht schwieriger für Menschen mit Sehbehinderungen, Ihre Website zu sehen und zu navigieren. Entwerfen von Formularen ist ein gutes Beispiel. 1 000 000. Sicher, dass Sie genug Kontrast in Ihrem Design haben, wenn wir gerne Platz sparen möchten, wenn möglich. Manchmal legen wir das Etikett oder den Namen in die Eingabeblase ein. Aus Kontrastgründen ist es leichter zu lesen, wenn das Etikett oben oder außerhalb der Blase platziert wird. Der nächste Punkt ist etwas, das vielleicht mehr für den Entwickler oder den Programmierer, aber sicherstellen, dass Ihre Bilder alternative Beschreibungen oder alternative Beschreibungen haben, so dass ihr hörbarer Webreader in der Lage sein könnte, die Beschreibung des Fotos zu sprechen. So verpassen sie nicht die Auswirkungen der Visuals. Eine andere zu denken ist auch sicherstellen, dass Sie Ihre Website mit nur einer Hand navigieren können , zum Beispiel, um sicherzustellen, dass Sie die Tab-Taste verwenden können, um sich durch Ihre Website zu bewegen. Ich benutze nur eine Tastatur. Wenn sie sich auf einem Telefon befinden, stellen Sie sicher, dass Schaltflächen und Aktionen nicht zu weit voneinander entfernt sind. Zum Beispiel kann das Menüsystem Zugriff auf mit einer Hand oder einer Figur verwendet werden, weil es am unteren Rand des Bildschirms Es gibt auch die Hörgeschädigte. Wenn Sie irgendeine Art von Grafik oder Video verwenden, stellen Sie sicher, dass Untertitel verfügbar sind. außerdem sicher, Sieaußerdem sicher,dass Audio in Ihrem digitalen Designererlebnis nicht erforderlich ist. Mit besonderen Ausnahmen, natürlich, natürlich, es gibt so viel mehr, was er tun könnte, um zugänglich digitale Design-Erfahrungen für Benutzer zu machen. Und es ist großartig, diese im Hinterkopf zu behalten. Stellen Sie sicher, dass Ihr Code oder Entwickler frühzeitig in diese Diskussionen einbezogen wird, damit sie viele davon implementieren können . 6. Effektives digitales Layout: Wir sprachen über mehrere Aspekte, über die wir bei der Gestaltung von Social-Media-Websites nachdenken sollten. Mobile Erlebnisse mehr. Aber was ist mit statischen digitalen Layouts wie E-Mail-Kampagnen, digitalen Werbetafeln, Icons, Powerpoint-Folien? Jedes Buch deckt alle diese verschiedenen Gegenstände ab. Fangen Sie den Benutzer in einer anderen Situation. Digitale Werbetafeln fangen Menschen, die schnell von ihren Autos fahren und ihre abgelenkt mit einem sehr begrenzten Fokus. Und der Schlüssel zu einem soliden digitalen Billboard-Design und Druck Plakatwände ist, etwas lesbar in fünf Sekunden zu machen . Sie können einfache Hintergründe und Grafiken verwenden, um diesen Prozess schnell und einfach für sie zu machen. Vermeiden Sie Zahlen. Nicht viele Menschen können Telefonnummern aufschreiben, während sie fahren, aber sie können eine einfache erinnern Ihre l oder Website. Was ist mit E-Buchhüllen? Haben Sie in letzter Zeit versucht, ein eBook bei Amazon zu finden? Wissen Sie, wie viele verschiedene Buchumschläge Sie bei der Suche nach einem Buch angeschaut haben? Ich schlage vor, amazon dot com zu besuchen und sich die Bücher oder e Bücher anzusehen. Beachten Sie, wie schnell Sie durch diese Abdeckungen scrollen, die Ihre Augen gelb helle Abdeckungen fangen, diejenigen mit einem überzeugenden Foto. Wir müssen im Hinterkopf behalten, wo und wie der Betrachter zuerst Betrachter Buch decken komplexe Themen Luft schwer zu verdauen, wie sie sind, wenn Sie physisch ein Buch in der Buchhandlung abholen können , so digitale Cover neigen dazu, einfacher in der Natur zu sein. Erkennen Sie ein Thema mit Einfachheit bei digitalen Designprojekten? bin ich sicher. Sie müssen über Ihre Zuschauersituation für jedes andere digitale Projekt nachdenken. Zum Beispiel E-Mail-Kampagnen. Sie können dies auf ihrem Desktop-Computer sehen und ein schönes, großes hochauflösendes Bild sehen. Und die gleiche E-Mail könnte auf ihrem mobilen Browser im Bild angesehen werden ist winzig und hat eine geringe Auswirkung. Wenn es zu beschäftigt ist, müssen wir uns in die Zuschauerschuhe setzen und unsere Entwürfe und verschiedene Situationen testen . Druckdesign scheint jetzt einfach, da es nur ein endgültiges gedrucktes Formular gibt, um das man sich Sorgen machen muss. Aber mit digitalem Design gibt es einen Gedankenwechsel, der passieren muss. Wir müssen über die vielen verschiedenen Geräte nachdenken, auf denen Menschen Ihre Inhalte fürchten werden. Ich habe eine kleine Aufgabe für dich. Studieren Sie Ihre in Box in diesem Monat. Halten Sie Ausschau nach E-Mail-Kampagnen, die Ihre Aufmerksamkeit erregen, nicht nur die Grafik, sondern über das Ganze nachdenken. Selbst die Betreffzeile der E-Mail manchmal Grafiken und Pfeile und sogar Emojis kann helfen, es in Ihrem Posteingang hervorzuheben. So ärgerlich sie manchmal scheinen, sind sie effektiv. Was ist mit einer Kampagne, die Sie dazu antreibt, durch das zu klicken, was das Hauptziel einer E-Mail-Kampagne ist ? Es bringt Benutzer zu diesem Ziel, das sein könnte, ein Produkt zu kaufen oder die Leute über eine bevorstehende Service-Ankündigung zu begeistern. Diejenigen, die ich am effektivsten finde, vereinfachen die Botschaft so weit wie möglich. Statt über zwei gemachten Aktivitäten oder zwei Hauptereignisse wie E-Mail-Newsletter zu sprechen, würden sie eher hyper auf dieses Ziel eines Benutzers konzentrieren? Sie verwenden ein einzelnes Bild oben und sehr wenig Körper Kopierer Text, aber einen großen Klick durch Schaltfläche oder eine große genannt Aktion Clients. Manchmal, wenn Sie über eine große Sache sprechen, aber sie neigen dazu, dass Sie Zeh auch in eine Reihe von Dingen bereits drücken, weil Sie eine E-Mail an alle ihre Kontakte senden. Sie wollen effizient sein, aber E-Mails, die das Beste konvertieren, haben einen einzigen Fokus. Versuchen Sie, den Kunden über diese Tatsache zu informieren und üben Sie es in unseren eigenen Kampagnendesigns. Newsletter sind ein wenig anders, und das ist, wenn er mit Informationen aufwändiger sein könnte. Und das ist mit allen Dingen entworfen, aber seien Sie konsistent mit Ihrem Branding und mit vernetzten digitalen Kampagnen. Auch bei allen digitalen Projekten müssen wir diese Streich-Konsistenz aufrechterhalten. Sie müssen nicht jede digitale Vorlage als Ausstechform verwenden, aber stellen Sie sicher, dass Sie ähnliche Farbenin Ihren Kampagnen verwenden, da Zuschauer Ihre Kampagne an verschiedenen Ortensehen in Ihren Kampagnen verwenden, da Zuschauer Ihre Kampagne an verschiedenen Orten sie langsam zu einem Trichter führen, der sie konvertiert über zu einem Verkauf. beispielsweise Sie könntenbeispielsweiseüber eine Facebook-Anzeige geschaltet werden. Sie melden sich für weitere Informationen und erhalten dann eine E-Mail-Kampagne. Sie konnten auch eine Display-Anzeige auf einer News-Website sehen und dann auf eine Zielseite klicken. Und dann klicken sie ab. Aber dann werden sie von einer Social-Media-Kampagne auf Instagram neu ausgerichtet. Mit konsistenten Branding und Farben können sie helfen, die Spur zu erkennen und weiter als unten den Prozess des Verkaufstrichters. Ich wollte sicherstellen, dass Gitter erwähnen, was an digitalen Designprojekten großartig ist, da sie in der Natur ähnlich sind wie Print-Design-Projekte und die Tatsache, dass beide das Gittersystem zu ihrem Vorteil nutzen können . Rids Luft fantastische Führer, die uns helfen, wichtige Inhalte und ihr Design zu blockieren. Sie können uns helfen, die richtige Platzierung eines Gesichts des Hauptteils eines Logos und eines sozialen Mediums zu finden. beispielsweise Sie könntenbeispielsweisedie Arbeit mit komplexen Weblayouts und mobilen APP-Layouts unterstützen. Wenn Sie mit digitalen Produkten zu tun haben, haben Sie auch mit Pixeln zu tun. Manchmal ist es schön, ein Raster zu haben, um Ihre Ränder mit der gleichen Breite zu kennen. Auf allen Seiten sind die Dachrinnen zwischen den Spalten einer Website oder sogar sind. Die Schaltflächen in einer mobilen App sind mit ähnlichen Abständen und Ausrichtung ausgerichtet. Es gibt viele verschiedene Rastersysteme, die Sie in Detroit-Produkten verwenden können. Zum Beispiel hat das Layout der mobilen Website ein standardmäßiges vierspaltiges Raster, aber eine Website kann ein standardmäßiges 12-Gullit-Säulenraster haben, mit dem Sie den richtigen Abstand zwischen Fotos, Spalten und Mawr finden können Abstand zwischen Fotos, . Mit AP Icon Design Apple erstellt dieses wunderbare Gitter basierend auf den Prinzipien des goldenen Verhältnisses. Es hilft uns, die richtige Platzierung von Elementen herauszufinden, um überzeugende zu schaffen. Einfach zu findende App-Symbole Wenn richtig verwendet, können Sie ein modulares Boxer Raster verwenden, um Ihnen zu helfen, blockieren Eine E-Mail-Kampagne ist ein e-Buch-Cover , um Ihnen zu helfen, ein Gleichgewicht zwischen Designelementen zu finden. Es gibt viel zu denken, wenn digitale Projekte entwerfen, aber am Ende einige der gleichen grundlegenden Design-Grundlagen, wie die richtige Typografie, Foto und Layout-Ring wahr im digitalen Raum ist gut. Wir haben Elemente hinzugefügt, um die sich jetzt Sorgen machen, wie die Anzeigegröße eines Bildschirms, die Entfernung zu einer Bildschirmauflösung und wie der Typ auf dem Bildschirm gerendert wird. Aber am Ende sind es diese grundlegenden Designprinzipien, die Ihnen helfen können, überzeugende digitale Projekte zu erstellen . Jetzt haben wir uns etwas Zeit genommen, um tiefer in die starke digitale Designtheorie einzugehen. Lassen Sie uns viele Projekte angehen, die als ein großer Teil des digitalen Design-Raumes gelten, wie Social Media-Kampagnen, YouTube, Thumbnails, Thumbnails, e-Buch-Cover, E-Mail-Kampagnen, eine mobile Website, Layout-Symbol, Design-App, Icon-Design, Instagram-Post wer und mehr. Also lassen Sie uns voran und beginnen Sie mit einigen praktischen Anwendungen 7. Was kommt als Nächstes? Der volle digitale Design Meisterkurs auf Skillshare: die Zukunft des Designs ist digital. Dieser Kurs wurde entwickelt, um Grafikdesigner über die neuesten und größten digitalen Projekte auf dem Laufenden zu bringen , damit sie ihre Fähigkeiten erweitern und mehr Dienstleistungen anbieten können. Dieser Kurs ist massiv und deckt so viele digitale Design-Projekte aus sozialen Medien ab, ich kann Webdesign gestalten und vieles mehr. Zunächst einmal decken wir digitale Designtheorie ab, lernen die verschiedenen Aspekte des Designs für digitale wie die Erstellung leistungsfähiger Social-Media-Kampagnen , Website-Designs, Layout für digitale und sogar sprechen über Zugänglichkeit im digitalen Design. Als nächstes erobern wir mehrere beliebte digitale Design-Projekte, einschließlich der Erstellung mehrerer YouTube-Miniaturansichten, die Benutzer zum Durchklicken antreiben. Wir erstellen sogar eine ganze Social-Media-Kampagne und sprechen darüber, wie man für Facebook Instagram entwirft . Wir sprechen sogar über die Erstellung von Display-Anzeigen für Websites, damit Sie sich wohl fühlen können, Ihre Fähigkeiten auf alle Arten der digitalen Anzeigenerstellung auszuweiten . Wollten Sie schon immer wissen, wie man ein überzeugendes E-Book-Cover kreiert? Wird genau das tun und lernen, wie man ein Buch Cover zu entwerfen. Wir sprechen über die Dimensionierung, Export und wie man ein Design erstellt, das die Betrachter greift. Aufmerksamkeit wird darüber gehen, wie man Hand geschrieben Typografie nehmen und bringen, dass in Photoshopped auf unserem e-Buch-Cover zu verwenden und auch lernen, wie man mit anderen Skizzieren APS wie Procreate handschriftliche Assets Toe Leben zu bringen arbeiten . Wir erstellen auch unser eigenes Mock Up, um unser endgültiges Design zu präsentieren. Möchten Sie skizzieren oder illustrieren? Ich habe sogar ein Schritt-für-Schritt-Projekt erstellt, bei dem wir eine Bleistiftskizze erstellen und sie mithilfe des Stiftwerkzeugs von Adobe Illustrator digitalisieren . Zu wissen, wie Skizzen digitalisiert werden können, ist ein großer Teil, um Ihre Fähigkeiten zu erweitern. Auf der digitalen Arena steht Icahn Design im Mittelpunkt jedes digitalen Designprojekts. Icons können auf Websites, mobilen APS, Anwendungen und mehr verwendet mobilen APS, werden. Und wir verwenden eine handliche bereitgestellte Vorlage, während wir ein gesamtes kohäsives High-Konzept erstellen. Oder lernen Sie, wie Sie Gitter verwenden, um ein thematisches Set zu erstellen und sogar zu lernen, wie Sie Farbe hinzufügen und wie alle Symbole und die richtigen Größen für den Einsatz überall exportieren. Nach dem Erstellen eines einfachen Basis-Symbols wird das Set noch tiefer gehen, um ein sehr detailliertes Apple Store-App-Symbol von Grund auf neu zu erstellen. Wilder. Viele Werkzeuge wie die Verwendung von Strahlkraft, um einen Dimensionseffekt zu erzeugen, sowie die Muster-Tools, und viele mehr werden lernen, wie man diese Dateien auch für den Apple Store exportiert, sowie wie man unser Icon in einem professionelle Art und Weise. Es ist schwer, digitales Design für Grafikdesigner zu lehren, ohne ein paar Abschnitte , die sich auf Web-Design konzentrieren, wird lernen, was unsere Rolle Zara Grafikdesigner in dem Raum, sowie wie eine Exportdateien für die Web-Design-Projekte vorbereiten wir von Grund auf lernen. Adobe X T und ein schneller Crashkurs lernen viele Aspekte des starken Webdesigns und Layouts indem Sie gemeinsam eine Landing Page erstellen. Schritt für Schritt. Wir werden sogar lernen, hatte einen Link oder verschiedene Seiten zusammen, um einen funktionierenden Prototyp zu erstellen und lernen einige Möglichkeiten, wie wir unsere Dateien für einen Web-Entwickler exportieren. Schließlich werden wir eine grundlegende Titelseite Website für ein Reisebüro zu erobern. Mit WordPress lernen Sie die Grundlagen von WordPress und lernen die sehr beliebte Seite Building Plug in für WordPress genannt Element, oder bauen Sie unsere Webseite, Musik, Video-Hintergründe, Parallaxe Bilder, Symbole, Spalten, animierten Text und vieles mehr. Schließlich gibt es Tonnen von herunterladbaren Ressourcen ist in dieser Klasse, einschließlich vorgefertigte Vorlagen für die meisten Projekte. Dazu gehören Photoshopped, e-Book, YouTube, YouTube, Social-Media-Vorlagen und ein Icon-Set, ein APP-Shop-Symbol, Vorlage und Adobe Illustrator. Dieser Kurs ist nicht für Studenten gedacht, die noch nie zuvor in Adobe Photo Shopper Illustrator gewesen , aber diese Klasse ist allgemein genug und grundlegend genug für die meisten Grafikdesigner der Anfängerstufe , die daran interessiert sind, diese zu ihren Fähigkeiten hinzuzufügen für diejenigen, die noch nie Adobe-Software geöffnet haben, schlage ich vor, meine andere grundlegende Design-Klasse namens Graphic Design Master Class zu nehmen, um auf diese sehr, sehr grundlegenden Tools ein Bein zu bekommen . In diesem Kurs wird davon ausgegangen, dass Sie sehr grundlegende Kenntnisse über Adobe Photo Shop und Illustrator haben und Tools wie WordPress, Adobe X'd, die elementare Seite Builder und Mawr von Grund auf gelehrt werden, so dass keine Vorerfahrung notwendig für diese. Also, bist du bereit? Zehe dein Design-Spiel und füge deinen Angeboten ein ganz neues Skill-Set hinzu. Bist du bereit, das zu erkunden? Ein zentraler Ort des Designs. Ich werde dich in der ersten Lektion sehen