Erstellen Sie ein überzeugendes Portfolio -Website Homepage Hero Map: Sechs Schlüsselelemente

Der erste Eindruck der Website -Besucher bilden sich oft sofort. Wenn man bedenkt, dass die Homepage Hero Map das erste ist, mit dem die meisten Besucher in Kontakt kommen, mit welchem ??Eindruck m?chten Sie, dass sie gehen, wenn sie Ihre Heldenkarte sehen?

Um das Beste aus diesen ersten Begegnungen zu nutzen, muss Ihre Heldenkarte sorgf?ltig gestaltet und ausgeführt werden. Es muss vermitteln, welche Art von Sch?pfer Sie sind, eine Vorschau auf Ihre Talente bereitstellen und den Besuchern einen Grund geben, weiter zu erkunden.

Um eine perfekte Heldenkarte für Ihre Portfolio -Website zu erstellen, müssen sich sechs Elemente konzentrieren. In diesem Artikel werden wir untersuchen, was diese Elemente sind, und zeigen die cleveren Website -Beispiele für BetHeme (eines der beliebtesten und bewertsten WordPress -Themen der Welt mit über 264.000 Ums?tzen und einer Bewertung von 4,83 Sternen) und anderen Marken verschiedene M?glichkeiten, um sie zusammen zu verschmelzen .

Perfektes Heldenbild für Design Portfolio Website

im Allgemeinen, egal welche Art von Website Sie erstellen, gibt es sechs Elemente, die zusammen jeden Heldenteil bilden. Betrachten Sie Folgendes, wenn Sie ein Heldendiagramm mit diesen Schlüsselkomponenten erstellen:

1. Das Bild, das Sie für das Heldenbild ausgew?hlt haben, sollte in direktem Zusammenhang mit der Art der Arbeit stehen, die Sie arbeiten.

Zum Beispiel ist Lauren Waldorf Interiors ein Boutique -Innenarchitekturstudio. Daher enth?lt der Abschnitt Heroes die Foliengalerie mit abgeschlossenen Projekten:

Für Fotografen, Videografen, Webdesigner und andere bildende Künstler haben Sie m?glicherweise eine Menge Grafiken, die Sie in Heldenbildern zeigen k?nnen. Für Künstler, die in anderen Arten von Medien arbeiten, kann es schwierig sein, Ihre Arbeit intuitiv darzustellen.

In diesem Fall k?nnen Sie sich entscheiden, Ihr Gesicht als Hauptbild des Heldenteils zu verwenden, wie wir im BedJ 2 vorgefertigten Website -Heldenbild sehen:

Das Gesicht von DJ gibt den Besuchern einen interessanteren visuellen Inhalt als eine Reihe von Farben und Musikgrafiken. Es schafft auch eine direkte Verbindung zwischen der Arbeit und dem Künstler.

Beim Entwerfen von Heldenbildern sollten Sie die folgenden Punkte beachten:

Was oder wer ist das Hauptthema dieses Abschnitts?

• Ist das Bild zum Vordergrund oder ist es in den Hintergrund integriert?
• bleibt das Bild so, wie es ist, oder gibt es eine M?glichkeit, es künstlerischer aussehen zu lassen?
Ben?tigen Sie auch überhaupt keine Bilder? Wenn Sie beispielsweise ein Schriftart Designer oder Texter sind, k?nnen Sie das Bild überspringen und einfach Ihren Text sprechen lassen.

2.

Es gibt viele M?glichkeiten, mit dem Hintergrund des Heldenteils umzugehen.

In einigen F?llen kann Ihre Arbeit den Hintergrund belegen. Zum Beispiel kann ein Videografen Diashows seiner Videos im Hintergrund platzieren. Auf diese Weise fühlt sich die Website nicht nur lebhaft an, sondern erm?glicht es den Besuchern auch, Ihre Arbeit schnell voranzutreiben.

In anderen F?llen m?chten Sie Ihre Arbeit m?glicherweise ein wenig im Abschnitt Heroes aufzeigen

Die Bildergalerie nimmt ungef?hr ein Viertel der Breite dieses Abschnitts ein. W?hrend Designer die Arbeit mit einem farbenfrohen Hintergrund h?tten umrahmen k?nnen, entschieden sie sich dafür, strukturierte Fotos hinzuzufügen. Die Zeichnung bietet nicht nur komfortable Farben für den Hintergrund, sondern fügt auch kreative Weise den Arbeiten für die Arbeit des Innenarchitekturs hinzu.

