Praktischer Webdesign-Prozess – So lässt du dich inspirieren

1. Einführung in die Projektbearbeitung von Web-Design: Willkommen zu meinem Kurs über den Umgang mit Design-Projekt. Jetzt in den Partituren, werde ich mit Ihnen meinen gesamten Prozess von einem Web-Design-Projekt teilen, indem Kunden kurz übersetze diese Slips und Client-Inspirationen in das eigentliche Design. Wie ich tatsächlich experimentiere mit verschiedenen Schriften, verschiedenen Farben. Wie mein Design voss formte und sich dramatisch änderte, nachdem er Kunden feedbag bekommen hatte. Wie Sie Feedback von anderen Designern erhalten und diese nutzen können, um Ihr Design zu verbessern und wie Sie auf den Fuß gehen. Arbeiten Sie mit Ihren Entwicklern zusammen, wie Sie gehen. Stellen Sie Ihr Projekt tatsächlich für Ihren Kunden After-Sale-Dienste und eine Menge Dinge bereit. So gibt es viele Informationen wertvolle Informationen, die in dieser Klasse versteckt sind. Wenn Sie also verwirrt sind, wie eigentlich der gesamte Prozess aus Webdesign funktioniert und wie Sie das erfolgreich von Kunden abschließen können , Briefs toe tatsächlich ein Landing Page Design zugesprochen, was ich in meinem letzten -Projekt. Ich werde mit Ihnen zwei Beispiele aus meinen letzten Projekten in dieser Klasse oder Kurs teilen, also, wenn Sie irgendwelche Fragen haben, dies ist ein praktischer Ansatz Kurs, den ich Ihnen nicht unterrichten werde Design. Dies ist über den gesamten Prozess, den ich benutze es wird zu verbessern Wie Sie auf Design aussehen, wie Sie gehen Zehe Nehmen Sie Ihr Design in Schlepptau Eine bestimmte Richtung. So gibt es eine Menge von Ihnen können Techniken sagen, die ich benutze. Ich werde es mit dir teilen. Ich hoffe, Sie werden die Partituren genießen. Wenn Sie Fragen haben, können Sie mich jederzeit fragen oder eine Diskussion beginnen. Ich hoffe, Sie bald in den Schulen zu sehen. 2. client's mit realen client's interpretieren: in dieser Lektion in diesem Redo werde ich über Kunden Spezifikationen für ein Webdesign-Projekt sprechen oder wie Sie Kunden kurz für ein Webdesign-Projekt nennen . Ich werde Ihnen eine echte Lebensbeschreibung mitteilen, die ich vor drei Monaten erhalten habe . Ich habe vor kurzem dieses Projekt gemacht. Es war eine Zielseite für responsiv Nick. Tolles Design für ah ah ah, Iris oder Textsammlung, Service oder Texte. Das Gesetz ist in den Vereinigten Staaten, und ich werde mit Ihnen teilen, wie ich tatsächlich, wissen Sie, diesen Klienten-Brief Hoy tatsächlich gelesen habe. Wie Sie tatsächlich auf verschiedene Dinge hinweisen und was wir beim Lesen von Kunden kurz und Kunden Klassifikationen beachten müssen. Also halte ich meistens Dinge in einem Ordner namens Client-Spezifikationen. Also, wenn ich es öffne, können Sie hier sehen, sind verschiedene Ressourcen Ist es re Quellen, die vom Client gesendet werden. Sie arbeiteten bereits an etwas, das dieses Design war, und sie haben es bereits und sie haben es bereits entwickelt. Also wollte ich nicht, dass es einen Drahtrahmen hat. Also, wenn sie schon etwas haben, ist eine Form von ihrer Idee? Ich verstehe, dass das eigentlich sie bauen wollten, also habe ich ihnen nicht gesagt, dass sie am meisten Drahtrahmen ziehen. Was ich tue, ist, ich lasse sie zeichnen Balkenrahmen. Also, wenn sie mir so etwas geschickt haben, schicke ich ihnen eine E-Mail zurück und sage ihnen, wonach Sie suchen? Also, was eigentlich sein wollen, so lassen Sie mich Ihnen ein Beispiel zeigen. Okay, hier haben wir noch eine Landing Page, was ich letztes Jahr getan habe. Vmc-Zielseite. Und wenn Sie es sich ansehen oder hier können Sie hier sehen, wir haben plying Dokument Dock Hunde, und das ist eigentlich ihre Zielseite. Das ist eigentlich ihre kurze Sache. Und das ist die Skizze, die ich von ihnen bekam, also habe ich ihnen das gesagt. Wonach suchen Sie? Was für eine Landingpage. Sie suchen nach Körpern in Ihrem Kopf. Also zeichnen sie so etwas. Hier haben wir Logo-Anruf, Ruftaste. Dann haben wir dieses Bild zu Hause erschwinglich und einfach zu bedienen hören. Digital Signage Form hier drüben. Einige Informationen hier Branchen, die diese Produkte funktionieren können und Dinge wie das. Duty-Videos. Und das ist eine Telefonnummer und ah, da, Adresse so etwas. Das ist, was ich eigentlich tue, ich sage ihnen, sie sollen etwas zeichnen, damit ich Sie wissen kann, dass sie das mit jedem Wort oder jeder Software tun können. Der langweilige Kraftpunkt. Was auch immer verwendet wird, sie können so etwas zeichnen und sie können es mir schicken. sind all die verschiedenen Ressourcen, die ich von ihnen bekommen habe. Das ist eigentlich Zielseite, die ich Ihnen zeigen werde. Dies sind diese anderen Spezifikationen. Zwei oder drei Dinge, die Ihre kurze müssen müssen Zuckerguss haben, ist das, was sie eigentlich wollen . Zweitens ist, was ihre Konkurrenz ist. So können Sie Sky Kit sehen. Sie versicherten mir, dass dies eine Website von ihren Konkurrenten ist. Dann haben sie mir das versichert? Eigentlich haben sie gewarnt Was sind anders Sie können Funktionen aus ihrem Produkt sagen. Ähm, diese sind anders, Sie können sagen, verwendet aus ihrem Produkt. Und das ist auch diese sind das ist eigentlich die kurze. Also war dieser Brief sehr klein. Aber wenn ich Ihnen die jüngste zeige, die ich gerade hier geöffnet habe, ist das eine sehr große Trauer, die neun Seiten lang ist. Und der Grund ist, dass sie bereits an etwas gearbeitet haben, das dieses Arbeitsmodell ist. Also wollten sie diese Form integrieren, die eigentlich ein Umfrageformular in Schlepptau ist, das Design, das sie gemacht haben. Und ich denke, sie dies, dass die Person, die diese Waas jemand anders entwickelt und, ah, ich, die ich ein Designer war. Und ich werde es auch im Schlepptau für Mitt vorbereiten, weil ich jetzt mit einem Entwickler arbeite , also waren sie anders. Also wurde dieser von jemand anderem zitiert. Ich weiß nicht, wer das war. So eso gibt es wenige weitere Spezifikationen, die Sie sehen können. Bewegen Sie das hier rüber. Bewegen Sie das hier rüber. Und wenn man sich dieses anschaut, gab es viele andere Spezifikationen, wie dies ihre Konkurrenz ist. Also haben sie mir gezeigt, dass dies ein Wettbewerb ist und sehen, was sie in ihrer mobilen Version haben . Also musste ich mein mobiles Gerät öffnen und sehen, was diese Links tatsächlich durchlaufen und was sie eigentlich gemeint haben. Also müssen Sie Ihre Disk-Clients Dokumentation spezifischer Spezifikationen lesen, Wort für Wort. Du musst alles notieren, was sie dir sagen. Du musst es wissen. Sie können das Papier und schlechtes Papier in Bleistift gepaart verwenden und Sie können hier sehen Wir haben verschiedene Abschnitte für Desktop. Das ist also mein Klient aus zwei oder drei,denke ich vor mehr als vier oder fünf Jahren. zwei oder drei, Das ist der einzige Klient, für den ich arbeite. Ich nehme heutzutage nicht viele Design-Projekte, so dass Sie sehen können, was hier. Hey, ist sehr spezifisch über Dinge, die ich mag. Wir brauchen etwas Header in diesem Header, als wir brauchen. Dies ist der nächste Abschnitt, als wir diese hören und lesen echte Steuererleichterungen Zeugnisse wo wir gehen, um eine Art von Thes Audio-Player html fünf Audio-Player haben. Also diese Spezifikation, dieses Dokument ist eigentlich über das Design und die Entwicklung von der Rede, noch nur ein Design. Also bin ich eigentlich, du kannst sagen, Jack Off ändert sich fast. Ich habe Web-Entwicklung verlassen und ich habe es einer Person gegeben, die mehr Erfahrung und mehr ist . Sie können sagen, Export in Cord und schneller als ich. Also hielt ich mich nur auf die Designaufgabe. Und ich liebte es wirklich. Genieße es. Ich ich, wenn ich in einigen entsprechenden Problem stecken, es wirklich wissen Sie, Träume. Meine Energie, viel mit viel Sprache, also versuche ich, mich davon zu unterlassen. Das sind also all die verschiedenen Spezifikationen. Sogar sie versicherten mir dort einige Skripte. Google-Skripte, die sie wollten Toby mit ihrer Seite Parallaxe mit Zahlen geladen. Es gab einige Abschnitte, YouTube-Videos, und es gab einige Abschnitte, die dort nicht enthalten waren. Spezifikationen gibt es bereits gebaut Seite oder hier, Lassen Sie mich Ihnen zeigen, ob ich es hier irgendwo offen habe. Nein. Ok. Also für das Handy hatten sie andere, ähm, andere Spezifikationen. Also, was wir es nennen, nennen wir es Adoptivdesign. Also auf einem mobilen Gerät, Ihrem Layout, Ihren Dingen, werden sie sich ändern. Und sie werden anders dargestellt, wenn Sie auf Ihrer Desktop-Version sind. So Desktop-Version und mobile Versionen waren nicht die gleichen. Ich werde es dir in einer Minute zeigen. Das ist das Letzte, was Sie sehen können. Ähm, das haben wir tatsächlich entwickelt. Dies ist also eine entwickelte Version endgültige Version von derselben Website, so dass Sie sehen können, dass dies der Header ist. Sieh es dir einfach an. Ich gehe den Zeh, tausche ihn um. Ähm, das ist ein Also werde ich es auf Rückenzehe normal umschalten. Sie können sehen, dass dies die Desktop-Version ist. Lassen Sie mich Ihnen das zeigen. Hier haben wir die Telefonnummer oben, und dann haben wir diese Last. Holen Sie sich eine steuerfreie Textanalyse, und wenn Sie auf diese Schaltfläche klicken, geht diese Farm zu Fuß. Achten Sie darauf, hier zu sehen, und Sie können das verwenden und weitermachen. Fühle es weiter. Und solche Dinge bewegen sich in die nächste Phase. nun Wenn Sienunzu dieser reaktionsfähigen Version wechseln , ,können Sie sehen oder hören, dass sich diese ganze Sache ändert. Wir haben hier keine Telefonnummer, und wir haben ein Addo und nach dem Erwachsenen, haben wir dieses Formular für Gefühl und Telefonnummer ist unten kleben. Also, wenn Sie sich so bewegen, können Sie sehen, dass die volle Zahl wird an der Unterseite bleiben. Und das ist eigentlich, was Kunden Kunden aus ihren Spezifikationen benötigt. Sie wollten ihre Telefonnummer hier drüben stecken, also gab es zwei oder drei Dinge, die wirklich wichtig waren, je die Linie Nummer eins in diesem ganzen Bereich ist oder das erste Mal, dass einige Benutzer dort sehen. Webseite. Sie müssen dieses Formular hier sehen, so unten können Sie die Saray-Form sehen. Sie waren wirklich stolz darauf, es zu schaffen, also wollten sie es allen zeigen. Dann war die zweite diese Telefonnummer und ein paar andere Dinge. Als hätten sie diese Zeugnisse, Audioaussagen. Sie wollten wirklich, dass sie genau spielbar, leicht zugänglich oder solche Dinge sind. genau spielbar, Außerdem wollten sie, dass es sehr schnell geladen wird. Es gab drei oder vier Anforderungen, die wirklich notwendig waren, und sie wollen wirklich nicht wie ihre Konkurrenten aussehen. Das ist also das schwierigste Problem. Wenn ein Designer versuchen, Inspiration zu bekommen oder versuchen, die Konkurrenz zu sehen, versuchen sie Zehe 10 Zehe, schaffen ein Design, das sehr nah an der Konkurrenz ist. Und das wird, weißt du, wie eine Kopie der Konkurrenz aussehen. So wollen wir nicht aussehen. Versuchen Sie also, Ihre Kunden kurz Wort für Wort zu lesen, noch nach unten verschiedene Punkte. Ich werde zusammenfassen, was ich eigentlich wollte, dass Sie im Auftrag des Klienten tun, und dann, was Sie tun würden, ist, Ihren Klienten ihre abscheulichen Rahmen zeichnen zu lassen. Du musst wissen, was sie eigentlich gemeint haben. Was sind die wichtigsten Teile da draußen. Ihre Kurzbeschreibung. Das sind also alles verschiedene Dinge, was sie erreichen wollen. Das ist einer von ihnen. Ich glaube, ich will nicht, dass dieser Vortrag Toby zu lange dauert. Also gehen wir zur nächsten Lektion über, wo ich Ihnen zeigen werde, was eigentlich mein Design warm up ist und was ich tatsächlich mache, wie ich die Inspiration bekomme, indem ich Inspiration von meinen Mitbewerbern verwende und was ich tatsächlich in diesem Gesicht mache. Gehen wir also zur nächsten Lektion über. 3. Designrichtung von der Website des competitor's herren: jetzt in diesem Video, werde ich Ihnen sagen, wie wir auf ihre Konkurrenten, Ihre Kunden, Computer und was anders aussehen Ihre Kunden, werden. Sie können die gleichen Entwurfsvorschläge oder Entwurfsrichtungen verwenden. Sie werden von ihrer Website von ihren Entwürfen zu greifen. Und was werden Sie in Ihrem Design tun? Bilden Sie sich? Also für Schritt, Wenn ich verstanden, die Kunden kurz, der zweite Schritt, den ich nahm, ist ich besuchen diese Website, die Steuererleichterung Zentrum dot org ist und Sie können sehen, dies ist ihre Form nur Pop-up. Und das ist fast das Gleiche, was wir entwickelt hatten. So können Sie persönlich sehen und füllen Sie dieses Formular aus und Sie erhalten kostenlose Bewertung. Das ist also nur eine Schritt-Form. Was wir hatten, ist eigentlich ein mehrstufiges Umfrageformular. Also, wenn ich versuche, es zu schließen, sehen Sie, dass ich zurück bin. Also insgesamt, was ich fühle, ist es blau an der Spitze, das ist dunkelblau, die Dame Zehe Professionalität, dass sie wirklich professionell sind. Das bemerkte, ernste geschäftliche Zeug. Dann hier drüben, das sehr hellblau ist, ein hellblaues Himmelblau, das freundlich einladend ist. So zeigen sie mir, dass sie wirklich ruhig sind und sie laden die wirklich wollen, dass ich eine kostenlose Bewertung zu füllen. Und das, aber Sie können sehen, das ist wirklich dunkelorange, was ich wirklich nicht mag. Dies ist eine sehr scharfe Farbe, vielleicht nur um erregende Aufmerksamkeit zu erregen. Und als wir es auf dem Bildschirm besorgt waren, sind nur wenige Worte hier drüben Handynummer. Nur diese Handynummer ist anklickbar, nicht der ganze Text. Und, ähm, hier drüben von hier, sehr genetisch. Sie können sehen, ich Hühneraugen nicht sehr professionell suchen hier wieder, sehr generische Symbole. Ich kann den Abstand zwischen diesen Überschriften und diesen vier Merkmalen, oder was auch immer wir haben, nicht unterscheiden . Dann haben sie wieder etwas Ähnliches wie dieses gesehen. Hören Sie auf Richard oder wen auch immer sie haben. Dann haben sie drei Videos hier drüben, und Sie können sehen, dass sich etwas in der Linie ändert. Was Sie sehen können. Sie können diese ganze blaue Linie oder diesen blauen Abschnitt oder hier sehen, was zeigt, dass dies ein neuer Abschnitt ist, aber oben hat es nichts dergleichen. Das ist, als würde ich versuchen, es zu beurteilen, es ist sehr,wissen Sie, wissen Sie, nicht professionell aussehend. Es hat kein visuelles Team. Nur verschiedene Abschnitte miteinander kombiniert. Das ist also ihr ganzes Design. Außerdem zeigen sie hier eine Menge Gesichter, nur um das Vertrauen vom Benutzer oder dem Besucher zu bekommen . Also ist es eigentlich Ah, ein psychologischer Effekt , der in der Tat eine echte Tatsache ist, dass man, wenn man Gesichter sieht , lax sein wird. Dass dies Ah ist, wird Ihnen diese Website helfen. Also, nachdem ich ein paar Design-Richtungen oder Dinge von ihren Computern Website, werde ich mit meinem Entwickler sprechen und ich werde sicherstellen, dass er leicht nennen kann und hey, hat keine Probleme. Also muss ich mich für mein Netzsystem entscheiden. Zum Beispiel, wenn mein Entwickler Bootstrap verwendet, muss ich die gleichen Grid-System-Bootstraps verwenden, damit er das leicht beheben kann. Das sind also die wenigen Dinge, die ich die ich vom Computer bekomme. Und dann habe ich mit meinem Entwickler gesprochen und ich zeige ihm, dass dies die Spezifikationen sind. So gehen wir Zehe Ah, beenden Sie dieses Produkt oder dieses Projekt und diese Zielseite werden Sie sein, es wird sein Was sind Ihre Fragen? Also, wenn sie ein paar Fragen haben, denken Sie daran, dass blind über dieses oder jenes fragen und dass wir alle diese Fragen bevor wir etwas anfangen. So bekomme ich tatsächlich verschiedene Designrichtungen. Bin ich eigentlich testen? - Was? Eigentlich, das Wort von ihrem Computer. Was sind die Designrichtungen, nach denen mein Kunde sucht? Warum eigentlich denken sie, dass es das ist, was sie wollen. Also, warum ist das so? Weil es sehr einladend ist. Es zeigt viele Gesichter. Es hat einen kostenlosen Review Button , der hier sehr prominent ist. Das sind all die verschiedenen Dinge. Das ist eigentlich das, was wir in unser Design umsetzen werden. Sehr groß. Als nächstes, Sehr große Krabben Aufmerksamkeit Taste. Wenige Gesichter. Also, um es menschliche Augen und all diese verschiedenen Sachen zu machen. Ich hoffe, Sie haben verstanden, was Sie eigentlich tun müssen, wenn Sie sich eine Konkurrenzwebseite ansehen . Fahren wir mit der nächsten Lektion fort und sehen uns weitere Informationen über Webdesign-Projekte und deren Umgang mit diesen Projekten an. 4. Wie ich meine Web betrage: in diesem Video werde ich Ihnen einige praktische Tipps im wirklichen Leben zeigen und wie ich meine Kunden tatsächlich baue und ich werde Ihnen meine letzte Rechnung für einige von Ihnen zeigen . Diese Rechnung könnte eine Menge für einige von Ihnen sein. Es könnte sehr, sehr weniger sein , je nachdem, wo Sie tatsächlich in welchem Markt Sie sind. Eigentlich, wenn Sie in den USA sind, könnte das ohnehin eine sehr niedrige Rechnung erscheinen. Also der erste Schritt, den ich Ihnen geben werde, wie wann immer Sie Ihre Kunden in Rechnung stellen, aber ich normalerweise tun, ist, dass ich sie für Design- und Entwicklungsarbeiten separat erstelle. Also, wenn ich ihr Design fertig gestellt habe oder wenn ich meine Rechnung vorbereite, muss ich zeigen, dass dies die Kosten für Ihr Design sind. Normalerweise lade ich Dollar 300 zu 500 manchmal 700 für die Gestaltung eines einzelnen Babbage für eine Landing Page. Wenn Länge ist eine Menge, Ich in der Regel berechnen 500 im Durchschnitt Dollar 500 für die Gestaltung einer einzigen Landung Hündin. Also hier sind ein paar Tipps. Nummer eins Ist das, wie viele Tage Sie werden dieses Design zuweisen? Also, wenn Sie berechnen $500 die 1. 3 Tage, die ich entwerfen und dann vier. Als nächstes versuche ich, sie zu verfeinern. Aber vor meiner letzten Verfeinerung zeige ich meinem Kunden mein Design. Denn wenn Sie versuchen, weiter zu halten, wissen Sie, verbessern Sie Ihre Designs und machen Sie eine Menge aus einfach und kleiner nur bedeutete Abstände und alles. Aber Ihr Klient lehnt das Design ab, und er sagt, sie sagt, dass ich das nicht darum suchte. Du musst eine Menge Dinge ändern, oder ihn. Das wird also Ihre ersten 44 Tage aus der Arbeit verschwenden. Also, bevor Ihre letzten Verfeinerungen zeigen, wenn Sie einmal für Ihren Kunden entworfen sind und manchmal, was ich tue, ist, dass ich gerade den ersten Kopf abseits des Designs entworfen und ihnen zeigen oder gezwungen, Abschnitte von ihrem Design und zeigen , dass dies die Richtung, in die ich gehe. Und das ist großartig. Das sieht großartig aus. Also bewege ich mich weiter und erstelle mehr Abschnitte. Also, wenn ich denke, dass der Rückgang,wissen Sie, besorgt über meinen Kopf ist wissen Sie, , und das ist, dass das hier nicht aussieht, was wir eigentlich wollen. Also hielt ich dort an und versuche, ein weiteres Team für das Design zu schaffen. Es geht also darum, deine Arbeit aufzubauen und wie du jetzt nicht deine Zeit verschwendest. Zwei Dinge, die ich habe, können Sie dasselbe in meinem Leben erfahren, das heißt, wenn Sie mit einem neuen Kunden zu tun haben und ein vertrauenswürdiges Klima ist Ihr alter Klient, dass die Dinge ganz anders gehen. Also, wenn Sie mit Ihrem neuen Kunden sprechen sind sehr neue Kunden, werden sie über Kosten sprechen viel, dass dies sehr teuer ist. Ähm, kannst du den Lauf derartiger Dinge locken? Aber wenn Sie einen vertrauenswürdigen Kunden haben, dass sie wissen, dass diese Person dies tun kann oder er ein Experte in ihren Augen ist, sind Sie ein Experte. Also wirst du das haben. Ah, Verhalten weg ein wenig kalter Mensch und ein wenig warm. Also, für die soziale Klasse, werden wir ihnen E-Mails wie Hi, Charlie, wie geht's dir? Ich hoffe, es geht Ihrem Team großartig. Ich gehe Zeh, zeige dir ein paar Sachen oder Updates, die ich gerade mache. Das sind meine Aktualisierungen, und das geht zu Fuß. Nehmen Sie noch 15 Tage. Also nur vier oder fünf Zeilen, die sehr dunkel sind, zeigen und erzählen ihnen keine Geschichten einfach sehr direkt und ein bisschen abseits einladend am Anfang. Oder vielleicht am Ende, das ist alles sehr direkt. Ein bisschen cool. Ah, ein bisschen warm. Und das ist alles, was auf die Arbeitsrate geht. Aber mit einem neuen Kunden, Wenn Sie einen sehr neuen Kunden haben, müssen Sie sehr warm sein, sehr einladend. Sie müssen sich mit ihrem Problem einfühlen. Was auch immer sie haben, du musst ihnen sagen, dass dies so gelöst werden kann. Sie können mehr E-Mails erhalten, Sie können mehr Kunden bekommen. Es wird schnell laufen, Dinge wie das und ihnen zeigen, dass es Wert gibt, mit dem es viel Wert gibt, wenn sie die Arbeit mit Ihnen vermissen. sind also all die Dinge und nein, ich werde dir meine Rechnung zeigen und das ist die Rechnung. Und das ist das Projekt zurück Texas Halldor ruhig 12. Oktober Landing Page Design plus Entwicklung für plus Optimierung. Also, wenn ich etwas tue, versuche ich zu denken, dass dies mein eigenes Projekt ist. Meine eigene Website und ich versuche, das Endprodukt in perfekter Form zu geben. Also was auch immer die vorteilhafteste oder perfekte Form oder Form aus diesem Projekt ist, ich versuche, das zu liefern, so dass Sie Landing Page Design 500 nach der Zielseite mit dem I Frames 1000 sehen können . Dann haben sie tatsächlich versucht, einige Dinge zu ändern. Also fügte ich zu $50 hinzu. Als ich ihnen das Brot zum ersten Mal vorgeschlagen habe, sage ich ihnen, dass ich Ihnen $1500 für die Werbung und Gestaltung dieses Projekts berechnen werde . Aber am Ende, die Änderung einige Dinge. Also fügte ich ein paar Kosten für Ihr Haar hinzu, und ich endete, etwa 300 Dollar hier drüben. So ist insgesamt 1800, die sie bereits erschienen sind, und ich habe bereits wieder eingesetzt. Jedenfalls, das steht auf der Story. Also, ähm, so gehe ich eigentlich mit meinen Kunden um, ich baue sie eso ich hoffe, dass die Schritte, die sie für Sie arbeiten werden, und sie werden Ihnen helfen, Ihr kostenloses letztes Web-Design-Geschäft aufzubauen. Oder wenn Sie eine Software-Firma führen oder Sie tun, ähm, ähm, etwas Freiberufler, das wird Ihnen wirklich helfen, also lasst uns zur nächsten Lektion übergehen und sehen, was ich noch mehr für Sie habe. Also lasst uns trauern und etwas mehr Magie sagen. 5. Entwerfen eines Webdesign-Projekts: in diesem Video werden wir über die schwierigste Frage sprechen. Wenn Sie mit unserem Design beginnen, sind Sie fast blind. Sie müssen entscheiden, in welche Richtung dieses Design gehen wird. Also werde ich Ihnen ein paar Tipps und Winkel geben, um Ihnen zwei von meinen Entwürfen zu zeigen. So habe ich eigentlich meine Designrichtung bekommen und wie ich mir die Technik gewünscht habe. Ich benutze Zehe, du weißt schon, dieses Problem zu überwinden. So Fasten ist, dass versuchen, jedes Design-Projekt in wenigen Worten zu beschreiben, assoziieren Wörter mit, dass diese Ziele oder ähnliche Wörter sein könnten. Also für den Fall, dass mein letztes Projekt, das Aiyar oder Steuergesellschaft war, ist diese Beitrittsgesellschaft im Grunde Anwälte. Sie sind also ernst. Sie sind langweilig. Sie sind zuversichtlich, dass sie ihre Farm repräsentieren wollen. Um professionell und sicher zu sein, liegt daran, dass die meisten der Zeit, wenn Benutzer sie auf Websites kommen , sie wirklich Hilfe brauchen. Also wollen sie etwas Sicherheit. Sie brauchen etwas Sicherheit. In ähnlicher Weise im Gegensatz dazu werde ich Ihnen im Gegensatz dazumein Design zeigen, das ein bisschen anders ist, das später ein Multimedia-Unternehmen ist. Und ich benutzte diese wenigen Worte wie einladende, einladende, kreative Multimedia. Also wollten wir es wirklich. Dies sind also zwei verschiedene Konstruktionsrichtungen für zwei verschiedene Projekte. Ich werde euch beide von diesen Projekten zeigen und wie sich diese Bretter tatsächlich zusammengesetzt haben. Beginnen wir also mit diesem, das Multimedia ist, dem unteren. Kreativ, multimedial, einladend und einladend. Das ist also ein klares Design. Und ich tat es in vier, um einzukaufen, weil wir nur eine Seite hatten. Also, hier haben wir. Vergrößern wir uns. Okay, Okay, wie Sie sehen können, ähm, das ganze Design ist Ah, das thailändische Gesicht, die Farben. Sie sind ein ziemlich kreativ. Sie sind ein bisschen, können Sie sagen, begrüßen die Show, einige multimediale Art off Effekt. Schau dir die Schrift an. Du siehst die Typhus-Auswahl, alles passt zum ganzen Team. Das wird also die ganze Designrichtung sein, die Sie hier sehen können. Hier haben wir wenige Funktionen, als wir mehr Farben oder Haare haben. Also benutze ich viele verschiedene Farben hier drüben, und ähnlich können Sie hier wieder sehen, wir haben ein Video, diese Multimedia-Leiste auf, und dann haben wir wieder ein paar Farben oder Haare, wenige Zeilen, Balkenlinien und solche Dinge. Also viele Farben hier drüben verwendet. Ah, gut. Greedy int für blau zu sehen, ein knish blau hellblaue Farbe Die Gesicht ist ein bisschen Sie können sagen humanistischen Sand Saref haben einige menschliche Berührung in ihm. Das sind also eigentlich die Designrichtungen. Also, warum ich das getan habe, weil es ein digitales Zeichen war. Ege und korrekte Herkunft Oder so waas gehen, um einige Bilder für Ihre Kunden anzuzeigen Wenn der Besuch, Ihre Bar, Ihr Krankenhaus, Ihr College Vielleicht haben Sie verschiedene Bildschirme TV-Bildschirme, wo Sie Informationen über dieses Unternehmen oder wie verschiedene Dinge weitergehen oder hier. Dies ist also eine Entwurfsrichtung. Es ging also um dieses einladende, einladende , kreative und multimediale. Nein, ich zeige Ihnen das zweite Beispiel. Mal sehen, dass jetzt hier das zweite Design ist und diese Designrichtung völlig anders ist . Es geht um Sicherheit. Es geht um Sicherheit. Es geht darum, Hilfe von diesen Fachleuten zu bekommen, damit Sie ihren Slogan sehen können , der besagt, dass wir 300.000 plus bundesweit geholfen haben, Steuererleichterungen zu erhalten. Und was jetzt? Diese hatte Zeile vermittelt, was diese Kopie Text vermittelt. Darin steht, dass wir professionell sind. Wir sind zuversichtlich und mutig in dem, was wir tun. Wir haben eine Menge Erfahrung, also wären Sie sicherer mit uns, Geschäfte werden textuell von uns bekommen . Sie werden sich sicher fühlen, weil wir Experten sind, wir wissen, was wir tun. Also dieser Slogan und die relative Steuer Sie zeigten mir tatsächlich die Designrichtung. Also bin ich damit gegangen. Sie können sehen, der Hintergrund ist dunkel grünlich bläulich Licht Zelt aus blau und meist grüne Farbe. Und auch für diesen Knopf hatten wir etwas, das Ah ist, grünlich sehr hellgrüne Farbe, wenn wir über diese Ah, aber ich werde Ihnen die eigentliche Seite zeigen, so dass Sie die Idee bekommen, welche Farbe ich spreche . Also lassen Sie uns sehen, was die eigentliche Seite zitiert Seite Waas. Das ist das Endergebnis und Sie, was ich Ihnen zeigen wollte, ist dieser Knopf. Also, wenn Sie über Wort haben, können Sie auf dem Jazzschatten zu sehen ist verkettet und dieser Knopf schaltet Bildschirm Nun warum diese Taste Bildschirm schaltet? Weil mein Mandant in meinem Mandantenbrief, als ich ihnen Fragen stellte Was ist das, was Sie mit diesem wollen ? Aber und so ist das, dass es grün werden sollte. Also, um dem Benutzer etwas Erleichterung, dass ich bin, bin ich sicher und ich bin. Was ist mit dem, was ich zu tun versuche, ist eine sichere Aktion. Dies ist also eine gelbliche bernsteinfarbene Waas, um den Benutzer zu gewinnen und diese Waas Toe fühlen den Benutzer ein bisschen sicher mit dieser Firma Jetzt insgesamt, wenn Sie sich diese Typografie ansehen, ist es ein bisschen off. Du kannst sagen, Eddie, du siehst, dass wir Kanten haben. Es ist eine geometrische Schrift, die auf perfekten, fast perfekten Kreisen und solchen Dingen basiert . Also, weil diese Firma waas professionell, es war ein Text Steuerbesteuerung von ah solide oder Sie können sagen, fett professionell, ernsthaft Geschäft. Also habe ich diese Art von Typhus verwendet Entschuldigung, diese Art von Schriftart Typhus Ähnlich können Sie sehen, wir haben eine Menge von weißen Raum und sehr dunkle violette Farben Bläulich lila Farbe, weil es zeigt, dass wir wissen, was wir tun. Wir haben eine Bulle Haltung, dass wir wissen, was wir tun. Das ist also sehr sauber, sehr minimalistisch. Ähm grün, du siehst diese dunkelgrüne Überschrift. Es zeigt auch Sicherheit und Sicherheit. Also das sind eigentlich meine Designrichtungen Als ich mit diesem Design begonnen habe, werde ich mit Ihnen viele Tipps teilen und tatsächlich wird dies eine sehr kleine, Sie können sagen, Reise von dem, was mir in den Kopf läuft und was ich tue, wenn ich entwerfen Sie eine Website oder eine Landingpage. So ist es ein bisschen weg wie praktisches Wissen. Es ist nicht verwandt Zehe, wissen Sie, ein Werkzeug zu lernen oder sich zu entwerfen. Also hoffe ich, dass dieses Video Ihnen viel in Ihrem nächsten Design helfen wird, als Sie etwas tun werden. Einige. Die ähnliche Technik, wie ich es tat, mag es, Wörter mit Ihren Entwürfen zu verknüpfen und das Team aus Ihrer Design- und Designrichtung entsprechend diesem und diesen Worten auszuwählen . Gehen wir also zur nächsten Lektion über. 6. Wie du dein Design mit Feedback verbessern kannst: gibt es ein Problem mit vielen Designern, das ist, dass sie dazu neigen, alleine zu arbeiten. Sie denken, dass sie alles über Design wissen, sie entwerfen lassen und dass sie die Arbeit in ihrem eigenen Werkzeug erledigen und sie in ihrer alten eigenen Welt einfallsreich sind. Jetzt ist hier Ihr größter Mystiker , der ist, dass Sie sich auf zwei oder drei andere Köpfe verlassen müssen, um ein großartiges Design zu erhalten . Wenn Sie sich B, Haas oder Dribble oder eine Website ansehen, wenn Sie sich ein kreatives Werk ansehen oder ein Team wie drei oder vier Designer oder drei oder vier Personen entwerfen , werden Sie erstaunt sein über die Qualität und die Richtung, die Design. Also werde ich Ihnen einen Tipp von Ihrem Leben geben, was immer Feedback von Ihrem Klienten zu bekommen ist. Versuchen Sie es nicht mit dem Zeh. Weißt du, ich denke, dass sie nichts über Design wissen. Sie wissen es nicht. Sie wissen Dinge über ihr Produkt. Sie wissen, was sie mit ihren Kunden abstimmen. Eso versuchen, so früh wie möglich Feedback von Ihren Kunden zu bekommen. Zeig ihnen den Haider, dass ich diese paar Abschnitte für Stroh Abschnitte von deiner Rap-Seite entworfen habe, wie sie aussehen. Was sind deine Ideen zu diesem zweiten Dip? Ist goto jedem Designer, ob er Ihr Freund oder Familie oder jemand, der ein wenig über Design weiß und bekommen ihre Meinung zehe zwei Köpfe sind immer besser als einer. Du musst Feedback von verschiedenen Leuten bekommen. Sie müssen die Perspektive auf Ihre Webdesigns oder was auch immer Sie entwerfen ändern. Sie müssen die Ideen von anderen Menschen bekommen, dass, was glauben Sie, dass dieses Design fehlt. Wenn Sie also einen Designer fragen, werden Sie ihn fragen. Was denkst du, fehlt an diesem Design? Was? Was denkst du, kann verbessert werden? Also vom Kunden, können Sie sie das fragen. Was sind Ihre Gedanken über die anfängliche Gestaltung. Also werden sie dir ein Feedback geben. Also zeige ich dir meinen Fall. Study Was ist mit mir in meinem letzten Projekt passiert? Ich werde Ihnen auch die Neugestaltung von meiner Website zeigen, wo ich meinen jüngeren Bruder fragte , er ist auch ein Sie ein Designer, und er arbeitet gerade in einer Software-Firma. Also fragte ich ihn, was denkst du über dieses Design. Was denken Sie, fehlt in diesem Design? Und er sagt mir einen sehr tollen Tipp. Ich werde dir ein Geheimnis geben, das Design ist eine Geschichte. Du musst eine Geschichte aufbauen. Sie müssen Ihr Design in einer Story-Farm zeigen, und Sie müssen es interessant machen. Also werde ich Zeh, sagen, was sind die Auswirkungen davon, die Meinungen von anderen Leuten oder Ihren Kunden auf Ihr Design zu haben und wie es sich verbessern wird. Also lassen Sie mich Ihnen das erste Beispiel zeigen. Nun, das ist das erste Design, das ich für meinen Kunden gemacht habe. Also Sie das ist eigentlich das gleiche Design, über das wir gesprochen haben. Sie können den Hintergrund sehen, viele Gesichter. Sie sehen meist gefälscht aus. Ähm, dieselbe Überschrift. Scheint alles. Der Knopf war sehr dunkel. Ähm, und ich dachte, das ist sehr professionell aussehend, weil der Knopf dunkel ist und er Aufmerksamkeit erregen wird. Es ist dunkel, aber auf einem hellen Hintergrund. Aber mein Klient sagte, dass dieses Bild auf dem Hintergrund gezwungen. Diese Gesichter sehen sehr unrealistisch aus. Also sehen sie gefälscht aus. Also müssen wir unsere Richtung ändern. Auch, wenn Sie sich daran erinnern, dass unsere Konkurrenz, die unsere Konkurrenten Website waas war. Auch sehr ähnlich zu diesem. Nur der Farbaustausch, dass sie einige von Bill bläuliche Farbe haben und dieser hat Bildschirm. Also sagte ich OK, also werde ich euren Design-Feedback nehmen und ich werde das verbessern. Und dann habe ich versucht, die Hintergrundfarbe zu ändern und den gleichen Hintergrund zu verwenden. Ein neuer Hintergrund hat mir versichert, was dieser war, und wieder habe ich diese und diese Anzeige gezeigt. Okay, Ähm warum? Der Knopf ist so schwarz. Wir wollen etwas Grün haben oder vielleicht meistens in den sicheren Farben eigene machen, wie Sicherheit zeigen. Okay, also was dann? Ich habe gesagt, OK, das erzielte ich werde auf, dass zu verbessern, so dass Sie sehen können, Sie werden sehen, wie dieses Design völlig zu diesem ändern. So können Sie sehen, jetzt ist es suchen erstellen. Also, wenn Sie etwas versuchen, Zehe zu entwerfen, fragen Sie andere. Was hältst du von diesem Design? Jetzt können Sie sehen, dass dies fast das gleiche Design ist. Wenn man sich das anschaut, sieht dies wirklich schwach auf diese zeigt keine mutige, selbstbewusste Persönlichkeit. Aber wenn man sich diesen Bildschirm anschaut, ist es geboren, es ist zuversichtlich, es ist. Sieht professionell aus. Es zieht die Aufmerksamkeit vom Benutzer. Sie vermittelte die Botschaft auf kraftvolle Weise. Wir haben 300.000 plus bundesweit dazu beigetragen, Steuererleichterungen zu erhalten. Wenn Sie also mit zwei oder tty Köpfen arbeiten, Ihr Design tatsächlich und verändert seine Form und Form und kreiert ein sehr schönes Design. Wenn Sie Feedback von Ihren Kunden erhalten, wenn Sie Feedback von anderen Ihren Designern, Ihren Mitarbeitern erhalten , wird dies passieren. Ihr Design wird immer zu verbessern. Jetzt zeige ich dir den zweiten Entwurf, den ich von meinem Bruder Feedback bekommen habe. Ich habe zunächst mit ihm zusammen mit ihm gearbeitet, wie Sie dieses Design verbessern können. Also werde ich Ihnen vor und nach zeigen, und Sie werden entscheiden, dass ich falsch liege oder ich bin wahr über die Verwendung von zwei oder drei Köpfen für jedes Design. , Das ist das zweite Beispiel,von dem ich gesprochen habe. Das ist also eigentlich das endgültige Design. Und wenn ich dir zeige, wie ich diesen Entwurf tatsächlich angefangen , wirst du erstaunt sein du . Also, wenn Sie sich dieses Design ansehen. Hoppla. Also lassen Sie mich es Ihnen zeigen. Also hier haben wir dieses Design und Sie können sehen, dass dies das endgültige Design für meine neue Website ist. Meine Kurse hatten diese Funktion an diesen vielen Orten. Warum meine Kurse nehmen? Unsere Schüler sagen über den Ausbilder. Beginnen Sie jetzt mit dem Lernen Kontakt. Und das ist das Essen. So können Sie sehen, dass dies das endgültige Design ist. Und wenn ich dir die zeige, mit der ich angefangen habe, und wenn ich mein bekomme, kannst du Feedback von meinem Bruder sagen . Es hat sich völlig verändert und das Design verlagert. Sie können Designrichtung sagen. Also werde ich Ihnen zeigen, wie mein vorheriges Design aussah. Das ist das Design, mit dem ich angefangen habe. Also fing ich an, so etwas zu kreieren. Und das war ein Knopf. Das ist ein ganz anderes Design. So können Sie sehen, dass es verschiedene Zahlen sind. Warum nehmen meine Kurse wie in all diesen Symbolen vorgestellt waren in Farbe Was Studenten sagen Waas so etwas. Ein ganz anderes Design. Das ist es, was ich angefangen habe. Das ist meine Einführung über den Ausbilder. Und hier ist das Essen er So können Sie sehen, dies ist, obwohl es ein gutes Design ist. Aber es gibt viele Probleme, wie Sie hier sehen können. Hier. Ah, wegen des Sektors. Ich habe nur mein Bild. Mein Bruder sagte er. Das Feedback, das ich von ihm bekommen habe, ist, dass du deine Interaktion mit den Schülern zeigen musst . Haben Sie eine Konferenz oder einen Workshop gemacht? Haben Sie irgendwo ein paar Workshops gegeben oder zur Verfügung gestellt, sagte ich ja. Und er sagte: „ Versuche den Zeh, stelle ein paar Bilder da drüben mit deinen Schülern. Dannsagte erin diesem Abschnitt sagte er Versuchen Sie, Sie, es mawr einfach zu machen. Das ist Ah, es gibt eine Menge Aufmerksamkeit auf dieser Seite auf der rechten Seite als für diese. Er sagte, dass diese in Farben sind. Sie verlangen viel Aufmerksamkeit. Versuchen Sie Zehe, unterwerfen Sie sie. Versuchen Sie Zehe, minimieren Sie die Aufmerksamkeit hier drüben. Also drehte ich sie alle zu schwarz und weiß oder grau auch, ähm, die Hauptsache die Grundidee, die ich von ihm bekam waas Das Design ist eine Geschichte. Er sagte, dieses Bild dieser Abbildung auf der rechten Seite sieht ziemlich generisch aus. Bild dieser Abbildung auf der rechten Seite Es scheint nicht, dass es, ähm, sehr emotional ist, oder es hängt mit Ihren Schülern. Was ich also getan habe, ist für die erste Iteration. Lassen Sie mich Ihnen zeigen, wie wahrscheinlich mein Designfortschritt ist. Also ging ich zu diesem hier. Also hier habe ich eigentlich Jane, das Layout von diesem können Sie sehen, jetzt sind sie in vier Kisten hier drüben. Ah, ein bisschen veränderbar. Hier, hier haben wir alle in Grauen. Ah, ein bisschen sauberer Sauberkeit hier drüben. Ich versuche, einige von der Sie können sagen, ein paar von den Zeugnissen von hier an. Dann denke, dieser Waas wieder. Dasselbe. Ich habe hier den weißen Raum vergrößert, um ihn üppiger zu machen. Und dann mit dem Feedback meiner Brüder ändert sich die ganze Designrichtung. Er sagte, dass ich diese spezifische Illustration verwenden möchte. Ich hatte diese Illustration gekauft. Dies sind keine freien Illustrationen. Ich habe dieses und dieses heruntergeladen, damit ich es nicht versuche, Zehe, du weißt schon, kostenlose Illustrationen zu verwenden, um gebetete oder Premium-ALS. Sie haben mehr Qualität. Er sagte, das sieht mir so laut etwas interessanter aus. Das ist eigentlich sein Entwurf. Er hat angefangen. Ich sagte, OK, versuche, an meinem Design zu arbeiten. Was sind deine Gedanken? Arbeit? Harvard. Du beginnst mit diesem Design. Er sagte, ich werde so etwas tun. Also begann er mit diesem Header. Und ah, sobald ich bekam, was in meinem Bruder passiert, habe ich versucht, mein Design zu verschieben und mir das letzte zeigen zu lassen. Hoppla. Hier haben wir das endgültige Design. Verkleinern. Okay, hier haben wir das endgültige Design. Und wenn man sich dieses Design anschaut, ist das völlig verändert. Es ist der Typhus. Er sagte, dass Sie Ihre Schrift verbessern müssen. Also versuche ich, diesen Dienerbeweis zu verwenden, den ich wirklich liebe. Und auch dies ist Entwurf Tag, die auch eine Premium-Fort ist, die ich gekauft habe. Dies sind beide Premium-Kraft sind beide unterschiedlich eso ich versuche, sie zu verwenden. Dann habe ich versucht, Zehe mehr Farben in sie zu bekommen, die für meine Marke Farben blau und orange. Also versuche ich zu sagen, dass sie sie hier drüben in der Illustration benutzen. Was dann? Er sagte, Waas benutzte es als Geschichte. Also habe ich noch ein paar Illustrationen hinzugefügt. Amore Design-Elemente Zehe machen es humanisiert. Nicht nur Boxen und besteuert und Farben. Ich habe versucht, eine andere Illustration aus der gleichen Stadtserie zu verwenden und sie hier drüben zu setzen nur meine Schüler aussehen. Und dann habe ich versucht, einfach zu kämpfen, indem ich vier Kritiken so machte. Dann können Sie sehen, dass es über Lehrer glänzt. Ich versuche auch andere Bilder zu verwenden. Wie dieser hier drüben, dieser hier, wo ich mit meiner Werkstatt in Lums, Lahore in einer anderen Stadt stehe . Und ah, hier ist meine, ähm die gleichen Abschnitte, die ich versucht habe, hier wieder einen neuen zu erstellen, eine Illustration wird wieder hinzugefügt, eine Illustration wird bearbeitet. Also versuchen Zehe, versuchen Zehe, bekommen einige Drehungen in meinen Geschichten Ich habe versucht, das Layout geändert Illustrationen ändern, änderte eine Krawatte Gesicht basierend auf dem Feedback von meinem Bruder. Es ist also wirklich wichtig, dass du Feedback von anderen Designern erhältst. Äh, andere Senior Designer oder jemand, wenn sie wie Sie oder Ihr Produktmanager sind oder jemand, wenn sie etwas Erfahrung haben. Jeder hat unterschiedliche Erfahrung im Design, so dass er versuchen könnte, Ihnen einige Tipps zu geben, die Ihr Design verbessern werden. Ich hoffe, Sie haben diese Lektion genossen. Ich will nicht, dass es sehr lange dauert. Aber das ist ein sehr wichtiges Thema, das Feedback erhält und wie Sie dieses Feedback verbessern werden . Lassen Sie mich Ihnen die zweite Seite zeigen. Sie können sehen, dass das auch aus dem gleichen Team auf der rechten Seite kommt. Ah, und noch eine Sache. Ich habe tatsächlich einen weiteren Designer gefragt, sich auf Schmelzen bezieht, was ist und er war Designer, sehr großartiger Designer und die Arbeit mit sehr großen Unternehmen und solchen Sachen. Ich habe versucht, auch sein Feedback zu diesem Design zu bekommen. Er war erstaunt über dieses Design, das ich nicht erwartet hatte, aber er sagte, dass Sie Ihre Fußzeile und Kopfzeile verbessern können. Ich hatte ein paar Fragen in meinem Kopf, also fragte ich ihn in dieser E-Mail und er antwortete mir sehr gut und detailliert. Das ist also alles darum, Feedback zu bekommen und wie Sie Ihre Designs basierend auf diesem Feedback verbessern können , ich hoffe, Sie haben viele nützliche Tipps in diesem Video gelernt. Bis bald. Im nächsten 7. Erleichterung von deinen Inspirationen erfolglos ohne Kopieren: in diesem Video werde ich über ein Problem sprechen, das viele Designer haben, und so können Sie Inspirationen oder Ihre Konkurrenten Website verwenden oder Ideen anderen Websites in Ihr eigenes Design entwerfen. Wie Sie sie jetzt umsetzen werden. Der Trick ist, dass Sie sie nicht kopieren müssen. Sie müssen von ihnen lernen, wie sie Abstände verwendet haben, wie sie verschiedene Schriftarten verwendet haben, wie sie verschiedene Farben verwendet haben, wie sie unterschiedlich ausgenutzt haben. So erhalten Sie Designanweisungen und Hinweise von diesem Design oder Ihren Inspirationen. Versuchen Sie nicht, sie zu stehlen. Wenn Sie wirklich Zeh wollen, seien Sie ein erfolgreicher Designer. Versuchen Sie, von vielen zu stehlen. Also, wenn Sie drei oder vier verschiedene Websites haben, versuchen, ihre Design-Richtungen zu lernen und erhalten Hinweise und Sie können Teams sehen, dass ich meine Website Toby in diese Richtung gehen möchte . Dies ist also der Trick, um Ihre Design-Inspirationen erfolgreich zu stehlen, also werde ich mit Ihnen meine jüngsten Erfahrungen teilen. Dieser Kurs ist wirklich praktisch, also werde ich mit Ihnen echte Beispiele aus teilen. Oh, ich entwerfe unser ganzes Ich nähere mich verschiedenen Designproblemen und wie ich tatsächlich Inspirationen in verschiedenen Designs verwende . Also lassen Sie uns dieses Beispiel sehen. Ich habe Ihnen bereits diese Website gezeigt, die mein nächstes aktuelles Design für meine Website sein wird . Es kommt vielleicht zwei Monate nächste zwei Monate sowieso. Also hier haben wir das Design und Sie können sehen, dass Sie dieses Design sehen. Das ist das ganze Design. Okay, Sie haben, ich habe Ihnen schon einmal dieses Design gezeigt und jetzt werde ich es Ihnen zeigen. Gehen wir auf die Spitze zurück und ich werde Ihnen zeigen, wie eigentlich das, was ist die Inspiration oder für dieses Design? Was ist Inspiration, die ich verwendet habe? Gehen wir also zu dieser inspirierenden Website. Also hier ist eine Website namens Designer Fund auf Ich liebe dieses Design wirklich. Dies ist die Inspiration für mein VEP-Design. Glaubst du, dass ich von hier aus Corporate irgendetwas habe? Wenn Sie genau hinsehen, werden Sie sehen, dass ich nichts von hier kopiert habe. Sie können sehen, dieses Design ist völlig anders, dass Sie sehen können, der Inhalt ist anders. Überschriften sind anders und ah, eine Menge großer und Krawatte Gesicht mischt sich stark aus Sie können hier über sehen. Das ist also das ganze Design von dieser Website. Okay, jetzt, wenn du dir diesen Abschnitt hier ansiehst und Essen ansiehst oder du siehst, ich habe Gott ein paar Ideen aus, wie ich meine Fußzeile hier drüben in zwei Teile wie diesen aufteile und dir zeigen lasse, wie ich es gemacht habe . Also, wenn ich hier drüben zum Essen gehe, hofft, so lasst uns das hier sein. Und ich werde Ihnen zeigen, den Fuß von Und wenn Sie in die Fußzeile gehen, können Sie sehen, es ist in zwei Abschnitte unterteilt und ich benutzte ah! Ach! Starker Grafik-Overhead Äh, noch eine Sache. Wenn man sich genau ansieht, ist der Typhus hier drüben. Lassen Sie mich es Ihnen zeigen. Okay, lass uns mal sehen. Der Top Dreyfus ist die Überschrift hier drüben. Du kannst sehen, ob du dir diese Schrift ansiehst und vielleicht werde ich dir Will stellen. Lokale Ansicht wird eine gewisse Ähnlichkeit in dieser Kombination aus Typhus fühlen ist so lassen Sie uns, ich werde sehr schnell wechseln, so dass Sie die gleiche Richtung fühlen können, ein wenig aus Ähnlichkeit in diesem Design. Okay, also siehst du etwas, damit du diesen Typhus sehen kannst, der mein Versteck ist. Es ist wie 70% ähnlich und Zukunft stand von Typhus sie verwendet haben. Also das zweite, was Sie bemerken werden, ist eine Menge von Leerraum hier drüben. Sie also WennSie alsohier rüber schauen, werden Sie viel Leerraum sehen. Sie sind Überschriften sind in dieser Richtung in vertikaler Richtung. Aber die Köpfe sind in horizontaler Richtung. Du kannst so sehen, weil ich nicht zu viel Inhalt habe, um zu schießen. Okay, also habe ich mich auf diese Weise inspirieren lassen. Außerdem werden Sie sehen, dass einige von den Mördern wie Sie diese dunkle, eine hellblaue Farbe und diese scharfe, scharfegrüne Farbe sehen eine hellblaue Farbe und diese scharfe, scharfe können. Ich habe es von hier geliehen. Also, wenn Sie sich dieses Designer ausländischen Logo ansehen, ist es nicht die gleiche Farbe. Ich habe diesen Farbwert oder Hexi-Dezimalwert nicht kopiert, aber er ist geschlossen Zehe dieser Kombination. So haben wir blau und grün fast blau und grün. Oder auch hier. Also haben wir dunkelblauen Hintergrund und grün. Hier drüben haben wir dunkle, bläuliche schwarze und gelbe Kontraste wieder sehen Sie den Bildschirm oder hier und wenn wir nach unten bewegen , können Sie wieder sehen. Wir haben den Anfang bläulichen Hintergrund. Die Quintessenz hier ist, dass Versuchen Sie, das Team aus diesem Design herauszuholen. Versuchen Sie nicht, es zu kopieren, wie Sie diesen Abschnitt hier sehen können. Es ist ihrem Fuß sehr ähnlich. Unsere Haare haben wir, das ist wie Gott, gelegentliche Updates über Nachrichten. Sie haben so etwas, aber meins ist ein bisschen anders. Ich habe hier eine Illustration hinzugefügt und auch meine Überschrift aus diesem Abschnitt verschoben. Und ich habe Sie können sagen, dass ich diese Layout-Design-Techniken deaktiviert habe andere Abschnitte im Detail in meiner Layer-Design-Klasse abseits des Kurses eingedrungen habe. Wenn Sie daran interessiert sind, Ihre Layer-Design-Fähigkeiten zu verbessern, Sie können das ohnehin nehmen, So gibt es ein paar Änderungen hier. Wie ich es dir gezeigt habe. Ich habe es getan. Sie müssen verschiedene Gestaltungsideen sammeln. Wählen Sie sie aus. Sie können sehen, ändern Sie sie zu Ihrem eigenen Design oder übernehmen Sie sie zu Ihrem eigenen Design. Es sollte nicht eine Kopie von diesem Design aussehen. Und wenn man sich die Fußzeile hier anschaut, kann man sehen, dass es nicht so aussieht. Aber wenn Sie genau hinsehen, können Sie sehen, hier haben wir Text, und hier haben wir sehr kleine Begriffe Datenschutzrichtlinie oder solche Dinge. Nun, wenn Sie sich mein Design ansehen, hat es ähnliche Dinge sind hier. Also, wenn Sie sehen können, ob ich es hier schiebe Datenschutzrichtlinie, Cookie-Richtlinie, einige ähnliche Dinge, die hier vor sich gehen. So ist es nicht copping ihr Design, Aber versuchen Zehe können Sie sagen, Ideen zu bekommen und sie in Ihr eigenes Design zu bekommen ah ähnliches Gefühl. Und Sie können ähnliche Typhuskombinationen sagen. Ähm, von diesem Design. Ähnliche Dwight-Raumnutzung. sind also alle Bänder, die ich dir in dieser Lektion gezeigt habe. Wenn Sie Fragen haben, können Sie mich immer fragen, lassen Sie uns zur nächsten Lektion übergehen. 8. Schriftarten für dein Webdesign-Projekt auswählen: Wann immer ich beginne, meine Website-Projekte oder meine mobilen Lab-Designs zu entwerfen, Ich beginne immer mit einem Unentschieden Gesicht Wahlen. Der erste Schritt, den ich machen werde, ist, dass ich die tiefsten auswählen werde, sind die Kraft, die ich jetzt in meinem Design verwenden werde. Sie haben bereits die Designrichtung von Ihren Inspirationen, die wir in den vorherigen Lektionen besprochen haben, und Sie werden sie verwenden, um Ihren Typhus auszuwählen. Also, wenn Ihr Projekt die ernste, mutige, selbstbewusste professionelle Sie könnte mit geometrischen oder dramatischen Art aus sensorischen Telefonen oder Typhus gehen , ist, wenn Sie Projekt ist mehr mit emotionalen oder einladenden oder ruhigen tiefsten Sie verwandt verwenden wollen, als Sie gehen, um einige humanistische sensible Merkmale haben, Mawr Kurven in Ihrem tiefsten. Ich werde es dir zeigen. Die Beispiele lieben 40, so dass die nächste ist am meisten von den Designern, sogar ich. Manchmal denken wir, dass wir zwei Schriften kombinieren müssen, weil es zeigen wird, dass wir über Designs wissen. Es ist keine Schande, ein einziges Tauchgesicht in Ihrem Design zu verwenden. Es geht nach Lourdes schneller, wenn Sie nur eine tiefste in Ihrem Design verwenden werden. Es geht schnell nach Lourdes, weil wir nur eine tiefste haben. Vielleicht werden wir Brett oder regelmäßige oder kursiv drei Mal verschiedene Formen von diesem tiefsten verwenden. Eine weitere Sache ist, dass, wenn Sie sich entscheiden, Typhus zu verwenden, stellen Sie sicher, dass Sie einen Typhus wählen, der Premium ist. Sie müssen es kaufen und verwenden. Sie gehen Zeh immer leuchten in Ihren Designs. Ich habe angefangen, sie in den Projekten meines Kunden in meinen eigenen Projekten zu verwenden, und ich werde Ihnen das Beispiel zeigen, wie ich mit dem Experimentieren mit Diverse Is und Kombinationen beginne und wie ich am Ende verschiedene Telefone oder Typhus verwende, ist für meine -Projekte. Sehen wir uns diese Beispiele jetzt an. Nun ist dies der Spielplatz, den ich für die Auswahl Typhus verwendet ist für meine ich angesprochen Exzision Landing Page, die ich Ihnen gezeigt, und das ist, wie, tatsächlich ein Start Kombination verschiedener Abwehrkräfte, Ich wählte den tatsächlichen Text oder tatsächlichen Inhalt und einen Absatz und eine Überschrift und ich fange an den Typhus auszuwählen. Ehemalige Überschrift, weil es wird eine Menge Aufmerksamkeit zu erregen, ist die erste Aufmerksamkeit Punkt für unsere Benutzer. Also, um Typhus für Absätze auszuwählen, neige ich dazu, etwas zu verwenden, das lesbarer und lesbarer ist . Also diese anderen Dinge, die du wirst Zehe in deinem Kopf haben, so dass du dies in dieser Kombination sehen kannst . Ich wählte dieses Futter unseren Sand für meine Überschrift und ist hap regelmäßig, was einer meiner Lieblings-Ford ist. Für Absätze werden Sie sie werden sie mit einer Menge von Typhus kombinieren, so ist dies in diesem Herbst meine erste Kombination. Ich versuche, es im ersten Design zu verwenden. Habe ich. Dann für die 2. 1 habe ich inter verwendet. Also, wenn man sich all diese anschaut, sind sie ein bisschen ernst. Sie sind, Ah, ein großer Profi. Sie können das hier sehen. Das ist Inter. Es ist sehr ernst. Kein Flugzeug Art off, wissen Sie, Sie wissen, es zeigt keine Emotionen s Oh, das ist sehr schlicht freundlich schon Helvetica Art off sensorische Furt oder sterben Fäuste. Und unten benutze ich Rubin, was ein bisschen von Do Magic Typhus ist. Sie können sehen, wenn Sie genau hinsehen, werden Sie sehen, dass dies auf einigen geometrischen gebaut hat einige ähm, Sie können sagen Ah, perfekte Buchstaben. Also nicht perfekt dramatisch, aber es hat einige Hinweise auf geometrische. Das sind also die beiden Gesichter. Dies ist die zweite Kombination. Also behandle ich weiter verschiedene Kombinationen, als ich versuche, karminroten Text zu verwenden, was Satya Telefonschrift mit einem gewissen Gefühl ist, dass, wenn Gott unten hier, was ich nicht mochte, Also lehnte ich dieses ein. Eigentlich. Mein Mandant Ah, ich wollte so etwas haben, aber ich dachte nicht, dass es eine gute Idee ist. Dann ist dieser eine weitere aktive, grotesken und Grotesken Extra fett mit Ass oben sehen Sie einen Schritt ist leicht mit dem Herrn aus Form Schriftarten zu kombinieren . Also ich liebe das ist ein weiteres Band Versuchen Sie, einen Saft zu verwenden und ich denke, es wird es mit einer Menge Abwehrkräfte beheben . Ähnlich, diese eine Aber für mich war es vermeidet breit, freundlich von zuerst Muli Mouly und ah, es war wieder dramatische Schrift Und es hat einige seltsame dazu. Also war es breit, also mochte ich nicht, dass dieser Art von Stil und auch Nieto, es gehört nicht, weißt du , zur Auswahl. Also habe ich es auf der linken Seite abgelehnt. Sie können sehen, ich habe den Schriftmaßstab ausgewählt. Wenn Sie also nicht wissen, welche Art Gesichtsskala ist, ist es, wie groß verschiedene Schritte vom Typhus ist. Und ich habe viel darüber in meiner Typografieklasse gesprochen. Oder natürlich können Sie das nehmen, wenn Sie darüber lernen wollen. Also wähle ich die größere, kleinste, kleinste und verschiedenste tiefste Größen aus, bevor ich in meine Designs gehe. Uh, hier haben wir. Okay, Also in der letzten hier ist nur ein einziges Gesichter, das Marcher Märtyrer ist ein Premium-Stanzgesicht und es ist eine geometrische Art aus empfindlichen tiefsten Sie können sehen, hier war es perfekte Kreise und ich liebe das wirklich, weil es sehr mächtig, sehr gelangweilt auf ernsthafte und eso Ich habe gerade diesen Marcher ausgewählt, Dies ist schwarz. Das ist Ah, sehr Pool. Ich denke, wir verwenden extra Brett in der Überschrift, anstatt schwarz schwarz ist zu nehmen. Und für meinen Text habe ich Buch tiefsten Samstag regulären Also, wenn Sie gehen, um regelmäßig, Sie können sehen Ah, das ist eine sehr dunkle Furt dunkel oder hier bedeutet, dass es viel Farbe in sie hat. Also, wenn Sie verkleinern. Sie werden sehen, dass diese Texte hier drüben wegen ihrer Dicke sehr leicht aussehen . Wenn du es dir ansiehst, halte hier. Es sieht sehr nehmen aus. Also, was ich getan habe, ist, dass ich dachte, dass es sehr dauert. Also verlagerte ich die anderen Fäuste Ford, das Buch ist. Also habe ich dieses Buch ausgewählt und es sieht im endgültigen Design ziemlich gut aus. Und lassen Sie mich Ihnen zeigen, wie ich mein Design angefangen habe. Also habe ich damit angefangen. Sie können sehen, dies ist der erste Abschnitt, den ich begann zu bauen und ich begann mit dem Gefühl Sands zusammen mit Recep. Das war mein erster Versuch, aber weniger Sand hatte einige Kurven. Irgendein humanistischer, sensibler, freundlicher Kontakt dazu. Also habe ich es am Ende fallen lassen. Und ich habe diesen Ah ausgewählt, Marcher statt ihm. Also lassen Sie mich sehen, ob wir so hier haben wir eine Party Features oder was auch immer. Also das ist die Dies ist, wie ich mit verschiedenen Schriften spielen und kombinieren Sie sie auf meinem können Sie Intuition sehen und ah, ähm Sie können Typografie Auswahl Sinn sagen. Ich benutze keine Regeln. Ich benutze einfach weiter verschiedene Schriften, die ich denke, sie sehen toll aus. Zum Beispiel, dies füttern unsere Sand und das ist glücklich aussieht erstellt. Und wenn wir hier rüber ziehen, hier wieder, diese hier, es war toll für die Überschriften. Ähm und ich denke, du kannst auch austauschbar kombinieren, wie wenn du das hier herumziehst und hierher ziehst, kannst du das Make-up sehen. Ein perfektes Paar hier drüben. Also geben Sie ein und ist oben. Sie sehen richtig aus. Wenn Sie also versuchen, zu experimentieren, bevor Sie ins Design tauchen, denke ich, dass das besser ist. So wähle ich meine Schriften aus. Jetzt werde ich Ihnen das eigentliche Design zeigen, das Sie sehen können. Hier haben wir diesen Typhus Arbeit schaffen. Das ist Marcher Bull. Das ist Buch. Das ist Buch und das ist wieder Buch. So sieht es in verschiedenen und unterschiedlichen Situationen wirklich gut aus. Und Sie können sehen, wie das eigentliche Design aussieht. Jetzt ist hier ein anderes Design, das Sie bereits gesehen haben. Das sind zwei meiner neuesten Projekte, an denen ich arbeite aus vergangenen denen ich arbeite aus vergangenen sechs Monaten. Und hier können Sie sehen, diese Krawatte Gesicht hat ist San Serif und es hat einige ah, wenig gestylt wäre es klassisch ein bisschen klassisch, ein bisschen off. Sie können scheinen, um, Kurven und ah humanistische Berührung, weil es klassischer ist. Es ist nicht Morgan Sensory für Also, wenn Sie dieses wählen, ist das zufällig. Dies sind beide Premium für eine ist sehr beliebt. Minion Pro Ford und wirklich lieben diese eine tiefste. Und dann ist dieser Entwurf. Wenn wir also genau hinsehen, werden Sie sehen, was verschiedene Merkmale für diese Schrift sind. Und wir haben, jeder ist schräg hier drüben. So ist es ein bisschen im Grunde klassisch Tiefest ist alt. Typhus ist, dann haben wir das. Wenn Sie genau auf diesen, äh, Sand Sedef, der ein großer Morgan ist, sehen Sie, es ist ein bisschen Ah, großes Telefon. So groß tiefste Also ist es größer und das ist kürzer. Dies ist also wieder eine Kontrasttechnik. Ich benutze manchmal ich, wenn Sie eine sehr breite Art von Telefon haben, sehr, das ist in, um in einer Form aus einem Rechteck oder lebenswichtiger als die anderen Forts, wie ich es Ihnen gezeigt habe . Dann versuchen Sie, eine schlanke oder schlanke Vier oder Schrift damit zu verwenden. Das ist anders. Kombinieren von Techniken. Sie können mehr über sie in meinem Typografiekurs erfahren, also können Sie diese beiden sehen, die ich kombiniere, denn das ist, uh, das ist eine kreative Website für Designer. Die meisten Leute, die nach Design suchen, werden hierher kommen, damit ich es nicht benutzen kann, obwohl ich ein dramatisches tiefstes hier drüben verwenden kann. Aber, ähm, aber ich denke, das vermittelt die Nachricht besser zu einer Benutzeroberfläche und User Experience Designer lernte Fähigkeiten anstelle von Design-Tools, verbunden Lernerfahrung mit mehr als 12 Videokursen und verbunden 31 dimensionale. Ich denke, ich habe jetzt 37 1000 Studenten und sie steigen, und ich versuche, mindestens 100.000 Schüler zu unterrichten. Mal sehen, wie, wenn sie sowieso kommen werden. Das sind also die praktischen Bänder. Wenn Sie versuchen, unsere Ihre Krawatte Gesicht zu wählen, kombinieren Sie Ihre Würfel Gesichter anders. Ford's versuchen nicht, mehr als zwei oder drei V zu verwenden. Es ist zum Beispiel, dieser ist Duff regelmäßig, und dieser ist Draft Board, und das ist Minion Pro. Also benutze ich nicht mehr als diese drei. Wenn Sie versuchen, mehr als diese drei oder vier verschiedenen Kraft zu verwenden, Ihre Seiten gehen toe Last sehr langsam. Okay, also werden sie Ihrer Seite mehr Gewicht hinzufügen. Und wenn jemand vor Gericht gehen wird, werden sie die Zehe. Haben Sie andere, schwierige Zeit, wissen Sie, Laden dieser Seite, wird es langsamer sein. Das ist also alles darüber, wie ich meine tiefsten auswählen ist, wie verschiedene Schriften kombiniert werden, wie ich mit verschiedenen Schriften experimentiere. Und was sind die Dinge, die Sie im Hinterkopf behalten müssen, während Typhus nachlässt. Ich wollte diesen Kurs, Toby. So praktisch es auch sein kann, weil es nicht um das Erlernen von Fähigkeiten geht, es geht um Praktikabilität und wie Sie unser Design-, Webdesign- oder Mobile-App-Design-Projekt erfolgreich einsetzen und umgehen werden. Gehen wir zur nächsten Lektion über und sehen, was wir für Sie lesen. 9. Farbvorlagen für Webdesign: Nein, nachdem wir unseren Typhus ausgewählt haben, ist I. Normalerweise, was ich normalerweise tun, ist, dass ich wählen begann die Auswahl meiner Farben oder Farbschema, und Farben werden auf der Designrichtung basieren, die wir haben. Wir haben bereits Associate ID. Wenige Worte mit unserem Design, wie Sicherheit, wie Professionalität Board zuversichtlich Ah, Geldbörse Einheit, wo wir wissen, dass das, was wir tun, wir haben Zweckmäßigkeit und Dinge wie das. Also, ich werde mit Ihnen teilen, wie ich tatsächlich angefangen habe. Auswahl von Typhus ist für mein letztes Projekt, das ich Ihnen Steuergesellschaft gezeigt habe, und was ich tat, ist ich eine lebendige Farbe ausgewählt oder sehr Sie können krank und vertrauensvolle Farbe für die Stadt oder Call to Action Button. Der Grund dafür ist, dass wir unsere Nutzer sofort anziehen wollen. Immer wenn jemand landet auf Ihrer Zielseite oder auf der ersten Seite von Ihrem Kopf, Sie möchten, dass sie einen Knopf oder einen Text bemerken, weil wir wollen, dass sie Maßnahmen ergreifen. So wird dies auf Action-Button aufgerufen werden, und es wird lebendig sein oder haben einige gute Kontraste mit dem Hintergrund. Dann die 2. 1 Der zweite Mörder, den ich ausgewählt habe, war grün dunkelgrün, was mit Sicherheit verwandt ist, und es hat einige frische Töne, um es. So sieht es nicht sehr langweilig oder dunkel aus. Aber stattdessen, schau, man kann sagen, vielversprechend und in auf hoffnungsvolle, hoffnungsvolle Art von grüner Farbe. Dann für Professionalität, wählte ich dunkel, lila blaue Farbe auf, die auch etwas mit ihrer eigenen Marke eckig für Rücksteuern Hilfe dot com und ich werde mit Ihnen teilen jetzt das Projekt und wie ich ausgewählt bin ich Auswahl von Farben beginnen. Lassen Sie mich es Ihnen zeigen. Ähnlich, was ich mit dem Typhus gemacht habe, ist hier drüben. Sie können in der letzten S sehen und wir hatten einige Experimente los. Ich beginne auch mit der Auswahl einer oder zwei Farben am Anfang zu experimentieren. Also habe ich diese Farbe, zum Beispiel diese und das sieht mir ein bisschen gut aus. Es hat mich mit dir teilen lassen, ähm, blau und grün. So ist es eine Mischung aus Blau und Grün. Es ist nicht perfekt grün. So hat es. Es hat etwas Hoffnung in sie. So ist eigentlich, wie ich begann mit dieser Farbe begann, als ich unter leichteren Aktien produziert . Wenige. Das hier. Das ist näher an Blau. Dann begann ich mit dieser dunklen, kastanienbraunen Farbe, die meiner Meinung nach mit dieser verwandt war. Aber ich habe das nicht benutzt, denn für mich war es ein bisschen war es ein bisschen näher an der Gefahr. Also habe ich es am Ende vermieden. Also habe ich hier drüben angefangen, wie du sehen kannst, ob du es dir hier ansiehst. Ich habe mit dieser Bildschirmfarbe angefangen, aber Sie können hier in der ersten Klasse sehen, es sieht aus, dass dieser Mörder überbraucht wurde. Der Bildschirmstern reinigen Sie diesen bläulichen Bildschirm. Sie waren vorbei. Ich habe versucht, sie hier drüben zu übertreiben. Also, das sind eigentlich die tatsächlichen Farben für diese Marke. Sie können sehen, dass sie Grüns und dieses violette Blau haben. Also neige ich dazu, einige Ideen von diesem zu bekommen. Also ich wollte nicht verwenden Diese sind sehr schlicht, dunkelblau und schlicht grün. Ich wollte etwas Variation oder eine Mischung aus haben. Also werde ich Ihnen zeigen, wie ich tatsächlich mit Farben gelandet bin. Lass mich sehen. Okay, hier haben wir den gleichen Traum ein bisschen von Grün, das ist dieser hier und das ist wieder blau. Aber es hat wieder eine lila, lila, äh, Hinweis Street. Sie können diesen Hintergrund sehen. Das ist sehr leicht. Grünlicher blauer Hintergrund, gleiches Farbschema. Die wichtigsten Farben, die ich ausgewählt trug diese lila blau dieses grün und diese gelb und diese gelbliche Bernsteinfarbe, die wir nur für sie verwendet haben, um die Aufmerksamkeit vom Benutzer und diese grün im Hintergrund sieht es sehr sicher aus, weil es grün ist plus blau. Also, ähm, so ist eigentlich, wie ich eigentlich Stroh meine Farben ausgewählt habe. Sie sind auch die Farben von Himmel und Bäumen. So freundlich, Sie können ihn sehen Stabilität für Bäume und ah, Himmel ist offen und einladend für mich. Ich bin mir nicht sicher, was es für dich ist, aber das ist eigentlich ich wollte, dass es ernst ist. So können Sie das sehen. Die Stadt a hier drüben ist wieder mit der gleichen Farbe. Diese Farbe ist eigentlich lassen Sie mich es Ihnen zeigen. Ich denke, es ist ein kleiner Zeh, lila und blau. So hat es einige rote Schlepptau es etwas Grün und die meisten der Blues. Also, wenn wir gehen, um sm auf dem Hugh verlassen ist zu 22 sowieso, so ist das eigentlich, wie ich meine Farben begrenzen. Sie können sehen, dass Sie Nazi nicht wie 15 Mörder sind, oder hier sind große Mörder nur drei. Dieses gelb dieses blau und der Bildschirm. Das ist alles, was wir brauchen. Wir meinen vielleicht Rauch, oder du kannst leichtere Aktien sagen, wie hier drüben mit den Symbolen. Und dann, ähm, Sie können sehen, das ist auch die gleiche Farbe zwei Schattierungen angeboten. Wenn Sie mehr darüber erfahren möchten, wie Sie ein Farbschema erstellen, können Sie meinen Farbschema entworfenen Kurs nehmen. Aber wenn Sie ein Projekt starten, das verkleinert, müssen Sie mit verschiedenen Farben experimentieren. Sie haben Zehe experimentieren, wie ich hier drüben getan habe. Sie müssen anfangen, so etwas zu erstellen und von dort aus zu gehen. Beginnen Sie mit der Anwendung dieser Farben und sehen Sie, wie sie aussehen. Experimentieren Sie mit ihnen. Versuchen Sie, Ihr Farbschema nach Zeit und Zeit zu verbessern. Ich versuche es nicht, Zeh zu machen. Wählen Sie alle Farben aus, die ich weiter verbessere und experimentiere. Also, wenn ich sehe, dass ich hier einen helleren Farbton brauche, habe ich versucht, das zu erzeugen, also experimentieren Sie weiter mit den Farben weiter zu verbessern. Am Ende haben Sie vielleicht Ah, anderes Produkt, das Sie nie gedacht haben, dass Sie am Ende passt. Zum Beispiel, wie diese hier haben wir völlig verschiedene Farben und Sie können sehen, es gibt wenige mobile Bildschirme oder hier, die ich entworfen oder neu gestaltet. Sie können sehen, dass ich diese gelbe Farbe in diesem Rufnummernfeld verwende. Ähm auch Sie können hier drüben grünlichen Hintergrund sehen hier drüben. So experimentiere ich mit verschiedenen Farben und verbessere sie weiter. Ich bleibe nicht bei den Farben. Ich, wissen Sie, ich habe in erster Linie ähnlich hier drüben ausgewählt, können Sie sehen, dass ich weiter experimentiert . Ich habe viele Farben für diesen Hintergrund ausprobiert, diesen Hintergrund, aber in Kombination und ich landete in diesem. Dies ist eine sehr kommende, freundliche blaue Farbe Onda. Sehr heller Hintergrund. Nicht sehr. Weißt du, man kann sagen, hell, aber sehr dunkel, freundlich aus hellem Hintergrund ein wenig aus langweilig, gräuliche Farbe ist in diesem Hintergrund und weil ich ein sehr dunkelblau oben drauf verwenden wollte , so dass es schafft ein sehr schön aussehendes Design. In ähnlicher Weise können Sie diese Schaltfläche hier sehen. Die Farbe ist, ah, ah, eine Braut, weil wir wollen, dass die Benutzer auf Overhead klicken. Gelb ist auch eine andere Farbe. Ich habe gelblicher Bernstein verwendet, so blau und gelb und grün hier haben wir die verschiedenen Schattierungen für sie. Sie sind nicht die gleichen, wie ich hier drüben benutzt habe, das ist das hier. Das ist völlig anders. So ist es, wie die Persönlichkeiten aus Ihren Farben, sie gehen Zehe reden in Ihrem Design. Sie werden die Geschichte von Ihrem Design erzählen. Ich denke, Sie haben verstanden, wie ich Farben verwende. Hoch wählbare Farben hoch. Während meines Entwurfsprojekts verbessern Sie mein Farbschema weiter. Und wenn Sie Fragen haben, die Sie mir stellen müssen, gehen wir zur nächsten Lektion über. 10. Verwendung und Symbole im Webdesign: in diesem Video werde ich über das Generieren von wiederverwendbaren Elementen oder wiederverwendbaren Assets oder wiederverwendbaren Stil Jungs, Schaltflächen und all das Zeug für Ihre Mitarbeiter Design-Projekte oder Ihre mobilen APP-Design-Projekte oder was auch immer Benutzer -Schnittstelle, die Sie entwerfen möchten. Jetzt in der ersten, wenn Sie anfangen zu entwerfen, versuchen Sie verschiedene Farben. Du probierst verschiedene Stile aus. Sobald Sie fast ein oder zwei von Ihren Seiten wie 1. 1 zum Beispiel, diese Homepage abgeschlossen haben, sobald ich abgeschlossen habe, Ich weiß, dass diese Schaltfläche wird Standard i ni Ich werde es auf einem viele andere Website-Seiten. Zum Beispiel, wie Sie sehen können, haben wir Browse-Kurse, kommende Kurse. Blawg, kontaktiere mich und Logan. Also werde ich dieses Element wiederverwenden. Also werde ich es zu einem Symbol machen oder ah hinzugefügt, um es auch zu einer Komponente zu machen. Wenn Sie Stigma verwenden, sind Toby. Eigentlich ist es eine Komponente, und wenn Sie verwenden, skizzieren Sie das Symbol, also versuchen Sie, Symbole zu erstellen, wie Sie hier auf der linken Seite sehen können. Ich habe viele Symbole. Dies sind alle Farben, die Sie sehen können wie 7 bis 9 verschiedene Aktien von jeder Farbe, verschiedene Töne und Töne aus jeder Farbe, drei oder vier verschiedene Arten off likes auf dann haben wir eine Menge Blues hier veröffentlicht Blues. Das sind also drei große Gelehrte. Dann habe ich auch einige Collector-Stile, um meine verschiedenen Überschriften oder Dinge wie diese zu definieren . Also habe ich klein Ich habe Ah, 19 Punkt, was ist, denke ich, der Absatz. Dann habe ich 38 44 50,50 Jahre 67, wenn ich 25 44. Das sind also alle verschiedene Übungsbande, die ich in meinem Projekt verwendet habe. Und ich zeige Ihnen noch ein paar Dinge. Wir haben Komponenten für Abstände, die ich in meinem Layer-Design-Kurs gezeigt habe, wie man sie benutzt und wie ich sie erstelle und anwende. Dann haben sie wenige Tasten, wie Sie sehen können, dass dies primäre Belastung ist. Dann haben wir kleine Taste, die 45 so etwas ausübt. In ähnlicher Weise haben wir natürlich mehr. Das wird dir gefallen. Du kannst sehen, dass ich es einfach so erschaffen kann. Sobald ich es fertig gestellt habe, werde ich so etwas verwenden. Lassen Sie mich Ihnen noch ein paar Seillänge zeigen. Wie du hier drüben sehen kannst. Hier habe ich alle verschiedenen Kurse und ah, wenn wir nach unten gehen, können Sie sehen, das sind auch einfach die gleichen Elemente. Also habe ich eins von ihnen erstellt und Johnny hat gerade Bilder und Text in anderen Ah ersetzt, in den anderen. Und ich bin fertig mit meinem Design. Das ist also wirklich hilfreich. Sie müssen einige von den wiederverwendbaren Elementen erstellen, aber Sie müssen sie erstellen. Sobald Sie mindestens eine von Ihren Seiten oder eine von Ihren Bildschirmen oder vielleicht ein oder zwei von Ihrem Bildschirm fertig gestellt haben, sind Sie Skins. Denn zu dieser Zeit wissen Sie besser, dass das hier ist, wissen Sie, so etwas sein wird. Das ist unser Standard. Zuerst legen Sie einige Benutzeroberflächenstandards fest, indem Sie experimentieren und dann die Verwendung dieser Standards wieder verwenden. Also, das ist alles über die Verwendung. Sie können Farbsystem wie dieses sehen. Sie können hier drüben sehen. Ich habe diese Dokumente, die Sie sehen können, dass ich das generiert habe. Diese Farben, die Sie sehen können, sind wenige Craze Push Craze. Dies sind orangefarbene Anteile von ausländischen. Das sind Grüns. Die sind rot. Das sind ein weißer Irrsinn. Das sind Blues. Also das sind alle verschiedenen Farben, die ich auf dieser Website verwendet habe. Also im Moment ist es im Grunde meine Website für Designer, so kann es ah viele Farben haben. Aber für andere Websites benötigen Sie vielleicht drei oder vier Farbtöne. Brauchst du nicht immer all diese Mörder? Ähnlich sieht man, dass ich meine Textilien hier so in einem anderen Dokument kreiere, all die verschiedenen Größen und wie sie miteinander kombinieren und aussehen. Außerdem können Sie sehen, dass ich einige für Links, Links, Stile hier erstellt Links, habe. Sie können hier sehen, das ist ah Stil für Bedingungen. Das sind also alle verschiedene Wege. Ich versuche tatsächlich, verschiedene Schriften auf verschiedenen Maßstäben zu kombinieren. Wenn Sie also mehr darüber erfahren möchten, was eine Skala ist, wie Sie diese verschiedenen Typengrößen generieren, müssen Sie sich meine Typografiekursdiskurse ansehen, wie ich meine Projekte tatsächlich gestaltet und wie wir mit ihnen umgehen und wie ich praktisch verschiedene Dateien erstellen oder behaupten oder was auch immer ich in diesen Designs verwendet habe. Also hier haben wir noch ein paar Dinge. Ich habe verschiedene Symbole. Ich habe sie hier drüben versammelt. Dann haben wir alle verschiedenen Arten von fünf oder sechs Arten von Knöpfen. Sie können sehen, dies ist Geister-Button. Dies sind alle gefüllten Schaltflächen. Dann habe ich einige Stile für ah, für die Formen und lassen Sie mich Ihnen ein paar weitere Dinge zeigen. Und auch, ich versuche, die Illustrationen so zu halten. Also, wenn ich eine Illustration brauche, ziehe ich sie einfach von hier aus, oder ich kann eine Komponente daraus erstellen und diese in meinem Design verwenden, damit Sie sehen können, dass sie sich auf verschiedenen Hintergründen befinden . sind auf gräulich-violetten Progression, blauem Hintergrund. Dies sind weiße Hintergründe und diese sind auf dunklen Hintergründen. Also versuche ich, Sie können sagen, Experiment und Blick auf verschiedene Winkel und Perspektiven, dass, wie es auf unserer dunklen Farbe aussehen könnte, wie es könnte auf einer hellen Farbe Vita Farbe Hintergrund aussehen und verschiedene Assets für dunkle und erstellen helle Hintergründe. Das ist also, wie meine eigentliche Datei aussieht und das wird das neue Design für meine Website sein , und so habe ich die Tablet- und Mobile-Planungsseite entworfen und das ist alles, was ich hoffe, Sie haben viele Tipps gelernt und wie Sie mit der Erstellung unseres Designsystems umgehen können. Versuchen Sie nicht, wie, ah, Hunderte Stunden verbringen , um Ihr Designsystem zu erstellen. Sie zuerst ExperimentierenSie zuerstmit einer oder zwei Seiten ehrenvoller Bildschirme aus Ihrem Design und gehen Sie von dort aus und erstellen Sie verschiedene Assets. Verschiedene Farben, verschiedene Stil Jungs, verschiedene verwendbare Elemente, verschiedene Komponenten und Symbole. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 11. Design sich mit Zeit verbessern: eine Menge von Designern. Sie verstehen nicht, dass Design progressiv ist, also wird es Gestalt annehmen und es wird mit der Zeit seine Form annehmen. So haben Sie Schlepptau, geben Sie etwas Zeit, um Ihr Design. Also hier sind ein paar Tipps, die praktisch sind und die ich in meinem wirklichen Leben bei der Gestaltung von Websites oder mehr von Lapse Nummer eins verwenden , die nicht in einer einzigen Sitzung entwerfen. Du musst dich nicht hinsetzen. Und in den ersten 3 Stunden wirst du einfach im Design springen und ausgehen und okay, also habe ich ihr Design Tochter Design in von-session gemacht. Wann immer Sie entwerfen, für ein oder zwei Stunden entworfen, dann gehen Sie nach draußen, holen Sie Feedback von anderen, gehen Sie herum und setzen Sie sich dann wieder. wirst du. Sie werden den Unterschied spüren, dass Sie Sie sind, könnten Sie mehr Ideen in Ihrem Kopf haben. Also versuchen Sie den Zeh, runter von Ihrem Jubel und sehen Sie eine Welt oder treffen Sie Ihre Freunde oder solche Dinge. Spielen Sie ein paar andere Sachen herum, kommen Sie zurück und Sie werden noch ein paar Ideen in Ihr Design haben. Sind Sie intern in Ihrem Kopf? Das ist also der erste Schritt. Entwerfen Sie keine Website oder mobile Apps in nur einer Sitzung. Zweitens ist, dass nicht gewünscht Design mit nur einer Perspektive, die Ihr eigener einzelner Geist und Ihre beiden Augen ist. Du musst deine Perspektive ändern. Sie müssen andere in Ihrem Team Ihre Teammitglieder, Ihre Frau, Ihre Freunde, Ihre Familie fragen Ihre Frau, Ihre Freunde, . Jetzt weiß meine Frau nicht viel über Design. Aber ich frage sie immer, weil sie sie gehört Ihnen können Benutzer sagen, die nicht sehr technologisch sind . Also frage ich sie immer, wann immer ich so reichhaltiges Design entworfen habe. Denkst du, es sieht toll aus? Was sind Ah, vertraust du diesem Design? Also antwortet sie, als würde ich das nicht mögen. Das sieht hier drüben zu viel vor sich. Etwas stimmt nicht. Also versuche ich, ihr wisst schon, Feedback von ihr zu bekommen. Ich entwerfe ihr Feedback nicht, dass sie nichts weiß, weil alle Benutzer ihre Perspektive dort sie weit weg sind. Dinge zu sehen ist anders. So müssen Sie zumindest verschiedene Perspektiven rt bekommen und dann Ihr Design auf sie zu verbessern . Sie sind der Lösungsentwickler, den Sie haben, verstehen Sie, was die anderen versuchen, auszudrücken und das zu verwenden und mehr Ideen zu schaffen. 3. 1 ist, dass Sie Ihrem Design etwas Zeit geben müssen, dass es Gestalt annehmen wird. Es wird detaillierter. Es wird mehr verfeinert, wenn Sie gehen, um es einige Zeit zu geben. So geben Sie Ihrem Design immer Zeit. Und ich werde Ihnen zeigen, wie es sich tatsächlich verbessern kann und wie meine Designs schrecklich aussehen, als ich sie anfing und was war das Endergebnis? Sie werden erstaunt sein, wie es möglich ist, wie ich mit diesem hässlichen angefangen habe oder Sie können sagen, off balance design. Und als ich es fertig war, war es völlig anders. Also werde ich mit Ihnen das letzte Projekt teilen, das ich getan habe. Ich kann Ihnen die letzten zwei Projekte zeigen, aber ich denke, es wird sehr langes Video sein. Also das hier ist zurück Texas Hilfeprojekt und das ist mein Pflegeversuch. So können Sie sehen, nachdem ich meine Typografie beendet und einige Farben ausgewählt habe, begann ich mit diesem Design. Okay, das war also sehr offen und hat keine. Man kann sagen, mächtige oder mutige Persönlichkeit. Und für mich, es waas Es war einfach ok entworfen es. Hat es war, war es nicht fertig. Man kann sagen, einzigartiges Design oder es zeigt nicht viel Wert oder man kann Professionalität für die Rede sagen . Sehr einfach. Nicht so einzigartiges Design oder nicht sehr mächtig. Es gab keinen Aufruf zum Handeln, aber auf Shone war Overhead hier drüben, was nicht sehr dunkel Zeh war. Es war ein Licht und es war die gleiche Farbe wie diese Tasche über ihn laufen. Also habe ich mich weiter verbessert und das ist eigentlich das Endergebnis. Also werde ich Ihnen zeigen und Ergebnis Dies ist das Endergebnis. Jetzt können Sie sehen, dass dies eine völlig andere Richtung ist. Dies ist ein völlig anderes Design für das, was wir angefangen haben. Ich habe an erster Stelle angefangen. So können Sie jetzt sehen, ob Sie sich diese Design-Hoffnungen ansehen. Nein, Wenn Sie sich dieses Design ansehen, können Sie sehen, lassen Sie uns verkleinern und Sie können sehen, dass es sich um ein völlig anderes Design handelt. Es hat eine Persönlichkeit zu ihm. Es hat tolle Farben. Es ist Gleichgewicht. Es ist alles da. Der erste erste Versuch Waas Not so weiter auf Ihre Entwürfe zu verbessern. Geben Sie ihm Zeit. Ich kann Ihnen auch das zwischen verschiedenen Phasen zeigen. Lassen Sie mich Ihnen zeigen, dass Zehe, wie ich zu diesem Design kam und ah, was sind die verschiedenen Stufen? Dies war die 1. 1 Lassen Sie mich Ihnen die 2. 1 Nun, in dieser Datei, können Sie sehen, dies ist die ganze Geschichte dieses Designs. So habe ich hier angefangen. Dies ist der erste Versuch auf der linken Seite. Dann fing ich an, das hier oben zu bewegen, und Sie können hier sehen, wir haben einige, ähm, ähm, Shorty Icons hier drüben, und ich versuche, das bei angefangenem Bauen auszugleichen. Andere Abschnitte waren hier, aber ich war immer noch nicht aber ich war immer noch nicht zufrieden mit dem Header hier drüben. Dann bin ich zu diesem gezogen. Das ist ein weiterer, ein bisschen stärkerer Hintergrund und dasselbe, Ähm, ein bisschen stärker, aber wir hatten einen ehemaligen hier. Das ist also die eigentliche Idee von meinem Klienten und ah, das hier drüben sehr mutig zu zeigen. Und es hat sehr langweilig, bläulich, violett, grünlich Hintergrund Busch Bildschirm, und es sah nicht sehr einzigartig oder mächtig. Dann bekam ich ein Feedback von meinem Kunden, das diesem noch mehr Perspektiven hinzufügt. Und am Ende hatte ich hier mehr Platz, als ich wieder eine andere Farbe, die blau war . Trotzdem sagte der Klient Nein, nein, ich will etwas anderes. Warum versuchen Sie nicht, eine lila Tut mir leid, äh, orange Farbe zu verwenden äh, , weil sie es in ihrer Konkurrenz Website gesehen hatten. Also anstatt mit orange, Ich wählte dieses Team, das waas grün und gelb oder bernsteinfarben gelblich-grün, gelblich bob Nennen Sie es gelblich-orange Farbe. Also habe ich diese Farbe wirklich geliebt. So schreitet mein Design TSA in vielen verschiedenen Phasen, kann man sehen, wie viele Art Boards ich gearbeitet habe. Sie können auch einige von den Variationen hier in diesen Abschnitten sehen. Sie können diesen Waas schwarz sehen und dann habe ich ihn hierher bewegt, das waas violett blau. Und Sie können auch am Anfang sehen. Ich versuche, das gleiche Design zu kopieren, das ich Ihnen von Designer Fund gezeigt habe. Sie können die gleiche Technik sehen. Aber am Ende habe ich mich auf diesen eingelassen, weil dieser eine Look professioneller aussah. So können Sie sehen, dass es viele Iterationen gibt, die ich für dieses Design gemacht habe. 1234567 Bei der siebten letzten Iteration. Es hat sich mit der Zeit und meiner Mühe und dem Feedback des Kunden sehr verbessert. So geht es darum, Ihr Design zu verbessern. Die Zeit, die Sie haben, um Ihre Zeit zu geben. Design ist progressiv. Es wird einige Zeit dauern. Es wird sich in Etappen entwickeln. Es wird mehr als einen Geist Zeh brauchen, haben, ah, erstellen und ein tolles Design zu bauen. Ich hoffe, Sie werden viel Wert aus diesem Video oder dieser Lektion bekommen. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 12. Arbeiten mit Entwicklern beim Projekt Web-Design: in diesem Video werde ich darüber sprechen, wie Sie mit Ihren Entwicklern auf sinnvolle Weise zusammenarbeiten und versuchen, so viel Zeit wie möglich zu sparen. Nun, oft, wenn Sie ein Projekt starten oder starten, wissen Sie, Ihr Design an Ihre Entwickler liefern, beginnen die Probleme auftreten. So, wie Sie diese Probleme von uns für Schritt umgehen können, ist, dass, wann immer Sie wollen, Ihre Entwickler Zehe, etwas verstehen, versuchen, aufzuzeichnen oder Bildschirm. Zeichnen Sie den Bildschirm kurz oder Bildschirm aus Video. Abschirmen Sie Ihr Design ab, damit Sie hier sehen können. Wenn Sie es hier sehen, können Sie sehen, dass ich 1234567 verschiedene Videos habe, in denen ich meinem Entwickler erklärt habe, dass dies die Änderungen sind, die ich brauche. So gehst du nicht mit Ed auf. Dies ist nicht, wie es aussehen oder ausführen sollte. In ähnlicher Weise können Sie sehen, dass ich verschiedene Ordner mit Datumsangaben wie Änderungen am 2. September habe. Ich hatte zwei verschiedene Bildschirm-Shorts, die Sie hier sehen können. So mache ich es tatsächlich. Ich benutze ein Werkzeug namens Jing. Lassen Sie mich es Ihnen zeigen. Das ist DJing eigentlich und ich benutze dieses Tool von Decks Mitt und ich benutze dieses, um Bildschirm-Shorts zu nehmen und verschiedene Dinge zu fahren oder seine, wie Sie sehen können, dass wir hier sind. Warum? Dies bewegt sich in die zweite Zeile. Also wollte ich das Versteck Toby in einer Zeile. In ähnlicher Weise waren die Entfernungen, sie waren wie 1 86 Pixel. Aber in meinem Entwurf waren es 1 20 Bilder. Also musste ich, weißt du, mit meinem Entwickler sprechen, sogar am Telefon, hin und her, damit wir gegenseitig Probleme verstehen können. Was also passiert ist, ist, dass wir im Webdesign einen gewissen Rand am unteren Rand dieses haben und an die Spitze dieses marschieren. Also, wenn mein Entwickler musste, wissen Sie, verwendet 1 20 er wie, 60 Pixel in diesem Abschnitt und 60 Schweine in diesem Abschnitt verlassen musste . Er hatte einige harte Zeit, wissen Sie, diese Änderungen so ähnlich können Sie sehen, ich habe verschiedene Änderungen für mobile Bildschirme. Dann ich Auch gab es noch ein Problem, dass ich waas ihn schickte. Ach, Adobe Akte tatsächlich. Nein, Das Problem passierte, dass er nicht sehr Sie können sagen, vertraut mit Adobe tatsächlich Tool, weil er ein Entwickler war. Dann fragte ich ihn, was los ist? Du tust nicht, was ich dir oder die Akte gezeigt habe. Sie entsprechen nicht der neuesten oder aktuellsten hochgeladenen Datei. Er sagte: Wo ist die neueste hochgeladene Datei? Ich sagte, es ist ah. Also seien Sie zusätzliche Datei, die ich in Ihrem Ordner habe, die von der Yep benannt wird, Dies ist der Name der Entwickler. Also habe ich einen Ordner erstellt. Aber er sagte, dass er tatsächlich Zeppelin benutzt. Also er waas proffering ein Werkzeug, das Zeppelin Zeppelin Dot heißt, sind Sie? Wenn du es nicht weißt, habe ich eine Menge drauf. Ich habe viele Videos, um dies zu verwenden. Wie Sie diese Zehe verwenden können. Übergeben Sie Ihre Entwürfe an Ihre Entwickler. Sie können sehen, dass es Ihnen alle verschiedenen Größen zeigen kann, verschiedene Kerne, die Sie auf der rechten Seite sehen können. Sie können das gesamte Gericht aus diesem Entwurf generieren. Also habe ich es benutzt. Dann haben wir uns entschieden, Zeppelin zu benutzen. Also für dieses ganze Projekt habe ich nur an einem einzigen Ort aktualisiert. Versuchen Sie also nicht, Replicator-Dateien an vielen verschiedenen Orten zu duplizieren. Stören Sie Ihre Entwickler nicht mit Design-Tools. Versuchen Sie, Zehe ein Werkzeug zu finden, das Zehenarbeit für sie geht. Das wird für sie leichter sein, den Code zu verstehen und zu kopieren und ihn bei der Entwicklung des Gerichts zu verwenden . geht also um Zusammenarbeit, also müssen Sie es einfacher machen und versuchen, sich auf zu begnügen. Versuchen Sie, mit Ihrem Entwickler zu sprechen, dass wir nur dieses Tool verwenden werden und Sie müssen alle verschiedenen Dinge von hier zu finden. Das ist also alles über die Zusammenarbeit mit Ihren Entwicklern, wie Sie mit ihnen sprechen werden. über die Zusammenarbeit mit Ihren Entwicklern, Möglicherweise benötigen sie SPD-Dateien. Möglicherweise benötigen sie Gefährdungs- oder PNG-Dateien. Du musst mit ihnen reden, wenn du eine Akte brauchst, wie in meinem Fall, lass mich dir zeigen, was passiert ist. In meinem Fall ist das hier offen. Es gab also ein Problem, das für mich sehr einzigartig war, das waas mich Ihnen zeigen ließ. Okay, hier haben wir also das Logo für diesen hier. Okay, du kannst sehen, ob du dir dieses Logo ansiehst. Dies ist eigentlich eine PNG-Datei, und sie wurde von meinem Client zur Verfügung gestellt. Diese PMD-Datei hat also eine Menge von transparenten Pixeln um ihre tatsächliche Größe, wenn Sie darauf klicken , ist es 1 20 Pixel hoch. Du kannst sehen, ob ich es umziehe. Es war etwas. Es hatte so viel Grenze um ihn herum. Also mein Entwickler, er hatte ein Problem, du weißt schon, es hier auszurichten, weil du in meinem Design sehen kannst, dass ich dieses PNG außerhalb dieser Leinwand platziert habe . Entschuldigung. Also, aber für ihn, als er versuchte, dieses hey hatte Problem Platzierung der Sie können den Abstand zwischen diesen beiden Elementen sehen . Also, wenn Sie hier klicken, können Sie die 72. Aber er hatte Probleme, also sagte ich: Warum nicht? Ich werde dir eine Akte geben. Ich werde alle leeren Pixel um ihn herum entfernen. Und ich habe es im Fotogeschäft geöffnet. Und ich habe Traumfunktion für Shop verwendet und alle transparenten Pixel um ihn herum entfernt. Also hat es so einen Begrenzungsrahmen. Das ist also, glaube ich, das alte Design. Aber im jüngsten Design habe ich das benutzt. Das sind also verschiedene Arten von Problemen, die Zehe passieren werden. Sie müssen ihnen sagen, wie diese aber unter gehen zu interagieren, wie die Schatten werden zeigen, wie diese Schönheit von Videos wirklich Herr oder solche Dinge . Ich hoffe, Sie haben verstanden, wie Sie mit Ihren Entwicklern zusammenarbeiten. Und was sind die verschiedenen Probleme, die normalerweise von Entwicklern und Designern konfrontiert werden wenn sie versuchen, miteinander zu arbeiten? Eine weitere Sache ist die Benennung von Konventionen. Sie müssen Ihre Layer oder alles richtig benennen, damit Entwickler Ihre Entwürfe leicht verstehen können. Ich hoffe, Sie haben dieses Konzept verstanden. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 13. Leistungsoptimierung und Lace: Jetzt in diesem Video, werde ich über einige Tipps zur Leistung von Ihrer Website Laden von Ihrer Website sprechen , Hauspie. Es ist das, was anders ist. Sie können sagen, Leistungsoptimierungen, die Sie tun können, wenn Sie für jede Website entwickeln oder entwerfen . Ah, und wie du es deinem Klienten zeigen willst und wie ich es tatsächlich in diesem Projekt gemacht habe. Also hat mein Entwickler tatsächlich get Hub benutzt und er hat,weißt du, weißt du verschiedene Änderungen gepusht und begangen. Also haben sie die Spur von all den verschiedenen Änderungen oder Versionen von dieser Seite. Version ing ist eine der Funktionen, die vor kurzem Designer auch begonnen haben zu verwenden. Und ich denke, es wird Kobe vorstellen. Eigentlich, einige von ihren Designern, sie verwenden es in Skizze mit einigen Drittanbieter-Tools. Also auf get hub, versuchen, ah zu mieten, Entwickler, der hat vell in den neuesten Technologien wie Mädchen versiert oder bekommen Hub oder all das Zeug. Also, was er tat, ist, dass er mir seinen Fortschritt zeigte, indem er das benutzte. Holen Sie sich, was Bührle? Also, wenn ich wollte, um einige Änderungen haben, Ich sage ihm, oder geben Sie ihm die Änderungen sind Revisionen und er tat es auf dieser Seite, und ich hatte nur Zehe, wissen Sie, gehen Sie zu dieser Seite toe, siehe all die verschiedenen Änderungen. Sie können sehen, wie dieser Knopf tatsächlich den Schattenwechsel hat und ein wenig gedrückt und grün wird. Das sind also alle verschiedene Dinge. Ich habe ihm gesagt, dass es so sein sollte. In ähnlicher Weise haben wir diesen Play-Button zum Zuhören sowieso. Also, ähm, das ist eine Sache. Also keine Sekunde ist dies, wie Sie Fuß gehen, verschiedene Änderungen bekommen und Ihr Live-Projekt sehen. Sie müssen ein Wandbild haben, das Sie Ihren Kunden posten können. Und Sie können auch verschiedene Veränderungen sehen, die lebendig auf einem LifeBridge geschehen. Also, ähm, zweites, was waas, um Performance-Probleme wie Sie sehen oder hören können. Hier haben wir diesen Hintergrund. Dies ist ein PNG-Bild von Jipping Bild. Dann haben wir diese vier Bilder hier drüben. Dann haben wir diese beiden Videos auf diesen Icons. SPC-Symbole. Sie sind leicht. Und dann hatten wir diese MP-drei Akten. Ah, sind wieder Symbole. SPG-Symbole. Ah, und, ähm, das sind einige Skripte, die sind, dass wir hier rüber laufen und ich denke, wir haben noch eine Sache, die diese Fragen zeigt . Gemeinsame Steuererleichterungsfragen. Und dann haben wir das. Okay, also was? Meine Entwicklung ist es. Das schnellste in der Webentwicklung ist JavaScript. Anstatt Jake Yuri als separate Datei Ah zu laden, wird das auch ah, 70 bis 80 KB ausladen. Wenn Sie Entwickler Dinge in Javascript tun können, wäre das viel schneller. Also was? Meine viertelte es ist verrückter Entwickler. Er Lizzie hat diese zwei Videos geladen. So wurden sie geladen, nachdem die ganze Seite geladen wurde, nur um mehr zu bieten, können Sie Verzögerungen beim Laden dieser Videos von YouTube sagen. Das ist eine Sache. Zweitens ist, dass wir versuchen, Zehe komprimieren diese Bilder Bild Hintergründe mit PNG. Ich denke, es anders Kompression. Es gibt eine Menge Kompressions-PNG-Nachdenken oder so etwas. Ich erinnere mich nicht an winzige PNG. Also ich benutze das normalerweise, so dass Sie einfach Ihre J-Peg- oder PNG-Datei ablegen, und es wird sie komprimieren, was meistens weniger Komprimierung verlieren wird. Sie werden also nicht Ihre Qualität verlieren. Also habe ich all das benutzt und ein Fehler, den ich gemacht habe, ist, dass ich versucht habe, Zehe , weißt du verwenden, weißt du, neuen Kompressionstyp , der Bild war. So ist die Erweiterung Ihre Erweiterungen für Bilder dart w E B und B Web werden Bild Jetzt, Ich begann mit roten rep e Bild auf dem Vorschlag von Google. Also, wenn Sie nicht wissen, Google Geschwindigkeit Google Speed Test Also das ist Google Geschwindigkeit innen. Also, wann immer Sie sehen wollen, wie Ihre Seiten geladen werden, kopieren Sie einfach die u. R l und stützen Sie sie hier und analysieren. Und es wird zeigen, wie weit es ist und was verschiedene Probleme damit sind, warum es langsam geladen wird und solche Dinge. Also, was passierte? Google hat mir nur ein paar Dinge getan. Ich habe den Bildtyp Toe Webby geändert. So können Sie hier sehen, es zeigt sehr langsame Seite. Aber hören Sie nicht immer auf Google. Du musst wirklich sehen, wie deine Seite tatsächlich, Herr, du musst ein paar andere Dienste ausprobieren, wie wir es hatten. Du wirst anfangen, Dummbed dot com zu sein, also benutze ich auch diesen. Also zeige ich Ihnen meine Werkzeuge aus dem Handel, die ich normalerweise verwendet habe, um verschiedene Websites Ladezeit und solche Dinge zu testen. Also hier geht es um Ladezeit und dann noch eine Sache, die Brother Stack ist. Dies ist ein Tool, das wir für App- oder Browser-Tests verwenden. Also, was dieser Hocker tut, ist, dass er Ihre Seite nehmen wird und es wird, um diese Seite in mehrere verschiedene native Geräte zu lenken. So zum Beispiel möchte ich zum Beispielmeine Seite testen. Sie könnenzum Beispiel diesen Raum sehen zum Beispiel . Sie können es in 1.14 Sekunden geladen sehen, was sehr schnell ist. Obwohl Google zeigt, dass dies 24. Aber ich wollte sehen, wie viel Zeit nur nach Lourdes geht. Trotzdem ist das sehr viel von der Seitengröße. Eigentlich ist das die alte Seite. Ich reduzierte die Bildgrößen und nein, ich denke, es ist etwa 3 bis 4 MB. Also diese App diese tatsächlich Staub es in verschiedenen Geräten, die Sie sehen oder hören können. Sie können es auf verschiedenen mobilen Bildschirmen testen, die, wie mobil, Um, wie wenn Sie eine einzelne Seite auf dem iPhone 5678 iPhone x ah testen möchten, und Zugriff oder ein beliebiges Gerät, das Sie wollen. Also, wenn Sie sehen möchten, dass Wie Meine Seite wird auf allen verschiedenen Geräten aussehen. Sie können diesen Bruderstapel verwenden, und es wird Ihnen in Echtzeit zeigen. Was sind die Probleme mit Ihrer Seite? Also, was geschah, wenn ich diese Zehe wep e ändere, die dieses Bild war? Ähm, ich denke, dieser Hintergrund Ah, iPhone X hat Webby Bilder zu der Zeit nicht unterstützt. So im Moment gibt es keine glücklichen Bilder. Ich höre Google Page im Inneren und ich ändere es. Und wir hatten einige Probleme, die Seite auf dem iPhone X zu lernen. Mein Kunde rief zurück und ich bin, du weißt schon, mein ganzer Entwickler. Und er sprach: Hast du irgendein Bild geändert? Zu froh, dass ich ja gesagt habe. Und er sagte,, Dies ist das Problem auf iPhone Unfall und Sport glücklich. Also denken Sie nicht immer, dass Sie immer für die meisten entscheiden müssen lu ah, niedrige Größe off Datei oder Sie müssen suchen, müssen Sie Google hören. Versuchen Sie immer, Ihre oder eigenen Sinne zu verwenden und sie bei der Beurteilung der Sie wissen Ah, dies Testen Sie Ihre Websites auf verschiedenen Browsern und verschiedenen APS und verschiedenen Geräten. Also, das sind alle Werkzeuge, die ich meist verwendet winzigen PNG Brother Stack. Ich denke, das wird von meinem Klienten gegeben . Ich habe angefangen, es zu benutzen, ich denke, 56 Jahre zurück, ich denke, sie haben es viel poliert. Zu dieser Zeit war es frei bezahlte Geschwindigkeit im Inneren, dom-Tools, winziges PNG für die Kompression. Und das ist alles. Also hoffe, Sie haben diese Leistungsoptimierung Lektion genossen Ah, Bezug auf Ihr Web-Design und wie Sie damit umgehen werden. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 14. Web und After Verkaufsdienst: jetzt, Am Ende ist das Wichtigste, was ich denke, dass eine Menge von Freiberufler ist eine Menge von Designern und Entwicklern, die sie ignorieren, Bereitstellung. Und nach dem Sales-Service, wie Sie gingen, geben Sie alle Dateien an Ihre Entwicklung an Ihren Kunden und wie Sie einen Mehrwert für die Verwendung von After-Sales-Service-Techniken schaffen werden . Also, wenn Sie Clyde sind, ist Ihr Projekt beendet. Das erste ist, dass s nicht verlassen Sie Ihren Client nach der Zahlung, so dass sie Probleme bekommen, wenn sie versuchen, diese Dateien auf ihrem Server hochzuladen. Oder sie haben vielleicht etwas, das in der Atmosphäre nicht funktioniert oder dort drin kann man sagen, Testserver. Das erste, was ist, dass Sie gehen, um sie zu senden ZIP-Dateien und auch versuchen, ihnen zu helfen diese Dateien toe dort FTP-Server hochladen. Sagen Sie ihnen, dass ich Ihnen zeigen werde, wie sie das applaudiert. Und wenn etwas nicht funktioniert, bin ich für dich da. Ich bin immer hier. Schießen Sie mir einfach eine E-Mail und ich werde antworten und ich werde versuchen, Ihr Problem zu beheben. Also mein Klient, als ich ihnen dieses Projekt schickte, habe ich es hochgeladen, müssen alle mehrere sein. Sie hatten Probleme wie vier oder fünf verschiedene Probleme und ich habe sie immer wieder gelöst. Sogar mein Entwickler war außerhalb der Stadt und ich benutzte meine eigene. Sie können sehen, nach Fähigkeiten, die ich habe den Werbesektor von dieser Entwicklung verlassen. Aber ich habe immer noch versucht, seine Probleme zu beheben. Allerdings kann ich so zuerst, was ist, ihnen kostenlosen Service für kleine Änderungen zu geben. Also, wenn es um 15 Minuten, 30 Minuten geht, urteilen Sie nicht für sie. Wenn sie es versuchen, versuchen sie, eine sehr große Änderung vorzunehmen oder die nicht in den Projektanforderungen definiert wurde . Dann kannst du sie aufladen. Dies wird zeigen, dass Sie ein Profi sind. Du kümmerst dich wirklich um ihr Projekt. So zeigen Sie ihnen, dass Sie sich wirklich um dieses Projekt kümmern. Du bist wirklich eine ernste Person. Sie sind ein Profi, der seine Arbeit perfekt in einem einwandfreien Zustand einsetzt. Zum Beispiel, wenn Sie ein Auto kaufen und wenn Sie Ihr neues Auto zu Ihnen nach Hause bringen, etwas nicht mehr funktioniert und Sie sind nicht in der Lage, Ihr Auto zu starten. Also, was? Was werden deine Gefühle sein, siehst du? Also versuch nicht, sie zu verlassen. Zeigen Sie ihnen, dass wir Ihnen helfen können. Wir können Ihr Auto an Ihre Tür bringen, wo Sie es wollen. Wir werden Ihnen helfen, wenn Sie kleine Änderungen in diesem Projekt vornehmen wollen. Und ah, wir kümmern uns wirklich um diese Arbeit und wir sind Profis, die Ihnen helfen, bis zum Erfolg dieses Projekts. Das geht also darum, dieses freiberufliche Webdesign-Projekt abzuwickeln und wie ich meinen Kunden den After-Sales-Service gebe . Ich glaube, wir hatten fünf oder sechs verschiedene Änderungen und ich habe nichts dafür berechnet. Obwohl ich schickte, Ich gab einige Sie können so sagen. Ich zahlte so etwas wie einen kleinen Betrag $20 an meinen Entwickler, aber ich habe nicht berechnet meine nicht berechnet meinen Client dafür. Also halten Sie diese Tipps im Hinterkopf. Ich denke, sie werden Ihnen dabei helfen, guten Ruf bei Ihren Kunden aufzubauen und Ihnen helfen mawr Web Design-Projekte zu bekommen. Sie können sehen, die senti Ich habe diese eine und nein, mein Kunde sagt, dass ich eine weitere Landing Page für Sie, so dass dies ist, wie Sie ein Vertrauen bekommen , wenn das Vertrauen von Ihren Kunden und sie wissen, dass dies die Person ist, die wir gehen sollten wenn wir haben Zeh so etwas zu tun. Also, das ist alles über diese Klasse und die Partituren, wenn Sie irgendwelche Fragen haben, immer noch Fragen zu mir zu stellen? Wir sehen uns bald in, ähm, mehr neuen Videos. Wenn ich sie aufrechterhalten kann, werde ich weitere Videos hinzufügen. Aber bis dahin denke ich, dass das alles ist. Ah, nehmen Sie Ihre und sehen Sie bald in meinen anderen Kursen. 15. Was man NEXT macht?: vielen Dank für die Teilnahme an dieser Klasse. Wenn Sie Fragen zum Design oder zu dieser Klasse haben, können Sie mich jederzeit im Community-Bereich fragen. auch Vergessen Sieauch nicht die Zehe richtig. Einige überprüfen einige nette Worte. Also für mich, also kann ich, wissen Sie, etwas Inspiration bekommen, um mehr Klassen wie diese zu erstellen. Und vergessen Sie auch nicht, wenn Sie meine anderen Kurse besuchen, weil sie sind. Ich habe viele Kurse zu UX Design, User Interface Design und Freelancing und Visual Design. Also bis dahin, wir sehen uns bald in der nächsten Klasse.