Psychologie im Webdesign: Tipps zum Erstellen einer konvertierenden Hero-Section

1. Einführung: Hallo an alle, herzlich willkommen und vielen Dank, dass Sie den Kurs besucht haben. Mein Name ist Rinaldo und Nummer läuft Ihre Website Design und Konversionsrate Optimierung, AUC, seit mehr als vier Jahren jetzt, über meine Agentur, Ich arbeitete mit Unternehmen Unternehmen und Sie registrieren Start-ups wie Airbnb, Samsung, SoftBank, 3M, SAP , EA und viele mehr. Alle diese großen Unternehmen haben ein großes Budget ausgegeben wird, um zu versuchen, ihre Websites zu optimieren, damit sie mehr Leads und Kunden generieren können, und sie tun dies die ganze Zeit. Aber was ist mit jemandem, der ein Ein-Personen-Unternehmen oder vielleicht ein kleines Unternehmen oder ein kreatives Unternehmen ist, wir versuchen nur, ihre Dienstleistungen und Produkte zu bekommen. Sie haben kein Marketing-Budget oder vorherige Expertise über das Feld ist keine gute Ausrede, um die Grundlagen der Conversion-Rate-Optimierung zu ignorieren. Ein solider einmaliger Lauf durch Ihren Heldenbereich kann eine würdige Investition für ein Unternehmen jeder Größe sein. Und deshalb habe ich diese Klasse geschaffen. Diese Klasse wurde entwickelt, um Ihnen dabei zu helfen, Ihre Hero-Sektion schnell zu optimieren, indem Sie Best Practices aus dem Bereich der Conversion-Rate-Optimierung oder jedes Marketing-Budget oder frühere Kenntnisse ihres Fachgebiets anwenden. Hier oder Abschnitt ist der Teil einer Website, der ohne Scrollen sichtbar ist. Wenn Sie sich fragen, warum ist diese Klasse nur über einen Heldenbereich wenn eine übliche Website oder Landing Page hat mehr Abschnitte darauf. Nun, wie sich herausstellt, zeigt eine Studie, dass es 50 Millisekunden oder 0,05 Sekunden dauert , bis ein Besucher einen Eindruck über eine Website bildet. Also urteilen die Leute Webseiten nach ihrem Cover, und das ist eine Tatsache. Und der erste Eindruck einer Website auf ihre Besucher ist weitgehend abhängig von der Hero-Sektion oder dem, was in der Branche über der Falte genannt wird. Es nennt sich die oben die Falte, weil zurück in den Zeitungstagen, eine Anzeige oder Geschichte, die auf der Titelseite über der Falte lief, maximale Sichtbarkeit bekam. Und wenn diese Geschichte Aufmerksamkeit nicht erregt hat, haben Zeitungen nicht verkauft. Also natürlich, viele Website-Designer, Margaret ist in Textern, verbringen viel Zeit darüber nachzudenken, was auf den Heldenbereich zu setzen, denn dies ist das erste, was Ihre Besucher sehen, wenn sie auf Ihre Website kommen. Und es ist sehr wichtig, weil 100% Ihrer Besucher diese Aktion Ihrer Website sehen werden. Und es ist meine Aufgabe in seiner Klasse, Ihnen zu helfen, sie in dieser Klasse zu bleiben, wir werden alle Elemente eines Helden Abschnitt und jedes Element der heterosexuellen Erholung abdecken . Wir werden dies in drei Teilen tun. Erstens konzentrieren wir uns auf das psychologische Prinzip, das wir verwenden wollen. Zweitens werden wir ein Beispiel mit Best Practices aus dem Bereich der Konversionsratenoptimierung erstellen . Und schließlich werden wir Style Element mit der modernen Benutzeroberfläche und User Experience Praktiken. In dieser Klasse lege ich diesen starken Schwerpunkt darauf, warum wir etwas tun, das wir sind, wir tun es. Wir werden kognitive und verhaltenspsychologische Forschung verwenden, um zu verstehen und vorherzusagen, wie sich ein Benutzer in einem bestimmten Kontext auf unserer Website verhalten wird. Und sobald wir dieses Verhalten verstehen, können wir leicht ändern, um unsere Conversions zu steigern und letztendlich mehr Leads und Kunden zu generieren. Jede Lektion in dieser Klasse ist in leicht zu befolgende konkrete Schritte unterteilt , die auf wissenschaftlich erprobten Rahmenbedingungen basieren. Und wenn Sie alle diese Schritte durchlaufen, am Ende dieser Klasse einen brandneuen Heldenbereich, haben Sie am Ende dieser Klasse einen brandneuen Heldenbereich,den Sie in Ihrem Unternehmen oder Ihrem eigenen Projekt verwenden können. Ich garantiere dir, dass dieser neue Heldenbereich deine alten Konversionsraten wegblasen wird. Ich bin aufgeregt, ich hoffe, du bist aufgeregt und lass uns loslegen. 2. Heading: Hallo, willkommen zur ersten Lektion der Klasse. In dieser Lektion werden wir über Überschriften, Psychologie und Schreibkopie für Ihre Überschrift sprechen. Das Schreiben einer Kopie für Ihre Website ist schwierig. Schreiben einer überzeugenden Kopie ist noch härter, wenn Sie jemanden durch Schreiben überzeugen müssen, können Sie sich verloren fühlen. Welche Wörter sollten Sie verwenden? Wie sollten Sie Ihr Angebot gestalten? Wie verkaufst du dich, aber du scheinst schläfrig aus? Obwohl diese Sorgen verständlich sind. Zum Glück ist Copywriting eine Kunst und Wissenschaft. In diesem Video lernen Sie sieben Baumwollschreibtipps basierend auf akademischer Forschung, die die Überzeugungskraft Ihrer Website-Überschrift maximieren wird. Frustration ist nicht das einzige Ziel des Urheberrechts. Sie werden auch lernen, wie Sie Ihre Botschaft auf klarste und effektivste Art und Weise vermitteln können. Am Ende jeder Taktik, die ich skizziere, werde ich mein Beispiel geben, das auf einen hypothetischen und imaginären Heldenbereich für eine Produktivitäts-App verweist einen hypothetischen und imaginären Heldenbereich , die ich in dieser Klasse erstelle. Denn ferne Beispiele werden Ihnen hoffentlich helfen , diese Techniken auf Ihr eigenes Projekt anzuwenden, egal ob es sich um eine App oder etwas anderes handelt. Um hier zu verwenden, ist eine Abschnittsüberschrift einfach. Dort bekommen Ihre Website-Besucher zu verstehen, dass Sie ihr Problem lösen können. Wenn Sie sofort einen virtuellen Kopf nicken können, wenn sie auf Ihrer Homepage landen, haben Sie eine viel höhere Chance, Ihre Besucher dazu zu bringen den nächsten Schritt zu machen, wenn Sie lesen ist unnötig komplex. Leser empfinden Sie als weniger intelligent. Wir haben psychologische Prinzipal genannt Verarbeitung fließend, dafür zu danken. Wenn Sie Schwierigkeiten haben, schriftliche Inhalte, Ihre Gehirnerfahrungen und negative Emotionen zu verarbeiten , dann vermissen sie Attribute, die negative Emotion zu den Inhalten, die Sie lesen. Um die Durchgängigkeit Ihrer Kopie zu erhöhen und diese schädlichen Auswertungen zu verhindern, müssen Sie Ihre Nachricht vereinfachen. Also erstens lernen Sie drei Forschungstechniken, um die Klarheit und Überzeugungskraft zu steigern , oder Sie schreiben Taktik. Verwenden Sie positive Frames. Negative Frames beschreiben eine Abwesenheit, was passiert nicht? Positive Frames, auf der anderen Seite, beschreibt etwas greifbares. Also wäre ein negativer Rahmen nicht zu spät, während ein positiver Frame pünktlich ankommen würde. Ein anderes Beispiel ist, nicht übermäßig zu trinken. Verglichen mit einem positiven Rahmen, trinken Sie verantwortungsvoll. Negativer Rahmen wäre, keine negativen Frames zu verwenden und ein positiver Frame würde positive Frames verwendet werden. Da wir mehr mentale Ressourcen benötigen, um negative Frames zu verarbeiten, reduzieren sie das Verständnis und verschlechtern die Auswirkungen Ihrer Botschaft. Sie können gelegentlich negative Frames verwenden, die völlig normal sind, aber Sie sollten positive Frames für den Großteil Ihrer Kopie auf der Website verwenden. Hier ist ein weiteres Beispiel für meine imaginäre Produktivitäts-App. Negative Rahmen wäre unsere App nicht stören Ihre tägliche Routine. Während ein positiver Rahmen wäre unsere App, wenn passt perfekt in Ihren Alltag. Taktik, um immaterielle Konzepte mit Metaphern zu vermitteln. Angesichts der Bedeutung von konkreten Merkmalen werden Sie ein Problem bemerken, wenn es um Marketing geht. Versucht, die folgenden Funktionen zu visualisieren. Qualität, leistungsstark, zuverlässig. Haben Sie Ärger? Nun, wahrscheinlich können Sie nicht visualisieren immaterielle Konzepte und Ihre Leser hatten die gleiche Schwierigkeit. Das sind unsere Metaphern, die helfen können. Zum Beispiel verwenden Lebensversicherungen Ideen, mit verschiedenen Symbolen wie Regenschirme, Reisende, Felsen, Prudential Insurance Company und damit alle Staat verbunden sind, um Qualitäten von Schutz, Robustheit und Unterstützung zu vermitteln. Metaphern, greifbar und die immateriellen sie ihren Lesern bieten würde konkretes mentales Bild haben. Verbessern Sie die Wirkung und Überzeugungskraft Ihrer Botschaft. Hier ist ein potenzielles Beispiel für meine Produktivitäts-App. Unsere App ist sehr leistungsfähig. Ich gehe von einer immateriellen Beschreibung der Macht zu unserer App, hat Zeus wie Macht, die eine Metapher ist, die anschaulich beschreibt die Idee unserer App mächtig ist. Taktik drei, verwandeln generische Ansprüche in konkrete Begriffe. Genetische Behauptungen sind ihre überall zu spielen. jeder anderen Website, die Sie sich ansehen, finden Sie Aussagen wie unser Support-Team ist sehr schnell, unsere Kunden lieben uns oder Software sind zuverlässig. Versteh mich nicht falsch. Die zugrunde liegenden Nachrichten sind großartig, aber es klingt, als würden Sie verkaufen, anstatt zu erzählen. Sehen Sie sich an, was passiert, wenn Sie diese generischen Ansprüche in konkrete Begriffe umwandeln. Wir erhalten Ihnen innerhalb von 24 Stunden eine Antwort. 568 Unternehmen lieben unsere Software. Sie haben 100% Betriebszeit garantiert. Plötzlich wird deine Botschaft glaubwürdiger und überzeugender. In diesem Fall können Sie sagen, anstatt zu verkaufen, unsere App kann Ihnen helfen, produktiver zu sein, oder App kann Ihre Produktivität verdoppeln. Ich ging von einem generischen Anspruch, nahm und Kreta Begriff der Verdoppelung Ihrer Produktivität. Wir haben gerade zwei oder drei Techniken verwendet, um die Klarheit Ihres Schreibens zu erhöhen. Mit einer größeren Benutzerfreundlichkeit erlebten Ihre Leser indirekt eine positive Emotion, die Ihnen und Ihrem Inhalt oder der folgenden Technik zugeschrieben wird, verpasst werden, lernen Sie einen Copywriting-Tipp, um direkt einen positiven Auslöser Emotion in Ihrem Leser. Wenn Sie jemals versucht haben, Texten zu lernen, haben Sie wahrscheinlich den Rat gehört, richtig. Kopie, die klar und direkt ist. Schützen Sie den Fall. Warum sehen Sie selten direkte Ansprüche online? Wenn Sie durch ein Magazin blättern, werden Sie nie eine Anzeige sehen, die besagt, dass Tide Ihre Kleidung wirklich gut reinigen wird. Sicher könntest du argumentieren, dass diese Worte keine Aufmerksamkeit erregen, und das stimmt. Aber auch direkte Behauptungen sind weniger überzeugend. Warum? Nun, die Antwort beinhaltet selbstgenerierte Schlussfolgerungen, die von meiner Anfrage und Philips 2005 recherchiert wurden. Direkte Ansprüche sind explizit, es gibt keine andere Auslegung. Indirekte Behauptungen, wie Metaphern, bedürfen jedoch einer Interpretation. Wir schließen Bedeutung ab, und das ist der Schlüssel. Indem wir eine Schlussfolgerung machen, erzeugen wir eine Bedeutung. Vergleichen Sie diese Schlagzeilen. Direkte eins, Titel, reinigen Sie Ihre Kleidung wirklich gut. Indirekte, die Frische der Natur. Jetzt in flüssiger Form mit einer direkten Schlagzeilen, es gibt keine anderen Bedeutungen. Also müssen Sie sich auf Informationsquelle verlassen, die in diesem Fall ist die voreingenommene Werbetreibende zu indirekten Überschrift bieten , konstruieren Sie die Bedeutung. Man könnte sich vorstellen, dass die Natur ein lebhaftes und erfrischendes Gefühl mit Flut verbindet. Unabhängig von Ihrer Schlussfolgerung, Sie generieren die Bedeutung, Sie werden die Quelle. Ihr Gehirn setzt also mehr Vertrauen in die Informationen. Sie brauchen keine Metaphern oder figurative Sprache zu verwenden. Sie müssen nur Ihre Syntax anpassen. Zum Beispiel, wenn ich meinen Newsletter aufstellen wollte, wo ich Inhalte wie diese schicke, direktes Beispiel wäre mein Newsletter gestapelt, wäre umsetzbare Inhalte. Indirektes Beispiel wäre, dass dieser Kurs mit umsetzbaren Inhalten und Newsletter ist nicht anders. Im ersten Beispiel sagte ich in meinem Newsletter ist gestapelt würde umsetzbare Inhalte. Es ist ein direkter Anspruch. Es gibt keine fehlende Lücke. Zweitens verwende ich indirekte Behauptung, damit Sie Schlussfolgerungen oder sich selbst extrahieren können. Ich verwende logisches Denken, um eine selbst generierte Schlussfolgerung zu extrahieren. Ich sage im Wesentlichen, dass a gleich B ist, was in diesem Fall Klasse gleich umsetzbar ist. Und C gleich a, die Newsletter gleich Klasse ist. Um schließlich zu implizieren, ist das C gleich B oder der Newsletter mit einem indirekten Anspruch umsetzbar, um Bedeutung zu erzeugen. Ihre Lösung sollte immer eine Art von Schmerzen lindern, die der Leser erlebt. Wenn Sie möchten, dass Leser Ihre Lösung schätzen, müssen Sie sie an den Schmerz erinnern. Also stieß eine Wunde, zeigte, dass es schmerzt, bevor Sie Ihre Lösung enthüllen, rühren Sie das zugrunde liegende Problem. Warum ist es wichtig? Warum ist es problematisch? Wie wirkt es sich negativ auf Ihre Besucher aus? Dann enthüllen Sie Ihre Lösung. Wir sind biologisch strukturiert, um Schmerzen zu vermeiden. Wenn Sie also dieses Gefühl von Schmerz auslösen können, werden Ihre Leser eher Ihre Lösung verfolgen. Ich werde drei Techniken und Tipps skizzieren, um das Problem zu erschüttern. Tactic fünf betonte ihre Verachtung für das Problem. Gegensätzliche Einstellungen können stärker sein als unterstützende Einstellungen. Zum Beispiel, bizarre ein kleinliches gefunden, zeigen wir eine stärkere Unterstützung für politische Kandidaten, wenn unsere Haltung als gegensätzlicher Getter-Kandidat gerahmt wird, anstatt den ursprünglichen Kandidaten zu unterstützen. Anstatt Leser über die Vorteile Ihrer Lösung zu verbrennen betonte ihre Verachtung für das zugrunde liegende Problem. Wenn wir eine Kopie ausführen, um Ihr Produkt oder Ihre Dienstleistung zu bewerben, beginnen Sie nicht mit den Vorteilen, beginnen Sie mit negativen Emotionen, die ihre Leser erleben, wenn sie auf ein Problem stoßen, das Sie lösen. Zum Beispiel, wenn ich eine Kopie schreiben würde, um eine hypothetische Produktivitäts-App auf Gebäude zu fördern , anstatt mit Vorteilen zu beginnen, würde ich mit den negativen Emotionen beginnen, die Leser aus einem Mangel an Produktivität, fühlen Sie sich gestresst und überwältigt. Wenn Sie möchten, gibt es nicht genug Stunden am Tag, Sie haben wichtige Fristen verpasst. Dein Boss denkt, du bist inkompetent, du verbringst weniger Zeit mit deiner Familie. Leser beginnen mit diesen Beschreibungen zu empathisieren. Sie stellen sich vor, diese negativen Emotionen zu erleben. Sie werden frustriert mit diesen Problemen. Sobald sie diese Opposition entwickelt haben, dann präsentieren Sie Ihre Lösung. Wenn Sie eine Kopie beginnen, die Lösung sind, werden Sie diesen Empathieprozess töten. Wir würden nur geschlossen werden und widerstehen allen Vorteilen, die Sie anbieten. Also beginnen Sie immer mit der Betonung Ihrer Leser Verachtung für das zugrunde liegende Problem. Zum Beispiel ist es wichtig, produktiv zu sein. Unproduktiv zu sein ist stressig. Taktik sechs, zeigen einen Einfluss auf andere. Sie können einen starken Effekt erzielen, indem Sie einen Einfluss auf andere Menschen demonstrieren, besonders wenn die Auswirkungen negativ sind. Betrachtet Nachrichten, die im Krankenhaus präsentiert wurden. Gestell Eine war die Handhygiene verhindert, dass Sie Krankheiten fangen. Frame zwei war Handhygiene verhindert, dass Patienten Krankheiten fangen. Der zweite Rahmen beeinflusste mehr Krankenhauspersonal ihre Hände in einem Experiment zu waschen lief zurück Grant und Hoffman in 2011. Erklären Sie, wenn dies unmöglich ist, wie andere Personen negativ beeinflusst werden , wenn Besucher nicht abschließen oder zum Handeln auffordern. Hier ist mein Beispiel. Unsere App spart Ihnen Zeit im Vergleich zu mehr Zeit mit Ihrer Familie und Ihren Lieben. Welcher hört sich besser an? Taktik sieben, beschriften Sie Ihre Besucher, aber ein Substantiv. Substantive Januar zu stärkeren und stabileren Präferenzen. Zum Beispiel, Walton und Banaji im Jahr 2004, gab den Teilnehmern verschiedene Aussagen wie, Jennifer Getränke, Kaffee, viel, Jennifer verbringt viel Zeit drinnen. Jennifer beobachtet viel Baseball. Diese Aussagen betonen Verben. Sie beantworteten die Frage, was macht Jennifer? Und die Forscher gaben anderen Teilnehmern unterschiedliche Aussagen. Zum Beispiel ist Jennifer Kaffeetrinker, Jennifer und Endorse Person. Jennifer ist ein Baseball-Fan. Diese Aussagen betonten, jetzt beantworten sie die Frage, wer ist Jennifer? Beide Sätze von Anweisungen vermitteln die gleiche Bedeutung. Der zweite Satz verursachte jedoch eine stärkere Wirkung. Mit Substantiven. Diese Eigenschaften schienen von zentraler Bedeutung für Jennifers Identität. Wie kannst du diesen Trick verwenden? Zum einen können Sie Ihr Publikum mit einem funky Substantiv beschriften. Wahrscheinlich das bekannteste Beispiel sind die Gläubigen, aber man muss nicht so weit gehen. Er ist nur eine einfachere Idee für dich. Wenn Sie ein Content-Ersteller sind, anstatt den Lesern dafür zu danken, dass sie etwas wie das Lesen Ihrer Inhalte getan haben. Vielen Dank, dass sie etwas sind, zum Beispiel ein Fan Ihrer Inhalte. Zweiter Frame erzeugt einen stärkeren Einfluss auf ihre Einstellung zu Ihren Inhalten. Und wenn Sie gerne produktiv sind, werden Sie unsere App lieben. Wenn Sie ein Produktivitätsfeed sind, werden Sie unsere App lieben. Im zweiten Beispiel beschrifte ich meine Besucher, aber nicht im Besitz. Wir haben gerade mehr als sieben Frameworks ausgegeben. Sie müssten nicht alle für Ihre Überschrift verwenden. Sie können kombinieren, ein paar von ihnen sind nur verwenden Sie einfach eine. Wenn Sie der Meinung sind, dass Ihre Nachricht klarer ist, können Sie eine Unterüberschrift zu Ihrer Hauptüberschrift hinzufügen und auf diese Weise eine sekundäre Nachricht haben. Hier ist, was zwei von denen zusammen aussehen können, das Beispiel, das ich später meinen Heldenbereich verwenden werde, kombiniere ich zwei der Taktiken und Beispiele, die ich zuvor erstellt habe. Meine Überschrift sagt, doppelt so viel Zeit, wie du mit deinen Lieben verbringst. Und meine Unterposition sagt, AP passt perfekt in Ihren Alltag. Erstens ist es, andere zu demonstrieren und zu beeinflussen. Und die zweite ist mit einem positiven Frame Art Besucher denkt es nicht nur als eine weitere nutzlose App, die sein oder ihr tägliches Leben stört. Jetzt bist du dran. Öffnen Sie einen einfachen Texteditor und schreiben Sie mit den Framern, die ich skizziere, Ihre Ideen mit den konkreten Schritten und Beispielen auf, die bereitgestellt wurden. Sie müssen sie nur so anpassen, dass sie dem Kontext oder dem, was Sie verkaufen, entsprechen. Notieren Sie es, bevor wir in der nächsten Lektion zu einem anderen Element des Heldenabschnitts übergehen. Aber ein paar kleine Änderungen können Sie einen großen Einfluss auf die Überzeugungskraft Ihrer Nachricht. Wir sehen uns in der nächsten Lektion. 3. Call-to-Action --Psychologie: Jetzt ist es an der Zeit, über die Kopie für einen Call-to-Aktion-Button zu sprechen. Call to Action oder CTE-Schaltflächen sind die Schaltflächen, die Sie Ihrer Website verwenden und auf Ihren Landingpages, um Benutzer zu Ihrem Ziel zu führen , ist der Teil des Heldenabschnitts, den der Benutzer klicken muss, um die Aktion zu ergreifen, die Sie wollen, sie zu ergreifen. Einige gängige Beispiele für Call-to-Action-Schaltflächen sind das Hinzufügen von Karten-Schaltflächen, kostenlose Test-Anmelde-Buttons und Download-Buttons. Einige Vermarkter besessen über ihre Schaltflächen, obwohl einige dieser Obsession ungerechtfertigt ist, gibt es eine Menge Verdienst, sich auf Ihre CTA-Taste zu konzentrieren da die meisten Conversions in Ihrem Trichter von einem einzigen Klick stammen. Und wenn Sie die Konversionsrate zu Beginn Ihres Trichters erhöhen, erhöhen Sie die Konversionen in jeder Phase Ihres Trichters. Die erste Taktik, auf die man sich beim Schreiben einer Kopie der Schaltfläche konzentriert , besteht darin, First-Person-Formulierung zu verwenden. Es gibt eine Menge von Blog-Posts und Konvertierungsoptimierung Fallstudien online, die behaupten, erhöhte Conversions zu haben, indem First-Person-Rooting für den Call-to-Action-Text verwendet wird. Starten Sie zum Beispiel Ihre kostenlose Testversion und starten Sie meine kostenlose Testversion. Die zweite scheint besser zu funktionieren, und dieser Effekt scheint auch in meiner Erfahrung konsequent zu sein. Was verursacht also den konsequenten Auftrieb? Zwei Faktoren, geistige Stimulation und Wahrnehmungsfließend. Forschung zeigt, dass Menschen eine günstigere Einstellung gegenüber dem Stimulus entwickeln , wenn sie geistig mit ihm interagieren. Gründen der Wahrnehmungsflüssigkeit zeigen Untersuchungen, dass Sie eher eine Aufgabe erledigen, wenn Sie sich vorstellen können, dass Sie diese Aktion mit First-Person- und Wort-Funktion ausführen, wenden Sie beide Insights an. Zunächst haben Ihre Besucher Call-to-Action geistig im Hinblick auf ihren persönlichen Gebrauch ausgewertet. Und mit Third-Person-Routing betrachten sie Ihren Aufruf zum Handeln aus einer Third-Person-Perspektive, die nicht so stark ist. Zweitens, weil sie sich vorstellen, diesen Aufruf zum Handeln auszuführen, erfahren sie ein höheres Maß an begrifflicher Fließfähigkeit. Sie können sehen, wie sie diese Aktion ausführen, so dass sie es eher tun. Schaltflächen-Tags sollten jedoch nicht weiter- und weitergehen. Es ist gut, bestimmte actionorientierte Schaltflächen-Text zu verwenden. Sie mögen versucht sein, Ihre Knopfdecks auszustrecken, aber das wäre ein schlechter Schritt. Idealerweise möchten Sie diesen Schaltflächentext auf zwei oder fünf Wörter belassen. Schauen wir uns zum Beispiel an, welches Basislager benutzt hat. Buttons sagte Geben Sie Basislager wiederholen. Es ist kostenlos für 60 Tage. Dieser Call-to-Action-Button ist wahrscheinlich in Ordnung, aber er nähert sich der roten Zone. Sie könnten alle zusätzlichen Informationen, die Sie haben, unter eine Schaltfläche setzen. Entschuldigung, wenn Sie Ihren Besuchern zusätzliche Informationen über kostenlosen Versand geben möchten, keine Kreditkarte erforderlich Anmeldung, oder sagen Sie ihm, wie viele Abonnenten bereits auf Ihrer E-Mail-Liste sind. Sie können es zu einer Textbeschriftung unter Ihrer Schaltfläche hinzufügen. Und genau das hat das Basislager nach AB-Tests gemacht. Es ist besser, die Taste zu kopieren kurz zu halten und zusätzliche Informationen zu nehmen und sie unter der Schaltfläche hinzuzufügen. Hier ist ein Bonus-Tipp für Ihre Schaltfläche zu Ihrem Call to Action ist eine Schaltfläche und Sie müssen es wie eine aussehen. also eine schmale zu Ihrem Call to Action hinzufügen, die Ihnen hilft, es klar als eine Schaltfläche zu unterscheiden , auf die geklickt werden soll, um zum nächsten Schritt oder zur nächsten Seite zu gelangen, und auf diese Weise anzeigt, dass ein Aufruf zur Aktion anklickbar ist , wird es viel einfacher für Menschen, automatisch zu sehen, welche Teile der Seite interaktiv sind und können sie dazu führen, ohne Frustration zu engagieren. Verwendung eines Pfeils vermittelt auch ein Gefühl des Fortschritts und Fortschritts im Prozess, was den Menschen auch ein Gefühl der Zufriedenheit und ermutigt sie, sich was den Menschen auch ein Gefühl der der Aufgabe zu verpflichten. Das Prinzip, das hinter diesem Verhalten liegt, Es heißt visuelle Warteschlangen genannt und wurde von vielen Wissenschaftlern umfassend erforscht. Unser Gehirn, von der Mehrheit der Bilder, die wir sehen und gerne Richtung darüber gegeben werden, worauf wir uns konzentrieren. So mit visuellen Hinweisen wie Pfeile, half, die Aufmerksamkeit auf bestimmte Elemente Ihre Besucher Gehirn wird sofort auf vertraute visuelle Elemente gezogen werden, in diesem Fall Pfeile, wie sie bemerkt und verstehen diese Visuals schneller als alle anderen Informationen auf der Seite. Und diese Art von visuellem Reiz zu nutzen, ist daher ein effektiver Weg, um sofortige Aufmerksamkeit auf Ihren Aufruf zum Handeln zu lenken, was die Chancen erhöht und dazu führt, dass Ihre Besucher die gewünschte Aktion abschließen. Zum Beispiel, wenn Sie auf eine Schaltfläche klicken, Call-to-Action-Buttons richtig gemacht, kann die Conversions auf Ihrer Website dramatisch erhöhen. In dieser Lektion haben wir die Formulierung von First-Person-Formulierungen behandelt, zusätzliche Informationen in das Etikett und die Schaltfläche hinzugefügt und Pfeile und die Schaltfläche verwendet. Hier ist die Kopie für meine Schaltfläche für meine imaginäre Produktivitäts-App. Wir sind fertig mit dem Copywriting-Teil der Klasse. Bevor wir also weitergehen, sollten Sie Ihre Überschrift kopieren und Call-to-Action-Button kopieren oder eine Unterüberschriftenkopie haben und Ihre Schaltfläche beschriftete Kopie ist optional, wenn Sie es noch nicht getan haben, öffnen Sie einen einfachen Texteditor oder Note-Inking Lücke und notieren Sie Ihre Ideen mit Hilfe der Frameworks, die uns bisher zur Verfügung stellen. Wir sehen uns in der nächsten Lektion. 4. Hero: Ein Heldenbild ist das erste Hauptfoto oder -grafik, das Sie oben auf einer Website sehen. Das Ziel des Heldenbildes ist es, Besucher sofort anzulocken und ihnen zu zeigen, worum es bei Ihrer Website und Ihren Inhalten geht. Wir werden zwei psychologische Taktiken behandeln, die Ihnen helfen, ein Foto oder eine Grafik zu wählen , um den Besucher auf Ihrer Website zu motivieren, Maßnahmen zu ergreifen. Didaktische Eine ist es, die mentale Interaktion zu fördern. Wenn Sie sich nur an eine Sache aus dieser Lektion erinnern, erinnern Sie sich an diese. Diese Taktik ist sehr leistungsstark, einfach zu implementieren, eine praktisch ungenutzte von den meisten Unternehmen. Wenn Unternehmen Produktbilder erstellen, die oft ein Produkt ohne viel Gedanken dar. Ab jetzt immer die Bildprodukte, so dass Sie ein zugrunde liegendes Ziel erreichen, geistige Interaktion zu fördern. Hier ist ein Beispiel. Elder und Krishna im Jahr 2012 zeigte ich den Teilnehmern eine Anzeige für eine Kaffeebecher. Und es stellt sich heraus, dass die Teilnehmer eher den Becher kaufen, wenn der Griff, aber Abstand nach rechts in Richtung der dominanten Hand der meisten Menschen. Die Forscher schrieben bei 5'10, um die Simulation zu erhöhen , wenn die Griffe nach rechts gerichtet waren, die Teilnehmer geistig mit einem Produkt in einem größeren Maße interagierten. In anderen Experimenten verschwand dieser Effekt, als die Teilnehmer etwas schleppten. Wenn die Teilnehmer ihre dominante Hand zur Verfügung haben , führt diese entsprechende visuelle Produktdarstellung zu höheren Kaufabsichten. Kurz gesagt, Stadtrat Krishna gründete mentale Interaktion Funken mehr Einkäufe. Mit anderen Worten, wenn die Teilnehmer sich vorstellen, dass sie mit einem Produkt interagieren, wird es wahrscheinlicher, es zu kaufen. Jetzt denken Sie vielleicht, das ist großartig Rinaldo, aber mein Produkt hat keinen Griff. Keine Sorge. Die Forscher führten weitere Experimente durch und fanden Unterstützung für andere Arten von Simulationen. Hier sind ein paar Ideen. Die Forschung hat auch Unterstützung für die folgenden Beispiele gefunden. Orientieren Sie S symmetrische Produkte nach rechts, in Richtung der dominanten Hand der meisten Menschen. Platzieren Sie Instrumente oder er neigt zu denen auf der rechten Seite. Orientierte Produktöffnungen gegenüber dem Betrachter. Entfernen Sie Produkte aus der Verpackung. Veröffentlichen Sie ein Video oder eine Grafik der Person, die das beschriebene Produkt tatsächlich verwendet. Veröffentlichen Sie einen Screenshot Ihrer App. Wenn Sie Software verkaufen, posten Sie einen Screenshot und ich kann Ihnen nicht sagen, wie oft ich auf der Software-Website geschaut habe und ich keinen einzigen Screenshot ihrer App oder Funktionen verwende. Zum Beispiel, da ich einen Heldenbereich für eine Produktivitäts-App erstelle, werde ich nicht nur einen Screenshot einer App verwenden, eine To-Do-Liste in der App oder die Elemente erstellen , die Leute regelmäßig haben. Und auf diese Weise, Ich betone Besucher mentale Interaktion mit der App. Sie stellen sich vor, dieses Werkzeug zu verwenden und diese Elemente zu erstellen und sie zu kreuzen, um alle angegebenen Beispiele aufzulisten helfen, eine geistige Stimulation der Produktverwendung zu schaffen. Untersuchungen deuten darauf hin, dass visuelle Repräsentation oder Produkte mentale Interaktion fördern und zu erhöhten Kaufabsichten führen. Besucher können sich mit diesem Produkt visualisieren. Sie fühlen sich eher geneigt, es zu kaufen, weil es für sie leicht ist , sich das Produkt als Teil ihres Lebens vorzustellen. Taktik zu, ist es, Blicke auf Ihren Aufruf zum Handeln zu orientieren. Wir besitzen eine evolutionäre Eigenschaft, um den Blicken der Menschen zu folgen, um die Aufmerksamkeit auf euren Aufruf zum Handeln zu lenken. Oder wir int Bilder von Menschen, so dass sie auf Ihre Schaltfläche schauen. Als Menschen erlebten wir eine angeborene Tendenz, den Blicken der Menschen zu folgen. Dieser Handel half unseren Vorfahren, Drohungen leichter zu entdeckten. Und dank der Evolution ist diese Eigenschaft immer noch in unsere Amygdala eingraviert. Du wirst die Tendenz in deinem Heldenbereich anwenden. Wenn Sie hier sind, enthält ein Abschnitt Bilder von Menschen, die sie auf Ihren Aufruf zum Handeln ausgerichtet sind. Sie werden mehr Aufmerksamkeit auf diese Gegend ziehen. Sie sollten in der Regel vermeiden, Menschen in den Bildern auf den Betrachter auszurichten, da diese nach vorne gerichteten Bilder die Aufmerksamkeit auf die Person anstatt auf die wichtigen Teile Ihres Heldenabschnitts oder der Seite lenken. Obwohl die erhöhte Absicht auf den folgenden Blick zurückzuführen ist, ist der erhöhte Wunsch auf die Verarbeitung fließend zurückzuführen. Im Allgemeinen sind je schneller und einfacher wir in der Lage, Informationen zu verarbeiten, desto positiver v Dendritenbildung bewerten und sagt, es ist ein evolutionäres Erbe Blicke der Menschen zu folgen. Wir verarbeiten diese Informationen einfach und Natur aus, indem wir Menschen in Fotos für Ihren Aufruf zum Handeln positionieren, Ihre Website-Besucher werden natürlich in diese Bereiche gezogen und sie werden einen stärkeren Wunsch haben, zu konvertieren. In dieser Lektion haben wir zwei Taktiken behandelt, die auftreten müssen. Es ist eine mentale Interaktion. Richten Sie den Blick aus, wenn Sie Modelle in Ihren Bildern verwenden. Auf der rechten Seite ist das Beispiel, das ich verwenden werde, sagt, dass ich einen Heldenbereich für eine imaginäre Produktivitäts-App erstelle. Ich wählte einen Beispiel-Screenshot schuldete es, einen Schritt fehlgeschlagen zu machen, aber echte Aufgaben. Bevor wir weitermachen, erstellen Sie ein Bild oder eine Grafik, die Sie mit Ihrem Heldenbereich basierend auf zwei Taktiken, die wir in dieser Lektion behandelt haben. Sie können diese Prinzipien auch überall auf Ihrer Website anwenden, wie zum Beispiel eine Produktseite. Nicht nur der Heldenbereich, sondern er gilt auch für jede Lektion in dieser Klasse. Wir sehen uns in der nächsten Lektion. 5. Layout: Bisher haben wir alle Elemente erstellt, die wir für unseren Heldenbereich benötigen. Wir haben unsere Überschrift, Call to Action Button Copy und unser Bild. Einige von Ihnen haben möglicherweise auch eine Unterüberschrift und eine Beschriftung für einen Aufruf zur Aktionstaste zwei. Jetzt wollen wir sie irgendwie zusammenstellen, aber in dieser Lektion geht es immer noch nicht um Design, aber wir werden später darauf kommen. Es gibt einige Prinzipien aus der Psychologieforschung, die wir auf unser Layout T2 anwenden können. Und wir müssen diese Prinzipien vor dem Kopf behalten , bevor wir anfangen, unsere Heldenabteilung zu entwerfen. Das erste Prinzip ist der ästhetische Usability-Effekt. Die Studie „Aesthetic Usability Effect“ von Don Norman im Jahr 2002 besagt, dass je ästhetischer ein Produkt zu nutzbarer ist und umso wahrscheinlicher ist, dass es daher unabhängig von der Funktionalität verwendet wird. Der Grund für diesen ästhetischen Usability-Effekt ist, dass, wenn ein Produkt oder eine Dienstleistung für einen Verbraucher ästhetisch ansprechend ist, sie eine emotionale Beziehung mit ihm aufbauen. Diese Beziehung erzeugt ein Gefühl der Loyalität und Verbraucher werden bei ihrer Wahl bleiben, auch wenn sie auf Probleme stoßen. Dies kann aber teilweise auf die Verarbeitung fließend zurückgeführt werden, die wir bereits erwähnt haben. Laut Block, visuelle Erscheinung ist das erste, was ein potenzieller Käufer über ein Produkt bemerkt. Und sie sind sympathischer für Fehler sind Fehler , wenn ein Design ästhetisch ansprechend ist, was sie zu glauben, dass die besser aussehende Vorsicht ist die bessere Option insgesamt. Zum Beispiel haben zahlreiche Studien herausgefunden, dass Apple-Produkte technisch nicht so verwendbar sind wie andere auf dem Markt, was bedeutet, dass Menschen häufiger in den Stolpern kommen und es schwieriger haben zu verstehen, wie man das Produkt verwendet, dann mit andere ähnliche Geräte. Allerdings, Apple-Benutzer entweder nicht bemerken oder nicht kümmern, weil Apple-Produkte sind so ästhetisch ansprechend. Das gleiche Konzept wurde für Mini Cooper Autos gefunden, die eine Menge Macken haben, wie der Tacho befindet oder ihr Radio sein sollte und die Uhr an der Decke gefunden. Aber die Leute verzeihen diese kleinen Anomalien, einfach weil sie das Gewicht Aussehen mochten. Dieses Prinzip hat zahlreiche Anwendungen, die Design haben, wenn ein Kunde Ihre Website besucht , die wahrscheinlich Websites bevorzugen sie gerne betrachten und fühlen sich gut über die Verwendung, auch wenn sie die Aufgaben nicht so effektiv wie sie taten auf einer Website, sie wahrnehmen, hässlicher zu sein. Jetzt ist das mächtig. Aus diesem Grund ist es sehr wichtig, eine positive Einstellung zu Ihrer Website zu fördern , indem Sie ein statisches Webdesign verwenden. Und die kommenden Design-Lektionen werden wir daran arbeiten, diesen Effekt zu erzielen. Aber im Moment ist es wichtig, dass wir die Gründe verstehen, warum. Ich möchte auch ein anderes Prinzip teilen, Bilder und Grafiken auf der linken Seite positionieren. Wenn Sie Reize zu einem Lot wahrnehmen, Ihr Sichtfeld, verarbeiten Sie die entgegengesetzte Hemisphäre Ihres Gehirns diese Information? Ein Stimulus, der im linken Sichtfeld dargestellt wird, wird zunächst von der rechten Hemisphäre empfangen und verarbeitet. Und der Reiz im rechten Sichtfeld präsentiert, zunächst projiziert, um den Prozess von der linken Hemisphäre zu beenden. Aufgrund dieser neuroanatomischen Struktur verarbeitet Ihre rechte Hemisphäre Informationen, die an Bord eines übrig gebliebenen Heldenabschnitts präsentiert werden. Und die gegenüberliegenden Hemisphären sind der Schlüssel, weil die rechte Hemisphäre besser geeignet ist, Bilder zu verarbeiten. Und der linke ist logischer und verbaler. Wenn Sie das Bild auf der linken Seite des Textes platzieren , wird die Verarbeitung der gesamten Nachricht verbessert. Dass dies sehr interessant ist, weil Sie wahrscheinlich bemerkt, dass die Mehrheit der Websites und Ausrichtung der Position di grafische Inhalte auf der rechten Seite ihrer Helden Abschnitt. Warum ist das so? Nun, ich weiß es nicht. Es ist schwer zu sagen. Vielleicht fühlt es sich natürlicher für die Schöpfer dieser Websites an. Vielleicht ist es etwas, das wir es gewohnt sind zu sehen. Aber jetzt kennen wir Forschungsansprüche anders. Also hier ist unsere Chance, sich selbst zu differenzieren. Dieses Phänomen wird als zerebrale Lateralisierung bezeichnet, und es wird der menschlichen hemisphärischen Asymmetrie zugeschrieben, die von Helga 1990 erforscht wurde. Und verschiedene Studien haben einen signifikanten Einfluss des Lateralisierungsmechanismus gezeigt und mehrere Fälle, die Forschungsteilnehmer beschrieben das Aussehen eines wichtigen Elements als schöner , wenn es im richtigen Sichtfeld war, wurde 1985 von b oder mehr recherchiert. Die Forschungsteilnehmer bewerteten auch Produkte und Logos je nach Positionierung besser. Dies wurde durch den Kauf von ECF Ski im Jahr 1990 erforscht. Die Teilnehmer erinnern sich daran, dass DLM besser ist, wenn es nach den Vorschlägen der hemisphärischen Hirnassymetrie-Regeln positioniert wurden . Dies wurde von Betty und Brewer recherchiert geben 1000. Ich möchte auch darauf hinweisen, dass einige Forscher Ergebnisse erzielt haben, die nicht mit Hypothese oder Hirnlateralisierung übereinstimmen. Aber es scheint, dass die Ergebnisse von den Dimensionen der Bilder und Text und sogar einige kulturelle Faktoren abhängen können , zum Beispiel fanden sie und einige der asiatischen Länder, diese Regeln waren nicht anwendbar. diesen beiden Prinzipien ist es in der nächsten Lektion an der Zeit, in FISMA einzutauchen und unser Layout zu erstellen. Wenn Sie bereits nicht über die dicke Mattenanzahl verfügen, gehen Sie auf my.com und registrieren Sie sich für ein kostenloses Konto. Es ist völlig kostenlos und einfach zu bedienen. auch keine Sorgen, wenn du es noch nie benutzt hast. Wenn Sie bereits andere Tools wie Sketch, Adobe XD verwenden, können Sie die Daten vollständig weiter verwenden. All diese Tools können das tun, was wir in den kommenden Lektionen brauchen. Wir werden also keine der komplexen Funktionen und Funktionalitäten verwenden. Also sehe ich dich in der nächsten Lektion. 6. Layout-Design: Jetzt fangen wir an, unseren Heldenbereich zu entwerfen. Denken Sie daran, wie wir in der letzten Lektion die Bedeutung des ästhetischen Usability-Prinzips verstanden haben . Nun, es gibt einen Weg wichtige Design-Heuristik, die wir verwenden können, um unsere Website aussehen ästhetisch ansprechender zu erreichen. Und das ist, warum Raum, oder genauer gesagt, beginnend mit zu viel Leerzeichen, lassen Sie mich erklären. So machen es die meisten Vermarkter, Designer, Encoder. Die anderen Elemente. Und dann fangen sie an, den Elementen ein bisschen Rand und ein bisschen Polsterung hinzuzufügen, fünf Pixel und dann zehn Pixel. Und sie enden mit etwas, das wirklich eng aussieht, wenn sie für das Web entwerfen, Whitespaces fast immer zu einem Design hinzugefügt. Und wenn etwas zu eng aussieht, fügen Sie ein wenig marginale Polsterung hinzu und fügen Sie es dann wieder hinzu, bis die Dinge besser aussehen. Braun mit diesem Ansatz ist, dass Elemente nur die minimale Menge an Lesesaal gegeben werden notwendig, um jetzt aktiv schlecht aussehen. Um etwas tatsächlich minderwertiges zu machen, brauchst du normalerweise mehr Leerzeichen und du denkst, also hier ist ein großartiger Vorschlag für dich. Eine der einfachsten Möglichkeiten, ein Design zu bereinigen, besteht darin, jedem Element einfach ein wenig mehr Raum zum Atmen zu geben. Leerzeichen sollten entfernt, nicht hinzugefügt werden. Ein besserer Ansatz besteht darin, etwas zu viel Leerzeichen zu verschenken, es dann zu entfernen und Ihnen mit den Ergebnissen zufrieden zu sagen. Sie könnten denken, dass Sie auf diese Weise zu viel Leerraum haben würden. Aber was in der Praxis ein wenig zu viel erscheinen mag, wenn man sich auf ein einzelnes Element konzentriert , endet näher an gerade genug im Kontext einer kompletten Benutzeroberfläche. Lasst uns also ins Sigma gehen, um unser Layout anzupassen und an unserem Heldenbereich zu arbeiten. Ich habe FISMA eröffnet und ein neues Projekt gestartet. Ich habe nur die Kopie für meine Elemente hier, die ich bisher in dieser Klasse geschrieben habe. Und wenn du deine nicht schon hast, wäre jetzt ein guter Zeitpunkt für Radios. Bevor wir weitermachen, habe ich in der letzten Lektion dargelegt, warum es wichtig ist, grafische Elemente auf der linken Seite zu positionieren und warum es wichtig ist, Text zu unterschätzen. Also werde ich das zuerst tun. Bevor wir irgendetwas tun können. Ich brauche einen Rahmen. In einem Sigma. Ich kann einen Rahmen erstellen, indem ich entweder genug auf meiner Tastatur drücke oder einfach hier rüber gehe und auf den Rahmen klicke. Und wenn ich das mache, habe ich hier viele Möglichkeiten und sagt, dass ich für das Web entwerfe. Ich werde nur auf den Desktop klicken. Und jetzt habe ich meinen Rahmen und ich kann loslegen. Da konzentrieren wir uns ausschließlich auf den Heldenbereich nicht unbedingt auf die Navigation und das Logo. Dies wird ein bisschen zu hoch sein, damit wir seine Höhe verringern können, aber das können wir auch später tun. Also sagten wir grafisches Element auf der linken Seite. Also werde ich nur meine Elemente hierher bringen. Und Textelemente befinden sich auf der rechten Seite. Also, das ist Kardiologie. Und wir werden hier sein. Ich werde einfach abnehmen. Ich hatte ein bisschen. Ok. Nun, offensichtlich werden wir die Größe dieser in den späteren Lektionen ändern. Jetzt positionieren Sie nur unsere Inhalte und machen Sie sich bereit zu gehen. Obwohl wir die Größe dieser Elemente später ändern werden, habe ich schon zu viel Leerraum dazwischen positioniert, so dass wir später nicht in eine Falle geraten, in der wir zwei kleine Leerräume zwischen den Elementen haben. Eine letzte Sache, wenn ich für den Desktop entwerfe, ist , dass ich auf einen Rahmen gehe und ich ins Layout-Raster gehe. Und wir werden es in ein Säulenraster ändern. Und ich arbeite normalerweise mit 12 Spalten. Ich strecke es aus. Ich lasse das auch mit Auto und ich benutze einen 128 Rand und Rinne von 16. Dies dient einem Zweck, dass Ihre Inhalte nicht aus dem Rand dieser Spalten herausführen. Denn normalerweise möchten Sie, wenn Sie für das Web entwerfen, dass alle Elemente in den ältesten Abschnitten auf Ihrer Website einer bestimmten Ausrichtung folgen. Diese Spalten Server Zweck, so dass es meine Inhalte in diesen Spalten verbünden kann und diese deaktivieren und auf, indem Sie auf dieses kleine i hier klicken. Jetzt kann ich sie sehen und jetzt kann ich sie sehen, wenn ich sie brauche. Jetzt bist du dran und nur das Layout deines eigenen Heldenabschnitts von Sigma. Und vergessen Sie nicht, viele Leerzeichen hinzuzufügen und dann zu entfernen, wenn Sie Ihr Layout erstellen. Jetzt haben wir unser Layout, damit wir zu den nächsten Elementen in der nächsten Lektion übergehen können . 7. Heading: Während diese Lektion den Titel Überschriftendesign trägt, werden wir im Grunde alle unsere Textelemente formatieren. In dieser Lektion wählen wir eine Schriftart aus und erstellen einen Schriftmaßstab mit Tausenden von verschiedenen Schriftarten. Das Gute vom Schlechten zu trennen, kann eine einschüchternde Aufgabe sein und ist sicherlich ein subjektives Unterfangen. Wenn Sie bereits einige Ihrer bevorzugten Gesichter haben, gehen Sie mit ihnen. Aber die Entwicklung einer Nia für alle Details, die eine gute Schrift bilden , kann Jahre dauern und Sie haben wahrscheinlich keine Jahre. Also werde ich ein paar Tricks teilen, die Sie verwenden können, um sofort mit der Kommissionierung von hochwertigen Schriften beginnen. Bevor ich auf konkrete Vorschläge eingehen kann, werde ich Ihnen einige allgemeine Richtlinien bei der Auswahl von Schriftarten geben. Die erste besteht darin, Schriftarten mit weniger als fi Gewichten zu ignorieren. Dies ist nicht immer der Fall, aber in der Regel werden Schriften, die in vielen verschiedenen Gewichten kommen, eher mit mehr Sorgfalt und Liebe zum Detail gefertigt als Schriften mit weniger Gewichten. Viele liebende Verzeichnisse wie Google Fonts lassen Sie es nach Anzahl der Stile filtern, die eine Kombination der verfügbaren Gewichte sowie die metallischen Variationen ist, all diese Gewichte vereinbarten Weg, um die Anzahl der Optionen zu begrenzen, die Sie zur Auswahl haben, ist kurbeln, dass bis zu zehn plus für kursiv auf Google Fonts speziell Rechnung zu tragen, dass es ausschneidet 85% der verfügbaren Optionen, so dass Sie mit weniger als $0.50 Serifen zur Auswahl, und dass es verhindert, dass Sie sich überwältigt fühlen. Der zweite Vorschlag ist, der Weisheit der Menge zu vertrauen. Wenn eine Schriftart beliebt ist, ist sie wahrscheinlich eine gute Schriftart. Die meisten liebenswürdigen Verzeichnisse lassen Sie nach Popularität sortieren. Dies kann also eine gute Möglichkeit sein, Ihre Entscheidungen zu begrenzen. Und das ist besonders nützlich, wenn Sie versuchen, etwas anderes als eine neutrale Schrift auszusuchen , eine nette Serife auszuwählen, wäre zum Beispiel eine Persönlichkeit schwierig. Die Nutzung der kollektiven Entscheidungsmacht von Tausenden anderer Menschen kann es sehr viel einfacher machen. Jedes Design oder jede Schrift hat eine Art Persönlichkeit. Eine Banking-Website könnte versuchen, zu kommunizieren, sicher und professionell, während der Trend in Ihrem Startup könnte ein Designer fühlen sich lustig und spielerisch Auf der Oberfläche, geben ein Design vor allem, Persönlichkeit klingen abstrakt, aber ein Großteil davon wird durch ein paar feste konkrete Faktoren bestimmt. Und Topographie spielt eine große Rolle bei der Bestimmung, wie ein Design Felder. Wenn wir ein elegantes oder klassisches Aussehen wünschen, möchten Sie vielleicht eine Serif-Schrift in Ihr Design integrieren. Wo ich spielerisch aussehe, könntest du eine abgerundete Sans Serif benutzen. Und wenn Sie für eine planare Schleife gehen oder wenn Sie sich auf andere Elemente verlassen, um eine Persönlichkeit und neutrale sensorische Arbeitsrate zu bieten. Und da ich einen Heldenbereich für eine fiktive Produktivitäts-App erstelle, und ich möchte Gefühle von Kommunisten Ineffizienz darstellen. Ich werde nicht zu viel abweichen und ich werde ein neues Tool verwenden, sans serif später, wenn ich in FISMA, Auswahl von Schriftgrößen ohne ein System ist eine schlechte Idee aus zwei Gründen. Es führt zu lästigen Inkonsistenzen in Ihren Designs und verlangsamt Ihren Workflow. Wie definieren Sie also ein Typsystem? Für das Interface-Design besteht ein praktischer Ansatz darin, Werte einfach von Hand zu wählen. Die meisten Designer verwenden eine lineare oder modulare Waagen. werde ich nicht mal reinkommen. Aber auf diese Weise, indem Sie Werte von Hand backen, müssten Sie sich keine Gedanken über Sub-Pixel-Rundungsfehler machen. Und Sie haben die totale Kontrolle darüber, welche Größen existieren anstatt Schuldenjob an eine mathematische Formel auszulagern. Hier ist ein Beispiel für eine Skala, die gut für die meisten Projekte funktioniert, ich habe diese Größen immer bereit zu gehen. Also hier stöhnen wir in Feigen, hier ist meine fremde Fähigkeit. Normalerweise verwende ich 1214161820243036486072 Pixelschriftgröße. Dies sollte ausreichen, um alle Bedürfnisse für das komplette Website-Design abzudecken, geschweige denn das heterosexuelle Design. Es ist also gerade genug eingeschränkt, um zu beschleunigen oder Entscheidungen zu treffen, aber es ist nicht so begrenzt, dass Sie das Gefühl haben, eine nützliche Größe zu verpassen. Und jetzt, da wir eine Schriftart gewählt und eine Skala erstellt haben, wenden wir sie auf unseren Heldenbereich an. Ich sagte, ich werde eine neutrale San Serifen verwenden und wir werden Rubato verwenden , da meine Wahl nicht ist, weil es eine neutrale Serifen-Serife ist. Also lassen Sie es uns anwenden. Für meine Überschrift. Jetzt kann ich mir meine feinen Fähigkeiten ansehen. Und ich denke, ich werde für 36 Pixel von meiner Überschrift gehen, angewendet 36 Pixel. Da gehen wir. Jetzt können Sie sehen, warum ich das Layoutraster in der vorherigen Lektion aktiviert habe. Ich schalte es jetzt an. Und jetzt weiß ich, dass meine Inhalte innerhalb dieser Layouts liegen müssen. Und Sie können sehen, dass dies ist, das ist ein bisschen zu viel für die erste Zeile. Ja, das sollte gut genug sein. Lassen Sie uns unsere Ebene gruppiert deaktivieren. Okay, für meine Unterposition bleibe ich dabei. Aber für die Größe, ich denke, ich werde mit dem 16 runden Button Text gehen. Ich werde mit Roboter O2 gehen. Und es wird gehen und wählen Sie eine 16 Schriftgröße, obwohl, ist immer noch nicht wie eine Schaltfläche aussehen und wir werden es in einer zukünftigen Lektion herausfinden. Und für das Etikett für meinen Knopf werde ich für einen Zwölf gehen. Und Sie können sehen, ich werde, diese Größen sind hier, also habe ich diese gewählt. diese betrachte, kann ich sehen, dass ich eine bestimmte visuelle Hierarchie in Bezug auf die Größe erreichen kann , indem ich 36 aus einer Überschrift und dann 16 aus einer Unterüberschrift und 12 für meinen Labeltext wähle. Ich möchte auch visuelle Hierarchie zwischen der Hauptüberschrift und der Unterüberschrift etablieren. Also wählte ich für die Unterüberschrift eine kleinere Größe als aus einem Überschriftenfehler. Bitte beachten Sie, dass die Controller-Hierarchie, die zu viel und Schriftgröße angewiesen ist, ein Fehler ist. Es führt oft zu primären Inhalten, die zu groß sind und sekundären Inhalten, die zu klein sind. Man könnte argumentieren, dass diese beiden viel größer sind als diese. Also vielleicht können wir dieses zu 18 haben, das ich versuche zu machen, ist, anstatt all das schwere Heben auf Schriftgröße allein zu lassen, versuchen Sie, Schriftgewicht oder Farbe zu verwenden, um den gleichen Job zu machen. beispielsweise ein Primärelement Balder erstellen, können Sie eine besser lesbare Schriftgröße verwenden genug und macht eine bessere Arbeit bei der Kommunikation. Es ist sowieso wichtig. Also werde ich die Überschrift Schriftgewicht auf 700 oder fett einstellen. Und ich werde es auch alle Mützen machen. Also gehen wir hierher und machen es alle Mützen. Jetzt ist es in drei Zeilen. Ich will es nicht. Mal sehen, ob es verblutet. Diese in Ordnung. Großartig. So können wir Schriftart, Gewicht oder Farbe verwenden, um die gleiche Arbeit zu tun, um visuelle Hierarchie darzustellen. Zum Beispiel werde ich meine Unterüberschrift regelmäßig machen, aber ich werde ihre Farbe ändern und wir werden sie in eine vierte oder 3D 4D ändern, und es sollte grau sein. Das ist großartig. Jetzt können Sie eine offensichtliche Hierarchie innerhalb dieses Elements und dieses sehen, Sie müssen nicht verwenden, was er Pixel und höher für die Überschriftengröße, die die meisten Websites tun, denn so denken die meisten Leute, dass Sie eine visuelle Hierarchie erreichen müssen , wo etwas viel größer als das Element an folgt diesem großen Element. Aber das ist nicht der Fall, den Sie sehen können. Das hier ist erst 36. Die meisten Websites verwenden 42 und höher. Also ist es 36 und das hier ist 18. Und Sie können deutlich sehen, welcher wichtiger ist, welcher primär ist, in dem man sekundär ist. Also werde ich fett oder 700 für meinen Butt-Index aufgrund verwenden. Und dann am Ende für meine, für meine Schaltfläche Etikett. Und wir werden auch wirklich Libido überprüfen, wir haben das nicht gewechselt und ich werde kursiv verwenden. Ich wähle die gleiche Farbe oder vier f, vier d 4D, die gleiche Farbe wie meine Unterüberschrift, mit einer weicheren Farbe, einer weicheren Farbe für die Unterstützung von Texten, wie die Unterüberschrift bei belasteten Etiketten anstelle einer winzigen Schriftgröße, es macht deutlich, dass ein Text sekundär ist, während er weniger auf die Lesbarkeit opfert. Jetzt könnten Sie argumentieren, dass dieser Text winzig ist, Das ist wahr. Aber dann bedenken Sie, dass diese dx unter der Schaltfläche sein wird und wir wollen nicht ablenken oder Benutzer und unsere Besucher zu sehr von dieser Schaltfläche, da dies unsere Hauptaktionen sein wird. Also unterstützen wir diese Schaltfläche nur durch diesen Text und es ist immer noch lesbar, wenn der Benutzer das Website-Lab so öffnet. Also, um zusammenzufassen, versuchen und halten Sie sich an zwei oder drei Farben sind dunkle Farbe für den primären Inhalt, wie die Hauptüberschrift. Stimmen Sie für sekundäre Inhalte wie die Unterüberschrift zu. Und in ähnlicher Weise reichen in der Regel zwei Schriftgewichte für die Arbeit an der Benutzeroberfläche aus. Ein normales Schriftgewicht, 400 oder 500, abhängig von der Schriftart für die meisten Texte und ein schwereres Schriftgewicht, 600 oder 700 für Angriffe. Wollen Sie betonen? Halten Sie sich von Schriftstärken unter 400 für die Benutzeroberfläche fern, da sie für eine große Überschrift funktionieren, aber sie sind zu schwer zu lesen bei kleineren Größen. Also, wenn Sie erwägen, ein geringeres Gewicht zu einem debetonten Text zu verwenden, verwenden Sie stattdessen eine hellere Farbe oder kleinere Schriftgröße. Jetzt bist du dran. Passen Sie die Schriftauswahl, die Größe, das Gewicht und die Farbe sind gute Textelemente und FISMA und sehen Sie in der nächsten Lektion. 8. Call--: letzten Lektion haben wir eine Größe, einen Maßstab und eine Schriftart auf unsere Schaltfläche angewendet. Also lassen Sie uns eine Farbe dafür wählen. Jetzt. Es gibt viele Zeichen auf der Psychologie der Farben. Aber in der Praxis müssen Sie wirklich nur darauf achten, wie verschiedene Farben für Sie anheizen. Blau ist zum Beispiel sicher und vertraut. Niemand beschwert sich je über Blau. Gold könnte teuer und anspruchsvoll sagen. Pink ist ein bisschen mehr Spaß, aber nicht so ernst. Während ich eine vollständige Orvieto Psychologie oder Farben und so auslegen könnte, es einfach nicht super praktisch, auch wenn wir Test für Knopfhalsbänder hinter den Kulissen teilen, noch mehr Zufälligkeit kann auftreten. So viel davon geht es nur darum, was gut aussieht und sich gut anfühlt. Aber eine Sache, die Sie sich daran erinnern müssen, und das ist, um sicherzustellen, dass Sie eine kontrahierende Taste Farbe wählen. Mackey heute haben unsere Vorfahren eine wichtige Eigenschaft erworben, und das ist die Fähigkeit, Kontrast in der umgebenden Umgebung zu erkennen. Sie brauchten diese Eigenschaft, um Raubtiere zu erkennen, sind lebensbedrohliche Reize. Ohne Schuldenhandel würden Menschen sterben. Dank der natürlichen Selektion besitzen Sie immer noch diese Fähigkeit. Ihre Aufmerksamkeit wird natürlich auf Reize gelenkt, die visuell am auffälligsten sind. Verwenden Sie also diese Erkenntnis, erhöhte die visuelle Bedeutung Ihres Call-to-Action-Button. Wählen Sie Schaltflächenfarben, die mit dem Rest Ihrer Seite kontrastieren. Und dieser Kontrast wird natürlich Aufmerksamkeit erregen, aber es ist ziemlich offensichtlich, oder? Offensichtlich werden Kontraste mehr Aufmerksamkeit erregen, während hier auch noch mehr im Spiel ist. Und wieder, es geht um die Verarbeitung fließend. Wir erwähnten in den vorherigen Lektionen, Verarbeitung fließend, die Leichtigkeit und Schnelligkeit, mit der wir die Informationsforschung von Alter und Oppenheimer im Jahr 2009 verarbeiten , besagt, dass, wenn ein Konzept in unseren Geist schnell und einfach eindringt, ein angenehmes Gefühl in unserem Gehirn. Und dann führen wir diese Annehmlichkeit fälschlicherweise mit unserer Einschätzung des Reizes zurück und werden als Stimulus günstiger bewertet einfach weil wir ihn leichter verarbeiten konnten. Wie bezieht sich das auf Knopffarben? Kontrastierende Tastenfarben erhöhen die Verarbeitungsflüssigkeit. Aufgrund des Kontrastes. Der Akt des Klicks auf Ihre Schaltfläche wird den Besuchern die Köpfe leichter betreten. Das iis wird dann ein angenehmes Gefühl in ihrem Gehirn erzeugen. Der Akt des Klicks auf Ihre Schaltfläche, werden wir mehr ansprechende sehen, so dass sie eher, es zu tun. Wählen Sie also eine kontrastierende Knopffarbe. Für meine Tastenfarbe werde ich nur lesen, da mein App-Screenshot bereits viel von dieser Farbe enthält. Also wollte ich übereinstimmen, aber ich bin vorsichtig, dass die kontrastierende Wirkung erzielen, natürlich. Also werden wir meine Schriftfarbe in Weiß ändern, nachdem ich meine Schaltfläche erstellt habe. So kann ich drücken Sie sind auf meiner Tastatur oder einfach gehen Sie hier und wählen Sie Rechteck. Und ich werde nur ein Ranggewirr erstellen, das ich ziehen und ablegen kann, damit ich meinen Text im Inneren positionieren kann. Mal sehen, ob sein Text, seine zentrale Innenseite. Ja, es scheint so zu sein. Ich muss vorsichtig sein, dass der kontrastierende Effekt zwischen der Tastenfarbe und dem Hintergrund erreicht hat. Aber zur gleichen Zeit muss ich vorsichtig sein, dass ich den kontrastierenden Effekt, mit meinem Text innerhalb der Schaltfläche und dem Buttonhintergrund, wähle . Also meine ich, nur darauf ausgerichtet, meine Überschriften zu teilen. Also, für meine Tastenfarbe, werde ich einen dB von vier, C, drei, F wählen . Es ist die gleiche Farbe. Wie die Straßenfarbe und ein Screenshot. Und von meiner Schriftfarbe, werde ich das auf Weiß umschalten. Das ist es sieht gut aus. So klein wie es klingt. Ob und wie viel du bist. Abgerundete Ecken in Ihrem Design können einen großen Einfluss auf das allgemeine Gefühl des kleinen Grenzradius haben , ist ziemlich neutral und kommuniziert nicht wirklich viel von unserer Persönlichkeit und seiner eigenen. Ein großer Randradius beginnt sich spielerischer zu fühlen. Während sich der niedrige Grenzradius überhaupt viel ernster oder formaler anfühlt, ist es wichtig, konsistent zu bleiben. Mischen von quadratischen Ecken mit abgerundeten Ecken in der gleichen Schnittstelle sieht fast immer schlimmer aus als das Kleben mit dem einen oder anderen. So jetzt werden wir unsere Schaltflächengrenzen anpassen, zum Beispiel, vorausgesetzt, dass dieses Tool für Marketing- und Kreativ-Teams in begleiten. Da ich also nicht an Privatpersonen, sondern an Unternehmen verkaufe , werde ich ein bisschen eine Grenze hinzufügen, aber nicht zu viel. Ich komme nicht so verspielt herüber. Ich denke, fünf Pixel Grenzradius sollten den Trick tun. Die Option „Rahmenradius“ ist hier. Ich werde nur fünf Pixel hinzufügen. Ja, das sieht meiner Meinung nach gerade genug aus. Wenn Sie für einen verspielten Look gehen möchten, können Sie für 25 Grenzradius gehen und Strich sollte den Trick tun. Aber ich bleibe in der Kluft. Okay. Nun lassen Sie uns einige Schatten Tour Button hinzufügen. Wir möchten einen Effekt erzeugen, wie der Button von der Seite angehoben wird. So wird es für den Besucher einfacher sein, es zu bemerken und darauf zu klicken. Das Erstellen dieses Effekts mag zunächst kompliziert aussehen, aber es erfordert eigentlich nur, dass Sie eine grundlegende Regel verstehen. Licht kommt von oben. Also lasst uns zu FISMA wechseln und etwas Schatten hinzufügen. Da die oberen und unteren Kanten dieser Schaltfläche beide flach sind, wäre es unmöglich, beide gleichzeitig zu sehen. Und die Leute schauen in der Regel leicht nach unten in Richtung ihres Bildschirms. Ein erhöhtes Element wird also einen Teil des Lichts davon abhalten, den Bereich unterhalb des Elements zu erreichen. Wir können diesen Effekt erzielen, indem wir unser Rechteck auswählen. Dann fügen Sie einen kleinen dunklen Kastenschatten mit einem leichten vertikalen Versatz hinzu, da wir nur möchten, dass der Schatten unterhalb des Elements angezeigt wird. So kann es hier gehen, um dich zu beeinflussen oder wie hast du standardmäßig einen Schlagschatten ausgewählt? Und wir können jetzt seine Einstellungen anpassen. Wir wollen nur einen leichten vertikalen Versatz, ich denke, dass Pixel tun sollten, um zu tricksen. Lassen Sie sich nicht mit dem Unschärfenradius mitreißen. Ein paar Pixel ist reichlich. Und diese Art von Schatten sollten ziemlich scharfe Kanten haben. Am unteren Rand der Schaltfläche ist scharf selbst. Und dann für die Ausbreitung, kann ich bei 20% gehen. Das war's. Lassen Sie uns zwei verschiedene sehen, Sie können definitiv einen subtilen Schatten unter dem Knopf sehen. Und das ist genau der Effekt, den wir machen wollten. Während wir eine Kopie für einen Call-to-Action-Button schreiben, benutzten wir einen Pfeil, um Bewegung zu vermitteln. Und wir haben darüber gesprochen, wie wichtig es ist, ein Gefühl des Fortschritts und Fortschritts zu schaffen , das den Besuchern ein Gefühl der Zufriedenheit verleiht und sie ermutigt, sich der Aufgabe zu verpflichten. So können wir jetzt unser Fehlerelement zwei stylen und es zu einer zusätzlichen visuellen Bedeutung hinzufügen. Und am Ende, fügen Sie es zu unserer Schaltfläche hinzu. Hier habe ich ein Fehlerelement, das ich online heruntergeladen habe. Ich kann jetzt seine Farbe in Weiß ändern, da wir es auf diese Schaltfläche mit der gleichen Hintergrundfarbe setzen werden . Ich bin ich. Ich werde beschränkte Proportionselement auswählen, was bedeutet, dass, wenn eine Abnahme Höhe oder Breite dieses Elements akut als Seitenverhältnis intakt ist, was im Grunde das ist, was ich brauche, da ich es nach unten skalieren wollte, um auf unseren Knopf passen. Lassen Sie uns hier hineinzoomen. Lässt uns unsere Schaltfläche ein wenig auswählen und erweitern. Das sollte genug sein. Das ist immer noch zu groß. Es sollte genug sein. Ausgezeichnet. Nun, lassen Sie uns auch auf o auf unserer Tastatur drücken, oder gehen Sie hier und drücken Sie Ellipse. Und du klickst darauf. Wir werden die Proportionen wieder einschränken und ihre Höhe verringern , damit ich sie gleichmässig umkreisen kann. Ich werde es hier stellen, vielleicht ein bisschen zu mehr, mehr. Und wir werden es hinter meinem Vektor in den Hintergrund stellen. C. Verschieben Sie es hierher. Das sieht gut aus. Für die Farbe dieses gesamten Ellipsenelements. Ich werde die gleiche Farbe wie für meinen Buttonhintergrund auswählen, aber ich werde es leicht nach unten nach links ziehen, so dass es ein bisschen dunkler wird, also ist es ein bisschen prominenter. Und das sieht gut aus. Vielleicht können wir diese beiden Elemente einfach gruppieren, sie ein bisschen näher ziehen und dann mit dem ganzen Element abnehmen. Sieht gut aus. Ich denke nur, dass der Knopf ein bisschen ist. Ich werde die Haida-Grube nur ein bisschen vergrößern. Und wir werden zu schicken, an die Elemente geschickt. Und ich werde diese beiden Elemente zentral machen. Da gehen wir. Jetzt sieht es ein bisschen besser aus. Und ich werde dieses Element zentral auf die Schaltfläche positionieren und dann etwas näher damit Benutzer erkennen können , dass diese Nachricht in einer Textbeschriftung mit dieser Schaltfläche verbunden ist und zum Handeln aufruft. Jetzt bist du dran. Wir sind fast fertig mit der Klasse, also stellen Sie sicher, dass Ihre Call-to-Action-Schaltfläche eingerichtet und bereit ist , zu gehen und Sie in der nächsten Lektion zu sehen. 9. Hero: Wir haben bereits unser grafisches Element gewählt, um über diese Ökologie des Helden Bild zu hören, aber jetzt können wir es ein bisschen mehr skalieren. Und eine Möglichkeit, etwas Aufregung für den gesamten Hintergrund des Heldenabschnitts zu fragen , besteht darin, einfach seine Farbe zu ändern. Dies funktioniert hervorragend, um ein einzelnes Panel wie einen Heldenbereich hervorzuheben, sowie um eine Unterscheidung zwischen den gesamten Seitenabschnitten hinzuzufügen. Für ein energetisierteres Aussehen könnten Sie sogar diesen späten Farbverlauf verwenden. Also lasst uns in Sigma einspringen. Versuchen wir also, diesen Effekt zu erzielen. Lassen Sie uns meinen Rahmen auswählen und ich werde einfügen kopieren. Und jetzt werde ich auf dieses kleine Plus im ersten Abschnitt klicken . Es ist bereits ausgewählt. Der lineare Farbverlauf geht tief, bitte. Ich werde es zur Seite ziehen, weil ich möchte, dass der Farbverlauf von links nach rechts geht. Ok. Und für meine Farbe, der erste Farbverlauf wird fünf achtundsechzig fünfundfünfzig auswählen. Und für den zweiten kann ich 98075 auswählen. Und dann eine 100. Offensichtlich kann ich die gleichen Farben der anderen Schriftart auf diesem Hintergrund behalten. Also werde ich das wechseln, um zu warten. Ich werde meine Unterposition zwei Wide 2 wechseln. Ich werde es nur ein bisschen ein Pass es weniger Kapazität geben, also ist es mehr in der visuellen Hierarchie. Dann werde ich das Gleiche für mein Label tun. Und jetzt dieser Kontrast haben wir gesagt , wir müssen immer im Auge behalten und eine Kontrastfarbe für den Knopf verwenden. Und das ist nicht, das ist nicht genug. So können wir vielleicht eine schwarze Farbe für den Knopf wählen. Also lasst uns das machen. Lasst uns das schaffen, lass uns das machen. Es schien nur ein bisschen mehr so zu sein. Großartig. Das sieht in Ordnung aus. Und jetzt können wir einfach experimentieren und verschiedene Iterationen ausprobieren. Vielleicht würden Sie es vorziehen, wenn der Farbverlauf stärker auf dem Kontrast war besser auf der anderen Seite. Also können wir sie einfach hier und hier umtauschen. Vielleicht sieht das besser aus, wissen Sie, fügen Sie eine einfache Form oder Illustration hinzu. Und diese Technik ist ein Favorit von mir, den ich sehr oft in meinen Entwürfen verwende, ist aber die Dekoration Ihres gesamten Hintergrunds. Sie können auch versuchen, eine einzelne Grafik oder zwei in bestimmten Positionen einzufügen. Und Sie können dafür einfache geometrische Formen verwenden. Zum Beispiel. Dies sind die drei geometrischen Formen, die Sie entweder Creative, sie haben Mara, finden Sie einfach alle Eisen sehr leicht und Sie können ähnliche verwenden oder alle, die Sie wickeln, können Sie Flora Grafiken verwenden, wenn das Ihr Ding ist, was Sie wollen. Dies ist, wo Sie einfach erstellen können, indem Sie diese Elemente in Ihrem Heldenbereich hinzufügen. Ich habe auch die Unterüberschrift von allen Kälbern geändert, um diesen Fall zu senden erhöht den Rand zwischen der Schaltfläche und der Textbeschriftung. Also ein hinzugefügtes E3-Element, sie erfrischen das Design nur ein wenig und das ist genug. Aber wenn Sie Farbhintergrund mögen, können Sie dies mit einem kombinieren, mit einem Farbverlauf dort haben wir früher definiert, aber dann müssen Sie natürlich verschieben. Sie müssen die Farbe Ihrer Schriftarten so ändern, dass sie im Gegensatz dazu übereinstimmt, der Hintergrund ist eine weitere Idee für das endgültige Design. Und natürlich am Ende bietet Gelb immer einen guten Kontrast zu Schwarz und Rot. Also das ist es, dieser Anwendungsfall ist für eine Produktivitäts-App. Ihre können unterschiedlich sein und Sie können unterschiedliche Taktiken verwenden. Es gibt jede Menge Taktiken. Dies sind die drei endgültigen Entwürfe für die D-Produktivitäts-App. Ich persönlich mag diese eine der meisten, die ich immer an den sauberen Designs gefunden , die nicht so viel ablenken und die Aufmerksamkeit ziehen, wo Aufmerksamkeit sein muss. Das ist also, das ist dein letzter Schritt. Stylen Sie Ihren Heldenbereich, Bild und Ihren Hintergrund nach Ihren Wünschen und schon können Sie loslegen. 10. Letzte Gedanken: Tolle Arbeit beim Abschluss des Kurses. Danke, dass du durchgehalten hast und ich hoffe, du hast viel gelernt. Jede Taktik, die ich mit Ihnen in dieser Klasse teile, ist bereits in konkreter psychologischer Forschung verankert. Werden sie jedes Mal arbeiten? Nun, nicht unbedingt, aber bitte denken Sie daran, dies sind keine zufälligen Ideen und Split-Tests, die wir aus dünner Luft gezogen haben, öfter als nicht, sie sollten Ihnen einen positiven Schub geben. Und mit diesem analytischen Ansatz und den Konvertierungstaktiken, die wir gerade gelernt haben, sollten Sie in der Lage sein, die Werte Ihrer Website effizienter zu skalieren. Jetzt ist es an der Zeit, ein Community-Board in dieser Klasse zu verwenden, um Fragen zu stellen, Gespräche zu beginnen und Ihr Projekt zu teilen. Verantwortlichkeit ist der Klebstoff, der Verpflichtungen an Ergebnisse bindet. Wenn Sie alle Schritte in diesem Kurs befolgt haben, haben Sie jetzt Ihren brandneuen Heldenbereich und können loslegen. Laden Sie es also bitte in die Projektgalerie hoch. Es wäre mir eine Freude, sich selbst Feedback zu geben. Es kann mir auch sagen, was du über diese Klasse hältst. Indem Sie Ihre Bewertung abgeben, können Sie auf dem Laufenden bleiben. Und meine neuesten Klassen und Ressourcen, indem Sie mir hier auf Schulanteil folgen. Meine Absicht war es, diesen Kurs voll von umsetzbaren Inhalten und meinen Newslettern zu machen , kein Unterschied. So können Sie Arnaldo dot E-Mail abonnieren, wenn Sie interessiert sind. Vielen Dank, dass Sie an diesem Kurs teilgenommen haben. Ich kann es kaum erwarten, bis zum nächsten Mal eine Abschnitte zum Leben erwachen zu hören oder zu sehen.