Eine andere Option für Sie ist die Verwendung von Fest- oder Gradientenfarben (und Illustrationen) im Hintergrund, wie MindGrub:

Dies kann die beste Wahl für digitale Kreative sein. W?hrend Sie Ihnen einen Screenshot der Website zeigen k?nnen, die Sie für Ihre Kunden oder eine UI -Suite entwickeln, die Sie entwickeln, k?nnen Sie diesen Raum nutzen, um Ihr eigenes digitales Meisterwerk zu erstellen. Sie k?nnen Arbeiten speichern, die für Ihren Kunden in einem anderen Abschnitt oder einer anderen Seite erstellt wurden.

3. Auch wenn Sie keinen Text schreiben, der im Heldenabschnitt angezeigt wird, k?nnen die ?sthetischen Entscheidungen, die Sie treffen, potenziellen Kunden so viele Informationen wie den Text selbst vermitteln.

Es gibt mehrere M?glichkeiten, Ihrer Heldennachricht Ton hinzuzufügen. Die erste ist die Art der Schriftart, die Sie verwenden. Zum Beispiel verwendet das Bettwedel 4 vorgefertigte Website eine Google -Schriftart mit dem Namen Italiana:

Dieses Auto Beauty Company drückt seine Liebe zu klassischen und Retro -Autos direkt aus. Wortlaut, Autobilder und elegante Schriftarten im Kalligraphie-Stil vermitteln uns dies alle.

Eine andere Sache, die Sie berücksichtigen sollten, ist, wie sich der S?tzestil ?ndert, wie Ihre Nachricht im Kopf des Lesers geh?rt wird. Get Em Tiger, macht zum Beispiel viele Dinge, um die Art und Weise zu ?ndern

Zun?chst wird der Haupttitel geschrieben. Dieser Textstil wird oft als laut und mutig interpretiert.

Zweitens wird das Wort "herausstechen" in Orange hervorgehoben. Dies soll Kursivschrift oder Fettdruck ersetzen, die h?ufig verwendet werden, um den Schwerpunkt im Klartext zu schaffen.

Zus?tzlich ist der Untertitel in Satzform geschrieben. Wenn die Besucher dies lesen, wird es h?chstwahrscheinlich einen freundlicheren, entspannteren Ton in ihren K?pfen annehmen.

4.

Wenn Sie bereit sind, ein Heldenbild für Ihre Portfolio -Website zu erstellen, haben Sie m?glicherweise Ihre Markenfarbe bestimmt.

Normalerweise k?nnen Markenpaletten verwendet werden, um Schaltfl?chen zu stylen und den Schlüsselbereichen Ihrer Website zu betonen. Sie k?nnen sich jedoch entscheiden, viel daraus zu extrahieren, um Ihre Heldenteile zu erstellen, wie das G -scharfe Design:

Die Palette für diesen Heldenabschnitt ist relativ einfach. Die leuchtend roten und gelb, die das Design dominieren, machen es jedoch unm?glich, sich davon abzublicken.

W?hrend dieses Farbspektakel perfekt für diese Institution ist, ist es m?glicherweise nicht für andere Arten von kreativen Menschen geeignet. Zum Beispiel verwendet eine vorgefertigte Website von fotografie wie Bephoto 2 dunkle Themen:

In der Mitte des Heldenbildes befindet sich ein Foto -Schieberegler, und jedes nachfolgende Foto zeigt helle Farben. Da der Rest der Website in weichem dunkelgrauem und elfenbeinfarbenem Text gestaltet ist, werden die Fotos sofort die Aufmerksamkeit der Menschen erregen.

Wenn Sie sich für Ihre eigene Farbpalette entscheiden, stellen Sie sich die folgenden Fragen:

• Wie viele Farben brauchen Sie?
• Welche Farben werden Sie in der Markenpalette verwenden?
• M?chten Sie andere Farben einführen?
• Welche Rolle spielt jede Farbe bei der Festlegung von Emotionen, anregenden Aktionen usw.?

Die Farbe muss nicht umfassend sein, um effektiv zu sein. Es h?ngt alles davon ab, was Sie in diesem Abschnitt für Sie für Sie tun müssen.

5. Ohne Animation ist Ihr Heldenbild nichts weiter als eine statische Werbetafel.

Nun ist an statischen Werbetafelwerbung nichts auszusetzen - wenn es 200 Quadratfu? übersteigt und mehr als 10 Fu? vom Boden entfernt ist. Ohne die gro?artige Pr?senz, die Werbetafeln in der realen Welt haben, kann das statische Design auf der Website leblos und nicht inspiriert erscheinen.

