{"id":6782,"date":"2015-12-03T12:19:59","date_gmt":"2015-12-03T10:19:59","guid":{"rendered":"https:\/\/www.hostingvirtuale.com\/blog\/?p=6782"},"modified":"2018-06-26T09:49:58","modified_gmt":"2018-06-26T07:49:58","slug":"4-programmi-di-grafica-per-muovere-i-primi-passi","status":"publish","type":"post","link":"https:\/\/www.hostingvirtuale.com\/blog\/4-programmi-di-grafica-per-muovere-i-primi-passi-6782.html","title":{"rendered":"4 programmi di grafica per muovere i primi passi"},"content":{"rendered":"

\"4<\/p>\n

Sei un web designer<\/strong> in erba e stai cercando di fare esperienza nella professione che ami. Dopo i primi entusiasmi, eccole prime difficolt\u00e0. Aspetta. Non dirmelo. Hai dato un\u2019occhiata su Google per trovare i migliori programmi di grafica<\/strong>. Risultato? Sei pi\u00f9 confuso di prima. Di fronte a te si aprono decine di scelte, ognuna sembra quella giusta.<\/p>\n

Nella pratica, per\u00f2, questi software non sono facili da capire e nemmeno da usare. Tutto questo si scontra con la tua voglia di imparare, di sporcarti le mani. Senti il bisogno di crearti una cassetta degli attrezzi, una base solida per iniziare subito ma in modo semplice. Sei nel posto giusto. Voglio consigliarti 4 tool di grafica per muovere i primi passi nel mondo del web design<\/a>.<\/p>\n

Programmi\u00a0di grafica: Adobe Color CC<\/strong><\/h2>\n

Hai studiato la teoria del colore. Ora vuoi un tool che ti aiuti a formare le giuste combinazioni cromatiche<\/strong>? Prova Adobe Color CC<\/a>. \u00c8 uno dei software pi\u00f9 diffusi e per molti web designer \u00e8 uno strumento irrinunciabile. Questo programma ha un\u2019interfaccia semplice e chiara. Sulla sinistra trovi le combinazioni di colori.<\/p>\n

\"Tool<\/p>\n

Scegli una e nota come cambia sulla ruota. In questo modo puoi creare gli abbinamenti pi\u00f9 diversi, basta spostare i cursori. In basso c\u2019\u00e8 il pannello colori che puoi modificare a tuo piacimento. Puoi ampliarlo se clicchi sul triangolo sotto.<\/p>\n

Ancora una cosa: con Adobe Color puoi realizzare i diversi accostamenti cromatici anche grazie a una semplice parola chiave. Scrivila direttamente nella search console. So cosa stai pensando: \u201cPosso salvare il set di colori?<\/em>\u201d A una condizione: devi iscriverti ad Adobe.<\/p>\n

Per approfondire<\/strong>: Come scegliere i colori giusti per un sito web<\/a>.<\/p>\n

Google Fonts<\/strong><\/h2>\n

Hai creato una buona immagine dal punto di vista dei colori. Ora devi affiancarla a parole che sappiano emozionare<\/strong> e allo stesso tempo siano leggibili<\/strong>. Google Fonts<\/a> \u00e8 la soluzione ideale.<\/p>\n

Questo tool ti mette a disposizione oltre 100 famiglie di caratteri e stili. Puoi provare il font che preferisci in anteprima e combinare diverse configurazioni.<\/p>\n

\"QualeLe palette<\/strong> ti permettono di capire come una frasei, una parole, paragrafi appariranno sul tuo sito. Hai scelto il font per il tuo blog<\/a>? Bene. Aggiungilo alla tua libreria, cliccando \u201cadd to collection\u201d.<\/p>\n

Dopo clicca sul tasto \u201cuse\u201d per vedere le altre specifiche da inserire nel codice. In questo modo puoi scegliere le variazioni del font che si adattano meglio alla tua piattaforma.<\/p>\n

Con Google Fonts puoi capire anche quanto il font selezionato incide sul caricamento del sito<\/strong>. C\u2019\u00e8 un misuratore colorato che ti indica come aggiustare il tiro. Piccolo consiglio<\/strong>: non usare troppi caratteri diversi. Corri il rischio di rallentare il sito web e peggiorare la user experience.<\/p>\n

Balsamiq mockups<\/strong><\/h2>\n

Stai aggiornando il sito web<\/a> di un cliente. Stai ricostruendo una pagina del blog. Vuoi mostrare la struttura del progetto<\/strong>, il wireframe<\/strong>. Ci sono molti programmi\u00a0di grafica che si prestano bene allo scopo e danno al tuo lavoro un aspetto professionale.<\/p>\n

Ad esempio Balsamiq mockups<\/a>. Con questa risorsa puoi rappresentare gli spazi e le funzionalit\u00e0 di una pagina web. Ma non solo. Puoi comunicare il progetto ad altri collaboratori e provare a ottimizzare il posizionamento dei contenuti.<\/p>\n

\"Balsamiq<\/p>\n

In ogni caso, i vantaggi pi\u00f9 importanti<\/strong> sono due:<\/p>\n