So erstellen Sie das perfekte Heldenbild für Ihre Portfolio -Site

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!