{"id":5601,"date":"2009-03-23T09:20:31","date_gmt":"2009-03-23T07:20:31","guid":{"rendered":"https:\/\/www.dreamsworld.it\/emanuele\/?p=5601"},"modified":"2016-05-17T12:32:25","modified_gmt":"2016-05-17T10:32:25","slug":"costruire-un-tema-scelta-dei-colori","status":"publish","type":"post","link":"https:\/\/www.dreamsworld.it\/emanuele\/2009-03-23\/costruire-un-tema-scelta-dei-colori\/","title":{"rendered":"Costruire un tema: scelta dei colori."},"content":{"rendered":"

Rieccoci con l’ennesimo appuntamento. Ho gi\u00e0 parlato di layout<\/a> e dimensioni<\/a>, il prossimo passo \u00e8 capire che tono dare<\/strong> alle nostre pagine.<\/p>\n

Inutile farvi la mielosa manfrina<\/em> sul verde-speranza, rosso-passione, nero-inquieto, arancione-piccante e cos\u00ec via. Lo sappiamo tutti.<\/p>\n

Io ad esempio volevo dare al blog un tono fresco, leggero e allegro<\/strong>, cos\u00ec, come psicologia insegna<\/em>, i colori da usare erano pastelli chiari<\/strong>: azzurro, verde (volevo persino mettere un po’ di giallo ma poi vi spiego un po’ perch\u00e9 non l’ho messo…). Anche il colore del testo non \u00e8 un semplice nero.<\/p>\n

Innanzitutto dobbiamo rispondere ad una semplice domanda: di cosa parleremo nel blog?<\/strong> Stiamo costruendo il nostro<\/strong> tema e abbiamo la possibilit\u00e0 di ottimizzarne ogni suo aspetto. Quali saranno gli argomenti?<\/p>\n

Nel mio caso la risposta la conoscevo gi\u00e0, il mio blog va avanti da anni e difficilmente cambier\u00e0 target<\/strong>. E’ un blog personale e dunque pieno di racconti di giornate pi\u00f9 o meno allegre, pi\u00f9 o meno pesanti, pi\u00f9 o meno storte<\/strong>.<\/p>\n

Ecco, l’ultima parola potr\u00e0 sembrare stupida ma non lo \u00e8.<\/p>\n

La vita (qualche manfrina mielosa devo pur scriverla da qualche parte<\/em>) \u00e8 fatta di alti e bassi, cos\u00ec, come vi sentireste a scrivere dentro un cuoricino frasi inneggianti l’odio<\/strong>?<\/p>\n

E’ un esempio drastico di come il contenitore possa risultare in contrasto con il contenuto<\/strong>. Potr\u00e0 sembrar banale ma non lo \u00e8.<\/p>\n

Questo periodo della mia vita \u00e8 particolarmente allegro e questo – \u00e8 giusto dirlo – volevo farlo risaltare<\/strong>. Sia perch\u00e9 mi rispecchia molto, sia perch\u00e9 i contenuti presumibilmente<\/em> continueranno ad avere questa linea.<\/p>\n

Per\u00f2, so<\/strong> che non sempre sar\u00e0 cos\u00ec. Si dice che uno degli errori pi\u00f9 grandi<\/strong> degli uomini sia quello di non cercare le nuvole in cielo quando c’\u00e8 bel tempo. Io voglio esser preparato<\/strong>, cos\u00ec mi son chiesto se non corressi il rischio di odiare<\/em> (parola grossa) questo posto ogni volta che, arrivando da queste parti di pessimo umore, mi sarei ritrovato un bel sole<\/strong> (ecco il giallo!) stampato in faccia.<\/p>\n

Va bene che psicologicamente pu\u00f2 persino aiutare, per\u00f2 volevo sentirmi libero<\/strong> di adattare il tema ai contenuti e non il contrario.<\/p>\n

Volevo dargli un argomento<\/em> ma non chiuderlo a doppia mandata su uno specifico. Cos\u00ec, l’header \u00e8 s\u00ec allegro, ma non carico<\/strong>. C’\u00e8 un bel sorriso, ma… provate a mettergli una mano davanti<\/strong>. Cosa vedete? Un panorama sereno<\/strong>, che tra l’altro incuriosisce per il suo inconsapevole<\/em> aspetto indeciso.<\/p>\n

Bene, dopo questa manfrina sono sicuro che anche voi avrete scelto i vostri colori<\/strong>. Ma… come far combaciare tutto in modo da non essere un pugno nell’occhio, come un verde acceso accanto ad un giallo?<\/p>\n

\"PaletteIo non sono un bravo grafico (non sono neanche un mago nell’accoppiare scarpe, jeans e maglietta<\/strong>) ma c’\u00e8 chi ha fatto mezzo<\/em> lavoro per noi. Quelli di COLOURlovers<\/a>. Sul sito trovate schemi di colori<\/strong> proposti da utenti (con un pizzico di buon gusto in pi\u00f9 di noi<\/em>) che sono continuamente, scelti, rivisti e votati dalla community. Insomma, scegliete un umore<\/strong> (provate con “happy” ad esempio) e trovate sicuramente un accoppiamento carino. Ah, se ve ne innamorate, hanno persino un feed<\/a> costantemente aggiornato con gli ultimi inserimenti.<\/p>\n

Ovviamente ricordatevi di cosa state facendo: un sito web non \u00e8 una locandina pubblicitaria<\/strong>, cos\u00ec i colori troppo accesi visti su un monitor (che li illumina) potrebbero dare pi\u00f9 fastidio rispetto alla stessa versione stampata. In linea di massima i colori pacati<\/strong> vanno bene per il tema, quelli accesi per dei particolari<\/strong> (piccoli) che volete far risaltare.<\/p>\n

Infine, non dimentichiamo la cosa pi\u00f9 importante: la leggibilit\u00e0<\/strong>.<\/p>\n

Stiamo costruendo (e lo dico per l’ennesima volta<\/em>) un blog! La caratteristica che lo contraddistingue \u00e8 proprio la presenza continua di nuovi contenuti<\/strong>. Un conto \u00e8 dover leggere una sola volta un testo giallo canarino su sfondo bianco, un conto \u00e8 doverlo fare ogni giorno per ogni nuovo contenuto. Ricordatevi dei vostri lettori (oppure pagategli la visita dall’oculista<\/em>).<\/p>\n

La scelta del colore del testo (e del suo contrasto con lo sfondo<\/strong>), assume dunque un aspetto fondamentale.<\/p>\n

Alcune ricerche sperimentali<\/strong> condotte una decina d’anni fa e volte a valutare la leggibilit\u00e0 di un testo in base ad alcune coppie di colori, hanno mostrato come la migliore leggibilit\u00e0 si ottenga col verde su sfondo giallo<\/strong> (ebbene si, sorpresa per tutti). L’elevato contrasto favorisce la lettura. A seguire immediatamente questo risultato c’era il classico “nero su bianco” (eccolo, ve lo aspettavate…). Il bianco su nero e altre combinazioni mostrarono livelli di leggibilit\u00e0 inferiori.<\/p>\n

\"SpettroPersonalmente non avevo voglia di inserire uno sfondo verde, per\u00f2 volevo tenere conto<\/strong> di questo aspetto e per questo entra in gioco lo spettro dei colori<\/strong>. E’ infatti consigliabile evitare l’accoppiamento<\/strong> di colori agli estremi dello spettro (ad esempio giallo e viola o rosso e blu) in quanto affaticano la vista. Per questo il testo sul mio blog non \u00e8 nero<\/strong> (codice RGB<\/a> #000000 ma un pi\u00f9 pacato #444444).<\/p>\n

Tale conferma arriva da WordPress stesso<\/strong>: durante lo sviluppo della versione 2.7 una grande attenzione fu posta alla qualit\u00e0 del backend<\/em>. Fu chiesto il supporto di designer professionisti e… avete notato come il testo, a differenza delle versioni precedenti<\/strong>, non sia in un semplice nero su bianco ma un grigio (codice #333333) su bianco? Tutto torna. \ud83d\ude42<\/p>\n

Ah, un ultimo consiglio: evitate il rosso e il verde per il testo. I daltonici<\/strong> hanno difficolt\u00e0 a distinguerli e l’accessibilit\u00e0<\/strong> passa anche da li.<\/p>\n

Si continua gioved\u00ec…<\/p>\n

Emanuele<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Rieccoci con l’ennesimo appuntamento. Ho gi\u00e0 parlato di layout e dimensioni, il prossimo passo \u00e8 capire che tono dare alle nostre pagine. Inutile farvi la mielosa manfrina sul verde-speranza, rosso-passione, nero-inquieto, arancione-piccante e cos\u00ec via. Lo sappiamo tutti. Io ad … Leggi ancora →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_post_was_ever_published":false},"categories":[4],"tags":[524,302,565,567,552,564,196,568,569,566,529,490,491,526,52,528,493],"class_list":["post-5601","post","type-post","status-publish","format-standard","hentry","category-internet","tag-accessibilita","tag-blog","tag-colori","tag-colourlovers","tag-lcd","tag-leggibilita","tag-luce","tag-monitor","tag-occhi","tag-palette","tag-siti-web","tag-tema","tag-template","tag-user-experience","tag-vista","tag-web-design","tag-wordpress"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/posts\/5601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/comments?post=5601"}],"version-history":[{"count":0,"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/posts\/5601\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/media?parent=5601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/categories?post=5601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dreamsworld.it\/emanuele\/wp-json\/wp\/v2\/tags?post=5601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}