Grafica per il Web - Web Design Marketing Grafica Vettoriale
3 likes594 views
Una panoramica sulla progettazione grafica per il Web: tra marketing e informatica, dove si posizione il ruolo del Grafico per il Web? Come si interfaccia il settore Marketing con quello della Comunicazione Visiva?
Grafica per il Web - Web Design Marketing Grafica Vettoriale
- 1. GRAFICA PER IL WEB A cura di Massimiliano Camillucci
- 2. Massimiliano Camillucci - camilluccimultimedia.it CHI SONO? Consulente Informatico e di Innovazione Digitale. Libero professionista, lavoro con Professionisti, Start-Up e PMI. Mi occupo di Tecnologie Interattive, Comunicazione Web, Cloud e Digital Marketing. Sono appassionato di Musica, Videomaking e Gadget Tecnologici.
- 3. 1. CONTESTO: GRAFICA PER IL WEB 2. PROGETTARE GRAFICA PER PER IL WEB 3. STRUMENTI PER LA PROGETTAZIONE GRAFICA 4. PROGETTAZIONE IN TEAM 5. RISORSE UTILI E UX-CANVAS A cura di Massimiliano Camillucci GRAFICA PER IL WEB
- 4. COSA WEB"? Sito Web (WWW) Social Network (Instagram, Linkedin, Pinterest) App (Mobile, Web App) IoT (Internet of Things)
- 5. Massimiliano Camillucci - camilluccimultimedia.it SITO WEB Il Sito Web 竪 un insieme di una o pi湛 pagine ipertestuali Il World Wide Web nasce al CERN nel 1991 Esistono circa 1.000.000.000 di Siti Web Il Web 竪 passato per diverse rivoluzioni Il Sito Web oggi 竪 un portale di informazioni e servizi, e non pi湛 solo una vetrina statica
- 6. Massimiliano Camillucci - camilluccimultimedia.it SOCIAL I Social Network nascono come servizi web (Siti Web) Oggi sono ecosistemi informatici di Persone, Informazioni, Computer, Siti Web e Dispositivi I Social hanno rivoluzionato le relazioni interpersonali e quelle professionali I Social evolvono con una velocit impressionante, e non sempre 竪 facile stare al passo
- 7. Massimiliano Camillucci - camilluccimultimedia.it APP Le App sono Applicazioni Software per dispositivi Mobili quali Smartphone e Tablet Le App hanno rivoluzionato il mondo del Software (e non solo), e la modalit con cui gli utenti si rapportano al concetto di Software e Computer Le App hanno avuto una crescita esponenziale e oggi sono pi湛 di 1,5 milioni Creare una App 竪 sempre pi湛 facile, ma allo stesso tempo il mercato 竪 sempre pi湛 competitivo e dispersivo
- 8. Massimiliano Camillucci - camilluccimultimedia.it IOT Il presente e il futuro di Internet (e del Web) 竪 nelle cose IoT 竪 lacronimo di Internet delle cose (Internet of Things), 鍖loso鍖a informatica dove ogni oggetto 竪 collegato ad internet Oggi 竪 sempre pi湛 realt: ogni elettrodomestico 竪 connesso ad internet, ed 竪 possibile controllarlo da remoto (da Web) Dove c竪 controllo, c竪 interazione, dove c竪 interazione c竪 bisogno di Gra鍖ca e Comunicazione
- 9. COSA LA GRAFICA PER IL WEB Web Design Gra鍖ca Vettoriale Composizione Fotogra鍖ca
- 10. Massimiliano Camillucci - camilluccimultimedia.it WEB DESIGN Gra鍖ca per il Web 竪 sicuramente Web Design, ossia la presentazione gra鍖ca di un Sito Web e la costruzione di tutti quegli elementi che andranno a costituire il frontend Immaginiamo ora di chiedere al Web: Cosa 竪 la gra鍖ca per te? Gra鍖ca per il Web, 竪 una serie di oggetti informatici che rappresentano immagini, linee, forme e informazioni
- 11. Massimiliano Camillucci - camilluccimultimedia.it GRAFICA VETTORIALE La Gra鍖ca Vettoriale 竪 comune al mondo O鍖ine (serigra鍖a, o鍖-set) e al mondo Online sinonimo di dettaglio, de鍖nizione, precisione, risoluzione Loghi, Font, Illustrazioni sono spesso realizzati con questa tecnica
- 12. Massimiliano Camillucci - camilluccimultimedia.it COMPOSIZIONE FOTOGRAFICA lunione di fotoritocco, fotomontaggio e gra鍖ca vettoriale Anche questa attivit professionale vive sia nel mondo O鍖ine che in quello Online Poster, locandine, banner sono spesso realizzati con questa tecnica
- 13. INFORMATICA VS. MARKETING Comunicazione e Marketing Informatica, SEO e Machine Learning Teoria vs. Pratica
- 14. Massimiliano Camillucci - camilluccimultimedia.it COMUNICAZIONE E MARKETING Gra鍖ca, Web Design e creativit sono spesso a servizio e supporto del Marketing e della Comunicazione Aziendale Messaggi, Immagini, Loghi, Campagne pubblicitarie, hanno speci鍖ci obiettivi di Marketing e Comunicazione Il Gra鍖co per il Web dovr costruire progetti ad hoc per le esigenze speci鍖che
- 15. Massimiliano Camillucci - camilluccimultimedia.it SEO E MACHINE LEARNING daltra parte per嘆 il web nasce come oggetto informatico, e quindi dalla mente di ingegneri e scienziati Il Gra鍖co per il Web dovr costruire progetti secondo le speci鍖che tecniche di sviluppatori software e vincoli tecnologici Non solo: il web ti osserva. Google ti osserva e cerca di leggere e comprendere il contenuto della tua comunicazione gra鍖ca
- 16. 1. CONTESTO: GRAFICA PER IL WEB 2. PROGETTARE GRAFICA PER PER IL WEB 3. STRUMENTI PER LA PROGETTAZIONE GRAFICA 4. PROGETTAZIONE IN TEAM 5. RISORSE UTILI E UX-CANVAS A cura di Massimiliano Camillucci GRAFICA PER IL WEB
- 17. PROGETTARE COMUNICAZIONE PER IL WEB Velocit Mobile Friendly Leggibilit e Accessibilit
- 18. Massimiliano Camillucci - camilluccimultimedia.it VELOCIT Il Web 竪 veloce. Cresce, muta, evolve Lutente 竪 veloce, frettoloso e distratto La connessione ad internet non 竪 altrettanto veloce nei diversi contesti geogra鍖ci: nelle citt 竪 velocissimo, nelle zone rurali 竪 fermo al 2000 Il Progetto gra鍖co per il Web dovr essere veloce, snello e performate, sia tecnologicamente che psicologicamente
- 19. Massimiliano Camillucci - camilluccimultimedia.it MOBILE FRIENDLY Il Web 竪 Mobile Il Web 竪 Smartphone, 竪 App, 竪 Facebook, 竪 Google Il Progetto Gra鍖co per il Web dovr essere: mobile friendly, cio竪 fruibile da Smartphone, SEO friendly, cio竪 piacere a Google, Soprattutto user friendly, piacere allutente!
- 20. Massimiliano Camillucci - camilluccimultimedia.it LEGGIBILIT E ACCESSIBILIT Il Progetto gra鍖co per il Web dovr essere accessibile a tutti: sia a chi dispone di uno Smartphone di ultima generazione, che chi utilizza un vecchio computer con risoluzioni obsolete, Dovr essere accessibile anche ai diversamente abili, Dovr essere accessibile anche ai non umani, alle intelligenze arti鍖ciali che leggono i contenuti del Web.
- 21. RISOLUZIONE Pixel e HDPI JPG, PNG, SVG
- 22. Massimiliano Camillucci - camilluccimultimedia.it PIXEL E HDPI I Pixel cambiano: sono sempre pi湛 numerosi ed e鍖cienti; sempre pi湛 piccoli, sempre pi湛 luminosi Ottimo! ottimo? Non tutti i dispositivi (mobile, tablet, computer) hanno la stessa evoluzione tecnologica Pi湛 pixel = pi湛 qualit = pi湛 informazioni = immagini pi湛 pesanti = tempi di caricamento pi湛 lunghi = criticit
- 23. Massimiliano Camillucci - camilluccimultimedia.it JPG, PNG, SVG Il Progetto Gra鍖co dovr avvalersi in modo strategico delle diverse tecnologie disponibili per rappresentare gra鍖camente oggetti, immagini, fotogra鍖e e contenuti: JPG: immagini di grandi dimensioni, PNG: immagini con accuratezza cromatica, SVG: oggetti gra鍖ci vettoriali indipendenti dalla risoluzione, e leggerissimi!
- 24. RESPONSIVE DESIGN Frammentazione Responsive Web Progettare Responsive
- 25. Massimiliano Camillucci - camilluccimultimedia.it FRAMMENTAZIONE Abbiamo gi introdotto la problematica della presenza di diversi dispositivi ad uso dei diversi utenti del Web Non solo divers per tipologia: Computer, Tablet e Smartphone Ma anche diverse dimensioni di schermo, densit di pixel, velocit di connessione, di input (mouse, touch, touchless) Non dimentichiamo i Sistemi Operativi (Win, Mac, Linux)
- 26. Massimiliano Camillucci - camilluccimultimedia.it RESPONSIVE WEB La soluzione corrente per rispondere alla frammentazione dei dispositivi 竪 nella parola responsive Responsive 竪 il web elastico e plastico che si adatta (quasi) automaticamente alla dimensione e risoluzione del dispositivo da cui viene visualizzato il contenuto. Ottimo s狸, ma non sempre 竪 semplice.
- 27. Massimiliano Camillucci - camilluccimultimedia.it PROGETTARE RESPONSIVE Responsive 竪 sinonimo di: Casistiche: 竪 necessario scegliere e de鍖nire i dispositivi target della nostra comunicazione Griglie: i contenuti sono divisi in griglie dinamiche che si organizzano nello spazio a disposizione Contenuti ad hoc: in alcuni casi un contenuto mobile non 竪 lo stesso servito ad un desktop Manutenzione: le tecnologie cambiano, gli utenti evolvono, i target cambiano
- 28. OLTRE LA GRAFICA: USER EXPERIENCE (UX) Progettazione Lean Timeline e Funnel Coerenza Multi-Device
- 29. Massimiliano Camillucci - camilluccimultimedia.it PROGETTAZIONE LEAN Marketing, Comunicazione, Tecnologia, Frammentazione: tanti, troppi vincoli e condizionamenti Come realizzare progetti gra鍖ci per il web senza impazzire? Approccio Lean: costruire in funzione del valore per lutente 鍖nale Eliminare gli sprechi, concentrarsi sul minimo prodotto utile Aggiornare di continuo!
- 30. Massimiliano Camillucci - camilluccimultimedia.it TIMELINE E FUNNEL necessario progettare in funzione del valore utile al cliente 鍖nale, ma non solo: necessario porsi la domanda: Quando, in che momento lutente vedr il contenuto? E di seguito: Cosa vorr/potr vedere dopo? Progettare in funzione della Customer Journey e del Funnel di Conversione
- 31. Massimiliano Camillucci - camilluccimultimedia.it COERENZA MULTI-DEVICE Basta con i vincoli! No, purtroppo: Lutente premia la coerenza Multi-Device nellesperienza dutilizzo. Passando dal Computer, al Tablet, alla App per Smartphone, e addirittura Smart-TV, lutente vuole sentirti a casa. Net鍖ix 竪 un esempio eccellente di coerenza.
- 32. 1. CONTESTO: GRAFICA PER IL WEB 2. PROGETTARE GRAFICA PER PER IL WEB 3. STRUMENTI PER LA PROGETTAZIONE GRAFICA 4. PROGETTAZIONE IN TEAM 5. RISORSE UTILI E UX-CANVAS A cura di Massimiliano Camillucci GRAFICA PER IL WEB
- 33. STRUMENTI PER LA PROGETTAZIONE GRAFICA Carta vs. Computer Tavoletta gra鍖ca Template e Canvas Illustrator Photoshop Canva.com Gimp Ispeziona Elemento
- 34. Massimiliano Camillucci - camilluccimultimedia.it CARTA VS COMPUTER Come progettare i propri contenuti per il Web? Contenuti per il Web = creare contenuti sul computer? Non sempre: Esistono diverse soluzioni e strumenti per progettare, testare e presentare i propri contenuti per il web Wacom e Moleskine o鍖rono soluzioni crossover.
- 35. Massimiliano Camillucci - camilluccimultimedia.it TAVOLETTA GRAFICA Nota a tutti i professionisti di Gra鍖ca e Video, la tavoletta gra鍖ca 竪 uno strumento divertente e interattivo. Wacom 竪 leader nella produzione di hardware dedicato, nonch辿 di soluzioni professionali per la 鍖rma digitale grafometrica. Esistono soluzioni per tutte le tasche.
- 36. Massimiliano Camillucci - camilluccimultimedia.it TEMPLATE E CANVAS Template HTML e CSS, o addirittura PSD per Photoshop sempli鍖cano non poco la vita del Gra鍖co e del Web Designer Talvolta la sempli鍖cano 鍖n troppo, con il risultato che molti siti web e contenuti web si somigliano estremamente Quindi, un consiglio: partire da un template 竪 una scelta saggia e furba ma non abbiate paura di uscire dal seminato e osare qualcosa di originale
- 37. Massimiliano Camillucci - camilluccimultimedia.it ILLUSTRATOR Un must per gli illustratori e i gra鍖ci. il software di gra鍖ca vettoriale per antonomasia, standard de facto Esistono alternative open- source, come InkScape e altri software pi湛 economici Lintegrazione tra i vari prodotti Adobe per嘆 竪 la vera forza che fa la di鍖erenza nellutilizzo dei prodotti del marchio
- 38. Massimiliano Camillucci - camilluccimultimedia.it PHOTOSHOP Il secondo standard de facto per la gra鍖ca, nonch辿 primo per la composizione, fotoritocco e fotomontaggio. Funzionalit sempre pi湛 aggiornate lo rendono il software ideale per la progettazione gra鍖ca di template web O鍖re anche soluzioni Copia e Incolla per stili CSS partendo dagli oggetti modellati nitidamente sul software
- 39. Massimiliano Camillucci - camilluccimultimedia.it CANVA.COM Applicazione Web molto popolare, ricca di template e modelli preconfezionati Pratica e veloce, molto utile per prototipale e realizzare le gra鍖che dell ultimo momento O鍖re una buona esperienza via sia Browser, che via App per Smartphone Utile per avvicinarsi alla gra鍖ca, ma non abusatene!
- 40. Massimiliano Camillucci - camilluccimultimedia.it GIMP Soluzione Open-Source e Free alternativa a Photoshop Molto poco pratico, ma ottimo per gli entusiasti dellOpen- Source Apre 鍖le PSD (Photoshop) mantenendo una buona compatibilit e possibilit di modi鍖carne elementi e propriet
- 41. Massimiliano Camillucci - camilluccimultimedia.it ISPEZIONA ELEMENTO Strumento nascosto nei Browser che utilizziamo tutti i gironi Chrome o鍖re uno dei migliori pannelli per Sviluppatori, molto utile anche ai gra鍖ci e Web Designer uno strumento da nerd ma una volta comprese le funzionalit base 竪 di una comodit estrema Non solo per Web Designer, ma in generale per professionisti del Web.
- 42. GRAFICA E ANIMAZIONE: GIF E SVG Gra鍖ca Vettoriale e CSS GIF e Mobile
- 43. Massimiliano Camillucci - camilluccimultimedia.it GRAFICA VETTORIALE E CSS Eppur si muove. Le animazioni, se ben posizionate possono arricchire notevolmente la User Experience e il coinvolgimento degli utenti. La gra鍖ca Vettoriale si presta per questo scopo, grazie al CSS 3.0 e al Javascript. SVGator 竪 un ottima piattaforma Web per creare piccole animazioni N.B. Il Web dinamico 竪 il web della pagine generate on-demand, da non confondere con il Web interattivo ed animato appena citato.
- 44. Massimiliano Camillucci - camilluccimultimedia.it GIF E MOBILE Gli anni 80 sono tornati, e il formato GIF 竪 uno degli ultimi regali di quel decennio ritrovato Sono tornate in scena come feticcio digitale ma hanno veramente spopolato nel mondo della comunicazione informale (e talvolta demenziale) dei Social (fenomeno meme) Numerose App permettono di realizzare brevi video e convertirli in GIF Anche Photoshop e altri software permettono facilmente la creazione di GIF.
- 45. GRAFICA E WEB DESIGN: HTML E CSS HTML e CSS jQuery, Angular Template HTML/CSS Web dinamico vs. Statico
- 46. Massimiliano Camillucci - camilluccimultimedia.it HTML E CSS Come anticipato, il Web nasce come prodotto informatico e scienti鍖co Diventer solo in seguito uno dei pi湛 grandi e potenti strumenti di Marketing HTML 竪 il linguaggio di markup che costituisce lo scheletro dei contenuti di ogni pagina web Il CSS 竪 il linguaggio che ne de鍖nisce la formattazione, e negli anni 竪 diventato uno strumento sempre pi湛 a鍖ne ai gra鍖ci che agli informatici.
- 47. Massimiliano Camillucci - camilluccimultimedia.it JQUERY, ANGULAR Sono due framework (librerie di codice) Javascript che si occupano: Della parte dinamica del Web, ossia delle pagine con contenuti costruiti on demand Della parte animata del Web, con elementi che interagiscono con lutente nella dimensione temporale Sono strumenti molto potenti, ma allo stesso tempo molto tecnici (linguaggi di programmazione)
- 48. Massimiliano Camillucci - camilluccimultimedia.it TEMPLATE HTML/CSS Gi presentati nella sezione Software per la progettazione Gra鍖ca, ricordiamo ora la possibilit di scaricare (o acquistare) Templare gra鍖ci, e quindi modelli, realizzati direttamente in linguaggio informatico: Html, CSS, Javascript Questi modelli pratici da modi鍖care per ottenere il risoluto desiderato (spesso progetto prima su Photoshop)
- 49. Massimiliano Camillucci - camilluccimultimedia.it WEB DINAMICO VS. STATICO Come gi anticipato, il Web dinamico ha rivoluzionato il mondo di Internet, creando siti Web che si modellano in base alle necessit dellutente. Wordpress e il suo modello a Blog ne 竪 un esempio: Filtri su Categorie, Contenuti e Tag permettono allutente di trovare i contenuti desiderati allinterno di un Sito/Blog. Il Web statico sembrava sorpassato, ma la richiesta di maggiore velocit della pagine, lo ha riportato alla luce.
- 50. PROGETTARE GRAFICA PER FACEBOOK Linee Guida: https://www.facebook.com/business/learn/facebook- page-basics
- 51. Massimiliano Camillucci - camilluccimultimedia.it LINEE GUIDA: FACEBOOK Tutti i Social mettono a disposizione una serie di spazi per personalizzare le proprie pagine Aziendali con immagini e gra鍖che Ogni social ha speci鍖che in pixel che de鍖niscono le dimensioni ottimali per personalizzare tali spazi Software come Photoshop permettono di creare immagini e gra鍖che con dimensioni speci鍖che Piattaforme come canva.com mettono a disposizione modelli pre-impostati alle dimensioni ottimali
- 52. PROGETTARE GRAFICA PER UN VIDEO Margini e Risoluzione Animazione
- 53. Massimiliano Camillucci - camilluccimultimedia.it MARGINI E RISOLUZIONE Il Web 竪 Gra鍖ca, 竪 dinamica, 竪 interazione ed 竪 sempre pi湛 VIDEO Il Video e il Web hanno una relazione sempre meno complicata, complici le connessioni internet sempre pi湛 veloci e performanti Similmente ai requisiti di Facebook, anche il Video ha i suoi vincoli in Pixel Non solo: tenete sempre conto degli ingombri di sottotitoli, controlli di avanzamento e risoluzione di visualizzazione
- 54. Massimiliano Camillucci - camilluccimultimedia.it ANIMAZIONE Lanimazione di elementi gra鍖ci pu嘆 essere delegata a diversi strumenti: Una pagina web pu嘆 essere animata tramite CSS e Javascript, In alternativa si pu嘆 realizzare un video con gra鍖che animate da riprodurre nel nostro sito o da caricare sui nostri Social After E鍖ect 竪 il software per eccellenza per realizzare Motion Graphics, ma molto complesso e professionale
- 55. 1. CONTESTO: GRAFICA PER IL WEB 2. PROGETTARE GRAFICA PER PER IL WEB 3. STRUMENTI PER LA PROGETTAZIONE GRAFICA 4. PROGETTAZIONE IN TEAM 5. RISORSE UTILI E UX-CANVAS A cura di Massimiliano Camillucci GRAFICA PER IL WEB
- 56. PROGETTAZIONE IN TEAM Contaminazione e Collaborazione Chi 竪 "il Gra鍖co? Team Agile vs. Freelance
- 57. Massimiliano Camillucci - camilluccimultimedia.it CONTAMINAZIONE, COLLABORAZIONE Abbiamo accennato alla 鍖loso鍖a Lean (snello/magro) Un passaggio essenziale 竪 il Test ed il confronto con lUtente 鍖nale (Cliente) per realizzare il minimo prodotto utile Un Team con competenze ed esperienze diversi鍖cate 竪 il contesto perfetto dove proporre, creare, a鍖nare ed alleggerire un progetto (software, gra鍖co, sociale, etc).
- 58. Massimiliano Camillucci - camilluccimultimedia.it CHI "IL GRAFICO"? Il Gra鍖co nel mondo Web 竪: Web Designer (progettista) Social Media Expert Visual Designer Artista Marketing Operativo Copywriter Fotografo Videomaker poi? Chirurgo?
- 59. Massimiliano Camillucci - camilluccimultimedia.it TEAM AGILE VS. FREELANCE Il Gra鍖co freelance non pu嘆 e non deve essere tutte le competenze prima elencate. Il Gra鍖co freelance deve lavorare in Team, I Team devono essere Lean, Agili e sapersi generare on- demand, Coworking, Creative Hub e Universit sono alcuni contesti dove 竪 possibile lavorare con questa 鍖loso鍖a modulare, collaborativa fondata sulle contaminazioni.
- 60. OBIETTIVI, CONTESTO, TARGET Progettazione in funzione del Marketing Il Web e la Conversione Personas Online vs. O鍖ine Mobile vs. Desktop Omnicanalit
- 61. Massimiliano Camillucci - camilluccimultimedia.it GRAFICA WEB=F(MARKETING) Un approccio alla progettazione gra鍖ca per il Web 竪: Progettare in funzione del Marketing Non alle dipendenze del settore Marketing, ma in funzione agli obiettivi di Marketing necessario collaborare attivamente con il responsabile Marketing e costruire una strategie di Comunicazione, Contenuti e UX
- 62. Massimiliano Camillucci - camilluccimultimedia.it IL WEB E LA CONVERSIONE Il Web Marketing e gli strumenti di Web Marketing (Adwords, Facebook Business, MailChimp, etc) operano in funzione di obiettivi di conversione Lacquisto su un E-Ecommerce, liscrizione alla Newsletter, la compilazione di un Form di contatto, linvio di una Mail, una telefonata sono tutti esempi di Conversioni Lobiettivo del Marketing 竪 ottenere conversioni, ma soprattutto misurare e ottimizzare.
- 63. Massimiliano Camillucci - camilluccimultimedia.it PERSONA CANVAS Per ottenere conversioni e misurare le鍖cacia di una strategia 竪 necessario individuare uno o pi湛 Target Per coinvolgere il proprio pubblico 竪 necessario sapere con Chi stiamo parlando Diversi tipi di persone rispondono a diversi linguaggi, interessi, stimoli e bisogni La progettazione Gra鍖ca sul Web deve essere progettata in funzione delle Personas di riferimento
- 64. Massimiliano Camillucci - camilluccimultimedia.it ONLINE VS. OFFLINE Le Personas sono anche persone in carne ed ossa. Le persone vivono (anche) nel mondo O鍖ine (per fortuna!!) La Gra鍖ca per il Web non si esaurisce nel mondo Online, ma continua in modo coerente nel mondo O鍖ine, per poi tornare Online. Il tutto seguendo e proponendo la Customer Journey
- 65. Massimiliano Camillucci - camilluccimultimedia.it MOBILE VS. DESKTOP Nella de鍖nizione delle nostre Persona, 竪 indispensabile scoprire quale sia il loro dispositivo preferito Circa il 60% degli accessi al Web sono da Smartphone (http://gs.statcounter.com) Ma il nostro Target potrebbe comunque essere il 10% che accede da Tablet Quindi, la Gra鍖ca e la UX dovranno essere costruite ad hoc per i dispositivi Target
- 66. Massimiliano Camillucci - camilluccimultimedia.it OMNICANALIT Mobile vs. Desktop Online vs. O鍖ine Customer Journey Sono tutti termini che de鍖niscono diversi contesti, dispositivi, linguaggi e modalit di accesso alle informazioni Il marketing, la comunicazione e quindi anche la Gra鍖ca (inclusa quella per il Web) devono avere una progettazione e una predisposizione Omnicanale, come gli Utenti.
- 67. 1. CONTESTO: GRAFICA PER IL WEB 2. PROGETTARE GRAFICA PER PER IL WEB 3. STRUMENTI PER LA PROGETTAZIONE GRAFICA 4. PROGETTAZIONE IN TEAM 5. RISORSE UTILI E UX-CANVAS A cura di Massimiliano Camillucci GRAFICA PER IL WEB
- 68. Massimiliano Camillucci - camilluccimultimedia.it RISORSE UTILI Foto Gratuite CC0: pixabay.com Icone CSS per il Web: fontawesome.com Icone vettoriali CC0: 鍖atIcon.com Photoshop per il Web: canva.com Photoshop Open Source: gimp.org Programmare Web online: https:// codepen.io Tutorial di CSS: css-tricks.com Business Model Canvas: businessmodelcanvas.it/ Pinterest: idee da copiare a pi湛 non posso Linee guida Facebook: www.facebook.com/ business/learn/facebook-page-basics Corsi di Informatica/Gra鍖ca: html.it Migliori Siti Web al mondo: awwwards.com