Takže jste se rozhodli, že je konečně čas na spuštění webové stránky, která vám předvede své profesionální dovednosti nebo váš vedlejší ruch. V rámci přípravy jste si vybrali dokonalou doménu, zaregistrovali se do služby pro vytváření webových stránek, vybrali správnou šablonu a navrhli nějakou oceněnou kopii, kterou tam hodíte. A teď se díváte na svůj velký, krásný a prázdný web. Důraz na prázdné.
Navzdory tomu, jak snadné dnes tolik online platforem vytváří webové stránky, zíráním na prázdnou stránku pravděpodobně vaše hlava stále ještě rotuje. Koneckonců, stále musíte najít nějaké věci - jako například, které fotografie je třeba zahrnout a jak rozvrhnout stránku - a pokud nemáte mnoho znalostí webdesignu, může se tento proces zdát vážně zastrašující.
Jsme tady, abychom vám řekli, že to máte. Abychom vám přiblížili krásný web společně, vytvořili jsme konečnou sadu nástrojů, která vás provede všemi prvky, které potřebujete k tomu, aby váš web fungoval, spolu s našimi oblíbenými programy a profesionálními tipy, jak je vytvořit úžasný.
1. Obrázky
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Určitě jste slyšeli přísloví: „obrázky mají hodnotu tisíc slov.“ To platí zejména pro digitální obsah; čím více dokážete zprostředkovat poutavými snímky, tím méně textu budete muset použít k popisu toho, co se snažíte říci nebo prodat.</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>
<div id="adlk-embed-1"></div>
</center><p>Začněte přemýšlet o sobě a své práci. Máte profesionální fotografii, kterou můžete použít? Pokud ne, najděte si přítele a zkuste si vzít ruku, nebo si najměte profesionála. Máte fotografie nebo snímky obrazovky práce, kterou jste v minulosti provedli? Sbírejte je. A co fotky, které máte rádi a sdílíte na Instagramu a které reprezentují vaši práci nebo osobnost? Vyberte si několik oblíbených položek.</p>
<p>Pokud potřebujete výplň, obrázky jsou cestou. Unsplash a StockSnap.io jsou některé z našich oblíbených možností bez uvedení zdroje (což znamená, že je můžete použít zdarma k obsahu vašeho srdce). Pokud nenajdete to, co hledáte, můžete zvážit zaplacení jedné nebo dvou perfektních fotek. Existuje spousta možností, od velkých webů s obrázky akcií, jako je Getty Images - která má integraci s programem Squarespace nabízejícím obrázky 10 $ lidem, kteří si kupují prostřednictvím webu - až po menší operace, jako jsou Stocksy a Twenty20, kde náklady obvykle činí 10–25 $ 25 na obrázek.</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>
<div id="adlk-embed-1"></div>
</center><p>Při výběru těchto fotografií si promyslete snímky, které odrážejí vaši osobnost nebo věci, které každý den děláte. Sedíte stejně jako většina z nás celý den u stolu? Hledejte stolní fotografii, která vyhovuje vaší osobnosti. Zahrnuje vaše primární práce lidi? Hledejte záběry ukazující spolupracující skupiny. Mluvíš všechno o své vášni pro cestování? Hledejte úžasné fotografie svých oblíbených destinací. Můžete se dokonce rozhodnout použít video jako obrázek na pozadí, pokud to má smysl pro práci, kterou děláte!</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>
<div id="adlk-embed-1"></div>
</center><p>Je pravděpodobné, že v určitém okamžiku budete chtít upravit obrázky, které již máte nebo jste našli online. Pomocí jednoduchého editoru obrázků se můžete oříznout, zesvětlit, upravit a dokonce přidat text nebo grafiku. Některé služby designu webových stránek - včetně Squarespace - mají editor obrázků k dispozici jako součást platformy. Jinak existuje spousta bezplatných nebo levných možností online. PicMonkey nabízí celou řadu funkcí za 5 $ / měsíc, které sahají od snadno použitelných bělení zubů až po efekty líčení vašeho headshot až po fotografické filtry, rámečky a další.</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>
<div id="adlk-embed-1"></div><p><strong>Další čtení:</strong> 50 fotografií zdarma, které můžete použít k tomu, aby vaše sociální profily byly ohromující</p>
<a id="menu-2"></a><h2>2. Paleta barev</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Mnoho šablon webových stránek je dodáváno s předem nastaveným barevným schématem, takže pokud se vám líbí to, co jste dostali, můžete tuto sekci přeskočit. Ale protože barvy jsou snadným způsobem, jak přidat trochu osobnosti na vaše stránky, můžete se rozhodnout je změnit.</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>
<div id="adlk-embed-1"></div>
</center><p>Ať už se vám líbí černobílý s jasem světla nebo chcete na svých stránkách potřísnit odstíny barev, coolors.co je skvělým zdrojem pro identifikaci barev, které budou spolupracovat. Je to velmi snadné použití - stačí navštívit web a stisknout mezerník, dokud nenarazíte na řadu odstínů, které se vám líbí. Můžete dokonce nahrávat fotografie v barvách, které máte rádi, a přímo od nich můžete získat vzorník. Pokud na svůj web přidáváte spoustu obrázků, může to být dobrá strategie, která zajistí, že vaše barevné schéma funguje celkově. Dalším překvapivým místem k nalezení barev, které dobře spolupracují a reprezentují vás? Vaše skříň! Vytáhněte některé z vašich oblíbených vláken a přizpůsobte své barevné volby těmto.</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>
<div id="adlk-embed-1"></div><p>Aby nedocházelo k vizuálnímu ohromení, doporučujeme vybrat většinou neutrální paletu s jednou až dvěma akcentovými barvami. Pro snadné přiblížení vyzkoušejte několik odstínů šedé plus vaši oblíbenou barvu a její doplňkový odstín (například světle šedá, středně šedá, tmavě šedá, oranžová a modrá). Jakmile milujete to, co jste dali dohromady, exportujte paletu jako celek nebo zkopírujte barevné kódy pro konkrétní políčka, která se vám líbí, a vložte je přímo do kódu webu nebo vestavěného editoru stylů.</p>
<p><strong>Další čtení:</strong> Teorie barev pro designéry: Vytvoření vlastních barevných palet</p>
<a id="menu-3"></a><h2>3. Písma</h2>
<p align=)
.</p>
<p>Varovné slovo zde - i když může být lákavé vybrat si něco zábavného nebo jiného, měli byste se řídit stejným principem jako při výběru písem na svém životopisu a ujistit se, že je vše profesionální a čitelné. Pokud opravdu chcete zahrnout kurzivní nebo jedinečné písmo, hrajte s jeho umístěním na jednom místě jako grafický prvek (například do záhlaví) a zbytek textu ponechte základní.</p>
<p><strong>Další čtení:</strong> 20 nejlepších a nejhorších písem k použití na vašem životopisu (nebo na osobním webu)</p>
<a id="menu-4"></a><h2>4. Rozvržení stránky</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Nyní jste vybrali všechno - ale kam to všechno umístíte na stránce? Organizace velkého množství obsahu a jeho záměrný vzhled může být obtížný, pokud nejste obeznámeni s webovým designem, ale existuje spousta způsobů, jak rychle dosáhnout rychlosti.</p>
<p>Pokud stavíte svůj web na serveru Squarespace, oceníte rozložení startérů společnosti, které nabízejí šablony optimalizované pro vše od vaší stránky po kontaktní stránku. Odtud můžete svůj obsah připojit přímo nebo přesunout bloky prvků podle svých potřeb.</p>
<p>Dalším skvělým místem pro inspiraci pro vaše rozvržení jsou stránky jiných lidí! Imitace je nejlepší forma lichotky, takže najděte lidi, o kterých si myslíte, že uspořádali své stránky dobře, a pokuste se napodobit ty prvky, které se vám na nich líbí. Nebo hledejte výrazy jako „návrh webových stránek“ a „rozložení webových stránek“ a sbírejte příklady, které můžete sami replikovat.</p>
<p><strong>Další čtení:</strong> 35 nejlepších osobních webových stránek, které jsme kdy viděli</p>
<a id="menu-5"></a><h2>5. Logo</h2>
<p align=)