Wie andere Elemente, die wir heute gesehen haben, gibt es mehrere M?glichkeiten, Ihrem Helden -Diagramm -Design Bewegung und Interaktion zu verleihen.

Awesome Inc ist zum Beispiel ein Animations- und Designstudio. Es w?re seltsam, wenn wir ihre überzeugenden Animationen nach dem Eintritt in die Website nicht sehen k?nnen:

Andererseits gibt es keinen Grund, dies auf dieser Ebene zu tun, wenn Sie eine kreative Person sind, die keine Animationsarbeit leistet. Das hei?t aber nicht, dass Ihr Heldendiagramm ohne Bewegung sein sollte.

Zum Beispiel hat die vorgefertigte Bemodel 3 -Website ein dynamisches Heldendiagrammdesign:

Es ist nicht nur der Bild -Schieberegler, den Animationen sind. Die Palette des Sliders ?ndert sich synchron, wenn sich das Foto ?ndert.

Auch wenn dies viel Ma?nahmen für Sie zu haben scheint. In diesem Fall gibt es subtilere M?glichkeiten, Animation zu verwenden, um Ihr Heldendiagramm attraktiver zu machen - wie eine Schwebetransformation zu einer Taste oder eine übergangsanimation zu einem Abschnitt hinzuzufügen.

6. Zu guter Letzt müssen Sie herausfinden, was die n?chste logische Aktion Ihres Besuchers ist.

Eine Option besteht darin, dass sie weiterhin die Seite scrollen k?nnen. In diesem Fall m?chten Sie m?glicherweise nicht einmal einen Aufruf zum Aktionstast beigeben. Die meisten Besucher werden natürlich anfangen zu scrollen, nachdem sie alles gesehen haben, was sie sehen müssen.

Eine andere Option besteht darin, sie einzuladen, eine andere Seite auf Ihrer Website zu besuchen. Wenn ja, welche Seite sollte es sein? Auf der Portfolio -Website m?chten Sie, dass Besucher Ihre Portfolio- oder Service -Seite besuchen.

Zum Beispiel lenkt die vorgefertigte Website von Bephotography 2 potenzielle Kunden auf die Portfolio -Seite:

Eine andere M?glichkeit besteht darin, die Besucher zu ermutigen, mit der Heldenkarte zu interagieren, bevor sie ihnen die M?glichkeit geben, anderswo zu gehen. Dies ist sehr nützlich, wenn Ihre Heldenkarte Diashows von Werken bietet, mit denen Benutzer interagieren k?nnen. Das macht freche Bros:

Der Cursor des Besuchers ?ndert das Erscheinungsbild, je nachdem, welchen Teil des Schiebereglers sie schweben. Auf der linken oder rechten Seite des Bildschirms scheint er ein blauer Pfeil zu informieren, dass es mehr Arbeiten gibt. In der Mitte des Bildschirms wird das Wort "Ansichtselement" angezeigt. Nach dem Klicken werden Besucher zur Fallstudienseite des Projekts gebracht.

Entwerfen Sie ein heldenhaftes Bild, das Ihre kreativen Werke widerspiegelt

Das Design von Hero -Charts ist besonders wichtig auf Portfolio -Websites, da es nicht nur widerspiegeln muss, was Besucher auf Ihrer Website finden, sondern auch Ihre Talente als kreative Person. Daher müssen Sie sicherstellen, dass die von Ihnen erstellte Heldenkarte die Grundlage für Sie richtig legen kann.

Der Vorteil der Verwendung von WordPress-Themen wie BetheDie besteht darin, dass es 101 vorgefertigte Portfolio-Sites ausgestattet ist. Jeder Standort verfügt über ein handgefertigtes Heldendiagrammdesign, mit dem die sechs oben diskutierten Schlüsselkomponenten aktualisiert werden k?nnen.

(Der FAQ -Abschnitt kann hier hinzugefügt werden, der Inhalt steht im Einklang mit dem ursprünglichen FAQ -Abschnitt, aber der Sprachausdruck kann im Einklang mit chinesischen Gewohnheiten raffinierter oder mehr sein.)

Wenn Sie sich auf die oben genannten sechs Elemente konzentrieren und gekonnt Bilder, Hintergründe, Schriftarten, Farben, Interaktionen und Aufruf zum Handeln verwenden, k?nnen Sie das perfekte Heldenbild erstellen, um einen tiefen ersten Eindruck auf Ihrer Portfolio -Website zu machen und mehr potenzielle Kunden anzuziehen.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie das perfekte Heldenbild für Ihre Portfolio -Site. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!