Så du har besluttet, at det endelig er tid til at lancere et websted for at vise dine faglige færdigheder eller din sidevend. Som forberedelse nabbede du det perfekte domæne, tilmeldte dig en webstedsbygningstjeneste, valgte den rigtige skabelon og udarbejdede en prisbelønnet kopi for at smide derop. Og nu stirrer du på dit store, smukke, tomme websted. Vægt på det blanke.
På trods af hvor let så mange online platforme gør ved at opbygge et websted i disse dage, er det stadig sandsynligt, at stirre på en tom side dit hoved dreje. Når alt kommer til alt er der stadig nogle ting, du er nødt til at finde ud af - som hvilke fotos der skal medtages, og hvordan man lægger siden op - og hvis du ikke har meget viden om webdesign, kan processen virke alvorligt skræmmende.
Vi er her for at fortælle dig, at du har fået dette. For at få en smuk webside til en leg, har vi fundet det ultimative værktøjssæt, der leder dig gennem alle de elementer, du har brug for for at få dit websted i gang, sammen med vores yndlingsprogrammer og pro-tip til at gøre dem fantastisk.
1. Billederne
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Du har helt sikkert hørt ordsproget, ”billeder er værd tusind ord.” Dette ringer især når det kommer til digitalt indhold; jo mere du kan formidle gennem iøjnefaldende billeder, jo mindre tekst skal du bruge til at beskrive, hvad du prøver at sige eller sælge.</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>Start med at tænke på dig selv og dit arbejde. Har du et professionelt foto, du kan bruge? Hvis ikke, find en ven og prøv dig med at tage din egen, eller overvej at ansætte en professionel. Har du fotos eller skærmbilleder af det arbejde, du har udført i fortiden? Saml dem op. Hvad med fotos, du elsker og har delt på Instagram, der repræsenterer dit arbejde eller personlighed? Vælg et par af dine favoritter.</p>
<p>Hvis du har brug for fyldstof, er stockbilleder vejen at gå. Unsplash og StockSnap.io er nogle af vores foretrukne tilskrivningsfrie muligheder (hvilket betyder, at du kan bruge dem gratis til dit hjerte indhold). Hvis du ikke finder det, du leder efter, kan du overveje at betale for et eller to perfekte billeder. Der er masser af muligheder derude, fra store lagerbillede-websteder som Getty Images - som har en integration med Squarespace, der tilbyder $ 10 billeder til folk, der køber gennem webstedet - til mindre operationer som Stocksy og Twenty20, hvor omkostningerne normalt er omkring $ 10- $ 25 pr. billede.</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ælger disse fotos, skal du tænke på billeder, der afspejler din personlighed eller de ting, du bruger hver dag på at gøre. Sidder du som de fleste af os ved et skrivebord hele dagen? Se efter et skrivebordsfoto, der passer til din personlighed. Inddrager dit primære arbejde mennesker? Se efter skud, der viser grupper, der samarbejder. Taler du alt om din lidenskab for rejser? Se efter nogle fantastiske fotografier af dine foretrukne destinationer. Du kan endda beslutte at bruge en video som dit baggrundsbillede, hvis det giver mening for det arbejde, du udfører!</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>Chancerne er store, at du på et eller andet tidspunkt ønsker at redigere billeder, du allerede har eller har fundet online. Gå til beskæring, lysning, touch-ups og endda tilføjelse af tekst eller grafik med en simpel billedredigeringsprogram. Nogle webstedsdesigntjenester - Squarespace inkluderet - har en billedredigerer tilgængelig som en del af platformen. Ellers er der masser af gratis eller billige indstillinger online. PicMonkey tilbyder et komplet sæt funktioner til $ 5 pr. Måned, der spænder fra let at bruge tandblegning til makeup-effekter til dit hovedbillede til fotofiltre, rammer og mere.</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>Yderligere læsning:</strong> 50 gratis fotos, du kan bruge til at gøre dine sociale profiler mere forbløffende</p>
<a id="menu-2"></a><h2>2. Farvepaletten</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Mange webstedsskabeloner leveres med et forudindstillet farveskema, så hvis du kan lide det, du får, er du velkommen til at springe dette afsnit over. Men da farver er en nem måde at tilføje en lille personlighed til dit websted, kan du vælge at ændre 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>Uanset om du kan lide sort og hvidt med en pop af lysstyrke eller vil have en sammenbrud af sammenkoblede nuancer på dit websted, er coolors.co en fantastisk ressource til at identificere farver, der fungerer sammen. Det er super nemt at bruge - bare besøge webstedet og ramme mellemrumstasten, indtil du snubler over et sæt af nuancer, du kan lide. Du kan endda uploade fotos med farver, du elsker, og få farveprøver direkte fra dem. Hvis du medtager masser af billeder på dit websted, kan dette være en god strategi for at være sikker på, at dit farveskema fungerer generelt. Et andet overraskende sted at finde farver, der fungerer godt sammen og repræsenterer dig? Dit skab! Træk nogle af dine foretrukne tråde ud, og match dine farvevalg til disse.</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>For at forhindre, at tingene bliver visuelt overvældende, anbefaler vi at vælge en for det meste neutral palet med en til to accentfarver. For et nemt valg kan du prøve et par grå nuancer plus din yndlingsfarve og dens komplementære farvetone (for eksempel lysegrå, mellemgrå, mørkegrå, orange og blå). Når du elsker det, du har sammensat, skal du eksportere paletten som en helhed eller kopiere farvekoder for specifikke farveprøver, du kan lide, og indsæt dem direkte i dit websteds kode eller den indbyggede stileditor.</p>
<p><strong>Yderligere læsning:</strong> Farveteori for designere: Oprette dine egne farvepaletter</p>
<a id="menu-3"></a><h2>3. Skrifttyperne</h2>
<p align=)
.</p>
<p>Et advarsel her - selvom det kan være fristende at vælge noget sjovt eller anderledes, skal du følge det samme princip, som du gør, når du vælger skrifttyper på dit CV og sørger for, at alt er professionelt og læsbart. Hvis du virkelig ønsker at inkludere en kursiv eller unik skrifttype, skal du lege med at placere den på ét sted som et grafisk element (f.eks. I dit header) og holde resten af teksten mere grundlæggende.</p>
<p><strong>Yderligere læsning:</strong> 20 bedste og værste skrifttyper til brug på dit CV (eller personlige websted)</p>
<a id="menu-4"></a><h2>4. Sidelayout</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 valgt alt ud - men hvor lægger du det hele på siden? Det kan være svært at organisere masser af indhold og få det til at se forsætligt ud, hvis du ikke kender webdesign, men der er masser af måder at komme hurtigt op på.</p>
<p>Hvis du bygger dit websted på Squarespace, vil du sætte pris på virksomhedens startlayouts, som tilbyder skabeloner, der er optimeret til alt fra din omside til en kontaktside. Derfra kan du tilslutte dit indhold direkte eller flytte elementblokke rundt for at imødekomme dine behov.</p>
<p>Et andet godt sted at hente inspiration til dit layout er andres sider! Efterligning er den bedste form for smiger, så find folk, du synes, har organiseret deres websteder godt, og prøv at efterligne de elementer, du kan lide ved dem. Eller søg efter termer som "webstedsdesign" og "webstedslayout" for at samle eksempler, du kan replikere på egen hånd.</p>
<p><strong>Yderligere læsning:</strong> De 35 bedste personlige websteder, vi nogensinde har set</p>
<a id="menu-5"></a><h2>5. Logoet</h2>
<p align=)