Sie haben sich also entschieden, endlich eine Website zu starten, um Ihre beruflichen Fähigkeiten oder Ihren Seitenrummel zu demonstrieren. In Vorbereitung haben Sie die perfekte Domain gefunden, sich für einen Website-Building-Service angemeldet, die richtige Vorlage ausgewählt und ein preisgekröntes Exemplar erstellt, um sich dort zu übergeben. Und jetzt starren Sie auf Ihre große, schöne, leere Website. Betonung auf dem Rohling.
Obwohl es heutzutage so einfach ist, auf so vielen Online-Plattformen eine Website zu erstellen, lässt das Starren auf eine leere Seite den Kopf drehen. Schließlich gibt es noch einige Dinge, die Sie herausfinden müssen - beispielsweise welche Fotos Sie einfügen und wie Sie die Seite anordnen -, und wenn Sie nicht viel Webdesign-Wissen haben, kann der Prozess ernsthaft einschüchternd wirken.
Wir sind hier, um Ihnen zu sagen, dass Sie das haben. Damit das Zusammenführen einer schönen Website zum Kinderspiel wird, haben wir das ultimative Toolkit entwickelt, das Sie durch alle Elemente führt, die Sie für die Einrichtung Ihrer Website benötigen, sowie unsere Lieblingsprogramme und Tipps für die Erstellung dieser Websites genial.
1. Die Bilder
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Sie haben sicherlich den Spruch "Bilder sagen mehr als tausend Worte" gehört. Dies gilt insbesondere für digitale Inhalte. Je mehr Sie durch auffällige Bilder vermitteln können, desto weniger Text müssen Sie verwenden, um zu beschreiben, was Sie sagen oder verkaufen möchten.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Denken Sie zunächst an sich und Ihre Arbeit. Haben Sie ein professionelles Foto, das Sie verwenden können? Wenn nicht, finden Sie einen Freund und versuchen Sie sich selbst zu bemühen, oder suchen Sie einen Fachmann. Haben Sie Fotos oder Screenshots von Arbeiten, die Sie in der Vergangenheit ausgeführt haben? Sammle sie auf. Wie wäre es mit Fotos, die Sie lieben und die Sie auf Instagram geteilt haben und die Ihre Arbeit oder Persönlichkeit repräsentieren? Wählen Sie einige Ihrer Favoriten aus.</p>
<p>Wenn Sie Füllmaterial benötigen, sind Bilder die richtige Wahl. Unsplash und StockSnap.io sind einige unserer bevorzugten attributionsfreien Optionen (dh Sie können sie nach Herzenslust kostenlos verwenden). Wenn Sie nicht finden, wonach Sie suchen, können Sie für ein oder zwei perfekte Bilder bezahlen. Es gibt unzählige Optionen, von großen Bild-Websites wie Getty Images, die in Squarespace integriert sind und Menschen, die über die Website einkaufen, Bilder im Wert von 10 US-Dollar anbieten, bis hin zu kleineren Unternehmen wie Stocksy und Twenty20, bei denen die Kosten normalerweise zwischen 10 und 25 US-Dollar liegen pro Bild.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Denken Sie bei der Auswahl dieser Fotos an Bilder, die Ihre Persönlichkeit oder die Dinge widerspiegeln, die Sie jeden Tag tun. Sitzen Sie, wie die meisten von uns, den ganzen Tag an einem Schreibtisch? Suchen Sie nach einem Schreibtischfoto, das zu Ihrer Persönlichkeit passt. Bezieht sich Ihre Hauptarbeit auf Menschen? Suchen Sie nach Aufnahmen, die Gruppen zeigen, die zusammenarbeiten. Sprechen Sie alles über Ihre Leidenschaft für das Reisen? Suchen Sie nach atemberaubenden Fotos Ihrer Lieblingsziele. Sie könnten sich sogar dafür entscheiden, ein Video als Hintergrundbild zu verwenden, wenn dies für Ihre Arbeit Sinn macht!</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Möglicherweise möchten Sie irgendwann Bilder bearbeiten, die Sie bereits online gefunden haben oder die Sie bereits online gefunden haben. Mit einem einfachen Bildeditor können Sie zuschneiden, aufhellen, verbessern und sogar Text oder Grafiken hinzufügen. Einige Website-Design-Services - einschließlich Squarespace - verfügen über einen Bildeditor, der Teil der Plattform ist. Ansonsten gibt es viele kostenlose oder günstige Online-Optionen. PicMonkey bietet eine ganze Reihe von Funktionen für 5 US-Dollar pro Monat, die von benutzerfreundlichen Zahnweiß-Effekten über Make-up-Effekte für Ihren Kopfschuss bis hin zu Fotofiltern, Bildern und vielem mehr reichen.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script><p><strong>Weitere Informationen:</strong> 50 kostenlose Fotos, mit denen Sie Ihre sozialen Profile noch attraktiver gestalten können</p>
<a id="menu-2"></a><h2>2. Die Farbpalette</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Viele Website-Vorlagen sind mit einem voreingestellten Farbschema ausgestattet. Wenn Sie also das mögen, was Sie erhalten, können Sie diesen Abschnitt gerne überspringen. Da Farben eine einfache Möglichkeit sind, Ihrer Website eine gewisse Persönlichkeit zu verleihen, können Sie sie auch ändern.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Ganz gleich, ob Sie Schwarzweiß mit einem Hauch von Helligkeit bevorzugen oder ein paar Farbtöne auf Ihrer Website haben möchten, coolors.co ist eine großartige Ressource, um Farben zu identifizieren, die zusammenarbeiten. Es ist sehr einfach zu bedienen - besuchen Sie einfach die Website und drücken Sie die Leertaste, bis Sie auf eine Reihe von Farbtönen stoßen, die Ihnen gefallen. Sie können sogar Fotos mit Farben hochladen, die Sie lieben, und Farbfelder direkt von ihnen erhalten. Wenn Sie viele Bilder in Ihre Website aufnehmen, ist dies möglicherweise eine gute Strategie, um sicherzustellen, dass Ihr Farbschema insgesamt funktioniert. Ein weiterer überraschender Ort, um Farben zu finden, die gut zusammenpassen und Sie repräsentieren? Dein Kleiderschrank! Ziehen Sie einige Ihrer Lieblingsfäden heraus und passen Sie Ihre Farbauswahl an diese an.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script><p>Wir empfehlen, eine weitgehend neutrale Farbpalette mit ein bis zwei Akzenten zu wählen, damit die visuelle Darstellung nicht überfordert wird. Probieren Sie ein paar Grautöne sowie Ihre Lieblingsfarbe und den dazu passenden Farbton aus (z. B. Hellgrau, Mittelgrau, Dunkelgrau, Orange und Blau). Exportieren Sie die gesamte Palette oder kopieren Sie die Farbcodes für bestimmte Farbfelder, die Ihnen gefallen, und fügen Sie sie direkt in Ihren Site-Code oder den integrierten Stil-Editor ein.</p>
<p><strong>Weiterführende Literatur:</strong> Farbtheorie Für Designer: Erstellen eigener Farbpaletten</p>
<a id="menu-3"></a><h2>3. Die Schriften</h2>
<p align=)
.</p>
<p>Ein Wort der Warnung: Auch wenn es verlockend sein kann, etwas Lustiges oder Anderes auszuwählen, sollten Sie bei der Auswahl der Schriftarten in Ihrem Lebenslauf dasselbe Prinzip anwenden und sicherstellen, dass alles professionell und lesbar ist. Wenn Sie wirklich eine kursive oder eindeutige Schriftart einfügen möchten, spielen Sie damit, sie als grafisches Element (z. B. in Ihrer Kopfzeile) an einer einzigen Stelle zu platzieren und den Rest des Texts einfacher zu gestalten.</p>
<p><strong>Weitere Informationen:</strong> 20 beste und schlechteste Schriftarten für Ihren Lebenslauf (oder Ihre persönliche Website)</p>
<a id="menu-4"></a><h2>4. Das Seitenlayout</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Jetzt haben Sie alles herausgesucht - aber wo haben Sie alles auf die Seite gesetzt? Es kann schwierig sein, viele Inhalte zu organisieren und sie so zu gestalten, dass sie absichtlich aussehen, wenn Sie mit Webdesign nicht vertraut sind. Es gibt jedoch zahlreiche Möglichkeiten, schnell auf den neuesten Stand zu kommen.</p>
<p>Wenn Sie Ihre Site auf Squarespace erstellen, werden Sie die Starter-Layouts des Unternehmens zu schätzen wissen, die Vorlagen bieten, die für alle Bereiche von Ihrer About-Seite bis zu einer Kontaktseite optimiert sind. Von dort aus können Sie Ihre Inhalte direkt einbinden oder Elementblöcke verschieben, um Ihre Anforderungen zu erfüllen.</p>
<p>Ein weiterer großartiger Ort, an dem Sie sich für Ihr Layout inspirieren lassen können, sind Websites anderer Nutzer! Nachahmung ist die beste Form der Schmeichelei. Finden Sie also Leute, die Ihrer Meinung nach ihre Websites gut organisiert haben, und versuchen Sie, die Elemente zu imitieren, die Sie an ihnen mögen. Oder suchen Sie nach Begriffen wie "Website-Design" und "Website-Layout", um Beispiele zu sammeln, die Sie selbst replizieren können.</p>
<p><strong>Weiterführende Literatur:</strong> Die 35 besten persönlichen Websites, die wir je gesehen haben</p>
<a id="menu-5"></a><h2>5. Das Logo</h2>
<p align=)