Så du har beslutat att det äntligen är dags att lansera en webbplats för att visa upp dina yrkeskunskaper eller din sido stress. Som en förberedelse, nabbade du den perfekta domänen, registrerade dig för en webbplatsbyggnadstjänst, valde rätt mall och utarbetade en prisbelönt kopia för att kasta upp där. Och nu stirrar du på din stora, vackra, tomma webbplats. Betoning på det tomma.
Trots hur lätt det är så många online-plattformar att bygga en webbplats i dag, så stirrar du antagligen på huvudet på en tom sida. När allt kommer omkring finns det fortfarande några saker du måste ta reda på - som vilka foton du vill inkludera och hur du lägger upp sidan - och om du inte har mycket kunskap om webbdesign kan processen verka allvarligt skrämmande.
Vi är här för att berätta att du har det här. För att få en vacker webbplats till en lek, har vi kommit med den ultimata verktygssatsen som leder dig genom alla de element du behöver för att få din webbplats igång, tillsammans med våra favoritprogram och proffs för att göra dem grymt bra.
1. Bilderna
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Du har säkert hört ordspråket ”bilder är värda tusen ord.” Detta ringer särskilt sant när det gäller digitalt innehåll; ju mer du kan förmedla genom iögonfallande bilder, desto mindre text behöver du använda för att beskriva vad du försöker säga eller sälja.</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>Börja med att tänka på dig själv och ditt arbete. Har du ett professionellt foto du kan använda? Om inte, hitta en vän och prova att ta din egen eller överväga att anställa en professionell. Har du bilder eller skärmdumpar av arbete du gjort tidigare? Samla upp dem. Vad sägs om bilder du älskar och har delat på Instagram som representerar ditt arbete eller personlighet? Välj ut några av dina favoriter.</p>
<p>Om du behöver fyllmedel är stockbilder vägen att gå. Unsplash och StockSnap.io är några av våra favoritfria attributfria alternativ (vilket innebär att du kan använda dem gratis till ditt hjärtas innehåll). Om du inte hittar det du letar efter kan du överväga att betala för en eller två perfekta bilder. Det finns massor av alternativ där ute, från stora lagerbildsajter som Getty Images - som har en integration med Squarespace som erbjuder $ 10 bilder till personer som köper via webbplatsen - till mindre operationer som Stocksy och Twenty20 där kostnaden vanligtvis är cirka $ 10- $ 25 per 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>När du väljer dessa foton, tänk bilder som återspeglar din personlighet eller de saker du tillbringar varje dag. Sitter du, som de flesta av oss, vid ett skrivbord hela dagen? Leta efter ett skrivbordsfoto som passar din personlighet. Involverar ditt primära arbete människor? Leta efter bilder som visar grupper som samarbetar. Pratar du allt om din passion för resor? Leta efter några fantastiska fotografier av dina favoritdestinationer. Du kan till och med bestämma dig för att använda en video som din bakgrundsbild om det är vettigt för ditt arbete!</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>Chansen är stor att du vid ett eller annat tillfälle vill redigera bilder du redan har eller har hittat online. Få till beskärning, blixtning, touch-ups och till och med lägga till text eller grafik med en enkel bildredigerare. Vissa webbplatsdesigntjänster - Squarespace ingår - har en bildredigerare tillgänglig som en del av plattformen. Annars finns det många gratis eller billiga alternativ online. PicMonkey erbjuder en komplett uppsättning funktioner för $ 5 / månad, som sträcker sig från lätta att använda tandblekning till sminkeffekter för din huvudbild till fotofilter, ramar och mer.</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>Vidare läsning:</strong> 50 gratis foton du kan använda för att göra dina sociala profiler mer fantastisk</p>
<a id="menu-2"></a><h2>2. Färgpaletten</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Många webbplatsmallar har ett förinställt färgschema, så om du gillar det du får får du gärna hoppa över det här avsnittet. Men eftersom färger är ett enkelt sätt att lägga till lite personlighet på din webbplats kan du välja att ändra dem.</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>Oavsett om du gillar svartvitt med en ljusstyrka eller vill ha en sammanslagning av sammanslagna nyanser på din webbplats, är coolors.co en bra resurs för att identifiera färger som fungerar tillsammans. Det är superlätt att använda - bara besök webbplatsen och tryck på mellanslagstangenten tills du snubblar på en uppsättning nyanser som du gillar. Du kan till och med ladda upp foton med färger du älskar och få färgrutor direkt från dem. Om du inkluderar massor av bilder på din webbplats kan det vara en bra strategi att vara säker på att ditt färgschema fungerar övergripande. En annan överraskande plats att hitta färger som fungerar bra tillsammans och representerar dig? Din garderob! Dra ut några av dina favorittrådar och matcha dina färgval till dessa.</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>För att hindra saker och ting från att bli visuellt överväldigande rekommenderar vi att du väljer en mestadels neutral palett med en till två accentfärger. För ett enkelt steg kan du prova några grå nyanser plus din favoritfärg och dess kompletterande nyans (till exempel ljusgrå, medelgrå, mörkgrå, orange och blå). När du älskar det du har satt ihop, exportera paletten som helhet eller kopiera färgkoderna för specifika färgrutor du gillar och klistra in dem direkt i din webbplatskod eller inbyggd stilredigerare.</p>
<p><strong>Ytterligare läsning:</strong> Färgteori för designers: Skapa dina egna färgpaletter</p>
<a id="menu-3"></a><h2>3. Teckensnitten</h2>
<p align=)
.</p>
<p>Ett varningsord här - även om det kan vara frestande att välja något roligt eller annorlunda, bör du följa samma princip som du gör när du väljer teckensnitt på ditt CV och se till att allt är professionellt och läsbart. Om du verkligen vill inkludera ett kursivt eller unikt teckensnitt kan du spela med att placera det på bara en plats som ett grafiskt element (till exempel i din rubrik) och hålla resten av texten mer grundläggande.</p>
<p><strong>Ytterligare läsning:</strong> 20 bästa och värsta teckensnitt att använda på din CV (eller personlig webbplats)</p>
<a id="menu-4"></a><h2>4. Sidlayouten</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Nu har du valt ut allt - men var lägger du allt på sidan? Att organisera massor av innehåll och få det att se avsiktligt kan vara tufft om du inte känner till webbdesign, men det finns många sätt att komma snabbt upp.</p>
<p>Om du bygger din webbplats på Squarespace kommer du att uppskatta företagets startlayouter, som erbjuder mallar optimerade för allt från din om-sida till en kontaktsida. Därifrån kan du ansluta ditt innehåll direkt eller flytta elementblock runt för att tillgodose dina behov.</p>
<p>En annan bra plats att få inspiration för din layout är andras webbplatser! Imitation är den bästa formen av smickrighet, så hitta folk som du tror har organiserat sina webbplatser väl och försök att efterlikna de element du gillar om dem. Eller söktermer som "webbdesign" och "webbplatslayout" på för att samla exempel du kan replikera på egen hand.</p>
<p><strong>Mer information:</strong> De 35 bästa personliga webbplatserna som vi någonsin har sett</p>
<a id="menu-5"></a><h2>5. Logotypen</h2>
<p align=)