Entwirf schöne Zielseiten, die qualitativ hochwertige Leads generieren | Serban Cosmin | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Entwirf schöne Zielseiten, die qualitativ hochwertige Leads generieren

teacher avatar Serban Cosmin, Landing Page Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

11 Einheiten (1 Std. 41 Min.)
    • 1. Einführung – Gestaltung einer Landing in Photoshop

      0:51
    • 2. Inspiration finden

      8:21
    • 3. Erstellen eines Drahtgestells

      10:10
    • 4. Entwerfen der Kopfzeile

      11:43
    • 5. Den ersten Bereich entwerfen

      11:28
    • 6. Entwerfen des zweiten Merkmalsbereichs

      8:49
    • 7. Die Gestaltung des process

      12:18
    • 8. Entwerfen des testimonial

      9:48
    • 9. Entwerfen des final

      6:45
    • 10. Abstände der Elemente

      2:09
    • 11. Importieren in die Instapage

      19:03
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

516

Teilnehmer:innen

--

Projekte

Über diesen Kurs

In diesem Kurs lernst du, wie du eine Landingpage in Photoshop entwirfst, die für die Conversions optimiert ist und dein Unternehmen dabei hilft, mehr Schritte zu entwickeln.

Diese Reihe von Videos wird dich auf den gesamten Prozess der Gestaltung einer Landing von lead von von Grund auf zeigen. Wir beginnen mit der Inspiration im Internet zu finden, wireframes erstellen und dann ein landing in Photoshop.

Wenn die Seite in Photoshop abgeschlossen ist, verwende Instapage zum Erstellen einer Live-Version und mit dem Einstieg in die Lite geht.

Neben den Videos dieses Projekts ist das Ergebnis vor den landing und den 1-2 gepackt und du kannst das Gerät sofort mit der layered Datei und den 1-2 verwenden

Dieser Kurs richtet sich an Schüler:innen, die bereits im Shop verwendet haben und auf dem fortgeschrittenen Niveau stehen.

Wenn du an diesem Kurs mitmachen kannst, erstelle die gleiche Seite oder starte dein eigenes Projekt und erstelle die Landingpage, die du dein Unternehmen oder die product

Übungsdateien und layered PSD: Hier herunterladen

Instapage

Bist du bereit? Lass uns anfangen!

Triff deine:n Kursleiter:in

Teacher Profile Image

Serban Cosmin

Landing Page Designer

Kursleiter:in

