No. 104

Argomento: Design



Comunicazione visiva, art direction. Layout web e tipografia. Graphic design, interface design, user experience design, illustrazione, fotografia, artwork. Approcci creativi, strategici e tecnici per realizzare grandi interfacce. Stili, influenze e trend visuali.

Brand Identity (4 articoli)

Il vostro logo non è il vostro brand. Il brand è il fulcro delle sensazioni e delle emozioni riguardanti la vostra azienda e i suoi prodotti. Il design del logo, il design dell'identità, il branding, la content strategy, il copywriting, le relazioni con i clienti e l'effettiva qualità del vostro prodotto cooperano tutti a creare il vostro brand. Dove si inserisce il team di web design? Lo sviluppo della brand identity in relazione al web. I sistemi di identità e lo sviluppo del brand.


Graphic Design (23 articoli)

Il visual design. L'art direction, la comunicazione visiva, la creative direction, l'illustrazione, la fotografia, la visual art. L'uso dei colori, dei simboli e dei font per comunicare idee, brand, emozioni, stili ed espressioni. Sistemare immagini e testo per comunicare un messaggio. Sviluppare un look and feel appropriato. Come rispondono le persone al design? Lo stile vs. il design. Il design non è qualcosa che si può aggiungere alla fine.


Layout & Grids (18 articoli)

I layout delle pagine web: modi, mezzi e significati. Grid e regole: colonne fisse, flessibili, fluidi, liquide ed elastiche. Ponderiamo le 500 viewport "standard" che possono essere supportate dai device Android. Dimensione, colore e contrasto. Centrare o non centrare. Scalare il testo e le colonne. Oltre i pixel. Layout e genere. Paradigmi per la stampa e approcci viewport-agnostic. Una nuova estetica. Lasciate che il web faccia il web.


Mobile/Multidevice (20 articoli)

Ogni settimana appaiono dei nuovi device con una gran varietà di dimensioni di schermo, densità di pixel, tipologie di input e altro ancora. Creare delle grandi esperienze mobile (e immobili). Vincoli, sfide e nuove opportunità. Mobile-first. Content-first. Responsive workflow. Responsive Design + Componenti Server Side (RESS). JavaScript, API e progressive enhancement. Progettare per le mani, le gambe e la scrivania.


Responsive Design (18 articoli)

Il concetto che ha dato il via al redesign di migliaia di siti. Per anni, i web designer hanno invidiato il design per la stampa per via dei suoi layout precisi, lamentandosi del fatto che i contesti variabili in cui si trova l'utente sul web rovinano i propri design. Il responsive design sostiene che dobbiamo cambiare il nostro modo di progettare per far diventare virtù questi vincoli. Utilizzare le griglie fluide, le immagini flessibili e le media query per abbracciare la variabilità del web.


Tipografia & Web Fonts (10 articoli)

Comunicare con i font. Font e layout. Progettare per i lettori. Leggibilità. Web Font: c'è vita oltre Georgia e Verdana. Usare @font-face di CSS per inserire i font con gli opportuni permessi sui propri siti. Typekit e altre soluzioni. Controllare la tipografia web: dimensione, font, colore. Metodi CSS, problemi dei browser, problemi lato utente e workaround. Punteggiatura tipograficamente corretta. Unicode. Scalare il testo.