Joten, olet päättänyt, että on vihdoin aika perustaa verkkosivusto osoittamaan ammattitaitosi tai puolestasi hälinä. Valmistellessasi napatit täydellisen verkkotunnuksen, liittyit verkkosivustojen rakennuspalveluun, valitsit oikean mallin ja luonnostelit palkitun kopion heittääkseen sinne. Ja nyt tuijotat isoa, kaunista, tyhjää verkkosivustoasi. Pääpaino tyhjässä.
Huolimatta siitä, kuinka helppoa niin monet online-alustat tekevät verkkosivuston rakentamisesta nykyään, tyhjän sivun katseleminen saa silti todennäköisesti pään pyörimään. Loppujen lopuksi on vielä joitain asioita, jotka sinun täytyy selvittää, kuten mitä valokuvia sisällyttää ja kuinka sivun asettelu tapahtuu - ja jos sinulla ei ole paljon verkkosivujen suunnittelua koskevia tietoja, prosessi voi vaikuttaa vakavasti pelottavalta.
Olemme täällä kertoaksemme, että sinulla on tämä. Jotta kauniin verkkosivuston vetäminen on helppoa, olemme keksineet perimmäisen työkalupakin, joka opastaa sinut kaikki tarvittavat elementit sivustosi luomiseen ja ajamiseen, sekä suosikkiohjelmamme ja pro-vinkkimme niiden tekemiseen mahtava.
1. Kuvat
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Olet varmasti kuullut sanonnan “kuvat ovat tuhannen sanan arvoisia”. Tämä soi erityisesti digitaalisen sisällön suhteen; mitä enemmän voit välittää silmäänpistävien kuvien avulla, sitä vähemmän tekstiä sinun on käytettävä kuvaamaan sitä, mitä yrität sanoa tai myydä.</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>Aloita miettimällä itseäsi ja työtäsi. Onko sinulla ammattimaista kuvaa, jota voit käyttää? Jos ei, etsi ystävä ja kokeile itseäsi ottaaksesi oman tai harkita ammattilaisen palkkaamista. Onko sinulla valokuvia tai kuvakaappauksia aiemmin tekemästäsi työstä? Kerää ne. Entä valokuvista, jotka rakastat ja jotka olet jakanut Instagramissa ja jotka edustavat työtäsi tai persoonallisuuttasi? Valitse muutama suosikkisi.</p>
<p>Jos tarvitset täyteainetta, varastossa olevat kuvat ovat tie. Unsplash ja StockSnap.io ovat joitain suosikkiominaisuuksettomista vaihtoehdoistamme (eli voit käyttää niitä ilmaiseksi sydämesi sisältöön). Jos et löydä etsimääsi, voit harkita yhden tai kahden täydellisen kuvan maksamista. Siellä on paljon vaihtoehtoja laajoista kalustokuva-sivustoista, kuten Getty Images - joka on integroitu Squarespaceen, joka tarjoaa 10 dollaria kuvia sivuston kautta ostaville - pienempiin toimintoihin, kuten Stocksy ja Twenty20, joissa kustannukset ovat yleensä noin 10–25 dollaria. per kuva.</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>Kun valitset näitä valokuvia, ajattele kuvia, jotka heijastavat persoonallisuuttasi tai asioita, jotka vietät päivittäin tekemällä. Istuitko, kuten useimmat meistä, työpöydällä koko päivän? Etsi työpöytäkuva, joka sopii persoonallisuuteesi. Sisältääkö päätöksesi ihmiset? Etsi kuvia, joissa ryhmät tekevät yhteistyötä. Puhuitko kaiken intohimostasi matkailuun? Etsi upeita valokuvia suosikkikohteistasi. Voit jopa päättää käyttää videota taustakuvana, jos sillä on merkitystä tekemällesi työlle!</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>On mahdollista, että jossain vaiheessa haluat muokata jo olemassa olevia tai verkossa löytämiäsi kuvia. Siirry rajaamiseen, valamiseen, kosketusnäkymiin ja jopa tekstin tai grafiikan lisäämiseen yksinkertaisella kuvankäsittelyohjelmalla. Joillakin verkkosivujen suunnittelupalveluilla - mukaan lukien neliötila - on kuvankäsittelyohjelma saatavana osana alustaa. Muuten verkossa on paljon ilmaisia tai halpoja vaihtoehtoja. PicMonkey tarjoaa täyden sarjan ominaisuuksia 5 dollaria / kk, jotka vaihtelevat helppokäyttöisestä hampaiden valkaisusta ja päätysi meikkaustehosteista valosuodattimiin, kehyksiin ja muuhun.</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>Lisälukema:</strong> 50 ilmaista valokuvaa, joiden avulla voit tehdä sosiaalisista profiileistasi upeita</p>
<a id="menu-2"></a><h2>2. Väripaletti</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Monissa verkkosivustojen malleissa on esiasetettu värimaailma, joten jos pidät siitä, mitä sinulle annetaan, ohita tämä osa vapaasti. Koska värit ovat helppo tapa lisätä pieni persoonallisuus sivustoosi, voit muuttaa niitä.</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>Haluatpa sitten mustavalkoista, jossa on kirkkaudenpunaa, tai haluatko yhdistää eri sävyjä sivustollesi, coolors.co on loistava resurssi värien tunnistamiseen, jotka toimivat yhdessä. Se on erittäin helppokäyttöinen - käy vain sivustolla ja paina välilyöntiä, kunnes kompasit haluamasi sävyt. Voit jopa ladata valokuvia valokuvillasi ja saada mallit suoraan niistä. Jos lisäät paljon kuvia sivustollesi, tämä voi olla hyvä strategia varmistaaksesi, että värimaailmasi toimii yleisesti. Toinen yllättävä paikka löytää värejä, jotka toimivat hyvin yhdessä ja edustavat sinua? Kaapisi! Vedä joitain suosikkilankojasi ja sovita värivalinnat niihin.</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>Suosittelemme valitsemaan useimmiten neutraalin paletin, jossa on yksi tai kaksi aksenttiväriä, jotta asiat eivät muuttuisi visuaalisesti raskaiksi. Kokeile muutama harmaa sävy plus suosikkivärisi ja sitä täydentävä sävy (esimerkiksi vaaleanharmaa, keskiharmaa, tummanharmaa, oranssi ja sininen), jotta pääset helposti menemään. Kun rakastat kokoamiasi tuotteita, vie koko paletti tai kopioi haluamiesi mallien värikoodit ja liitä ne suoraan sivukoodiin tai sisäänrakennettuun tyylieditoriin.</p>
<p><strong>Lisätietoja:</strong> Väriteoria suunnittelijoille: Omien väripalettien luominen</p>
<a id="menu-3"></a><h2>3. Kirjasimet</h2>
<p align=)
.</p>
<p>Varoitussana - vaikka voi olla houkuttelevaa valita jotain hauskaa tai erilaista, sinun tulee noudattaa samaa periaatetta kuin valitset jatkossa fontteja, ja varmista, että kaikki on ammattimaista ja luettavissa. Jos haluat todella sisällyttää korsitiivisen tai ainutlaatuisen fontin, pelaamalla sijoittamalla se vain yhteen paikkaan graafisena elementtinä (esimerkiksi otsikossa) ja pitämällä loput teksti yksinkertaisempana.</p>
<p><strong>Lisälukema:</strong> 20 parasta ja huonointa kirjasinta käytettäväksi ansioluettelossasi (tai henkilökohtaisella sivustolla)</p>
<a id="menu-4"></a><h2>4. Sivun asettelu</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Nyt olet valinnut kaiken, mutta mistä laitat kaiken sivulle? Paljon sisällön järjestäminen ja sen näyttäminen tarkoitukselliselta voi olla vaikeaa, jos et tunne web-suunnittelua, mutta on paljon tapoja nousta nopeasti.</p>
<p>Jos rakennat sivustoasi Squarespacessa, arvostat yrityksen aloittelijan asetteluja, jotka tarjoavat malleja, jotka on optimoitu kaikkeen sinun tietosi-sivulta kontakti-sivulle. Sieltä voit kytkeä sisällön suoraan sisään tai siirtää elementtilohkoja ympäri tarpeitasi.</p>
<p>Toinen hieno paikka saada inspiraatiota asettelustasi on muiden ihmisten sivustot! Jäljitelmä on paras tyydytyksen muoto, joten etsi ihmisiä, joiden mielestäsi olet järjestänyt sivustonsa hyvin, ja yritä matkia niistä haluamiasi elementtejä. Tai hakutermejä, kuten ”verkkosivuston suunnittelu” ja “verkkosivuston asettelu”, kerätäksesi esimerkkejä, jotka voit kopioida itse.</p>
<p><strong>Lisälukema:</strong> 35 parasta henkilökohtaista verkkosivustoa, joita olemme koskaan nähneet</p>
<a id="menu-5"></a><h2>5. Logo</h2>
<p align=)