Quindi, hai deciso che è finalmente il momento di lanciare un sito Web per mostrare le tue capacità professionali o il tuo trambusto laterale. In preparazione, hai acquisito il dominio perfetto, ti sei registrato per un servizio di creazione di siti Web, hai scelto il modello giusto e preparato una copia premiata da vomitare lì. E ora stai fissando il tuo sito Web grande, bello e vuoto . Enfasi sul bianco.
Nonostante la facilità con cui tante piattaforme online stanno costruendo un sito web in questi giorni, fissare una pagina vuota probabilmente ti fa girare la testa. Dopotutto, ci sono ancora alcune cose che devi capire - come quali foto includere e come disporre la pagina - e se non hai molta conoscenza del web design, il processo può sembrare seriamente intimidatorio.
Siamo qui per dirti che hai questo. Per trasformare un bellissimo sito Web in un gioco da ragazzi, abbiamo creato il kit di strumenti definitivo che ti guiderà attraverso tutti gli elementi di cui hai bisogno per rendere il tuo sito attivo e funzionante, insieme ai nostri programmi preferiti e suggerimenti professionali per realizzarli eccezionale.
1. Le immagini
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Hai sicuramente sentito il detto: "le immagini valgono più di mille parole". Questo suona particolarmente vero quando si tratta di contenuti digitali; più puoi trasmettere attraverso immagini accattivanti, meno testo dovrai usare per descrivere ciò che stai cercando di dire o vendere.</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>Inizia pensando a te stesso e al tuo lavoro. Hai una foto professionale che puoi usare? In caso contrario, trova un amico e prova a prenderne uno tuo, o considera di assumere un professionista. Hai foto o schermate di lavoro che hai svolto in passato? Collezionali. Che ne dici delle foto che ami e che hai condiviso su Instagram che rappresentano il tuo lavoro o la tua personalità? Scegli alcuni dei tuoi preferiti.</p>
<p>Se hai bisogno di un riempitivo, le immagini di riserva sono la strada da percorrere. Unsplash e StockSnap.io sono alcune delle nostre opzioni preferite senza attribuzione (il che significa che puoi usarle gratuitamente per il contenuto del tuo cuore). Se non trovi quello che stai cercando, potresti considerare di pagare una o due foto perfette. Ci sono tonnellate di opzioni là fuori, dai grandi siti di immagini stock come Getty Images - che ha un'integrazione con Squarespace che offre immagini da $ 10 alle persone che acquistano attraverso il sito - a operazioni più piccole come Stocksy e Twenty20 dove il costo è di solito intorno a $ 10- $ 25 per immagine.</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>Quando scegli queste foto, pensa a immagini che riflettano la tua personalità o le cose che passi ogni giorno a fare. Come molti di noi, ti siedi alla scrivania tutto il giorno? Cerca una foto da scrivania adatta alla tua personalità. Il tuo lavoro principale coinvolge le persone? Cerca scatti che mostrano gruppi che collaborano. Parli della tua passione per i viaggi? Cerca alcune splendide fotografie delle tue destinazioni preferite. Potresti anche decidere di utilizzare un video come immagine di sfondo se questo ha senso per il lavoro che fai!</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>È probabile che in un momento o nell'altro, vorrai modificare le immagini che hai già o che hai trovato online. Ottieni ritagli, schiariture, ritocchi e persino l'aggiunta di testo o grafica con un semplice editor di immagini. Alcuni servizi di progettazione di siti Web, incluso Squarespace, hanno un editor di immagini disponibile come parte della piattaforma. Altrimenti, ci sono molte opzioni gratuite o economiche online. PicMonkey offre un set completo di funzionalità per $ 5 al mese, che vanno dallo sbiancamento dei denti facile da usare agli effetti di trucco per il tuo colpo in testa a filtri fotografici, cornici e altro ancora.</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>Ulteriori letture:</strong> 50 foto gratuite che puoi utilizzare per rendere i tuoi profili social più sbalorditivi</p>
<a id="menu-2"></a><h2>2. La tavolozza dei colori</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Molti modelli di siti Web sono dotati di una combinazione di colori predefinita, quindi se ti piace quello che ti è stato dato, non esitare a saltare questa sezione. Tuttavia, poiché i colori sono un modo semplice per aggiungere un po 'di personalità al tuo sito, potresti scegliere di cambiarli.</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>Sia che ti piaccia il bianco e nero con un tocco di luminosità o desideri un'infarinatura di sfumature sul tuo sito, coolors.co è un'ottima risorsa per identificare i colori che funzioneranno insieme. È super facile da usare: basta visitare il sito e premere la barra spaziatrice fino a quando non inciampare in una serie di tonalità che ti piace. Puoi persino caricare foto con i colori che ami e ottenere campioni direttamente da loro. Se stai includendo molte immagini sul tuo sito, questa potrebbe essere una buona strategia per essere sicuro che la tua combinazione di colori funzioni nel complesso. Un altro posto sorprendente per trovare colori che funzionano bene insieme e ti rappresentano? Il tuo armadio! Estrai alcuni dei tuoi fili preferiti e abbina le tue scelte di colore a quelle.</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>Per evitare che le cose diventino visivamente travolgenti, ti consigliamo di scegliere una tavolozza prevalentemente neutra con uno o due colori di accento. Per un facile accesso, prova alcune sfumature di grigio oltre al tuo colore preferito e alla sua tonalità complementare (ad esempio, grigio chiaro, grigio medio, grigio scuro, arancione e blu). Una volta che ami ciò che hai messo insieme, esporta la tavolozza nel suo insieme o copia i codici colore per campioni specifici che ti piacciono e incollali direttamente nel codice del tuo sito o nell'editor di stile integrato.</p>
<p><strong>Ulteriori letture:</strong> teoria dei colori per i progettisti: creazione di tavolozze dei colori personalizzate</p>
<a id="menu-3"></a><h2>3. I caratteri</h2>
<p align=)
.</p>
<p>Un avvertimento qui: mentre può essere allettante scegliere qualcosa di divertente o diverso, dovresti seguire lo stesso principio che fai quando scegli i caratteri sul tuo curriculum e assicurati che tutto sia professionale e leggibile. Se vuoi davvero includere un carattere corsivo o unico, gioca inserendolo in un solo posto come elemento grafico (nella tua intestazione, per esempio) e mantenendo il resto del testo più semplice.</p>
<p><strong>Ulteriori letture:</strong> 20 font migliori e peggiori da utilizzare sul tuo curriculum (o sito personale)</p>
<a id="menu-4"></a><h2>4. Il layout della pagina</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Ora hai scelto tutto, ma dove lo metti tutto sulla pagina? Organizzare molti contenuti e renderli intenzionali può essere difficile se non si ha familiarità con il web design, ma ci sono molti modi per accelerare rapidamente.</p>
<p>Se stai costruendo il tuo sito su Squarespace, apprezzerai i layout di partenza dell'azienda, che offrono modelli ottimizzati per tutto, dalla tua pagina di informazioni a una pagina di contatto. Da lì, puoi collegare i tuoi contenuti direttamente o spostare i blocchi di elementi in giro per soddisfare le tue esigenze.</p>
<p>Un altro ottimo posto per trarre ispirazione per il tuo layout sono i siti di altre persone! L'imitazione è la migliore forma di adulazione, quindi trova persone che pensi abbiano organizzato bene i loro siti e prova a imitare gli elementi che ti piacciono. Oppure cerca termini come "progettazione di siti Web" e "layout di siti Web" per raccogliere esempi che puoi replicare da solo.</p>
<p><strong>Ulteriori letture:</strong> i 35 migliori siti Web personali che abbiamo mai visto</p>
<a id="menu-5"></a><h2>5. Il logo</h2>
<p align=)
chiedi all'esperto
