Taigi, jūs nusprendėte, kad pagaliau atėjo laikas atidaryti svetainę, kurioje būtų parodomi jūsų profesiniai įgūdžiai ar jūsų šūksniai. Rengdamiesi jūs užvaldėte tobulą domeną, užsiregistravote svetainių kūrimo tarnybai, pasirinkote tinkamą šabloną ir nubraižėte apdovanojimą pelniusį egzempliorių. Ir dabar tu spoksai į savo didelę, gražią, tuščią svetainę. Dėmesys tuščiam.
Nepaisant to, kaip lengva tiek daug internetinių platformų šiomis dienomis kuria svetainę, žiūrėjimas į tuščią puslapį vis tiek tikriausiai verčia suktis galvą. Galų gale, vis tiek turite išsiaiškinti, pvz., Kurias nuotraukas įtraukti ir kaip išdėstyti puslapį, ir jei neturite daug žinių apie interneto svetainių kūrimą, procesas gali atrodyti rimtai bauginantis.
Esame čia norėdami pasakyti, kad jūs tai turite. Norėdami paversti gražios svetainės vėjeliu paprastą, mes sukūrėme puikų priemonių rinkinį, kuris paaiškins visus elementus, kurių jums reikės norint sukurti savo svetainę ir paleisti, bei mūsų mėgstamas programas ir profesionalius patarimus, kaip jas sukurti. nuostabu.
1. Vaizdai
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Jūs tikrai girdėjote posakį „nuotraukos vertos tūkstančio žodžių“. Tai ypač skamba, kai kalbama apie skaitmeninį turinį; kuo daugiau galite perteikti patrauklių vaizdų, tuo mažiau teksto teks naudoti apibūdinant tai, ką bandote pasakyti ar parduoti.</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>Pradėkite galvodami apie save ir savo darbą. Ar turite profesionalią nuotrauką, kuria galite naudotis? Jei ne, susiraskite draugą ir išbandykite savo jėgas pasiimdami savo, arba apsvarstykite galimybę pasamdyti profesionalą. Ar turite nuotraukų ar ekrano kopijų, kurias anksčiau atlikote? Surinkite juos. Kaip su nuotraukomis, kurias mylite ir kuriomis pasidalinote „Instagram“, kurios atspindi jūsų darbą ar asmenybę? Išsirinkite keletą savo mėgstamiausių.</p>
<p>Jei jums reikia užpildo, yra atsarginių vaizdų išeitis. „Unsplash“ ir „StockSnap.io“ yra keletas mūsų mėgstamiausių variantų, kuriuose nėra priskyrimo (vadinasi, jūs galite juos nemokamai naudoti savo širdies turiniui). Jei nerandate to, ko ieškote, galite apsvarstyti galimybę sumokėti už vieną ar du puikius paveikslėlius. Yra daugybė pasirinkimo galimybių, pradedant didelėmis vertybinių popierių atvaizdų svetainėmis, tokiomis kaip „Getty Images“, kuri integruota su „Squarespace“, siūlančia 10 USD atvaizdus žmonėms, perkantiems per svetainę, ir baigiant mažesnėmis operacijomis, tokiomis kaip „Stocksy“ ir „Twenty20“, kur paprastai išlaidos siekia apie 10–25 USD. už vaizdą.</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>Rinkdamiesi šias nuotraukas pagalvokite apie vaizdus, atspindinčius jūsų asmenybę ar dalykus, kuriuos praleidžiate kiekvieną dieną darydami. Ar jūs, kaip ir dauguma iš mūsų, visą dieną sėdite prie stalo? Ieškokite stalo nuotraukos, kuri atitiktų jūsų asmenybę. Ar jūsų pagrindinis darbas susijęs su žmonėmis? Ieškokite nuotraukų, kuriose rodomos bendradarbiaujančios grupės. Ar jūs visi kalbate apie savo aistrą kelionėms? Ieškokite nuostabių mėgstamų vietų fotografijų. Jūs netgi galite nuspręsti naudoti vaizdo įrašą kaip foninį vaizdą, jei tai prasminga jūsų atliktam darbui!</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>Tikėtina, kad tam tikru ar kitu metu norėsite redaguoti jau turimus ar internete rastus vaizdus. Naudodamiesi paprasta vaizdų rengykle, galite apkarpyti, pašviesinti, padaryti patobulinimus ir netgi pridėti teksto ar grafikos. Kai kurios svetainių kūrimo paslaugos, įskaitant erdvę kvadratuose, turi vaizdų rengyklę, kaip platformos dalį. Priešingu atveju internete yra daugybė nemokamų ar pigių variantų. „PicMonkey“ siūlo pilną funkcijų rinkinį už 5 USD / mėn., Pradedant nuo lengvai naudojamų dantų balinimo ir baigiant galvos apdangalo efektu iki nuotraukų filtrų, rėmelių ir dar daugiau.</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>Tolesnis skaitymas:</strong> 50 nemokamų nuotraukų, kurias galite naudoti, kad jūsų socialiniai profiliai būtų kuo stulbingesni</p>
<a id="menu-2"></a><h2>2. Spalvų paletė</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Daugelyje svetainių šablonų yra iš anksto nustatyta spalvų schema, todėl, jei jums patinka tai, kas jums suteikiama, nedvejodami praleiskite šį skyrių. Kadangi spalvos yra paprastas būdas pridėti šiek tiek asmenybės į savo svetainę, galite pasirinkti jas pakeisti.</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>Nesvarbu, ar jums patinka nespalvota spalva su ryškiausiais popiečiais, ar norite, kad jūsų svetainėje būtų išsidėstę bendri atspalviai, coolors.co yra puikus šaltinis identifikuojant spalvas, kurios veiks kartu. Tai labai lengva naudoti - tiesiog apsilankykite svetainėje ir spauskite tarpo klavišą, kol suklupsite jums patinkančių atspalvių rinkinį. Jūs netgi galite nusiųsti nuotraukas su jums patinkančiomis spalvomis ir gauti pavyzdžių tiesiogiai iš jų. Jei į savo svetainę įtraukiate daug vaizdų, tai gali būti gera strategija, norint įsitikinti, ar jūsų spalvų schema veikia apskritai. Dar viena nuostabi vieta, kur rasti spalvų, kurios puikiai dera kartu ir reprezentuoja jus? Tavo spinta! Ištraukite keletą mėgstamiausių siūlų ir suderinkite juos su spalvomis.</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>Norėdami, kad viskas netaptų įspūdinga, rekomenduojame pasirinkti daugiausiai neutralią paletę su viena ar dviem akcento spalvomis. Jei norite lengvai pereiti, išbandykite kelis pilkos spalvos atspalvius ir mėgstamą spalvą bei jos papildomą atspalvį (pavyzdžiui, šviesiai pilka, vidutiniškai pilka, tamsiai pilka, oranžinė ir mėlyna). Kai jums patiks tai, ką sudėjote, eksportuokite visą paletę arba nukopijuokite konkrečių jums patinkančių rinkinių spalvų kodus ir įklijuokite juos tiesiai į savo svetainės kodą arba įmontuotą stiliaus rengyklę.</p>
<p><strong>Tolesnis skaitymas:</strong> Spalvų teorija dizaineriams: savo spalvų paletių kūrimas</p>
<a id="menu-3"></a><h2>3. Šriftai</h2>
<p align=)
.</p>
<p>Įspėjamasis žodis - nors gali kilti pagunda pasirinkti ką nors smagaus ar kitokio, turėtumėte vadovautis tuo pačiu principu, kurį darote rinkdamiesi savo gyvenimo aprašymo šriftus, ir įsitikinkite, kad viskas yra profesionalu ir suprantama. Jei tikrai norite įtraukti kursyvųjį ar unikalų šriftą, žaiskite įdėdami jį tik į vieną vietą kaip grafinį elementą (pavyzdžiui, į savo antraštę), o likusį tekstą išlaikykite paprastesnį.</p>
<p><strong>Tolesnis skaitymas:</strong> 20 geriausių ir blogiausių šriftų, kuriuos norite naudoti savo gyvenimo aprašyme (arba asmeninėje svetainėje)</p>
<a id="menu-4"></a><h2>4. Puslapio išdėstymas</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Dabar jūs viską išsirinkote, bet kur viską sudėti į puslapį? Sutvarkyti daug turinio ir priversti jį atrodyti apgalvotai gali būti sunku, jei nesusipažinote su interneto dizainu, tačiau yra daugybė būdų, kaip greitai pasiekti greitį.</p>
<p>Jei kuriate savo svetainę „Squarespace“, įvertinsite įmonės pradinius maketus, kurie siūlo šablonus, optimizuotus viskam, nuo jūsų apie puslapį iki kontaktinio puslapio. Iš ten galite tiesiogiai prijungti savo turinį arba perkelti elementų blokus, kad patenkintumėte savo poreikius.</p>
<p>Kita puiki vieta įkvėpti savo maketo yra kitų žmonių svetainės! Imitacija yra geriausia glostymo forma, todėl susiraskite žmonių, kurie, jūsų manymu, gerai sutvarkė savo svetaines, ir pamėginkite pamėgdžioti elementus, kurie jums patinka. Arba ieškokite terminų, tokių kaip „svetainės dizainas“ ir „svetainės išdėstymas“, kad rinktumėte pavyzdžius, kuriuos galite savarankiškai atkartoti.</p>
<p><strong>Tolesnis skaitymas:</strong> 35 geriausi asmeninės svetainės, kurias mes kada nors matėme</p>
<a id="menu-5"></a><h2>5. Logotipas</h2>
<p align=)