Been designing landing pages for a couple of years now, created templates that have been used by thousands of clients worldwide.

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung – Gestaltung einer Landing in Photoshop: Hey, Leute, in dieser Klasse werdet ihr lernen, wie man eine Zielseite im Folgen-Shop von Grund auf entwirft. Wir werden damit beginnen, Inspiration für die Welt zu finden. Erstellen Sie Drahtrahmen auf dem Build eine Landingpage Design im Inneren für den Shop. Sobald die Seiten in Fotoshop alle Jahre instapage abgeschlossen, um eine Live-Version zu bauen, beginnen immer Leads. an diesem Kurs teilnehmen, können Sie entweder die gleiche Seite verfolgen und erstellen oder Ihr eigenes Projekt starten, um eine Zielseite oder ein Unternehmen oder ein Produkt zu erstellen. Zusätzlicherhalten Sie mit 1,5 Stunden Videodie vollständige Ebene für die bisher in diesem Kurs erstellte Zielseite. Zusätzlich mit 1,5 Stunden Video Und sie instapieren Dokument, das Sie sofort hochladen und beginnen, es als Vorlage zu verwenden. Denken Sie nun daran, dass dieser Kurs in den Studenten ist, die zuvor für den Shop verwendet haben . Also, wenn du bereit bist, lass uns loslegen 2. Inspiration finden: Hey, Leute, Leute, beachte die Zeit, etwas Inspiration für unsere Bitcoin-Landingpage zu finden. Dies ist die erste Website, die ich besuchen werde. Es ist Liebe, aber dieser Ninja, alle diese Links werden in der Kursbeschreibung zur Verfügung gestellt werden, so stellen Sie sicher, dass Sie überprüfen. Ah, das sind die beliebtesten und diejenigen, die ich benutze, um Inspiration zu finden und Layouts , die zu dem passen könnten, was ich bauen muss, das ist Ah, Bitcoin orientierte Regeneration Landing Page. So Levada Ninja ist die 1. 1 Sie bieten Inspiration für Landing Pages. Ich beginne mit der Suche nach verschiedenen Schlüsselwörtern, die meinen Bedürfnissen entsprechen. Und ich suchte nach speziellen Layouts und verschiedenen Elementgruppen, die meine Aufmerksamkeit erregen. Und ich mache einfach Screenshots von jedem einzelnen Abschnitt, der meine Aufmerksamkeit erregt. Also, wenn ich eine bestimmte mag, ich einfach die Befehlshalterung gedrückt, , äh, das ist auf dem Mac, und ich mache nur Screenshots, so viele ich kann. Nun, das ist auch eine großartige Übung, um zu sehen, was andere Menschen in der gleichen Branche tun. Also, wenn Sie nach Immobilien suchen würden, würde er nach Immobilien Landing Pages suchen, und das würde Ihnen helfen, zu sehen, was andere in der Branche tun, waren irgendwie spezifisch. Elemente waren eine Art spezifische Abschnitt Tage verwenden, so dass hilft, eine bessere Idee zu machen. Und doch wird das nächste Dribble Dribble dot com ist wirklich, wirklich bekannt für die Qualität der Arbeit, auch wenn die meisten dieser Landing Pages gerade in Arbeit sind. Sie sind noch keine fertigen Konzepte. Das sind keine eigentlichen Designs. Sie sind wirklich gut, um einen Einblick in aktuelle moderne Trends zu bekommen und vielleicht zu sehen, was für Sie funktionieren kann . Jetzt dribbeln wir. Ich neige dazu, jedes Design in seiner eigenen neuen Registerkarte zu öffnen und dann einfach wie immer durch sie zu gehen . Nehmen Sie einfach mehrere Screenshots von den Entwürfen, die Leben. Jetzt ist die nächste ist kalte Landung Folio, die kommen Manchmal einige Seiten könnte meine Aufmerksamkeit zu erregen und ich werde für länger als fünf Sekunden die Vorarbeiter Meinung bleiben. Aber die meiste Zeit ist das, was ich tue. Ich mache einfach Screenshots und dann werde ich auch diese Screenshots verwenden. Erstellen Sie ah-Layout. Aber das werde ich dir später zeigen. Gehen wir auf die nächste. Ich schätze, du hast schon mal von meinem Interesse gehört. Dies ist ein großartiger Ort, um Mood Boards zu kreieren und Teoh Inspiration zu sehen. Also gehe ich normalerweise einfach voran und suche nach bestimmten geheilten Elementen wie Landing Page-Design, Landing Pages auf Inspiration, Design-Prozess und füge dann speziell Wörter wie Bitcoin Währungsbanken, finanzielle Sachen wie das ein. So kann ich wieder sehen, was die Menschen in der Branche tun. Äh, die gleichen Dinge, die gelten, erfordern nur Schöpfung. Es ist okay, ich verspreche es. Dies ist kein Schwärmen, denn es sieht so aus, als wäre es ziemlich interessant, wenn man in sie kommt. Aber ich zeige Ihnen, warum das wichtig ist. Also habe ich dieses Video beendet. Ich werde in Mailand aus Milano Dot com arbeiten, die Ihnen erlaubt, Bretter zu erstellen. Mood Boards Ach, lass mich das hier nicht durchgehen. Beyonce ist normalerweise der weniger Ort, an dem ich nach Inspiration gesucht habe. Ich glaube nicht, dass die Qualität den Dingen entspricht, die ich auf Dribble bekommen kann, aber das sind funktionellere Designs. Ich meine, sind eigentlich Designs, die jeden Lebenskomfort mit den Entwürfen von dribble ihr umgesetzt wurden , die nur durch die Phantasie der Designer s O begrenzt sind. Dies ist der letzte Ort, den ich suche und dann gehe ich, um eine Notiz zu mahlen und alles zusammenzubringen. Das ist ah, keine Aufnahme. Ich erstelle eine Leinwand und lade dann alle Bilder hoch, die ich auf dem Desktop gespeichert habe, indem Screenshots mache. Lassen Sie mich einfach die Siedlung entfernen und ich werde die innerhalb des Finders gehen und alle auswählen , und Sie können sie einfach per Drag & Drop ablegen. Mila Note ermöglicht es Ihnen, freien Campus mit 300 Elementen zu haben. Ich denke, Sie können mehrere Bretter auf dem gleichen Campus haben, ohne dafür bezahlen zu müssen. Ich habe nur dann eine Linie alles nach oben. Lassen Sie mich das beschleunigen. Nun, wie Sie sehen können, bewegen alles, eins untereinander. Auf diesem Weg kann ich sie alle ansehen und ganz oben. Ich sehe so etwas, dieses bestimmte Layout, das ich den alten Schlüssel gedrückt halten kann, und ich kann es einfach duplizieren oder einfach verschieben. Und ich würde es gerne auf die rechte Seite bewegen und eine Art Mock Up von Dingen erstellen, die ich mag. Dies fängt tatsächlich an, wie eine Landing Page auszusehen, nur weil es irgendwie das gleiche Verhältnis hat . Und ich spiele einfach mit Sachen herum und das sollte mir eine Richtung geben, wenn ich in den Drahtrahmen Teil gehe und anfangen werde , das Layout zu bauen, das ich entwerfen möchte. Das ist also wirklich nützlich, wenn man sich einfach vorstellen kann, wie es aussehen könnte , zum Beispiel, ich mag diesen Header und die Art, wie er mit Grady int geht und wahrscheinlich das verwenden wird . Aber im Moment versuche ich nur herauszufinden, was ich mag und Dinge, die ich nicht mag, Dinge, die ich auf der Zielseite sehen möchte. Dinge, die ich denke, passen zu meinen spezifischen Bedürfnissen des Aufbaus einer Bitcoin oder Inter-Landing Page, die eine Regeneration und den Lohn Indianer und die Arbeit an der Nachrichtenfluss ist. Der Nachrichtenboden, den ich für diesen speziellen Prozess verwenden werde, wird was sein? Warum, wie wer und kalt zu handeln Jetzt, was wird der Header-Bereich sein? Und das ist der Ort, an dem der Klient wissen wird, was er bekommen wird. Was wirst du bekommen, wenn du dich anmelden willst, wirst du das kostenlose Konto erhalten, das du Bitcoin-Zeug wie das tauschen wirst, dann gefolgt von den zukünftigen Abschnitten. Warum wird alle Vorteile abdecken, die durch die Anmeldung zu diesem speziellen Service erhalten werden ? Dies tun die folgenden zwei Abschnitte werden sich auf diese Verkaufsvorteile konzentrieren, gefolgt von, wie wird der Prozess in Schritten zu brechen. Und es wird den Kunden helfen, ein besseres Verständnis darüber zu bekommen, welche Schritte sie unternehmen müssen , um das Angebot zu nutzen oder wie sie die Plattform nutzen können, um dasBeste aus ihr herauszuholen , um dasBeste aus ihr herauszuholen um das Ich werde Zeugnisse haben. Ich werde soziale Beweise dafür haben, dass dieser Dienst funktioniert und der Service den Menschen hilft, gefolgt von einem abschließenden Argument mit dem Aufruf zur Aktion, was normalerweise ein Knopf oder wieder eine vier ist, abhängig von der Zielseite, werden bauen. Hoffentlich macht das Sinn, weil es wirklich wichtig ist, eine Idee zu haben, was Sie vorher bauen möchten, bevor Sie überhaupt in Abschleppdrahtrahmen gehen, bevor Sie überhaupt in Skizzen Ideen aus. Also, äh, dieser Schritt ist einer der wichtigsten aus dem Prozess. Jetzt, im nächsten Video, beginnen wir mit dem Bau des Drahtrahmens, und wir werden unsere Ideen skizzieren und beginnen, unsere Landingpage zu bauen. 3. Erstellen eines Drahtgestells: Hey, Leute. Jetzt bin ich bereit, mit dem Drahtrahmen zu beginnen und das Fundament für unser Design zu bauen. Ich habe mich entschieden, mit Kuckuck zu gehen. Dies ist eine Web-App, die es Ihnen ermöglicht, schnell Ideen zu veröffentlichen und Sie können sie sogar exportieren und haben bis zu sechs Leinwände kostenlos. Du musst also nichts bezahlen, um es zu benutzen. Es hat eine ziemlich einfache Schnittstelle, die so sind, dass Sie einfach schlagen und Elemente auf den Campus fallen und beginnen, Ihr Landing Page Layout zu visualisieren, wie Sie jetzt sehen können, haben es dupliziert und gestartet Teoh jeden einzelnen Abschnitt definieren, so dass ich kann beginnen, mehrere Elemente auf jedem einzelnen zu setzen. Ich werde einfach rechts auf der rechten Seite den Nachrichtenfluss für jeden einzelnen Abschnitt. Wie Sie sich vielleicht erinnern, haben wir in der vorherigen Lektion über den Nachrichtenfluss gesprochen. Achten Sie daher darauf, ihn zu überprüfen. Wenn Sie Fragen haben, wird der erste Abschnitt was sein, da wir besprochen haben, wo wir sicherstellen wollten, dass der Besucher weiß, was er bekommt. Wenn sie sich anmelden, gefolgt von, warum wir am wenigsten ein paar Funktionen und Vorteile, warum sie sich anmelden sollten , wie dann? Das wird jede Aussage im Schlussstreit montieren. Dieser letzte Abschnitt enthält normalerweise den unteren Teil. Jetzt unterschreibe ich ein separates Rechteck für jeden einzelnen Abschnitt, damit wir anfangen können in jedem einzelnen Element zu blockieren, das wir haben werden. Ob das ein Überschriftenabsatz für zusätzliche grafische Elemente ist, ich werde versuchen, jeden einzelnen Abschnitt auszuwählen und angepasst, um ein besseres, besseres Aussehen auf das gesamte Layout zu haben . Jetzt weiß ich, dass die meisten Leute es vorziehen, Skizzenbücher zu skizzieren, aber ich finde, dass dies viel einfacher ist, mehrere Variationen zu erstellen und verschiedene Ebenen für jeden einzelnen Abschnitt zu erstellen. Sie haben also mehr Freiheit zu experimentieren. Aber natürlich funktioniert das für mich. Es spielt keine Rolle, dass es für Sie funktioniert. Probieren Sie es einfach aus. Versuchen Sie, skizzieren, versuchen Sie es in einer Web-App zu tun, ist ich tun und sehen, was am besten für Sie funktioniert. Jetzt fangen wir an, die verschiedenen Elemente zu blockieren. Die Oberseite wird das Logo sein, gefolgt von der Hauptüberschrift und einem kleinen Absatz darunter. Das wichtigste Element wird die Form oder die sein, aber je nach Ziel. Also in diesem Beispiel werde ich nur einen kleinen Knopf haben und ich werde es orange machen, nur um aufzustehen. Das hat sie in die Mitte gelegt, und wir können mit dem Warum weitermachen. Aber zuerst, lassen Sie uns genug Platz dafür machen, weil ich zwei getrennte Abschnitte haben möchte, in denen ich Vorteile für diese Kraft eins präsentieren kann . Ich denke darüber nach, mit einem Standard-Drei-Spalten-Layout zu gehen, da dies ziemlich häufig bereiste Landing Page-Designs ist. Sobald ich damit zufrieden bin, werde ich versuchen, den zweiten Abschnitt zu erstellen. Aber zuerst lassen Sie uns eine andere Farbe nur Zehe geben, nur um es von der Kopfzeile zu unterscheiden. Das Wichtigste, was ich beim Drahtrahmen gefunden habe, ist, nicht an einer Idee hängen zu bleiben. Sie müssen nur weiter experimentieren, bis Sie etwas finden, mit dem Sie wirklich zufrieden sind. Jetzt ist es an der Zeit, den zweiten Y-Abschnitt zu erstellen, und dieser wird ein anderes Layout haben. Natürlich denke ich daran, vielleicht ein neues Bild auf der linken Seite und dann einige Grafiken auf der rechten Seite zu haben, oder vielleicht eine Kopfzeile an der Spitze und dann zwei Spalten. Ich denke, dass das Gehen von Mitte zu Baumsäulen zu zwei Säulen hübsch aussieht, ziemlich toll. Aber wieder, Sie sollten nicht mit dieser Idee eingesperrt sein. Ich werde einfach weiter experimentieren. Lasst uns zum Wie kommen. Für den Anfang werde ich mit etwas ganz Einfaches gehen, wie nur einen Play-Button in der Mitte des Abschnitts zu haben. Das ist ein ziemlich gewöhnliches Team. Also mache ich nichts Verrücktes, nur versuche, ein grundlegendes Layout zu erstellen und dann Variationen zu machen und zu sehen, was funktioniert und was nicht. Die Art und Weise, wie ich diese Play-Schaltfläche Arbeit ist, dass, wenn Sie darauf klicken erscheint ein Pop-Up mit einem Video mit einer Video-Präsentation von allen Schritten, die Sie ergreifen müssen , um das Angebot zu nutzen. Lasst uns jetzt zu wem weitergehen? Ich werde diese Formen duplizieren und sie als Basis verwenden. Ich denke darüber nach, vielleicht nur, ah, großes Zeugnis mitten in der Mitte zu haben ah, , und dann kann ich sehen, ob ich eine andere Idee haben kann oder anders abschalten, um Momente zu testen. Gehen wir zum endgültigen Schlußargument. Normalerweise ist das, was ich habe, Variation vom Header. Also, ob das nur die Überschrift in der Unterseite oder nur der Absatz für die Flasche ist , das ist, was ich normalerweise mit. Okay, also ist das erste Design jetzt ziemlich fertig. Alles, was ich tun muss, ist, diese zu duplizieren, während Sie die Optionstaste gedrückt halten, um alles auszuwählen oder indem Sie es kopieren. Jetzt kann ich anfangen, mit verschiedenen Layouts zu experimentieren, zum Beispiel, der erste Abschnitt ziemlich ähnlich und ich bin glücklich damit. Obwohl ich sagte, ich glaube nicht, dass die erste Idee, die dir in den Sinn kommt und sie benutzt, werde ich wahrscheinlich dabei bleiben. Also lasst uns einfach mit dem dritten Abschnitt experimentieren, der ein paar Vorteile bietet. Ich denke, dass zwei Zeilen von Inhalten neben einem Bild hier großartig funktionieren könnte. Also lassen Sie uns das Bild auf die rechte Seite setzen, nur ich weiß, dass das ein Bild ist, aber jetzt ist es nur ein Rechteck. Und auf der rechten Seite habe ich vielleicht zwei Funktionen für den Hausbereich. Ich werde es wahrscheinlich so lassen, wie es ist, Andi, für wen ich darüber nachdenke, vielleicht mit den zwei Spalten Layout zu gehen, vielleicht haben zwei Zeugnisse im gleichen Abschnitt. Es gibt nicht viel, was mit dem letzten Abschnitt tun kann, aber vielleicht haben Sie einfach ah Absatz auf der Unterseite. Also der Absatz, den ich in der Heidekraut verwenden werde, tut wahrscheinlich den gleichen, den ich unten verwenden werde . Nun, lasst uns einfach auf dem Raum bleiben, der noch nicht leben und alles bewegen, damit wir noch eins passen können . Mr. Variation wird mir wahrscheinlich alles geben, was ich brauche, um ein endgültiges Design zu erstellen. Also lassen Sie uns die 2. 1 duplizieren und direkt in ein paar Variationen bewegen. Ich beginne mit dem Header und ich werde für ah links den Linienstil gehen, was bedeutet, dass ich versuchen werde, alles nach links auszurichten, damit ich sehen kann, wie das aussehen würde, als ob wir dort 11 großen Inhaltsblock machen, anstatt Baum zu haben. Und für die zweite, sehr für den zweiten Feature-Abschnitt, werde ich diesen duplizieren und vier Reihen von, äh, Vorteile haben äh, . Lassen Sie uns diese Play-Schaltfläche auch nach links verschieben. Und das kann ein Inhaltsblock sein. es durcheinander gebracht. Also, wo ich tatsächlich die Schritte aufschreiben lassen kann, falls der Besucher das Video nicht sehen will . mir nicht sicher, was das für die Testimonials tun kann, aber für den abschließenden Abschnitt werde ich wahrscheinlich das Logo dort hinzufügen. Das sind also meine Baumoptionen. Jetzt ist es Zeit zu entscheiden, welche Abschnitte ich behalten werde und welche Abschnitte nicht mit dem funktionieren , was ich im Sinn habe. Also lassen Sie uns einfach alles nach rechts verschieben, um genügend Platz für unsere letzte Ebene zu haben. Ich werde nur Applikator die letzte Variante. Und jetzt, wo ich darüber nachdenke, werde ich einfach jeden einzelnen Abschnitt auswählen, den ich mag. Also die 1. 1 wird wahrscheinlich diese Bucht, diese da ich das Design schon vorstellen kann, dann bin ich hübsch. Ich bin ziemlich zufrieden mit der Baum-Layout-Spalte, die ich überhaupt gemacht habe. Gefolgt von diesen vier Zeilen oder Features Nein auf dem wie Teil. Ich habe diesen speziellen Abschnitt genossen. Auch wenn es vielleicht nicht funktioniert, bin ich bereit, in die Zeit zu setzen, um zu sehen, ob es so ist. Danach wollte ich dieses Layout mit zwei separaten Testimonials, da ich denke, dass ich vielleicht mit Zeugnissen besser aussehen könnte. Und für den letzten Abschnitt, Ich werde wahrscheinlich mit dem dritten ihr Design gehen, wo ich ein Logo, ein schließendes Argument und die Unterseite habe . Ich bin ziemlich zufrieden mit dem Ergebnis, und Sie werden den ganzen Prozess sehen. Wie wichtig es ist, schon ah, Layout im Auge zu haben und nicht viel daran zu denken, auf jeden einzelnen Abschnitt. Jetzt weiß ich irgendwie, was ich in jedem einzelnen Abschnitt will und was mir nicht gefällt. Ich habe meine Atlantic Seite bereits visualisiert, also bin ich bereit, mit Photoshopped zu beginnen. 4. Entwerfen der Kopfzeile: Jetzt bin ich bereit, meine Landing Page eine unter dem Draht für Let's go Ahead zu bauen und ein neues Dokument zu erstellen, das 1200 Pixel breit ist, so dass ich meine Führungsmarken in der Mitte und auf seiner Größe platzieren kann . Dann gehen Sie und stellen Sie Campus nur einen Campus auf 1920. Der Grund, warum ich das mache, ist, weil ich jeden Inhalt wie, ah, Text, Bilder und Symbole in diesem 1200 Layout haben möchte. Also jetzt versuche ich, das Farbschema zu machen. Ich habe einfach ein paar Rechtecke, die ich das Farbschema angewendet habe, das ich in der Kurzbeschreibung gegeben wurde . Sie haben diesen Brief erhalten. Ah, innerhalb des Kurses. Schauen Sie sich einfach die Kommentare oder die Kursbeschreibung an und er sollte es dort finden. Also, wenn du willst, kannst du es mitmachen. Also lassen Sie uns dies zu jedem Namen, dem Farbschema gruppieren und werden durch Einbetten von Ah, dem Drahtrahmen serviert . Dieser Weltrahmen wird oben auf allen anderen Elementen platziert, so dass ich sicherstellen kann, dass ich zwischen ihm wechseln und sicherstellen kann, dass ich auf dem richtigen Weg bin, wenn ich die Zielseite erstelle. Also lassen Sie es in Drahtrahmen umbenennen, um eine Ebene umzubenennen. Ich doppelklicke einfach auf den Namen. Lassen Sie uns nun den Hintergrund weiß machen und beginnen Sie mit der Entwicklung unserer Abschnitte. Ich werde voran und erstellen Sie ein Rechteck sagte Es ist Witz Teoh. 109 120 mit der Höhe abhängig von der Höhe, die auf Ihrem spezifischen Abschnitt für diesen haben wollen , werde ich mit 800 Pixeln gehen. Sobald ich damit fertig bin, ich den Rest der Elemente hinzu, die ich für Dodgers Abschnitte gemacht habe , also muss ich sie anpassen, um sicherzustellen, dass sie meinen Bedürfnissen entsprechen. , Ich werde wahrscheinlich mit 500 Pixeln für jeden gehen, aber mal sehen, wie das geht. Ich benutze normalerweise Richtlinien. Zwei trennen jeden einzelnen Abschnitt. Auf diese Weise stelle ich sicher, dass ich, wenn ich mit dem Bau von Atlantic Page beginne, bereits einen Blick darauf habe, wie die anderen Abschnitte verglichen aussehen werden. Toa, dass man jetzt die erste Gruppe erstellen, wo ich das erste Rechteck platzieren werde. Das Rechteck tot stellt das Haar dar. Lassen Sie es uns umbenennen und jetzt kann ich den Rang nach innen drehen. Lassen Sie uns ah erstellen, Ebene darüber und klicken Sie mit der rechten Maustaste und erstellen Sie Ebenenmaske. Das bedeutet, dass alles, was in dieser Ebene platziert wird, im Formelement enthalten sein wird . Zum Beispiel möchte ich mit Grady in ähnlich dem gehen, was ich gesehen habe, als ich nach Inspiration suchte, um auf die Grady im Schlepptau zugreifen zu können, drücken Sie einfach G und dann oben auf der linken Seite, auf dem Bildschirm, Du wirst in der Lage sein, das Radio zu steuern. Nehmen wir das Logo und platzieren es dort, wo wir wollten, wo es sein sollte. Holcomb, NT oder Control T. Wenn Sie auf einem PC sind, damit Sie dieses spezifische Element transformieren können, habe ich mich entschieden, mit einer diagonalen Strahlung zu gehen, nur weil ich denke, es sieht viel interessanter und dynamischer aus als nur ah, regelmäßige horizontale oder vertikale Grady int. Ich versuche, die Farben zu benutzen. Sie gaben mir die Farben ihrer Marke. Aber natürlich können einige Änderungen auftreten, wenn ich anfangen, Bilder zu verwenden. Aber lassen Sie uns voran und erstellen Sie die Schlagzeile. Ich mache es weiß und die Vorderseite ist Eisenbahn, um mehr Kontrolle über Ihr Textelement zu haben. Bitte drücken Sie Komitee oder Kontrolle T und das Zeichenfeld wird sich öffnen. So haben Sie jetzt mehr Kontrolle über Ihren Typ. Ich werde nur mit 50 50 Pixeln für diesen hier gehen. Normalerweise bleibe ich bei 40 bis 50 für die Schlagzeile. Sobald ich das habe, werde ich zur zweiten Schlagzeile übergehen, zweiten Schlagzeile. Erstellen Sie einfach die neue Steuerbox. Lassen Sie uns es in und ich werde 24 Pixel für diesen verwenden. Lassen Sie uns eine Wette verschieben. Und ich denke wirklich, dass es bis jetzt ziemlich gut aussieht. In diesem Stadium des Prozesses sollten Sie Angst haben, neue Positionen für jedes Element auszuprobieren und neue Layouts auszuprobieren. Sie würden dies am Ende des Projekts weniger wahrscheinlich tun. Dies ist also eine Zeit zum Experimentieren. Wie Sie sehen können, habe ich gerade ein Elementarrechteck erstellt, und dieses wird mein fremdes Feld sein. nun Sienundaran, dass dies das wichtigste Element auf Ihrer Zielseite sein könnte, also müssen Sie sicherstellen, dass die Platzierung perfekt ist. Also, jetzt werden wir die Flasche daneben hinzufügen. Ich halte einfach die alte Taste oder Optionstaste und ziehe sie ganz rechts, um dieses Element zu duplizieren . Dieses Formelement. Jetzt wird das mein Hintern. Ich werde darauf doppelklicken, damit ich seine Farbe ändern kann, und ich werde direkt von der Farbform, die ich zuvor erstellt habe, abtasten. Lassen Sie uns das auch duplizieren, wählen Sie alles aus und machen es 15, denn gerade jetzt möchte ich etwas direkt unter den vier spielen . Das ist Ah, was die Nutzungsbedingungen betrifft. Also schließe ich diese Zeile ein, weil Sie normalerweise etwas zustimmen müssen, wenn Sie das Formular absenden oder wenn Sie ein Konto erstellen, ist von Zeit zu Zeit gut, um einfach einen Schritt zurück und sich das Layout anzusehen, das Sie gerade erstellt haben, das Ihnen helfen wird besseres Layout und stellen Sie sicher, dass der Abstand richtig ist. Zum Beispiel scheint das Logo ein bisschen Zeh backen für mich, aber ich werde es nicht gerade noch. Lassen Sie mich zunächst einige dieser Schichten klären. Jetzt weiß ich, wie ich mit ihrer Saison umgehen kann, wahrscheinlich die beste Art, aber normalerweise gehe ich am Ende des Projekts zum Dokument und stelle sicher, dass jede einzelne Ebene korrekt benannt und platziert wird. Ich denke, das Formular sieht gut aus, aber ich möchte ein Formularlabel für sein Feld haben. Ich bin immer noch mit der mit der sekundären Farbe experimentiert, etwas, das neutral ist, etwas, das gut mit dieser aktuellen Schicht funktioniert. Lassen Sie uns das duplizieren und den Aufruf zur Aktion erstellen. Wir werden mit dem Handel beginnen. Das ist also das einzige Element. Das einzige Textelement und ich werde mutig sein, um sicherzustellen, dass wir mehr hervorstechen. Ich fange wirklich an zu mögen, wie diese Heather aussieht. Ich kann mir schon vorstellen, wie ein Bild es beeinflussen würde. Also habe ich gerne ein Bild, das nicht über unseren Text geht, etwas, das gut an den Seiten geht. Das ist also der nächste Trick. Also muss ich auf Splash gehen, denn dies ist einer der besten, ah, ah, die besten Orte, um kostenlose lizenzfreie Bilder zu bekommen, die ziemlich hohe Qualität sind. Also fing ich an, nach etwas zu suchen, das einen Computer in hat. Es ist etwas, das einen Benutzer hat, der ein Notebook oder einen Computer benutzt, aber ich muss eine finden, die das Layout hat, die Worte mit meinem Bedürfnis, etwas, das dieses Beispiel mit diesem Kerl von hinten mag? Aber ich brauche etwas, etwas Besseres. Ich werde einfach weiter suchen. Vielleicht haben Sie ein Notizbuch drin, oder schauen wir uns dieses an. Es wurde es wirklich schnell heruntergeladen und überprüfen Sie es. Ich werde es einfach auf meinem Desktop speichern. Okay, dann geh. Gehen Sie weiter und platzieren Sie es. Legen Sie es auf Ihre Heidekraut. Wie Sie sehen können, wurde es direkt an der Spitze der Gruppe platziert. Aber ich werde es unter meinem Grady int platzieren und degradiert. Ich wähle Multiplikation aus den Mischoptionen aus. Und wie Sie bereits sagen, sieht das von Anfang an ziemlich toll aus. Nur ein paar kleine Platzierungsanpassungen und ich bin so ziemlich verkauft. Das einzige, was ich nicht mag, ist, dass die alten Farben nicht wirklich erhalten waren. Also werde ich sie nochmal vereinfachen und den Grady Int schaffen, der Zehe einen transparenten, transparenten Hintergrund zeigt. Also habe ich sie einfach mit X umgeschaltet und gehe mit dunkelblau auf der linken Seite und dieser Orange auf der rechten Seite. Versuchen Sie zu sehen, wie es mit verschiedenen Layerstilen in verschiedenen Kapazitäten aussehen wird. Überprüfen Sie, ob es das Design verbessert oder nicht. Ich gehe einfach mit Normal und senke die Deckkraft davon. Was ich normalerweise in diesem Schritt des Prozesses mache, ist das Erstellen von Formen mit bestimmten Höhen, so dass ich sicherstellen kann, dass der Abstand zwischen den Elementen ziemlich gleich ist. Aber das wird nicht der endgültige, der endgültige Abstand zwischen den Elementen sein. Ich werde am Ende ein spezielles Video machen, in dem ich ausführlicher auf die Gegenwart gehe, diesen ganzen Prozess der Abstände von Elementen richtig. Ich denke, das sieht bis jetzt ziemlich gut aus, aber ich habe ein paar Änderungen, die ich wirklich schnell machen möchte. Zunächst einmal möchte ich die zweite Schlagzeile ändern. Es macht Spaß, Größe Teoh, 21. Lassen Sie es ein bisschen fallen, so ist es nicht so mächtig wie die Hauptüberschrift und machen Sie die med Hauptüberschrift Make it all caps. Ich denke, das sieht viel besser aus als zuvor, aber das ist natürlich nur meine Meinung. Es wird alles bis zu dem Kunden sein, wenn er sich entscheidet, mit ihm zu gehen oder wenn er irgendwelche Änderungen vor Now will , das ist das, was ich für den Rest des Kurses mitmachen werde. Jetzt möchte ich Ihnen nur einen schnellen ah, geteilten Unterschied zwischen dem Drahtrahmen und dem Ergebnis zeigen , das wir bekommen haben, kurz bevor wir bereit sind, zum nächsten Abschnitt zu gehen . Sie wissen also, wie wichtig der Drahtrahmen ist, um sicherzustellen, dass das Design konsistent ist . 5. Den ersten Bereich entwerfen: Jetzt, da wir vor kurzem die Überschrift abgeschlossen haben Jetzt ist es Zeit, in den zweiten Abschnitt zu wechseln und unsere Funktionen zu präsentieren. In der vorherigen Lektion haben wir den gesamten Prozess des Entwurfs des Haupt-Header-Abschnitts durchlaufen. Jetzt gehen wir zum nächsten und bauen auf. Der erste Abschnitt stellt unsere Funktionen den ersten Abschnitt dar, in dem wir die Vorteile von der Landingpage präsentieren werden. Nun gehen wir weiter und erstellen die neue Ebene. Und wie im vorherigen Video, werde ich eine Ebenenmaske erstellen, obwohl ich nicht sicher bin, ob ich dieses Mal als Hintergrund brauchte , es wird komplett weiß sein. Also habe ich diese Idee, diese drei Spalten im Inneren des Rechtecks zu platzieren. Das Rechteck wird ganz weiß sein. Und lassen Sie uns zuerst auf dieses Gewicht von den Richtlinien, die 1200 Pixel und anwenden Ihre Farbe wird weiß sein, und ich werde es definieren, indem Sie einen Schlagschatten hinzufügen. Und dann werde ich auf einen äußeren Globus gehen. Also für diesen Schatten gehe ich einfach mit multiplizieren und für das äußere Glühen Ah, nur eine normale Schattierung, aber mit wirklich geringer Deckkraft bin ich ziemlich glücklich damit. Mal sehen, wie es aussieht. Wenn ich ein wenig über die Hilfe gehe, Heather, weiß ich, dass ich das Rechteck oben auf dem Kopfzeilenabschnitt platziert habe. Ich werde es umstellen müssen, aber nicht jetzt. Aber jedes einzelne Element muss neu eingestellt werden. Aber jetzt fangen wir an, Inhalte hinzuzufügen. Ich gehe mit einer kleinen Schlagzeile und lass uns das wie die alten Mützen. Bewegen Sie es etwas nach unten. Natürlich möchte ich die Telefongröße kleiner machen. Vielleicht 24. Jetzt suche ich nach dem Inhalt, den ich dort platzieren werde. Wir werden mit diesem mit diesem Schleim Peer to Peer Bitcoin Marktplatz beginnen. Dies wird unsere Überschrift für diesen Abschnitt sein 24 7 sieht gerade jetzt Ich muss nach dem Inhalt suchen und was ich direkt unter platzieren werde Es wird ein Absatz sein. Das ist das, was die Kandidaten ausgewählt haben, sein Duplikat dieses Element, damit ich daran arbeiten kann . Aber ich muss es zuerst definieren, wo ich es anfangs platziert hätte. Hier ist es Kontrolle ein Teoh, wählen Sie alles, machen Sie es dunkel. Und jetzt verschieben wir es in den richtigen Ordner, damit es sichtbar ist. Also ist es oben auf dem Rechteck. Lassen Sie uns dieses Line-Up Tex mit nur 17 wir werden Ihre 17 von jetzt auf Absätze ersetzen . Lassen Sie uns die Farbe finden, die gut mit diesem funktionieren könnte. Ich denke an das Licht. Ach, hellgrau. Kombiniert mit einigen Blues ist es nicht so sichtbar, wie ich es gerne hätte. Also lasst uns weitermachen und es ein bisschen ändern. Etwas dunkler, etwas dunkler. Ja, ich glaube, hier ist das, wo ist es besser? Ich kopiere das und bei dieser Farbe in das Farbschema. Also werde ich 11 Formelement replizieren und ich werde verfärbte Doppelklick anwenden, doppelklicken Sie darauf, dann ist das alles. Jetzt werde ich diese Farbe auf der ganzen Seite für einige verwenden, für einige Elemente. Lassen Sie uns alles ein wenig ausrichten und ich werde anfangen, an dem 33-Spalten-Layout zu arbeiten. Anfangs hatte ich im Drahtrahmen. Lassen Sie uns das ein wenig nach oben bewegen, und ich werde 33 separate Formen erstellen, nur damit Sie sehen können, wo ich den Inhalt platzieren möchte , vielleicht ein Autodesign für jeden habe, obwohl sie irgendwie klein dafür sind, aber ich werde wahrscheinlich einfach mit Standard gehen. Ich kann Schlagzeilen und Beschreibung direkt darunter. Beginnen wir also mit der 1. 1 Es ist eine ziemlich kleine Menge an Text. Solis, replizieren Sie das hier. Machen Sie es kleiner angepasst, und ich bin ausgewählt und fügen Sie meinen Inhalt hier. Also bin ich mir nicht sicher, ob ich dort eine Nikon haben werde oder was helfen wird oder was passieren wird . Aber das werde ich herausfinden. Ah, während des Prozesses. Also lasst uns ah haben, die letzte Party ist umgezogen. Und lasst uns das Ah benutzen, ähnlich einer Schlagzeile, aber etwas, das mehr auffällt als eine grundlegende Überschrift, die es größer macht. Legen Sie Ihr Recht darüber. Ich bin mir noch nicht sicher, was die Farbe angeht. Vielleicht habe ich so etwas wie das Rot, das ich in der Butter benutzt habe. Ich denke, das sieht viel besser aus als zuvor und leicht angepasst 30 für jetzt, dass ich schaue , schaue ich es von oben an. Es muss auf mehr stehen. Also 40 40 sieht gut aus. Ich werde mich mit meinen Pfeilen einstellen. Und lassen Sie uns diese diese Elemente gruppieren und sie duplizieren, indem Sie alte Oh, ich bin eher die falschen Elemente in der Gruppe. Lass es mich finden. Jeder ist dieser hier. Okay, mein Hintern. Ok, wähle sie beide aus. Befehl G, dann durch Doppelklick auf den Ordnernamen umbenannt? Nein, ich verzweifle nur Kate Itron, indem ich die alte sperrig halte und die ganze Gruppe bewegte. Das ist also das Layout. So wird es aussehen. Jetzt muss ich nur noch den Text ändern. Ich mag immer noch die zweite Zeile. Wenn Sie ein Käufer sind, ja, basierend, dass in. Und ich muss die oberste Schlagzeile anpassen. Ich gehe einfach mit 100% etwas, das für diesen bestimmten Absatz relevant ist. Nein, für die letzte. Opium. Fügen Sie es ein und ersetzen Sie dies. Wir sind die Nummer eins. Das sieht ziemlich einfach aus, ich bin ziemlich glücklich damit. Auch wenn ich nicht viel Zeit damit verbracht habe. Ich bin ziemlich glücklich damit. Und wie es mit der Seite geht. Es ist nur einmal zusammengebrochen und Gruppe zusammen gemacht. Aber jetzt, wo ich darüber nachdenke, ich werde das Bett experimentieren und sehen, wie es mit Symbolen aussehen würde, anstatt mit diesen Schlagzeilen. Also lassen Sie mich sie schnell entfernen. Das ist meine Art der Auswahl. Ich weiß, es gibt einen besseren Weg. Das ist es, was ich gewohnt bin. Soho, bitte verurteile nicht, bitte verurteile mich nicht. Ok? Jetzt benutze ich. Richtig. Fonds. Rechts vorne ist eine App, die alle Materialiensymbole hat, die von Google zur Verfügung gestellt werden. Ich kann schnell nach ihnen suchen. Und schnell, Dragon, fallen Sie in das Photoshopping-Dokument. Bitte denken Sie daran, dass all dies habe ich konsultiert kostenlos und verfügbar auf Google-Website. Ich werde den Link in die Beschreibung des Kurses einfügen. So haben Sie Zugriff auf alle diese Symbole ist nicht etwas, das Sie dafür bezahlen müssen. Ich mag es nur, dieses This zu benutzen. Wie Sie sehen können, habe ich ein Kind Icahn für die 1. 1 platziert, weil er sich auf Unterstützung als auf Sicherheit und Schutz bezieht . Ich werde das Schloss benutzen. Macht das Sinn? Richtig. Und für die 3. 1 werde ich wahrscheinlich etwas haben. Ah, Sicherheitsschild. Okay, jetzt passen wir uns an. Das hier ist ein bisschen. Äh, ich mag es so, wie sie aussehen, aber es gibt gerade zu große Zehe, also lasst uns sie zuerst kleiner machen. Also, wie die 1. 1 jetzt, machen Sie es kleiner, dass ich schnell alle diese ausrichten und ich die Farbe aus dem Farbschema verliere . Es ist die erste Bedrohung und sehen, wie das aussieht. Ich kopiere alle kopierten Layer-Stil und bezahlt sie über diese beiden Elemente. Nein, ich bin mir nicht sicher, ob das gut aussieht, ich habe das Gefühl, dass es viel zu viel Aufmerksamkeit anzieht. Also werde ich etwas mehr versuchen. Sado, vielleicht ein Grady Int. Auch wenn diese Zutat, wenn ich das dunkelblau und die orange zu verbrannt orange, es ist wahrscheinlich zu schwer zu einem. Es ist noch schlimmer als zuvor, also bin ich mir nicht sicher, ob ich vielleicht einfach mit diesem hellgrauen gehen werde, hast du gesagt. Ich meine, lassen Sie mich sehen schnell Grenze zwischen dem Vorher und nachdem ich ein bisschen konflikt bin. Lass mich sehen. Ja, ich werde widersprüchlich sein, weil ich die Schlagzeilen, die einfache Typografie wirklich genieße . Aber ich mag die Zyklen auch, weil ich denke, sie hatten einen Vorteil, um den Nutzen zu haben. Lassen Sie mich es einfach in das Leben ändern, Ray und sehen, wie das aussieht. Vielleicht ist es ein bisschen mehr Salo. Ja, ich glaube, ich mag es besser als Rot, aber das ist nur die Vorliebe. Also für jetzt ist dies gehängt werde ich mit dem Design mit diesen Symbolen auf fortsetzen. Wahrscheinlich mit dem sagte, ich denke, wir sind bereit, zum nächsten Abschnitt zu gehen, das nächste Video zu sehen. 6. Entwerfen des zweiten Merkmalsbereichs: In dieser Lektion erstellen wir also den zweiten Feature-Abschnitt , der eigentlich der dritte Abschnitt unseres Designs ist. Hier ist der Drahtrahmen. Und wie Sie sehen können, haben wir vier Reihen von verschiedenen Vorteilen, so dass wir sofort mit dem Aufbau beginnen können. Was ich tun werde, werde ich diese Schlagzeile verwerfen. Es gibt nur Verschieben Sie es in die entsprechende Gruppe und eine Absatzzeile. Also werde ich eine Schlagzeile haben als eine Absatzzeile. Und daneben werde ich ein Nikon ziemlich unkompliziertes Layout platzieren. Nur eine Linie. Diese Ah, lassen Sie uns die Zeile für diesen Absatz verlassen. Ein Film. Versuchen Sie es als nächstes. Es, das sein sollte. Okay, holen wir uns jetzt die Inhalte für diesen hier. Ich gehe mit den unten. Benutzer können leicht Bitcoin etcetera austauschen. Lassen Sie uns das hineinkleben. Ich habe keine Inhalte für die Schlagzeilen, aber ich werde mir etwas einfallen lassen. Ich habe keine Inhalte für die Schlagzeilen, Der Austausch sollte gut sein. Etwas wirklich Einfaches auf Lassen Sie uns auch die Zeile verlassen. Also ist es einfacher. Teoh bearbeiten eine Seite Applikatoren Gruppe, die sie zusammen gruppiert und diesen speziellen Group One Austausch benannt . Okay, jetzt bin ich bereit, es zu duplizieren, indem ich den alten Schlüssel oder die Optionstaste halte. Lassen Sie uns die Sichtbarkeit auf dem Rechteck ändern, weil ich wahrscheinlich nur mit einem geraden weißen Hintergrund gehen werde. Okay, Sobald ich den Eintopf habe, kann ich beide auswählen und mit der Optionstaste, ziehen Sie es nach rechts. Und jetzt habe ich mein Layout, und ich bin bereit, meine Inhalte einzugeben. Lass uns gehen. Lassen Sie uns gehen und den Inhalt für jede einzelne Zeile finden. Also werde ich das Discover für die 2. 1 verwenden. Ich bin mir noch nicht sicher über die Überschrift , aber ich werde zuerst alle diese ersetzen und dann über die Schlagzeilen nachdenken, normalerweise, was ich tun würde, würde ich einfach als der Kunde, was sie wandern. Aber für diese Übung werde ich es nur wiedergutmachen. Das sollte gut sein. Jetzt gehen wir weiter und ändern die Schlagzeilen. Bei der 1. 1 geht es darum, mehr zu entdecken, also werde ich Ah, Bestellarten haben . Ah, bei der 3. 1 geht es um die Finanzierung. Also mal sehen. Marging-Finanzierung. Und für das letzte Jahr weniger Maschinen diese zuerst. Ok. Und für die weniger, es geht um benutzerdefinierte Arbeit, Arbeitsbereiche Also religiöse Arbeiten direkt dort auf jetzt bin ich ziemlich glücklich mit dem, was ich habe. Wissen ist finden Symbole für jede einzelne Gruppe. Lassen Sie mich den ersten umbenennen, damit ich genau weiß, dass ich den Fehler, den ich vorher gemacht habe, nicht bemache. Jetzt gehen wir in rechts Phoned und Allegis Suchen Sie nach etwas, das dazu passen könnte für So First lasst uns gehen. Welche Umtauschwechsel? Ja, lassen Sie uns das hier platzieren. Vielleicht haben Sie es bei 45 Grad Kontrolle kommen Komitee, um es zu drehen und lassen Sie es auf der linken Seite platzieren . Doppelklicken Sie auf das Layout, um eine leise einzugeben und gehen Sie zur Farbüberlagerung oder nein, lassen Sie mich einfach voran und haben Sie einen Strich dafür. Ich war einfach. Dieses hellgrau und zwei Pixel sehen gut aus und nehmen Sie das Feld einfach auf 0%. Das sollte genügen. Ich werde versuchen, diese ein wenig nach rechts zu verschieben, nur um genug Platz genug Abstand zwischen dem grafischen Element und den Absätzen zu haben . Nein, ich bin mir immer noch nicht sicher über die Positionierung, ob ich nur vertikal oder seitwärts habe . Aber vorerst werde ich es so lassen und hoffentlich klappt es. Nun, je nachdem, wie die anderen Symbole aussehen, weil ich ein konsistentes Aussehen für jede und für die Gruppe jedes Einzelnen haben möchte . Jetzt muss ich nach einem anderen Symbol suchen. Lassen Sie uns für Bestellarten mit dem Warenkorb gehen. Vielleicht sieht dieser ziemlich anständig aus. Ich werde genau das gleiche Styling anwenden, wie ich es auf dem vorherigen Symbol getan habe . Also einfach mit der rechten Maustaste klicken und kopieren Stil und legen Sie es oben drauf. Vielleicht haben Sie es draußen, damit es nicht so überfüllt aussieht. Das sollte okay sein. Lassen Sie mich es einfach bewegen. Das Bett. Nein, ich versuche immer noch herauszufinden, wie ich alles verhältnismäßig aussehen lassen kann, aber das sollte. Das sollte gut sein. Bis jetzt. Lasst uns zum Skizzieren gehen, okay? Und ich denke, es ist Zeit für das nächste Symbol für Margenfinanzierung. Ich bin mir nicht sicher, was funktionieren kann. ein Fehldiagramm Vielleichtein Fehldiagramm. Ah, Tortendiagramm ist dort ausgelaufen. Und das gleiche, was ich mit den anderen Icons gemacht habe, einfach nur doppelt platziert den Stil oben drauf . Beginnen wir mit der Suche nach einem neuen Symbol für den Arbeitsbereich. Ich bin mir nicht sicher, ob ich vielleicht etwas übereinander gestapelt oder bearbeiten kann. Ich würde es nicht sehen. Ich frage mich, wie es, aber ich habe wahrscheinlich nur den Zyklus. Also etwas, das dir zeigt, wie du es hinzufügen kannst. Also habe ich es basierend auf dem Stil oben drauf gedrückt und mache kleine Anpassungen mit den Pfeiltasten. Nein, lassen Sie uns sie ausrichten. Neun tut es auch, auch, und die 1. 2 Mitte richtete sie aus. Ich weiß, dass dies vielleicht nicht die beste Zeit für Tutorial ist, aber ich bleibe normalerweise gerne einige Zweifel, damit ich sehen kann, wie Dollar-Elemente sich gegen die neue Ebene stapeln . Wenn Sie zu viel Zeit verkleinert geblieben sind, werden Sie nicht sehen, wie es im Vergleich zu den anderen aussieht. So Bild, um in genug von Zeit zu zoomen. Ich weiß, dass ich darüber nachdenke. Ich denke, ich werde mit der ersten Idee gehen, die ich hatte, obwohl ich sagte, nicht auf die erste Idee gesperrt, Ich werde in den vorherigen Abschnitt gehen und nur und nur aktiviert die 1. 1 mit den Schlagzeilen. Nicht mit Dikkers. Ich denke, dass zu viele Symbole kann schädlich sein und nein. Moment sieht der zweite Feature-Abschnitt interessanter aus muss sich nicht mit dem darüber vergleichen, da er ein wirklich ähnliches Layout hatte. Kurz bevor ich diesen Abschnitt einschließe, werde ich die Positionierung der Gliederung für jedes einzelne Element ändern, mit dem ich hineingehen werde , weil, wie ein Zay bei der Margenfinanzierung sagte , diese Striche sind viel zu nahe beieinander, also gehe ich einfach mit der zentralen Positionierung für jedes einzelne Symbol in diesem Abschnitt. Und jetzt denke ich, dass wir bereit sind, zur Testimonial Sektion zu gehen. 7. Die Gestaltung des process: Okay, Leute, jetzt, da wir die Abschnitte zum Feature abgeschlossen haben, ist Zeit, sich zu dem wie Teil zu bewegen, wo wir ah setzen, Play-Button und einige Inhalte auf der rechten Seite, die den ganzen Prozess brechen wird. Fangen wir an, Ich denke direkt vor, die diesen Abschnitt definieren wird. Lassen Sie uns die Größe 21 1920 um 500 ändern. Ich habe mit 500 für die meisten dieser Abschnitte vorangegangen, da ich das Gefühl habe, dass sie ausgeglichen werden müssen Ah, . mit diesem hier werde ich das Hintergrundbild hinzufügen, also muss ich eine Clipping-Maske machen. Lassen Sie mich sie zuerst gruppieren. Jeder Name, dieser Prozess. Okay, das ist also der Schmiedebereich. Ich werde gleich voran gehen und eine Clipping-Maske erstellen, wie ich gesagt habe, und jetzt ist es Zeit, ein neues Bild dafür zu finden. Ich gehe in Chrome und lasse mich zuerst herausfinden, wie der Computer funktioniert. Okay, jetzt will ich Crumb, lass mich einfach zu uns gehen. Precious dot com Dies ist mein Lieblingsplatz für lizenzfreie Bilder. Ah, ich muss ein Bild finden, das nicht komplex ist, etwas, das zeigt, dass der Benutzer mit dem Inhalt interagiert, aber nicht über all mein Element überlappt . Also werde ich einfach nach Mobile suchen und durchstöbern sie, bis ich etwas gefunden habe, von dem ich denke, dass es mit meinem aktuellen Layout funktionieren könnte. All diese Bilder sind ziemlich großartig. Also darüber hinaus auf Splash, empfehlen Achsen, die kommen. Das ist auch ein großartiger Ort für lizenzfreie Bilder. Aber das ist mein Favorit. Also habe ich ein Bild gefunden. Lasst uns runterladen. Ich werde einfach auf dem Desktop speichern und wieder in den Fotoshop gehen und dieses Bild abspielen. Okay, jetzt kann ich seine Position anpassen und lassen Sie uns drehen, weil ich den Inhalt haben will, die Absätze auf der rechten Seite und die Überschrift und ich wollte so sauber wie möglich sein und nicht stören mit ihm. Also lass es uns runterziehen, okay? Dies fügt sich bereits sehr gut mit dem Hintergrund, und jetzt kann ich nicht strahlend ich werde mit vielleicht die Farben auf die gleiche Weise gehen, wie ich es auf dem Header hatte . Ich werde versuchen, von links nach rechts diagonal empfangen, wenn ich den Mischmodus finden kann, der funktioniert, vielleicht Farbe. Nein, es gibt eine Menge Kontrast in diesem Bild, also bin ich mir nicht sicher, was dafür funktionieren wird. Ah, lass uns eins davon sehen. Ich denke immer noch nicht, dass sie gut genug für die Kopfzeile des Bildes sind. Multiplizieren perfekt ausgearbeitet. Ich musste es gar nicht hinzufügen. Aber wenn das an ist, schätze ich, dass es ein bisschen schwieriger wird. Also lassen Sie uns die Kapazität ein wenig senken und jetzt Ah erstellen, Schicht oben darauf und mit dem Grady Intell auf dem Weg zu dem, der von einer Farbe zu einer Transparenz geht . Und zuerst mit dem dunkelblauen, ziehe ich es ein paar Mal. Jetzt werde ich Zehenorange wechseln und es normal leben. Ich denke, das sieht bis jetzt ziemlich gut aus, und es ist ziemlich weit entfernt. Jetzt, da ich diese Ebenen dupliziert habe, versuche ich, etwas mehr Kontrast zu bekommen. Ist etwas lebendiger? Ich bin mir nicht sicher. Hamas Erfolg. Ich komme da raus, aber ich glaube, ich bleibe dabei. Dieser Look ist es ziemlich gut, und ich kann mir schon vorstellen, wie ich ihre Absätze auf der rechten Seite und den Knopf auf der linken Seite platzieren werde . Lassen Sie uns also das Rechteck leicht anpassen, weil es um ein paar Pixel versetzt wurde und alles gruppieren, damit ich sicherstellen kann, dass der Hintergrund vom anderen Element getrennt ist. Und lasst uns damit beginnen, eine dieser Gruppen zu duplizieren, ich wähle die Überschrift im Absatz aus und verschiebe sie einfach rechts in der rechten Gruppe im rechten Abschnitt, über dem Hintergrund. Um die Dinge konsistent zu halten, werde ich die gleiche Telefongröße für die Überschrift und den Absatz verwenden, wenn ich kann, wann immer ich kann , wann immer ich nicht durch die Elemente beschränkt bin. Also jetzt fange ich an, es hinzuzufügen. Die Überschrift, die ich gerade mit „Wie fange ich an?“ Es ist eine ziemlich grundlegende Phrase. All das kann in der Revisionsstufe angepasst werden, also mache ich mir keine Sorgen darüber, was ich dort platzieren werde, und lasst uns diese Zeile hier haben . Ich meine, ich werde es weiß machen, weil es viel besser herausstechen wird als das, richtig? Okay, passen wir den Behälter an. Nein, lassen Sie mich nur betäubt und dupliziert, damit ich die notwendigen Schritte für die Person einschließen kann , die die Website besucht, um unser Angebot zu nutzen, das eine kostenlose Testversion ist. Also lass mich mit dem ersten Schritt gehen und das ist deine Brieftasche erstellen. Der zweite Schritt, es wird sein, Ihre Kreditkarte zu verbinden und die 3. 1 ist wahrscheinlich nur etwas Einfaches, wie der Kauf einer Kryptowährung. Das sieht also aus, das sieht in Ordnung aus. Lassen Sie mich einfach den Abstand zwischen jeder Zeile anpassen. Also werde ich Kommentar T treffen und von hier aus werde ich nur den Zeilenabstand. Ich bin ziemlich glücklich damit. Aber lassen Sie uns alle diese Elemente ein wenig verschieben, weil sie im Moment nicht in diesem Abschnitt zentriert sind . Das sieht ein bisschen bär aus. Ich werde diesen Absatz anpassen und nur zwei Zeilen haben und diesen Teil irgendwie mit der Überschrift und dem Absatz und den Schritten auf diesen Teilen trennen. Und lassen Sie mich Diarras Zehenfreiheit dort nutzen, wo ich sie brauche. Und jetzt kann ich auf den Play-Knopf auswählbare Lippen, Ellipse Zeh bewegen . Andi, lass es mich einfach hierher ziehen. Es wird wahrscheinlich irgendwo in der Mitte aus in der Mitte des linken Teils des Abschnitts passen . Uh, versuchen wir es. Nein, das ist viel zu klein. Ich habe zuerst versucht, Teoh machen es ein kleines, wie es die Symbole oben, aber das ist viel zu klein. Also werde ich es auf Platz dahinter replizieren. Und ich werde diese Auswahl nur verwenden, um einen Grady int zu erstellen. Ich werde eine neue Schicht erstellen und mit dem großen Zahnarzt sind nur Drogen es ein bisschen. Also, während ISS Fading Effekt für die Schaltfläche erstellen, es irgendwie asado. Aber Sie können es immer noch sehen. Und ich lege wahrscheinlich einfach die 1. 1. 1 die erste kleinere oben, nur um sicherzustellen, dass es wirklich sichtbar ist . Lassen Sie mich suchen und ich kann jetzt spielen. Aiken, ich brauche etwas, das ähnlich den Symbolen oben aus dem zweiten Featurebereich ist. Das sollte okay sein. Ich bin dabei. Ziehen Sie es hinein. Okay, ich habe es platziert, und ich werde eine weiße weiße Farbe Tid anwenden. So Farbe Overlay weiß. Ok. Könnte ein bisschen zu Sado sein. Ich weiß, ich sagte, wie die Art und Weise so aussah, aber ich werde wahrscheinlich nur die erste Idee machen und die erste die Lippen auf den besiegten Kreis legen . Also lassen Sie mich wieder Größe dieses Elements. Ah, Komitee. Und ich denke, dass das mit diesem Verblasseffekt besser aussieht. Ich denke, es macht es Pop up mehr macht Sie abheben mehr auf gibt es eine gewisse Dimension. Ich werde hier mit einigen Mischmodi spielen, um zu sehen, ob etwas gut aussieht. Das sieht ziemlich gut aus, obwohl es ähnlich ist, einfach normal zu werden und mit der Fähigkeit des Herrn zu sein, was vorerst in Ordnung sein sollte. Jetzt denke ich über einen Weg nach, wie ich diesen spezifischen Teil der Schritte verbessern kann. Eso Lassen Sie uns einfach das Nummerierungssystem entfernen und alles ein wenig nach rechts bewegen und versuchen wir es . Und das ist ein Michaels, das vielleicht gut mit der Jägerin passen könnte. Also gehen, um Fonds zu schreiben, und Sie suchen nach einigen Symbolen für dieses ein. Die 1. 1 wird eine Brieftasche sein. Offensichtlich, lassen Sie mich sehen, ob ich einen dieser Dragon Drop mochte und lassen Sie uns es anpassen, indem Sie Shift gedrückt halten und es dort platzieren, wo diese Linie gehen würde. Und natürlich natürlich werde ich doppelklicken und ein Farb-Overlay in Weiß anwenden. Aber lassen Sie uns zuerst Nikon für jeden finden. Eine Kreditkarte für die 2. 1 macht Sinn, richtig? Und für die 3. 1 vielleicht ein vielleicht bei was? Nein, nicht das Portemonnaie, weil ich das schon getan habe. Ein Geschäft eine Einkaufstasche. Mal sehen, vielleicht das eine ja, obwohl es irgendwie anders aussieht als die anderen Amerikaner, vielleicht weil es irgendwie, Ah, quadratisch angeschaut hat Ah, und es nicht in Bezug auf Richtungen passt. Also lassen Sie mich das hier ausprobieren und sehen, wie das aussehen würde. Ich meine, ich weiß, dass es nicht der beste Weg ist, Ikenson übereinander zu platzieren, aber ich versuche nur herauszufinden, ob das Layout gut aussehen würde. Versuchen wir diesen Einkaufswagen. Ich muss es zuerst platzieren. Jetzt bin ich wirklich sanft, ob es klappt oder nicht. Also lassen Sie mich die ersten löschen. Ich finde, es ist ziemlich anständig. Ich muss es nur ein bisschen erhöhen. Und lassen Sie uns die CART Card und World umbenennen und jetzt doppeltes schnelles, äh, Farb-Overlay und das Standard-weiße. Und nicht nur kopieren und fügen Sie den Händler-Stil. Ich muss ein paar kleine Anpassungen vornehmen, also lassen Sie uns einfach alles ein wenig nach links bewegen. Ich meine den Textinhalt und den bloßen Justizcontainer, und ich denke, das ist ziemlich erledigt. Ich sehe keine Änderungen, die ich gerade machen möchte. Ich fühle mich wie Dies ist ein gutes Layout. Und ich glaube, ich bin bereit, zum nächsten Abschnitt zu gelangen, bevor ich alles schreibe. Okay, lassen Sie mich sie einfach daran erinnern. Und jetzt kann ich zum Testimonial Abschnitt übergehen. Wir sehen uns im nächsten Video. 8. Entwerfen des testimonial: Okay, Leute. So können wir jetzt mit der Arbeit an unserem Testimonial Abschnitt beginnen. Wie Sie sich vielleicht erinnern, vom Drahtrahmen aus zwei Spalten Layout, hatten wir vom Drahtrahmen aus zwei Spalten Layout,so dass wir damit beginnen können. mich zunächst Lassen Siemich zunächstdas Rechteck auswählen, um unseren Abschnitt zu erstellen. Also lassen Sie uns GIs klicken einmal sagte es ein Gewicht von 1920 x 500 Pixel. Platzieren wir es direkt unter den Prozess und wählen Sie ein Führungslineal, das nur die Grenze erreicht. Dieser Raum. Ich habe kein Hintergrundbild darin, also brauche ich nicht, dass ich gespendet habe. Ich musste nur den Abschnitt definieren. Okay, lassen Sie uns diesen Ordner nochmals nennen und wir können anfangen, die gleichen Ono's zu bauen. mich zuerst Lassen Siemich zuerstdas erste Rechteck zeichnen. Okay, lass es uns hier platzieren und gerade genug anpassen, damit du genug Platz für zwei von ihnen hast. Wie Sie sehen können, bin ich nicht direkt zum mittleren Lineal gefahren. Ich ging einfach leicht nach links, also habe ich genug Platz für zwei. Ich werde den Ebenenstil aus dem Rechteck aus dem zweiten Abschnitt kopieren, weil ich ein ähnliches Aussehen möchte , um dies gut zu verwerfen Also habe ich das einfach eingefügt und den Mutismus ein wenig, um zu sehen wie es aussieht. Es hat einen ziemlich subtilen Schlagschatten, die wie, Nun, denken Sie daran, dass ich Platzhaltertext für diesen verwenden werde, da ich nicht die Zeugnisse, die sie wollen, im endgültigen Design haben. Also werde ich danach suchen müssen. Zuerst füge ich es hier ein, aber nein, ich muss zuerst einen Behälter machen. Ah, das ist es. Lassen Sie mich ein wenig an der Telefongröße arbeiten. Ich werde 17 für diesen hier wählen, aber wahrscheinlich muss ich größer damit sein. Oder machen Sie einfach die Rechtecke mehr. Lass es uns in der Mitte bewegen. In der zentralen Landis auf. Ich bin mir nicht sicher, ob es passt. Aligned Gut, ja, das ist OK. Und darüber hinaus werde ich den Namen haben, den Namen der Person, die das Zeugnis ausgibt. Lassen Sie mich einfach etwas Zufälliges hineinlegen. Ich bin sicher, dass es später geändert wird. Lassen Sie uns eine andere Farbe auftragen. T'd. Ah, schwarzes Hemd sollte in Ordnung sein, nur um eine Absendung von der Zeugenaussage zu machen. Auch wenn das Zeugnis in der Regel mehr als der Name hervorheben muss. Aber in diesem Fall nehme ich das. Das könnte eine gute Wahl sein. Lassen Sie uns also die Positionierung von jedem Element anpassen und dann eine Ellipse erstellen, in der der Avatar von der Person, die das Zeugnis verlassen hat, platziert wird. Nun, ich will etwas Ähnliches wie das Verderbte vor. Wirklich subtiler Schatten. Lassen Sie mich einfach alles nach oben bewegen. Ok? Also will ich die wirklich subtile Formschattierung und basiert sie in Ah, ja, es ist wirklich subtil. A zig n c. Aber lassen Sie uns die Schlagschattengröße ein wenig auf seine Kapazität erhöhen. Es sollte sein, das sollte jetzt besser sein. Jetzt muss ich ein Bild finden. Sie könnten da als Platzhalter gehen, bis ich, bis wir die echte Fotze bekommen. Aber zuerst möchte ich alles replizieren. Also lasst uns zuerst alles zusammenfassen, äh , dieses ganze Zeugnis, ich werde es gruppieren und dann den alten Schlüssel halten. Ich habe es einfach rechts gelesen, damit ich sehen kann, ob das Layout das ist, wonach ich suche, bevor ich mehr Zeit in es investiere. Lassen Sie mich den Namen Real Kurt ändern, nur um etwas anderes auf der rechten Seite zu haben und die etwas genau dasselbe haben. Aber das sieht jetzt in Ordnung aus. Betrag, um Bilder dafür zu finden. Wie immer, werde ich auf Splash gehen und suchen Sie einfach nach Leuten. Aber aus irgendeinem Grund, alles, was ich bekomme, ist Frau eso Ich werde nur ein paar schnelle Screenshots von der einen nehmen, unter Berufung auf ,die mit dem passen könnte, was ich brauche. , Zum Beispiel, das. Lassen Sie mich voran und legen Sie das in den letzten Platz eingebettet. Ich wähle den Kopf, den ich gerade gemacht habe, und lassen Sie uns versuchen, und legen Sie ihn über den Kreis A Z sehen kann . Ich kann es einfach oben platzieren und dann einfach klicken und während Sie den Befehl auf diese bestimmte Form halten , und es wird eine Auswahl aus dieser Form erstellen, so dass ich genau sehen kann , wo diese Form unter dem Bild platziert wird. Aber ich muss es zuerst auswählen und einfach die Form von ihm entfernen. Ich werde seine Kapazität senken. Vielleicht kann ich genau sehen, wo ich es platzieren kann, um richtig hinein zu passen. Lasst uns ein wenig hineinzoomen und die herumziehen, Okay, jetzt kann ich diese , Okay, Auswahl treffen. Halten Sie also den Befehl gedrückt, klicken Sie auf den Form-Player. Es ist erschaffen. Ah, wählen Sie den Rechtsklick und kopieren Sie vor. Das ist der Tag, an dem Madrigal mich nur eine Justiz verliehen hat und sie kleiner macht, damit ich das sehen kann. Ach, Rechteck dahinter. Und es sieht aus wie eine andere Linie mit einem Schlagschatten. Das ist also der Look. Ich gehe bei der Nikon nach Leads. Vielleicht eine Erkältung, Uh, und ich denke darüber nach, es unten im Rechteck zu platzieren. Mal sehen, wie es auf der Seite aussieht. Nun, ich glaube nicht, dass ich das töten werde, aber nur um zu sehen, wie es aussehen würde, lassen Sie uns Farbe anwenden und wählen Sie das dunkelgrau, das ich zuvor für andere Elemente verwendet habe . Vielleicht ist das rote Nein, das ist es, okay? Und es sieht gut aus, aber ich habe das Gefühl, dass die Zentrierung noch besser aussehen könnte. Also weniger als wie dieses Element auf ausgerichtete amüsante Caroline Mental. Ich denke, das ist besser als zuvor, und das Design ist nicht so blendend wie vorher. Also lassen Sie uns einfach alles replizieren und es nach rechts verschieben. Stellen Sie sicher, dass es den richtigen Abstand hat. Und jetzt möchte ich nur den Namen ändern, nur um dessen willen. Sobald ich das getan habe, kann ich alles zusammen gruppieren und diese beiden Gruppen definieren. Also weiß ich, welches ist was. Lassen Sie uns einige kleine Anpassungen machen, einige Positionierungsprobleme, weil ich über den Leerraum nachdenke, den ich haben möchte. Das ist also der Drahtrahmen, wie es aussah und wie das Design jetzt aussieht. Aber ich denke, dass etwas fehlt. Also vielleicht haben, ah, Kunden einen Kundenbereich, einen kleinen Abschnitt, in dem ich die wichtigsten Clients, die diese Plattform verwenden, vorbehalte. Also lasst uns eine Schlagzeile haben. Und dann ist das mehr Absatz direkt darunter. Ich werde ihre Partner haben. Es sollte in Ordnung sein. Und ich denke, ich habe bereits eine Zeile für diesen bestimmten Abschnitt. Lassen Sie mich einfach nachsehen. Ja, benutze den letzten. Es ist der letzte hier, der daran angepasst ist. Nur so sieht es besser proportioniert und Mittellinie aus. Es würde Thea andere die andere Schlagzeile. Jetzt bin ich bereit. Teoh, ziehen Sie ein und bei den Bildern von den Partnern. Das habe ich schon gespart. Also lass mich das zuerst gruppieren, und jetzt kann ich den Partner platzieren. Langsam geht, ich mache sie kleiner und lege sie direkt unter das Netz. Ich meine, mach sie ein bisschen größer, nur damit sie mehr aufstehen können. Und sie sind mit einer zweispaltigen Zeugnisse oben gesäumt. Lassen Sie mich einfach ein Rechteck erstellen, nur um diese Abschnittsgruppengruppe hier zu definieren . Lassen Sie es uns einfach unten bewegen, damit ich die Logos sehen und die Positionierung anpassen kann . Okay, das sollte gut sein. nun Ziehen wirnundas Lineal dorthin, um es zu definieren. Und das kann ich entfernen. Das hier. Ich denke, es gibt jetzt genug Platz für uns, um unseren letzten Abschnitt zu bauen, was das abschließende Argument sein wird. So sehen wir uns im nächsten Video. 9. Entwerfen des final: Okay, Leute wissen, wo ihr den letzten Abschnitt entwerfen wollt. Werfen wir einen Blick auf das, was wir bisher getan haben, und sehen, wie dieser Abschnitt aussehen sollte Jetzt, wo wir bereit sind, werde ich nur den ersten Abschnitt replizieren, den Heather Abschnitt. Und nur, indem Sie den alten Schlüssel gedrückt halten, wenn Sie sich jetzt im Drahtrahmen nach unten bewegen. Ich hatte gerade das Logo, , Schlagzeile oder einen Absatz,je nachdem, was ich mitmachen werde. Und der Knopf unter dem Boden wird mit dem ersten Abschnitt verbunden sein, und er wird fahren. Der Besucher erhielt einen Klick direkt zum ersten Abschnitt, wo er sich für das kostenlose Konto anmelden kann . Also lasst uns anfangen, das zu bearbeiten. Ich werde das Logo etwas größer machen, da es ah, Vektor ist. Das sollte jetzt kein Problem sein. Gerade den Pinsel-Button gewählt und einmal geklickt, damit ich diese bestimmte Ebene bearbeiten kann. Ich wähle nur den Eiken aus, da dies das einzige Element aus dem Logan ist, das verwendet wird. Also lassen Sie es uns umbenennen und Farbe Overlay weiß. Ich werde das direkt oberhalb der Überschrift platzieren. Ich werde es nur ein bisschen, nachdem ich damit fertig bin. Also lasst uns die Überschrift entfernen. Und ich werde nur mit diesem Absatz übrig bleiben, und ich will eine Flasche darunter haben. Also lass uns alles nach oben bewegen, Teoh. Sehen Sie, wie das aussehen würde, als würde ich vermuten, dass ich diesen Absatz etwas größer machen muss . Also werde ich Ach, vielleicht 24 benutzen . Ja, 24 Sieht besser aus. Lassen Sie mich das einfach anwenden. Ich habe immer noch das Gefühl, dass wir etwas vermissen. Also werde ich nur diesen Absatz duplizieren. Lassen Sie mich einfach raushalten und nach oben ziehen. Und ich habe es getan, und ich werde dort eine kalte Traktion haben, also werde ich etwas haben, das repräsentiert, worum es geht. Zwei passiert, wenn Sie auf die Schaltfläche unten klicken. Melden Sie sich also noch heute für ein kostenloses Konto an. Ich gehe mit 30. Was ich auf dieser Seite für Schlagzeilen verwendet habe, okay? Und lassen Sie uns das einfach unten bewegen und wir können uns mit dem vorerst beschäftigen. Ich muss die vier Felder entfernen und die Formularbeschriftung gefüllt. Ah, das alles rot. Und ich werde einfach mit diesem Knopf übrig bleiben. Dieses Wasser wird direkt unter den Absatz gehen. Lassen Sie mich die zusammen besetzen, jetzt kann ich sie beide bewegen. Ah, lass mich zuerst sie auswählen. Okay, jetzt ziehen wir es in die Mitte und säumen es mit allem anderen. Und ich bin ziemlich glücklich mit dem, was wir bisher haben und Museum in, so dass ich jetzt die Märsche überprüfen kann, die kleinen Anpassungen machen, indem ich es angeschaut habe und sehe, ob es richtig aussieht, werde ich sicherstellen, und ich habe jede einzelne Marge gleich, sobald ich die Design. Deshalb mache ich mir in diesem Stadium keine Sorgen. Lassen Sie uns also die Clipping-Maske ziehen und diesen Abschnitt ein wenig kleiner machen. Okay, lassen Sie diese Elemente mögen und machen Sie einfach kleine Anpassungen, nur um sicherzustellen, dass alles verhältnismäßig aussieht . Und oben ist genug Platz, nicht unten. Teoh. Stellen Sie sicher, dass diese Elemente im Mittelpunkt dieses Abschnitts stehen. Also lassen Sie uns alles beschneiden, und ich lebe einen kleinen Platz am unteren Rand der Seite, nur damit ich die Kopie direkt dort haben kann . Ich werde nach einem Hintergrundbild suchen. Ich gehe und spritze wieder und suche nach einem Bild, das für den unteren Abschnitt funktionieren könnte. Und das ist wirklich wichtig, denn dieser letzte Abschnitt muss sich als Teil des gesamten Layouts fühlen . Also habe ich gerade einen gefunden, und lass es uns reinlegen, sehen, wie das aussieht. Okay, ich muss nach oben. Und dann haben Sie, Sir, Clipping Maske. Ok. Und dann entfernen wir einfach die 1. 1 Wie Sie sehen können, ist die große Tante übermäßig viel zu mächtig. Also muss ich ein paar kleine Anpassungen damit vornehmen. Mit diesem Labor möchte ich wirklich den Kerl, der auf dem Computer sitzt, den Kerl, der den Computer benutzt, jetzt sichtbar machen. Es war nicht so. Ich werde einfach versuchen, den Computer sowie seine Silhouette im Hintergrund zu haben und ihn vielleicht einfach rechts davon zu bewegen. Nur damit es den Inhalt nicht beeinträchtigt. Wie immer. Wie machen kleine Anpassungen hier und da, bis ich mit dem zufrieden bin, was ich ausgedacht habe? Also lassen Sie mich einfach mit den Mischmodi auf dem strahlenden Overlay spielen oben auf diesem Bild und platzieren Sie ein paar neue einmal, indem Sie G und Zugriff auf die gierige Intell zwischen den beiden Primärfarben wechseln . Ich möchte nur die Silhouette des Kerls sichtbar haben und nicht viele Details zeigen. Ich kann es jetzt sehr schnell mit dem Prozessabschnitt vergleichen, nur um sicherzustellen, dass es ähnlich ist. Visuell ist es wirklich wichtig, ein konsistentes Aussehen zu haben. Wie ich gerade gesagt habe, replizieren Sie einfach eines dieser Textelemente, um den Urheberrechtsinhalt wie zuvor erwähnt zu haben , Dies ist nur der Schläger. Ich bin mir nicht sicher, ob der Kunde es benutzen wird oder nicht, aber, ja, es ist hübsch. Es ist ziemlich normal, es zu haben. Lassen Sie mich es kleiner machen, damit es nicht so auffällt wie jetzt, und das sollte okay sein. Lassen Sie es mich außerhalb dieser Gruppe platzieren. Nichts. Das Design ist jetzt ziemlich fertig. Nur kleine Anpassungen vornehmen und sicherstellen, dass die Ränder gleich sind und sicherstellen, dass der Abstand und alles gut zusammen fließt. Das ist also, was wir in der nächsten Lektion behandeln werden. 10. Abstände der Elemente: Also habe ich den Prozess gestartet, um sicherzustellen, dass jedes einzelne Element den richtigen Abstand hat, indem es Formelemente erstellt und sie dann auf bestimmte Höhen wie in diesem Beispiel mit 100 Pixeln und ich mache ein paar Variationen und dann sehen, was funktioniert. Normalerweise sind die Shapes, die ich am Ende in der Kopfzeile verwende, diejenigen, die ich auf der Landingpage verwenden werde . Das ist also sehr wichtig. Dies ist wahrscheinlich der schwierigste Teil, den Header zu bekommen, richtig. Sobald ich herausfinden, alle Abstände zwischen den Elementen und etwas, das gut aussieht, etwas, das das Aussehen abstieg, Ich verschiebe einfach alles an Ort und Stelle. Und dann gehe ich Abschnitt für Abschnitt weiter und wandte diese Ränder an. es jetzt am Ende des Lookprozesses mache, kann ich mich mehr auf das Layout konzentrieren und mich mehr darauf konzentrieren, wie jedes Element aussieht, ohne sich Sorgen machen zu müssen. Wenn der Abstand korrekt ist, hätte ich dies das erste Mal tun können. Aber jetzt, da ich das ganze Design habe, habe ich eine bessere Vorstellung davon, was es gut aussieht und was nicht ein anderer Grund ist? Ich mag es, den Abstand am Ende des Prozesses anzupassen, weil ich über jeden einzelnen Abschnitt gehe und dies ist der perfekte Zeitpunkt, um kleine Laichprobleme zu fangen, die ich mit dem Design habe und sie an Ort und Stelle anpassen zu können. Dies ist wie ein zweiter Blick auf Ihr Design, aber von außen, ohne auf dem grafischen Teil stecken zu bleiben. Und ihr vergisst nicht, dass ihr mich immer angreifen könnt und fragen könnt, ob ihr irgendwelche Fragen habt. Ist es unsere Liebe zu sehen, welche Probleme Sie mit dem Design hatten, wie Sie das gelöst haben und wie Sie diese Zielseite erstellt haben? Ich bin neugierig zu sehen, was ihr euch ausgedacht habt, damit ich sie überprüfen und euch Hinweise geben kann wie ihr euch in der Zukunft verbessern könnt. Sehen Sie das nächste Video. 11. Importieren in die Instapage: Hey, was ist los, Leute? In dieser Lektion werden wir dieses Landing-Page-Design von weiteren Shop-Toe am Leben übertragen. Eine Lebensseite. Ein Patient hat eine Form, die tatsächlich funktioniert. Also werde ich instapage dafür benutzen, falls du es nicht weißt. Stattdessen Hündinnen Landing Page Builder und es ermöglicht Ihnen, Landing Pages durch Drachen Drop Elemente auf Ihre Seite zu erstellen . Und genau das werde ich jetzt tun. Normalerweise beginne ich den Prozess, indem ich eine breite Form über das gesamte Design überlege und sitze Es ist ein Pass iti zu irgendwo um 80 80%, dann gehe ich in den Builder, lade dieses Bild hoch und setze es als Hintergrundbild ein. Also gehen Sie zu Einstellungen, Hintergrund, Bild. Und ich sagte, ich habe es hier gesagt. Auf diese Weise kann ich das gesamte Layout sehen. Lassen Sie mich nur ein bisschen an diesem hier arbeiten. Vergessen Sie nicht Einstellungen, Hintergrundbild auf Dies ist es. Jetzt können Sie die ganze Vorlage sehen. Dann begann ich in neuen Abschnitten im Abschnitt, und an diesem Punkt definiere ich nur jeden Abschnitt, jeden einzelnen Abschnitt. Also gehe ich einfach eins nach dem anderen, füge einen neuen Abschnitt hinzu und dann Drachen. Die Richtlinien waren Ostabschnitt endet oder beginnt. Jetzt, da das vorbei ist, gehe ich in den Fotoshop. Ah, nur die Sichtbarkeit auf der spezifischen Ebene und gehen zum ersten Abschnitt. Jetzt werde ich jedes Element Ege grafische Element exportieren, das ich brauche, indem ich in das Ebenenfenster rechts gehe , auf die bestimmte Ebene klicke, die ich exportieren möchte und dann Quick Export s PNG geht. Ich sitze jetzt auf Ihrem Ordner, und so kann ich sicherstellen, dass jedes einzelne Element, das ich exportiere, sich an seinem spezifischen Speicherort befindet und ich es leicht finden kann, wenn ich sie in Instapage hochladen kann. Also im Moment möchte ich nur ein neues Bild hinzufügen. Und ich suche mein erstes Bild, das Logo ist. Also, sobald das ein aufgeblähter ist, gehe ich einfach mit einfügen und lege es auf das Element aus dem Hintergrundbild. Also jetzt weiß ich genau, wohin jedes Element gehen wird. Also muss ich nur diese Elemente erstellen, obwohl bestimmte Elemente, zum Beispiel für diese Überschrift, ich ging einfach auf neue Schlagzeile basierend auf dann, aber wie Sie sehen können, habe ich nicht den alten Cap-Stil aufgenommen, also habe ich müssen es noch einmal neu schreiben. Aber das ist in Ordnung. Ich denke, es wird nur für dieses spezifische Element gelten. Wie Sie sehen können, haben Sie die Kontrolle über die Ausrichtung von Text, die Telefongröße, jede einzelne Sache. Aber zuerst gehen wir und wählen Sie unsere Mittel aus. Ah, ich habe die Eisenbahn für dieses Projekt benutzt, also werde ich Fonds einrichten, nach diesem speziellen Fonds suchen, ihn hinzufügen und ihn auch aus der Überschrift auswählen. Okay, das sollte okay sein, Normal und lass mich einfach die Größe anpassen. Es ist ziemlich cool, dass Sie tatsächlich überprüfen können, die Spaß Größe von Father Shop und angewendet genau die gleiche hier. Wie Sie sehen können, habe ich es dort platziert, wo es sein sollte. Passen Sie einfach die Strichhöhe an, und es passt jetzt perfekt. Nicht jedes einzelne Element wird genau so sein, wie es entworfen wurde, denn es gibt einige kleine Imitationen mit der Instapage-Säule. Zum Beispiel kann der mit, wohin das Land geht, nur 960 Pixel betragen. Sie können das normalerweise umgehen, indem Sie nur Bilder haben, aber ich möchte nur versuchen, das Design anzupassen und sicherstellen, dass es mit nur ein paar kleinen, kleinen Detailänderungen wie vorgesehen funktioniert . Lassen Sie mich diesen Absatz anpassen. Und jetzt lassen Sie uns ein neues Formular hinzufügen. Jetzt ist das Formular das wichtigste Element auf unserer Seite. Also lassen Sie mich einfach das für Feld auf unserem Etikett löschen, das Etikett, das wir im Photoshopping-Dokument hatten. Es ist sicher und lass mich es einfach da drüben platzieren. Erster. Ich muss es bewegen, und ich kann die für Feld und Aiken anpassen, bewegen Sie die Taste um sicherzustellen, dass es genau wie das Design von Foto-Shop aussieht. Jetzt muss ich es ein wenig anpassen, um sicherzustellen, dass es passt. Ich werde doppelklicken, und damit kann ich auf die Einstellungen zugreifen. Lassen Sie mich einfach diese Farbe probieren. Okay, kopieren Sie es und fügen Sie es ein. Dann, wenn ich reingehe, gehe ich zum Button-Stil und platziere einfach die Farbe namens. Da. Sie können den Radius anpassen. Sie können das Telefon anpassen, Sie können die Telefongröße, den Call to Action anpassen , und Sie können sogar bestimmte Effekte haben. Aber für diese speziellen Beispiele müssen wir nicht auf all das eingehen. Wie Sie sehen können, können Sie auch anpassen, die für Feld jetzt bedeuten die Einstellungen, und ich werde diese leichte verwenden. Großartig. Lassen Sie mich das kopieren. Und wir werden diese Farbe auch auf bestimmten Elementen verwenden. Und es ist ziemlich toll, dass, sobald Sie eine neue Farbe hinzugefügt haben, sie dort bleibt. Sie haben, ah, ah, Farbpalette zur Verfügung und gespeichert, so dass Sie es verwenden können, wann immer Sie brauchen. , Noch mal, lassen Sie mich einfach die eine schnelle Kopie schnappen und einfügen. Passen Sie die Telefongröße an und verschieben Sie es einfach an Ort und Stelle. Jetzt sieht schwarz, nur um zu sehen, wo ich es positioniere. Aber ich muss das Farbbild jedes einzelnen Moments ändern. Jetzt können Sie Elemente ausrichten. Okay, das sieht toll aus. Und ich habe den Export des Hintergrundbildes. Ich werde alles gruppieren und diese spezifische Gruppe Margit duplizieren und dann schnell exportiert. Jetzt natürlich können Sie es natürlichbesser optimieren als ich es gerade getan habe. Aber für diesen, äh, äh, natürlich, werde ich es einfach speichern und stattdessen hochgeladen. Also weiß ich, wo es ist. Lassen Sie mich es einfach hinzufügen. Und jetzt muss ich die Farbe ändern. Sie können mit der Positionierung herumspielen und Sie haben sogar die Möglichkeit, das Farb-Overlay darüber hinzuzufügen . Aber an diesem Punkt brauche ich das nicht. Also mag ich den Text einfach und mache ihn weiß. Und hier ist unser erster Abschnitt. Jetzt sind wir bereit, auf die 2. 1 zu gehen Ich werde den Prozess ein wenig beschleunigen, weil es nichts wirklich Interessantes passiert. Ich gehe einfach über und exportiere jedes einzelne Element. Zum Beispiel wird ablenken Winkel über dem oberhalb des ersten Abschnitts sein. Das erste Selbst. Ich muss zuerst alle diese Elemente neu erstellen und dann hinzufügen, denn sobald ich dieses Rechteck hatte, werde ich nicht in der Lage sein, zu sehen, wo jedes Element Position ist, wie Sie vielleicht gesehen haben, dieses Rechteck ist größer als 960 Pixel. Also muss ich einen Weg finden, um alle Elemente anzupassen, damit zu arbeiten, wie Sie sehen können, zum Beispiel für diesen Baum, für diesen Baum, wähle ich einfach diese beiden Elemente aus. Ich gruppiere sie zusammen und dupliziere sie dann. Jetzt muss ich genug Platz für das Rechteck haben. Ich füge es einfach hinzu und schiebe es zurück. Und wie Sie sehen können, können Sie mehrere Elemente auswählen und dann anpassen, Ah, mehrere Elemente, um sicherzustellen, dass sie passen. Nun, das ist nicht der perfekte Weg, es zu tun. Ich hätte gerade die Hintergrundbilder erstellen können, benutzerdefiniertes Hintergrundbild, das auch dieses Rechteck enthält, und ich musste mir keine Sorgen darüber machen. Aber ich denke, das ist wo besser? Weil Sie Änderungen im laufenden Betrieb vornehmen können, wenn nötig. Wenn Sie dieses Design verpflichten und ein spezielles Hintergrundbild dafür erstellt haben und Sie die Dinge leicht anpassen müssen , müssen Sie den gesamten Prozess erneut ausführen. So haben wir jetzt wieder den zweiten Feature-Abschnitt erreicht. Ich erstelle nur dieses, äh, dieses Layout. Und sobald ich ein paar Elemente fertig habe, kopiere ich sie einfach und füge sie ein und verschiebe sie, verschiebe sie herum. Wie Sie sehen können, mache ich immer noch kleine Änderungen und ich richte immer noch Sachen aus, da ich nicht wusste, wie. Dies wird innerhalb der 960 Picks off Guide funktionieren. Aber so weit, so gut. Dies sind nur kleine, kleine Veränderungen. Wenn ich diese Seite kalt geben würde, hätte es wahrscheinlich Tage gedauert. Aber das ist so viel einfacher und nur die Tatsache, dass Sie das Formular hinzufügen können und Sie es mit Ihrer Mel-Chip-Liste oder einem anderen CRM verbinden können . Das ist jetzt die mächtigste Sache. Wie Sie sehen können, habe ich den Prozessabschnitt erreicht. Also für diesen hier werde ich die Dinge etwas verlangsamen. Denn wie Sie sehen können, der Absatz darunter, geht der Absatz darunter, die erste Überschrift außerhalb der Grenzen. Also muss ich anpassen, dass ich immer noch Zeile zu Zeile Layout für diesen bestimmten Absatz. Also werde ich es leicht anpassen und modifizieren, bis ich das passt. Lassen Sie mich genauso wie dieses hier und richten Sie sie aus, okay. Und jetzt kann ich anfangen, an den Details zu arbeiten. Ich werde diesen Absatz nur verwerfen müssen. Das muss ich getan haben. Ich kann diese Straßenlinien kopieren und einfügen, wie Sie sie sehen können. Manchmal wählt es nicht das genaue Styling, aber das sind nur mehr Änderungen, die Sie im laufenden Betrieb ähnlich Zeh der vorherigen Abschnitte vornehmen können. Ich werde nur diese Aikens eins nach dem anderen exportieren und dann Adam in den Baumeister. Ich sagte sie nur eins nach dem anderen. Verschieben Sie es, Verschieben Sie sie an Ort und Stelle ausgerichtet und nur die kleinen Anpassungen. Trotzdem bin ich mit allem zufrieden. Jetzt werde ich den Play-Button exportieren, und ich werde ihn ein bisschen mehr nach rechts platzieren, weil die linke eingeschränkter ist. Und sobald Sie das Hintergrundbild hinzugefügt haben, Wie Sie sehen können, haben Sie die Möglichkeit, Parallaxe zu haben. Aber für diesen Abschnitt werde ich das jetzt nicht verwenden. Jetzt bin ich bereit, dort abzuholen, wo ich gegangen bin, und für die Testimonial Sektion zu gehen. Lass mich das zuerst retten und ich bin bereit. Dieses Design hat keine verrückten Grafiken in ihm oder irgendwelche verrückten Hintergrundanimationen im Sinn dafür gebaut , so dass es ziemlich einfach ist, es neu zu erstellen. Wie Sie sehen können, führe ich nur die Elemente an der Spitze, wo die Elemente sein sollten. Und dann exportiere ich die grafischen Elemente, die ziemlich viele sind. Zum Beispiel, diese diese Testimonial Box es hat nur Baum grafische Elemente und zwei Absätze. Das ist also nicht so schwer für das Bild, wohin der Avatar geht. Ich werde das Formelement verwenden, und innerhalb dieses kreisförmigen Elements kann ich ein Bild hinzufügen, so dass es gäbe, dass es hier für den Client wiegt, den Avatar zu wechseln . Also, sobald ich das getan habe, ich einfach dupliziert arrangiert, arrangiert ein wenig und stellen Sie sicher, dass es gut mit der Schicht passt Jetzt, wie Sie sehen können ist es nicht eine perfekte Passform, aber es geht Teoh Arbeit für mich. Ich werde beim Client zu Client-Logos verwenden, und jetzt sind wir bereit, mit der Arbeit an dem letzten Abschnitt zu beginnen, wiederum sehr wenige grafische Elemente hat. Nur das Logo, das Logo-Symbol und das Hintergrundbild. Das ist das einzige, was ich exportieren muss. Ich habe gerade gesagt, dass das Logo und ich die unteren Tasten hinzufügen müssen, sind wirklich ähnlich wie die Schaltflächen aus den Formularen, so dass Sie im Grunde die gleiche Menge an Kontrolle über die Art, wie sie aussehen. Und jetzt lasst uns das Schlachtfeld Bild und das Copyright Dag haben, und das ist gültig. Das Design ist jetzt. Das Design ist jetzt abgeschlossen, muss nicht nur sicherstellen, dass diese Verkleidung richtig ist, da ich ein paar Änderungen wie diese Box aus dem zweiten Abschnitt gemacht habe, das ist viel kleiner als vorher, also muss ich immer noch ein paar Änderungen habe ich auch Parallax für dieses Stop-Top-Hintergrundbild hinzugefügt, wie Sie hier sehen können. Und ich muss nur den Abstand herausfinden. Sobald ich unten mit, dass, Ich werde diese Seite Toe lebendig zu einem Live-Uriel Nikkan veröffentlichen, einen Blick, auch nachdem Sie dieses Video sehen, Sie können einen Blick nehmen und sehen, wie es aussieht live auf dem Server. Das Ich verlinkt diesen Knopf einfach mit dem oberen Abschnitt. Wenn Sie also am Ende auf diese spezielle Schaltfläche klicken, werden Sie zurück zu diesem ersten Abschnitt gebracht und Sie können tatsächlich die Aktion abschließen. Wir wollen das Gold, das Ziel, jemanden dazu zu bringen, sich für eine kostenlose Testversion anzumelden. Ah, du kannst in der Linie Selbst zentrieren. Zum Beispiel. Ich habe mehrere Elemente ausgewählt, die eine Linie zentriert werden müssen. Und wenn Sie sich für amüsantes Halten Shift entschieden haben, können Sie einfach in der Mitte gesäumt, ähm, und stellen Sie sicher, dass alles an der richtigen Stelle ist und wir nur ein wenig Gerechtigkeit Abschnitt. Jetzt. Ich bin nur müde Bowling Zeug, obwohl das Design, das ich für den Laden erstellt kann von einem Entwickler genommen werden und diese Marschieren sollte so bleiben, wie sie für dieses spezifische Beispiel auf gonna Augapfel es ein bisschen nur um Ihnen zu zeigen, wie bereit, wie einfach es ist, eine Seite eine Lebensseite in nur wenigen Minuten zu erstellen. Also habe ich Preview getroffen. Und wie Sie sehen können, hat Instapage eine Funktion für die Zusammenarbeit, was bedeutet, dass Sie Kommentare hinzufügen können. Sie können Ideen oder Notizen senden. Oder Sie können um Feedback von Kunden oder von Ihren Teammitgliedern zu bestimmten Elementen bitten, und Sie können eine Vorschau der Seite anzeigen. Wenn Sie sehen möchten, wie es in Riel im wirklichen Leben aussehen wird, schalten Sie einfach diesen Kommentar Fett auf Dies ist die Seite. Jedes einzelne Element ist, dass Sie es auswählen können, dass Textelement, aber jetzt werde ich die gleiche Technik verwenden, die ich in Fotoshop verwendet habe, um sicherzustellen, dass die Ränder korrekt sind. Und der Abstand zwischen den Elementen ist konsistent, und ich werde jetzt nur Formelemente erstellen. Ich weiß nicht, ob Sie das vor ein paar Jahren in so kurzer Zeit hätten tun können, aber die Fähigkeit, die Zehe haben, die in Instapage ist hübsch. Es ist ziemlich unglaublich. Also lassen Sie mich gerade diese Seite veröffentlichen. Ich gehe zu Sie können es veröffentlichen. Eine benutzerdefinierte Domain, aber ich werde es nur veröffentlichen. Toe Demo Seite. Sie können hier schreiben, was Sie wollen. Sobald Sie glücklich sind, können Sie einfach auf Veröffentlichen klicken. Ich war nicht glücklich, also ah, Redakteur, der so veröffentlichen. Und sobald das veröffentlicht ist, werden Sie zu Ihrem Dashboard weitergeleitet werden Sie zu Ihrem Dashboard weitergeleitetund Sie können einfach reingehen. Und das ist die Zielseite. Es ist funktionale Zielseite. Lassen Sie mich eine Test-E-Mail erstellen und beginnen zu trocknen. Ok? Sagt Danke. Und jetzt, wenn ich zurückgehe, um instapage zu machen, lass mich das auffrischen. Sie können sehen, dass diese Spur kam und Sie können, was Sie wollen, damit tun können, was Sie wollen. Sie können es exportieren, Sie können es kopieren, Sie können Kontakt aufnehmen. Und das Verrückte daran ist, dass man sogar integrieren kann. Wie ich sagte, mit Ihrem bevorzugten Ah crm Oder Sie können mit Waffe X gehen. Sie haben eine direkte Integration mit Web-Eichen, die Ihnen erlaubt, direkt diese Details in ihrem System gesendet und das wird den neuen Benutzer erstellen . Wie Sie hier sehen können, habe ich ein paar Tests eingerichtet, aber Sie können hier mit dem breiteren Weg aus Optionen gehen. Ich habe eine Sache vergessen, um das Video zum Play-Button hinzuzufügen, also werde ich nur dieses Bild auswählen und es mit einem Pop-up verknüpfen und dort ein Video haben. Es ist standardmäßig das YouTube-Video, aber Sie können wissen, immer bearbeiten, und Sie können dieses Video immer durch etwas ersetzen, das Sie erstellt haben. Also lassen Sie uns sagen, dass nach oben und die Seite ist fertig. Sie erhalten diese Vorlage auch mit der Layer-PSD-Datei. Schauen Sie sich einfach den Gleichtaktmodus an, oder schauen Sie sich einfach die Kursbeschreibung an, und Sie sollten dort einen Link finden, um all das kostenlos herunterzuladen. Sie sind im Kurs enthalten, und Sie können dieses Layout als Vorlage für Ihr eigenes Ziel verwenden. Es ist ziemlich einfach, es einfach anzupassen, damit es für Ihr eigenes Ziel funktioniert, egal ob wir über die PSD-Datei sprechen oder ob wir über die Instapage-Datei . Das ist es also. Leute, wenn ihr Fragen habt, zögern Sie nicht, mich Bescheid zu lassen, und ich liebe es, eure Projekte zu sehen und zu sehen, was ihr euch ausgedacht habt. Also zögern Sie nicht, bye guys zu kontaktieren