Takže ste sa rozhodli, že je konečne čas spustiť webovú stránku, na ktorej môžete predviesť svoje profesionálne zručnosti alebo svoj vedľajší ruch. V rámci prípravy ste si vybrali dokonalú doménu, zaregistrovali ste sa na službu vytvárania webových stránok, vybrali ste správnu šablónu a navrhli ste niektorú ocenenú kópiu, ktorú tam chcete vyhodiť. A teraz hľadíte na svoj veľký, krásny a prázdny web. Dôraz na prázdne miesto.
Napriek tomu, ako ľahké je dnes toľko online platforiem vytváranie webových stránok, pozeranie sa na prázdnu stránku pravdepodobne spôsobí, že sa vám točí hlava. Koniec koncov, stále musíte nájsť nejaké veci - napríklad, ktoré fotografie je potrebné zahrnúť a ako rozložiť stránku - a ak nemáte veľa vedomostí o webdizajne, môže sa tento proces zdať vážne zastrašujúci.
Sme tu, aby sme vám povedali, že to máte. Aby sme vám spríjemnili peknú webovú stránku, vytvorili sme konečnú súpravu nástrojov, ktorá vás prevedie všetkými prvkami, ktoré potrebujete, aby ste mohli svoju webovú stránku spustiť, spolu s našimi obľúbenými programami a tipmi na ich výrobu. úžasné.
1. Obrázky
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Určite ste už počuli príslovie „obrázky majú hodnotu tisíc slov.“ Toto zvonenie platí najmä pre digitálny obsah; čím viac dokážete sprostredkovať pútavé snímky, tým menej textu budete musieť použiť na popísanie toho, čo sa snažíte povedať alebo predať.</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čnite premýšľaním o sebe a svojej práci. Máte profesionálnu fotografiu, ktorú môžete použiť? Ak nie, nájdite priateľa a skúste si vziať svoju ruku, alebo zvážte najatie profesionála. Máte fotografie alebo snímky obrazovky z práce, ktorú ste vykonali v minulosti? Zhromaždite ich. A čo fotografie, ktoré máte radi a zdieľate na Instagrame a ktoré reprezentujú vašu prácu alebo osobnosť? Vyberte si niekoľko obľúbených položiek.</p>
<p>Ak potrebujete výplň, obrázky sú cestou. Unsplash a StockSnap.io sú niektoré z našich obľúbených možností bez uvedenia zdroja (čo znamená, že ich môžete zadarmo použiť na obsah svojho srdca). Ak nenájdete to, čo hľadáte, môžete zvážiť zaplatenie jednej alebo dvoch perfektných fotiek. Existuje veľa možností, od veľkých webov s obrázkami akcií, ako je Getty Images - ktorá má integráciu s programom Squarespace, ktorý ponúka obrázky 10 dolárov ľuďom, ktorí nakupujú prostredníctvom webu - až po menšie operácie, ako sú Stocksy a Twenty20, ktorých cena sa zvyčajne pohybuje okolo 10 - 25 USD na obrázok.</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>Pri výbere týchto fotografií si premyslite snímky, ktoré odrážajú vašu osobnosť alebo veci, ktoré každý deň robíte. Ako každý z nás, sedíte celý deň pri stole? Vyhľadajte fotografiu na stole, ktorá vyhovuje vašej osobnosti. Zahŕňa vaša primárna práca ľudí? Vyhľadajte zábery, ktoré ukazujú, že skupiny spolupracujú. Hovoríte všetko o svojej vášni pre cestovanie? Vyhľadajte úžasné fotografie svojich obľúbených cieľov. Dalo by sa dokonca rozhodnúť použiť video ako obrázok na pozadí, ak to má zmysel pre prácu, ktorú robí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 pravdepodobné, že v určitom okamihu budete chcieť upraviť obrázky, ktoré už máte alebo ste našli online. Pomocou jednoduchého editora obrázkov sa môžete orezávať, zosvetľovať, upravovať a dokonca pridávať text alebo grafiku. Niektoré služby v oblasti dizajnu webových stránok - vrátane štvorca - majú k dispozícii editor obrázkov ako súčasť platformy. V opačnom prípade existuje veľa bezplatných alebo lacných možností online. PicMonkey ponúka úplnú sadu funkcií za 5 dolárov mesačne, ktoré siahajú od ľahko použiteľného bielenia zubov až po efekty make-upu pre Váš záber po fotografické filtre, rámčeky a ďalšie.</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>Ďalšie čítanie:</strong> 50 fotografií zadarmo, ktoré môžete použiť na vylepšenie svojich sociálnych profilov</p>
<a id="menu-2"></a><h2>2. Farebná paleta</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Mnoho šablón webových stránok sa dodáva s vopred nastavenou farebnou schémou, takže ak sa vám páči to, čo ste dostali, môžete túto časť preskočiť. Keďže však farby predstavujú jednoduchý spôsob, ako na svoju stránku pridať trochu osobnosti, môžete ich zmeniť.</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>Či už máte radi čiernobielu farbu jasu alebo chcete na svojom webe potlačiť farebné odtieňov, coolors.co je skvelým zdrojom identifikácie farieb, ktoré spolu budú fungovať. Je to veľmi jednoduché použitie - stačí navštíviť web a stlačiť medzerník, kým narazíš na skupinu odtieňov, ktoré sa ti páčia. Môžete dokonca odovzdávať fotografie s obľúbenými farbami a priamo od nich získať políčka vzorkovníka. Ak na svoje stránky pridávate veľa obrázkov, môže to byť dobrá stratégia, aby ste sa uistili, že vaša farebná schéma funguje celkovo. Ďalšie prekvapivé miesto na nájdenie farieb, ktoré spolu dobre spolupracujú a reprezentujú vás? Váš šatník! Vytiahnite niektoré svoje obľúbené vlákna a prispôsobte ich farebné možnosti.</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 ste zabránili vizuálnemu ohromeniu, odporúčame vám zvoliť väčšinou neutrálnu paletu s jednou až dvoma zvýrazňujúcimi farbami. Pre ľahkú orientáciu vyskúšajte niekoľko odtieňov šedej plus svoju obľúbenú farbu a jej doplnkový odtieň (napríklad svetlo šedá, stredne šedá, tmavo šedá, oranžová a modrá). Akonáhle máte radi to, čo ste dali dokopy, exportujte paletu ako celok alebo skopírujte farebné kódy pre konkrétne políčka, ktoré sa vám páčia, a prilepte ich priamo do kódu vašej lokality alebo vstavaného editora štýlov.</p>
<p><strong>Ďalšie čítanie:</strong> Teória farieb pre dizajnérov: Vytvorenie vlastných farebných paliet</p>
<a id="menu-3"></a><h2>3. Písma</h2>
<p align=)
.</p>
<p>Varovné slovo - aj keď môže byť lákavé vybrať si niečo zábavné alebo iné, pri výbere písiem na životopise by ste mali postupovať podľa rovnakého princípu ako pri písaní a uistite sa, že je všetko profesionálne a čitateľné. Ak naozaj chcete zahrnúť kurzívum alebo jedinečné písmo, hrajte s jeho umiestnením na iba jedno miesto ako grafický prvok (napríklad do hlavičky) a zvyšok textu ponechajte základnejší.</p>
<p><strong>Ďalšie čítanie:</strong> 20 najlepších a najhorších písiem, ktoré sa majú použiť na váš životopis (alebo na osobnú stránku)</p>
<a id="menu-4"></a><h2>4. Rozloženie 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>Teraz ste si vybrali všetko - ale kam umiestnite všetko na stránke? Organizácia veľkého množstva obsahu a jeho zámerný vzhľad môžu byť náročné, ak ste oboznámení s webdizajnom, ale existuje veľa spôsobov, ako rýchlo postupovať.</p>
<p>Ak svoje stránky staviate na serveri Squarespace, oceníte rozloženie začiatočníkov spoločnosti, ktoré ponúkajú šablóny optimalizované pre všetko od vašej stránky po kontaktnú stránku. Odtiaľto môžete svoj obsah zapojiť priamo alebo presunúť bloky prvkov tak, aby vyhovovali vašim potrebám.</p>
<p>Iným skvelým miestom pre inšpiráciu pre vaše rozloženie sú stránky iných ľudí! Imitácia je najlepšou formou lichotenia, preto nájdite ľudí, o ktorých si myslíte, že ich stránky dobre zorganizovali, a pokúste sa im napodobniť prvky, ktoré sa vám na nich páčia. Prípadne vyhľadajte výrazy ako „návrh webových stránok“ a „rozloženie webových stránok“ a získajte príklady, ktoré môžete sami kopírovať.</p>
<p><strong>Ďalšie čítanie:</strong> 35 najlepších osobných webových stránok, ktoré sme kedy videli</p>
<a id="menu-5"></a><h2>5. Logo</h2>
<p align=)