Așadar, ați decis că este în sfârșit momentul să lansați un site web pentru a vă arăta abilitățile profesionale sau agitația dvs. laterală. În pregătire, ați născut domeniul perfect, v-ați înscris pentru un serviciu de construire a site-urilor web, ați ales șablonul potrivit și ați redactat o copie premiată pentru a o arunca acolo. Și acum te uiți la site-ul tău mare, frumos, gol . Subliniază semifabricatul.
În ciuda cât de ușor sunt atât de multe platforme online care creează un site web în aceste zile, privirea la o pagină goală încă îți face capul să se rotească. La urma urmei, mai există câteva lucruri pe care trebuie să le dai seama - cum ar fi fotografiile pe care trebuie să le incluzi și modul de întocmire a paginii - și dacă nu ai prea multe cunoștințe de design web, procesul poate părea serios intimidant.
Suntem aici pentru a vă spune că aveți asta. Pentru a face să aducem un site frumos împreună, am venit cu setul de instrumente final care vă va parcurge toate elementele de care aveți nevoie pentru a pune în funcțiune site-ul dvs., împreună cu programele noastre preferate și sfaturile profesionale pentru realizarea acestora minunat.
1. Imaginile
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Cu siguranță ați auzit zicala: „imaginile valorează o mie de cuvinte.” Acest lucru sună mai ales atunci când vine vorba de conținut digital; cu cât puteți transmite mai mult prin imagini atrăgătoare, cu atât mai puțin text va trebui să folosiți pentru a descrie ceea ce încercați să spuneți sau să vindeți.</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>Începeți să vă gândiți la voi și la munca dvs. Aveți o fotografie profesională pe care o puteți utiliza? Dacă nu, găsește-ți un prieten și încearcă mâna să-ți iei singur, sau ia în considerare angajarea unui profesionist. Aveți fotografii sau capturi de ecran cu lucrările pe care le-ați făcut în trecut? Adună-le. Ce zici de fotografiile pe care le iubești și le-ai împărtășit pe Instagram care reprezintă munca sau personalitatea ta? Alege câteva dintre preferatele tale.</p>
<p>Dacă aveți nevoie de umplutură, imaginile stoc sunt calea de urmat. Unsplash și StockSnap.io sunt câteva dintre opțiunile noastre preferate fără atribuții (ceea ce înseamnă că le puteți utiliza gratuit pentru conținutul inimii dvs.). Dacă nu găsiți ceea ce căutați, puteți lua în considerare plata pentru una sau două poze perfecte. Există o mulțime de opțiuni, de la site-uri de stocuri mari, precum Getty Images, care are o integrare cu Squarespace, care oferă imagini de 10 dolari pentru persoanele care cumpără prin intermediul site-ului, până la operațiuni mai mici precum Stocksy și Twenty20, unde costul este de obicei în jur de 10 - 25 $ pe imagine.</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>Când alegeți aceste fotografii, gândiți-vă la imagini care reflectă personalitatea dvs. sau lucrurile pe care le petreceți în fiecare zi făcând. Voi, ca majoritatea dintre noi, stai toată ziua la un birou? Caută o fotografie de birou care să se potrivească personalității tale. Activitatea dvs. principală implică oameni? Căutați fotografii care arată grupurile care colaborează. Vorbesti totul despre pasiunea ta pentru calatorii? Căutați câteva fotografii uimitoare ale destinațiilor preferate. Ai putea chiar să decizi să folosești un videoclip ca imagine de fundal dacă asta are sens pentru munca pe care o faci!</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>Este posibil ca, la un moment sau altul, să doriți să editați imagini pe care le-ați găsit sau le-ați găsit online. Treceți la decupare, luminare, atingeri și chiar adăugarea de text sau grafică cu un simplu editor de imagini. Unele servicii de design de site-uri - Squarespace incluse - au un editor de imagini disponibil ca parte a platformei. În caz contrar, există o mulțime de opțiuni online gratuite sau ieftine. PicMonkey oferă un set complet de caracteristici pentru 5 USD / lună, care variază de la albirea ușor de utilizat pentru albirea dinților, până la efectele de machiaj pentru capul tău, până la filtre foto, cadre și multe altele.</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>Lectură ulterioară:</strong> 50 de fotografii gratuite pe care le puteți utiliza pentru a vă face profilurile sociale mai uimitoare</p>
<a id="menu-2"></a><h2>2. Paleta de culori</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Multe șabloane de site-uri sunt dotate cu o schemă de culori prestabilită, așa că dacă vă place ceea ce vi se oferă, nu ezitați să săriți această secțiune. Dar, deoarece culorile sunt o modalitate ușoară de a adăuga puțin personalitate site-ului dvs., puteți alege să le schimbați.</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>Indiferent dacă îți place alb-negru cu o luminozitate sau doriți să răspândiți nuanțe combinate pe site-ul dvs., coolors.co este o resursă excelentă pentru identificarea culorilor care vor lucra împreună. Este super ușor de folosit - accesați site-ul și atingeți bara spațială până când vă poticniți cu un set de nuanțe care vă plac. Puteți încărca chiar și fotografii cu culorile care vă plac și obțineți mostre direct de la ele. Dacă includeți multe imagini pe site-ul dvs., aceasta ar putea fi o strategie bună pentru a vă asigura că schema de culori funcționează în general. Un alt loc surprinzător pentru a găsi culori care să funcționeze bine împreună și să vă reprezinte? Dulapul tău! Scoateți câteva dintre firele preferate și potriviți-vă opțiunile de culoare cu cele.</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>Pentru a evita ca lucrurile să devină copleșitoare din punct de vedere vizual, vă recomandăm să alegeți o paletă în cea mai mare parte neutră, cu una până la două culori accentuate. Pentru o abordare ușoară, încercați câteva nuanțe de gri plus culoarea preferată și nuanța sa complementară (de exemplu, gri deschis, gri mediu, gri închis, portocaliu și albastru). După ce îți place ceea ce ai pus laolalt, exportă paleta în ansamblu sau copiază codurile de culori pentru anumite mostre care îți plac și lipește-le direct în codul site-ului sau în editorul de stil încorporat.</p>
<p><strong>Citire ulterioară:</strong> Teoria culorilor pentru designeri: crearea propriilor dvs. palete de culori</p>
<a id="menu-3"></a><h2>3. Fonturile</h2>
<p align=)
.</p>
<p>Un cuvânt de avertizare aici - în timp ce poate fi tentant să alegi ceva distractiv sau diferit, ar trebui să urmezi același principiu ca și tine atunci când alegi fonturile din CV-ul tău și să te asiguri că totul este profesionist și lizibil. Dacă doriți cu adevărat să includeți un font cursiv sau unic, jucați-l așezându-l într-un singur loc ca element grafic (în antetul dvs., de exemplu) și păstrând restul textului mai de bază.</p>
<p><strong>Citire ulterioară:</strong> 20 de fonturi cele mai bune și mai rău de utilizat pe CV-ul dvs. (sau site-ul personal)</p>
<a id="menu-4"></a><h2>4. Aspectul paginii</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Acum ai ales totul, dar unde îl pui pe pagina? Organizarea multor conținuturi și a face un aspect intenționat poate fi dificil dacă nu vă familiarizați cu designul web, dar există o mulțime de modalități de a vă ridica rapid.</p>
<p>Dacă construiți site-ul dvs. pe Squarespace, veți aprecia aspectele de început ale companiei, care oferă șabloane optimizate pentru orice, de la pagina dvs. despre pagina dvs. până la pagina de contact. De acolo, puteți conecta conținutul dvs. direct sau puteți muta blocurile de elemente pentru a vă satisface nevoile.</p>
<p>Un alt loc minunat pentru a vă inspira pentru aspectul dvs. sunt site-urile altor persoane! Imitația este cea mai bună formă de lingușire, așa că găsiți oameni care credeți că și-au organizat bine site-urile și încercați să imitați elementele care vă plac despre ele. Sau, căutați termeni precum „design site” și „aspect site” pentru a colecta exemple pe care le puteți reproduce de unul singur.</p>
<p><strong>Lectură ulterioară:</strong> Cele mai bune 35 de site-uri personale pe care le-am văzut vreodată</p>
<a id="menu-5"></a><h2>5. Logo-ul</h2>
<p align=)