{"id":235852,"date":"2021-12-02T15:47:00","date_gmt":"2021-12-02T12:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235852"},"modified":"2022-05-16T11:50:41","modified_gmt":"2022-05-16T08:50:41","slug":"9-semplici-regole-di-progettazione-per-rendere-il-tuo-sito-web-piu-bello","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/9-semplici-regole-di-progettazione-per-rendere-il-tuo-sito-web-piu-bello\/","title":{"rendered":"9 semplici regole di progettazione per rendere il tuo sito web pi\u00f9 bello"},"content":{"rendered":"

"Faccio schifo al design."<\/p>\n

L’ho gi\u00e0 sentito molte volte.<\/p>\n

Conosco molte persone che gestiscono siti Web e creano ottimi contenuti, ma insistono sul fatto che non hanno gusti di design.<\/p>\n

Senza senso!<\/p>\n

Penso che chiunque possa affinare il proprio occhio per il design, ma se ti servisse un piccolo aiuto, questo post \u00e8 per te.<\/p>\n

In questo tutorial troverai 9 principi di progettazione di base che puoi applicare a tutto ci\u00f2 che fai.<\/p>\n

Ho scritto questi suggerimenti per essere il pi\u00f9 attuabili possibile in modo che siano facili da implementare sul tuo sito web.<\/p>\n

Consulta questo elenco ogni volta che devi fare una scelta di design e ti prometto che il risultato sar\u00e0 un po’ pi\u00f9 bello.<\/p>\n

Iniziamo con\u2026<\/p>\n

1 Non usare mai testo colorato<\/h2>\n

A meno che tu non sappia cosa stai facendo, il testo colorato tende ad essere brutto e difficile da leggere.<\/p>\n

Come regola generale, rendi sempre il tuo testo bianco o nero<\/strong>.<\/p>\n

Se hai del testo colorato sul tuo sito web, dovresti scegliere di usare il colore nelle vicinanze.<\/p>\n

Ecco cosa intendo.<\/p>\n

Esempio 1<\/h3>\n

Questo pulsante ha un testo blu e uno sfondo grigio chiaro. Sembra un po’ piatto e il testo sovrasta la forma del pulsante:<\/p>\n

Se capovolgo i colori usando il blu per lo sfondo e il testo chiaro, sembra molto meglio:<\/p>\n

E mentre parliamo di pulsanti…<\/p>\n

Se il tuo pulsante ha uno sfondo colorato, avr\u00e0 quasi sempre un aspetto migliore con il testo bianco.<\/p>\n

Il testo nero tende a sembrare orribile sopra il colore a meno che quel colore non sia davvero pallido o solo un grigio pi\u00f9 chiaro:<\/p>\n

Se usi comunemente testo colorato nei tuoi post, apprezzerai le idee nel prossimo esempio.<\/p>\n

Esempio #2<\/h3>\n

Come altro esempio, potresti avere del testo colorato in un post perch\u00e9 vuoi che risalti, in questo modo:<\/p>\n

Questo testo non ha un bell’aspetto perch\u00e9 \u00e8 blu!<\/p>\n

Ci sono modi pi\u00f9 esteticamente gradevoli per attirare l’attenzione con il colore. Per non parlare del fatto che alcuni colori (come il blu) fanno sembrare il testo normale un collegamento.<\/p>\n

Un altro approccio per attirare l’attenzione con il colore \u00e8 rendere il testo bianco e lo sfondo blu:<\/p>\n

Questo \u00e8 un sacco di colore, quindi usalo con parsimonia!<\/p>\n

Oppure potresti ridurre la saturazione in modo che lo sfondo sia molto pallido e quindi rendere il testo nero per un aspetto pi\u00f9 sottile:<\/p>\n

Il testo nero ha un bell’aspetto su sfondi chiari.<\/p>\n

Oppure puoi lasciare il testo nero e aggiungere un tocco di colore come bordo attorno al testo:<\/p>\n

Questo \u00e8 un aspetto pi\u00f9 semplice che attira ancora l’attenzione.<\/p>\n

Oppure potresti combinare uno sfondo e un bordo:<\/p>\n

Questo \u00e8 un altro modo interessante di usare il colore.<\/p>\n

Per riassumere le regole sul testo colorato:<\/p>\n

Dovresti usare uno sfondo colorato o un bordo colorato intorno al testo invece di cambiare il colore del testo. Inoltre, il bianco ha sempre un aspetto migliore su sfondi colorati, a meno che il colore non sia molto pallido.<\/p>\n

Ora scegliamo i colori che utilizzerai.<\/p>\n

Solo perch\u00e9 tu lo sappia, ho dovuto scrivere un po’ di CSS per aggiungere bordi ai paragrafi precedenti. Gutenberg non ha ancora un’opzione di confine. Puoi aggiungere bordi gi\u00e0 con i widget Elementor<\/a>.<\/p>\n

2 Usa una tavolozza di colori<\/h2>\n

Scegliere i colori al volo \u00e8 un grosso errore da principiante.<\/p>\n

Ogni volta che applichi il colore al tuo sito web, dovresti sempre scegliere un colore dalla tua tavolozza<\/strong>.<\/p>\n

Usando una tavolozza, puoi semplicemente selezionare dai tuoi colori esistenti e sai che il risultato sar\u00e0 bello e "on brand" senza alcuno sforzo.<\/p>\n

Ed ecco la cosa…<\/p>\n

Sono un web designer da anni e faccio ancora fatica a creare belle tavolozze di colori.<\/p>\n

Ed \u00e8 per questo che tradisco \ud83d\ude09<\/p>\n

Non creo mai le mie tavolozze di colori. Invece, trovo una splendida tavolozza di colori che \u00e8 gi\u00e0 stata creata e poi la modifico per soddisfare le mie esigenze di progettazione.<\/p>\n

La mia risorsa segreta per trovare le tavolozze dei colori<\/a> \u00e8 Color Hunt<\/a>.<\/p>\n

\"9<\/a><\/p>\n

Questo fantastico sito Web ha una comunit\u00e0 di membri che creano e condividono tavolozze di colori che progettano.<\/p>\n

Se navighi nella homepage troverai un elenco infinito di bellissime tavolozze tra cui scegliere. Facendo clic su una tavolozza si accede alla relativa pagina in cui sono elencate di seguito le tavolozze correlate.<\/p>\n

\"9<\/a><\/p>\n

Onestamente, \u00e8 molto divertente sfogliare le tavolozze e ottenere idee e ispirazione per il tuo sito.<\/p>\n

Se hai gi\u00e0 in mente una tonalit\u00e0, puoi scegliere un colore con cui iniziare utilizzando la barra di ricerca.<\/p>\n

\"9<\/a><\/p>\n

Sono disponibili anche parole chiave predefinite come "caldo" e "freddo" per trovare tavolozze adatte.<\/p>\n

Dopo aver selezionato una tavolozza che ti piace e aver implementato i colori sul tuo sito, rimarrai stupito di quanta differenza faccia.<\/p>\n

Questi primi due suggerimenti dovrebbero indurre i tuoi visitatori a pensare che sei un maestro del design che brandisce il colore.<\/p>\n

Ora parliamo di font!<\/p>\n

3 Usa solo 1 o 2 caratteri<\/h2>\n

I colori dovrebbero essere selezionati dalla tua tavolozza. I caratteri sono simili.<\/p>\n

Dovresti selezionare uno o due caratteri e poi riutilizzarli per tutto.<\/p>\n

Spesso, quando gli utenti di WordPress imparano a cambiare i caratteri sul loro sito, improvvisamente vogliono usarli tutti!<\/p>\n

Ad esempio, ho visto persone cambiare il carattere di un paragrafo per farlo risaltare in un post. \u00c8 una cattiva idea. Se hai bisogno che il testo si distingua in un post puoi:<\/p>\n