alexa
// Pagina 3 di 5
23.02.2022 # 5923

Nicola Cozzolino //

Cosa sono e a cosa servono le guide e le griglie in un progetto grafico

Da sempre le guide e le griglie rappresentano un valido aiuto per ogni designer.

Da quando è stata inventata la scrittura sono nate le griglie di impaginazione. 
Cosa sono esattamente le griglie tipografiche e come è possibile usarle al meglio per migliorare i nostri progetti?

Bisogna prima fare un passo indietro e descrivere brevemente il quadro generale. 
Le griglie tipografiche nascono con l’esigenza di migliorare la lettura e creare ordine nella composizione. Se già osservassimo un’iscrizione egizia di oltre 5mila anni fa, noteremmo che, sin da allora, gli scriba avevano capito l’importanza dell’ordine nella disposizione degli elementi allo scopo di facilitare la lettura e, quindi, la comprensione di tutto il manoscritto. 

Nei secoli questa tecnica è stata sempre più affinata e messa a punto fino ad arrivare al design applicato alla comunicazione pubblicitaria, dove, oltre al testo, nasce l’esigenza di includere anche immagini, illustrazioni o decorazioni di vario tipo. 

Come scriveva Josef Müller-Brockmann, uno dei più grandi esponenti dello Swiss Style a metà del secolo scorso, le griglie e le guide rappresentano un aiuto, non una garanzia, ma grazie all’utilizzo di queste tecniche ognuno può creare il proprio stile personale e trovare così la soluzione più adatta alle proprie esigenze.  

Un aiuto, ma non una garanzia. Chiaramente anche Müller-Brockmann aveva previsto che non basta una sola regola per riuscire a costruire un muro perfettamente verticale, ma serve soprattutto un buon manovale dotato di occhio, sensibilità e disciplina. 

Esistono vari tipi di guide e griglie con cui ogni designer può confrontarsi. Se ci pensiamo, abbiamo a che fare con le griglie sin dai banchi di scuola, quando cominciamo a muovere i primi passi nel fantastico mondo della comunicazione scritta. Mi rendo conto che richiamare alla memoria un quaderno in questo mondo tutto rivolto al digitale sia un azzardo, ma sono più che certo che quelle righe orizzontali e quegli spazi perfettamente simmetrici delimitati da margini esterni, ci siano profondamente rimasti nella memoria. 

Ecco, quello è un esempio elementare di griglia basata su un rigo tipografico. 
In questo caso si parte dalla dimensione del testo che si vuole utilizzare come base e si generano una serie di linee orizzontali equidistanti che coprono tutta l’altezza del foglio di lavoro. 

Ogni designer poi sperimenterà il proprio rapporto con la divisione dello spazio per realizzare i propri progetti, generando il proprio linguaggio visivo, proprio come suggeriva Josef Müller-Brockmann. 

Molti sono quelli che si sono misurati con questa disciplina, da Vignelli a Crouwel, fino ai designer più moderni come Marieke Stolk, Erwin Brinkers and Danny van den Dungen di Experimental Jetset o Dimitri Bruni and Manuel Krebs di Norm. Oltre alle griglie orizzontali basate sul rigo tipografico esistono perciò altri modi per dividere lo spazio come la divisione in colonne e le griglie modulari. 

Chiunque apra oggi un sito internet o legga una rivista può riconoscere immediatamente questi due esempi di griglia. La divisione per colonne è nata per ridurre lo spostamento degli occhi nella fase di lettura e migliorare l’attenzione sul testo facilitandone la comprensione. Già nel medioevo questa tecnica veniva utilizzata con questo scopo e probabilmente anche per risparmiare la preziosa carta. 

Le griglie modulari, invece, nascono dall’intersezione delle colonne con altre guide orizzontali, creando così un sistema di ordine spaziale più serrato in grado di offrire ancora più possibilità.

Ho scritto possibilità? Si. 

Il limite, la guida appunto, offre sicuramente un sostegno alla progettazione. Un numero adeguato di limiti è auspicabile per ogni tipo di progetto. La creatività si manifesta proprio laddove esiste contenimento ad essa.

A cavallo tra gli anni ‘90 e l’inizio del 2000, le guide e le griglie vengono distrutte e ignorate favorendo la nascita di nuovi tipi di sperimentazione più legate all’arte moderna e alla volontà di espressione tipica di quegli anni di forte cambiamento sociale. Erano i primordi di internet, l’Europa si affacciava ad una nuova era di unione, la Guerra Fredda era lontana e l’esuberanza spopolava in ogni campo. 

Oggi, questo sistema è tornato fortemente in auge, moltiplicando i suoi utilizzi anche in campo digitale. Pensiamo, ad esempio, alle griglie su base di 8 pixel usate nel web o nella produzione di app. Così come un batterista è il miglior amico di un musicista (io sono un batterista), allo stesso modo le guide sembrano essere il miglior amico di un designer. 

Sviluppare il proprio schema di divisione spaziale è il primo gesto di maturità per ogni designer. Sperimentare, provare, ottenere sempre soluzioni nuove aprirà la strada per il prossimo passo e ci aiuterà ad affrontare la prossima sfida. 

Se ne può fare a meno?
Si, ma la vera domanda sarebbe: perché farlo?

17.02.2022 # 5915

Nicola Cozzolino //

Cos’è l’Affordance e perché ogni designer deve conoscerne le possibili implicazioni.

Il design legato al mondo digitale è molto complesso e richiede un'adeguata conoscenza delle regole da seguire

Esiste una disciplina che guida e regola il design legato al mondo digitale e non solo: la User Experience (per gli amici UX). La UX si occupa di migliorare e strutturare il rapporto uomo-macchina.

Di fatto, questa disciplina non nasce con il web. Pensiamo, ad esempio, al quadro comandi di un’auto o di un aereo. La disposizione dei pulsanti, la scelta delle icone e dei colori o la gerarchia visiva degli elementi, rispondono tutti alle stesse regole usate per creare un’interfaccia grafica per il web o di un’app mobile. 

Esistono numerose implicazioni e applicazioni nel mondo della User Experience e molti sono i concetti base da tenere presente quando si inizia ad addentrarsi in questa complessa disciplina. 

Uno dei concetti più interessanti (ce ne sono molti a onor del vero) è quello dell'Affordance. Potremmo tradurre il termine in “invito all’uso”.

Immaginate di trovarvi in un’ascensore e di non riconoscere la pulsantiera o il suo funzionamento. Ecco, quello è il caso in cui questo principio non è stato applicato e sarete costretti ad usare le scale. 

Se osservate una ruota, il vostro primo istinto è di farla rotolare.

Perché? 

Semplicemente perché il suo design, la sua struttura fisica e il suo rapporto con lo spazio, ve lo suggeriscono. Non c’è bisogno di effettuare alcun tentativo per comprendere che un oggetto sferico o circolare o cilindrico possa rotolare. Questa è l'Affordance: la capacità di suggerire un utilizzo specifico senza bisogno di doverlo spiegare. 

Esistono poi tanti tipi di invito all’uso, in vari campi della progettazione. 

Quando un pulsante, in un’app o in un’interfaccia grafica, è chiaro e ben disegnato, allora si intuisce e si suggerisce la sua funzione di pulsante. In questo caso si parla di Affordance Esplicita.

Alcune caratteristiche fisiche rendono questi elementi (i pulsanti) differenti dagli altri. Queste differenze sono in parte ereditate da convenzioni basate sul tempo di utilizzo e in parte sono il risultato di test e ricerche specifiche.

Pensiamo, ad esempio, alla convenzione nel web delle parole sottolineate per creare un link. Quando arrivarono le prime pagine HTML, si presentò l’esigenza di evidenziare in qualche modo la specifica funzione di “link”. Le possibilità erano relativamente ridotte e quindi si scelse di caratterizzare questa funzione sottolineando il testo, convenzione ereditata dall’editoria. Sottolineiamo, infatti, tutto ciò che riteniamo rilevante. Ecco che quella scelta, divenne un invito all’uso, nello specifico un invito ad approfondire il contenuto continuando a navigare cliccando sul testo sottolineato. 

Esiste anche un'Affordance Implicita. Immaginiamo ad esempio un mentioned drop-down che si manifesta solo al passaggio del mouse. In questo caso l’invito all’uso non è immediatamente evidente, ma si manifesta in un momento successivo, come conseguenza di un’azione non direttamente correlata. 

Tutto ciò che usiamo quotidianamente, dal frullatore al cellulare, dall’automobile all’autobus, è stato progettato per essere usato dagli esseri umani. 

È prerogativa di un designer tener conto del rapporto tra ciò che progetta e chi dovrà utilizzarlo. Non tenere in considerazione i bisogni degli utenti o degli utilizzatori di ciò che realizziamo, produce effetti negativi e crea un ambiente ostico e complesso. 

Il design è soprattutto semplicità e più dovremmo misurarci con qualcosa di complesso, maggiore dovrà essere la capacità di sintesi e semplificazione del designer. Il concetto di Affordance è trasversale ed applicabile ad ogni campo della progettazione. Anche nel mondo della Grafica, ad esempio, bisogna tenerne conto quando si posiziona un elemento, un titolo o quando si sceglie un contrasto cromatico per la leggibilità o la dimensione di un font. 

Il mestiere del designer ha molte responsabilità, ma una di queste è sicuramente l’impatto che la sua preparazione avrà sulla vita degli altri. 

Da grandi poteri derivano grandi responsabilità (cit.).

09.02.2022 # 5904

Nicola Cozzolino //

Tra le migliaia di studi di progettazione e agenzie di comunicazione c’è sempre qualcuno che fa la differenza, da cui trarre ispirazione e insegnamento.

5 top player del Graphic Design e della comunicazione da cui trarre ispirazione e insegamento

Il mondo è pieno di creativi che contribuiscono ogni giorno, con il loro lavoro e la loro passione, a migliorare e incrementare l’influenza che la comunicazione visiva produce sulle nostre vite. Ogni azienda, professionista, prodotto o servizio ha bisogno della sua immagine per distinguersi nella folla sempre più fitta. Tutti hanno necessità di comunicare con la propria audience e di veicolare il proprio messaggio efficacemente. Questo, alla fine, è il compito primario di un graphic designer: tradurre messaggi in maniera chiara ed originale. 

In questa enorme nuvola di fantasia e creatività, però, alcuni hanno una voce più potente di altri. Questi eccezionali esempi di professionalità posseggono un vocabolario visivo e comunicativo superiore ai propri competitors e colleghi. Questa superiorità di intenti e di capacità è stata costruita con anni di investimenti e sperimentazione, perseguendo sempre la strada maestra senza mai cedere alle difficoltà che il lavoro del designer porta con sè. 

Per celebrare queste eccellenze ne ho scelte 5 che, secondo me, meritano un posto di rilievo nell’Olimpo del Graphic Design e della comunicazione in genere.  



PENTAGRAM

https://www.pentagram.com/

Più che un’agenzia o uno studio di progettazione grafica, Pentagram è un consorzio di talenti. L’organico è composto da 23 partner che lavorano indipendentemente gli uni dagli altri, ma insieme contribuiscono alla crescita comune. Tra i molti nomi spiccano quelli di Paula Scher e di Michael Bierut. Con sede a New York, l’agenzia si occupa soprattutto di branding, ma anche di design editoriale, web design, eventi e cultura. Alcuni dei loro lavori sono diventati vere e proprie icone del Graphic Design. Recentemente hanno curato il restyling di Fedrigoni International e Fabriano, due storiche realtà italiane che operano nel mondo della produzione di carta. Il sito istituzionale di Pentagram è una fucina di ispirazione continua, dove attingere quotidianamente per valutare il proprio grado di maturità progettuale o solo per il piacere di guardare un progetto ben fatto. Una realtà unica, solida e consolidata che da anni detta il passo del design abbinato alla comunicazione. Un ottimo esempio da seguire al di là dei gusti e delle tendenze. 



COLLINS
https://www.wearecollins.com

Brian Collins è un designer americano, originario di Lexington, Massachusetts. Nel 1998 ha prodotto la brand identity per  Ogilvy & Mather a NYC. Tra i suoi clienti spiccano Giorgio Armani, MTV, Levi’s, Amazon e molti altri. Nel 2008 fonda WeAreCollins, una brand agency indipendente con sede a New York e San Francisco. Collins (che mi ritiene un buon designer - true story) ha prodotto il rebrand di Dropbox usando delle illustrazioni molto interessanti e un font extended fresco e innovativo, aprendo così la strada a un nuovo filone e gettando le basi delle tendenze nella comunicazione visiva di questi ultimi anni. Dropbox mantiene il suo posizionamento nel mondo dei fornitori di servizi cloud proprio grazie alla sua immagine fresca e moderna, che gli ha conferito quel sostegno necessario ad affrontare il cambio del mercato in cui opera. I lavori di Collins sono raffinati ed eleganti, come quello fatto per Medium, ricchi di dettagli eppure essenziali. L’approccio progettuale di questo gruppo di professionisti è unico e brillante e sta guidando e ispirando migliaia di designer, producendo un impatto determinante su studi di ogni livello e grado.   


 
ADORATORIO
https://adoratorio.studio

Italiani ne abbiamo? Si. 
40 SITEOFTHEDAY vinti su Awwwards, oltre 70 tra designer, copywriter, direttori creativi e sviluppatori. In 20 anni di attività Adoratorio ha dimostrato che anche gli Italiani hanno qualcosa da dire nel mondo del Digital Design (ma ne avevamo comunque già il sospetto), qualcosa di decisamente significativo. Questa agenzia ha saputo costruire, negli anni, una solida realtà orientata alla UX e alla sperimentazione in ambito digitale. Alcuni progetti sono diventati vere e proprie linee guida per il mondo della progettazione web. Adoratorio è una meta da raggiungere, un limite da superare. Una delle agenzie digitali migliori del mondo che continua a produrre capolavori in ogni ambito, dalla moda al food agli eventi, senza mai tirarsi indietro e senza mai compiere un passo falso. Per essere creativi digitali oggi, non si può prescindere dal considerare Adoratorio come un’assoluta stella guida, sempre all’altezza delle aspettative e sempre pronta a regalarci la prossima meraviglia. 
 
 (img04)

SERIAL CUT
https://serialcut.com

La bellezza disarmante dei lavori di Serial Cut mi ha sempre lasciato attonito. Qualche anno fa comprai il loro libro che celebra i primi dieci anni di attività, lo conservo gelosamente come un reperto da custodire in un museo. Specializzati nella produzioni di immagini e video, nella progettazione 3D e nell’illustrazione fotografica, questo team di professionisti è sempre pronto a sperimentare e ad aprire nuove strade. Sul loro sito sono presenti alcuni video di backstage per alcuni progetti realizzati come quello per Toyota. Quello che immediatamente si percepisce è la loro capacità di divertirsi, di giocare, mantenendo, allo stesso tempo, la rotta fissa verso l’obiettivo. Questo approccio così dinamico e appassionato mi ha sempre ispirato. Se i loro lavori fossero cibo sarebbero freschi e croccanti. Le immagini che realizzano spaccano il video rasentando l’arte moderna. Il lavoro di Serial Cut è strabiliante. 



ANAGRAMA
https://www.anagrama.com

Direttamente dal Messico ecco un’altra realtà consolidata del mondo del branding, ma soprattutto dedicata al packaging. Le etichette prodotte da Anagrama, gli scatoli, le loro confezioni colorate e significative sono un must del settore. Questo team di designer oggi conta diverse decine di professionisti, ma sin dall’inizio lo spirito dell’agenzia è rimasto chiaro e immutato. Il loro stile è pulito e moderno. Nonostante il loro approccio vagamente commerciale, la loro produzione risulta sempre interessante e innovativa. Rispettano il cliente e il prodotto e aggiungono il loro personale punto di vista inquadrando e agganciando perfettamente gli obiettivi preposti. I progetti di Anagrama non sono mai fuori luogo o anonimi. Il loro modo di fare design è tipicamente latino, ma ha un tocco decisamente nordeuropeo. Usano con cura font e colori e creano mix di identità visive sempre al passo con i tempi e mai banali. Anagrama è un pozzo da cui poter sempre attingere acqua fresca. 

Questi studi o agenzie sono solo una piccola goccia in un oceano immenso fatto di migliaia di realtà eccellenti e ricche di qualità e valore. Soltanto il mio personale gusto ha dettato la scelta, ma sono certo che ognuno avrà la propria personale classifica, i propri riferimenti culturali e visivi da cui imparare, da cui ispirarsi quotidianamente. Il lavoro del graphic designer è un lavoro di gruppo, una continua spinta al confronto per crescere e migliorare. Impariamo e trasmettiamo continuamente cultura e conoscenza in modo da tramandare le nostre passioni e la nostra voglia di lasciare una traccia nel mondo. 

Mai smettere di sognare, mai smettere di imparare. 

20.09.2021 # 5787

Paolo Falasconi //

Una perfetta Instagram worthy Partnership: Axe + Magnum

Da PBCreative un mix sorprendente che celebra il Billionaire lifestyle

PBCreative, l'agenzia di comunicazione con sede a Londra ha tra i suoi clienti il marchio AXE, conosciuto specialmente oltremanica (ma per un periodo intorno agli anni '90 diffuso anche da noi) per i deodoranti e i prodotti di bellezza specificamente studiati per l'uomo. 

Dopo aver già lavorato, recentemente e con successo, al redesign delle linee di prodotto del marchio si è occupata di dare forma ad uno degli esperimenti più interessanti di contaminazione cross-platform tra categorie merceologiche apparentemente distanti tra loro.

Il mix vede in campo MAGNUM, il marchio di gelati che ha saputo costruire una nicchia su misura per i suoi stecchi sofisticati (come dimenticare gli straordinari capolavori ispirati alla Divina Commedia per le celebrazioni dei 700 anni dalla morte di Dante) e AXE, marchio noto nel beauty maschile easy, che insieme lanciano il nuovo GOLD CARAMEL BILLIONAIRE  - Le parfum du plaisir.

Un deodorante che dal nome lascia intuire già molto chiaramente non soltanto la fragranza ma soprattutto la collocazione/costruzione di una nuova nicchia che vuole mettere insieme un bouquet olfattivo decisamente raffinato ed inusuale per il target abituale di AXE portandolo dentro il recinto di prodotti molto più abbordabili da un punto di vista economico.

L'esperimento è nuovo, e sembra ben congegnato. Il lavoro sul pack e la comunicazione che accompagna il lancio, curata da PBCreative, è perfettamente studiato e dimostra se ce ne fosse stato ancora bisogno, che la contaminazione e il pensiero "out of the box" generano sempre qualcosa di buono (e nuovo). 

13.01.2021 # 5603

Adelma Rago //

Una nuova banca per video e immagini italiane

Scopriamo MyVideoimage.com, la nuova piattaforma italiana per l´acquisto e il download di fotografie e video.

Negli ultimi anni si sono diffuse sul web portali dove acquistare e scaricare direttamente immagini e filmati con licenze royalty free.


MyVideoimage.com è il primo sito web italiano dove trovare una selezione di foto e video con soggetti italiani da utilizzare per progetti creativi.

Attualmente la raccolta comprende migliaia di foto ad alta definizione e filmati 4k.




Soggetti presenti su MyVideoimage.com:


  • - Edifici e vita delle città italiane
  • - Architetture contemporanee come i nuovi grattacieli di Milano e le sedi delle principali banche e assicurazioni
  • - Borghi e paesaggi marini: dalle Cinque Terre alle isole di Ischia e Procida
  • - Industrie italiane, come le centrali termoelettriche lombarde, le centrali geotermiche di Larderello o le cave di marmo di Carrara
  • - Mezzi di trasporto: aerei in manovra all’aeroporto di Malpensa, navi da crociera e cargo, strade e traffico delle città italiane
  • - Fiori e vegetazione del Mediterraneo con sfondi del mare e delle montagne


Per esigenze particolari o per soggetti non presenti nella collezione è possibile commissionare direttamente l’esecuzione di riprese fotografiche o video all’interno delle regioni della Toscana, Liguria e Lombardia.


Le immagini sono utilizzabili con diverse tipologie di licenze adatte ad ogni tipo di utilizzo. Un tipo di licenza, offerta in esclusiva è quella “Educational”, riservata all’utilizzo nell’ambiente scolastico, particolarmente utile con le nuove metodologie di scuola a distanza.




MyVideoimage.com è dedicato ai professionisti della grafica, del web e del video, ma anche gli utilizzatori saltuari possono avvantaggiarsi delle risorse, acquistabili singolarmente senza sottostare a complicati piani tariffari, proposti dai tradizionali portali di immagini stock.


Ciò che distingue le risorse disponibili è la qualità tecnica dei file che non hanno quasi subito ritocchi. Sarà il fruitore finale a scegliere di utilizzare l’immagine al naturale oppure ad adattare tonalità e nitidezza al proprio progetto creativo. In particolare i video con risoluzione 4k sono disponibili con profili tonali cinematografici, tali da poter essere utilizzati in tutti i settori, dal web al cinema sino al broadcast.

Inside Ilas
torna su
Ilas sui social network
instagram facebook linkedin behance pinterest youtube twitter
Ilas - Accademia italiana di comunicazione
Recapiti telefonici

Italy / Napoli tel(+39) 0814201345
fax(+39) 081 0070569

Skype contacts

Segreteria studenti segreteriailas

Indirizzo

Italy / 80133 Napoli Via Alcide De Gasperi, 45
Scala A

numero verde ilas
Prenota il tuo corso o un colloquio informativo La prenotazione non è vincolante e consente di riservare un posto nei corsi a numero chiuso
Scegli il tuo corso
Corsi a pagamento
  • Annuali
  • In presenza
  • Titolo riconosciuto con valore legale
  • Didattica di Livello universitario
  • Varie fasce orarie
  • In aula informatica o sala posa ILAS
  • Postazioni iMac individuali con suite Adobe e Maya
  • Portfolio personale sul sito Ilas
  • Campus online con corsi gratuiti
  • Seminari ed eventi dedicati

Plus del corso La migliore formazione ILAS

Prenota ora
Corsi gratuiti
  • Quadrimestrali
  • In DAD
  • Titolo riconosciuto con valore legale
  • Didattica di Livello EQF4 e EQF5
  • Fascia oraria mattutina
  • In aula informatica o sala posa ILAS
  • Postazioni iMac individuali con suite Adobe e Maya
  • Portfolio personale sul sito Ilas
  • Campus online con corsi gratuiti
  • Seminari ed eventi dedicati

Plus del corso Formazione gratuita di alto livello

Prenota ora

Prenota il tuo corso

La prenotazione non è vincolante e consente di riservare un posto nei corsi a numero chiuso

prenota corso
Prenota il tuo corso Ilas

Prenota online

prenota corso
Chiama in sede

Prenota telefonicamente

Prenota un colloquio informativo

Riceverai, senza alcun impegno, tutte le informazioni da parte della segreteria organizzativa

prenota corso
Prenota il tuo corso Ilas

Prenota online

prenota corso
Chiama in sede

Prenota telefonicamente

listino corsi

Listino Prezzi dei Corsi Ilas

I prezzi proposti al pubblico sono comprensivi di iva calcolata al 22%.

Leggi i prezzi

Diplomati
Ilas

Listino prezzi

Accademie
B.B.A.A.

Listino prezzi
chi siamo

Chi siamo

la struttura

Le aule

i docenti ilas

I docenti

seminari

I seminari

partnership

Partnership

dove siamo

Dove siamo

elenco corsi

Elenco corsi

listino prezzi

Listino prezzi

calendario corsi

Calendario

prenota corsi

Prenota

portfolio grafica

Grafica

portfolio web design

Web Design

portfolio fotografia

Fotografia

portfolio pubblicita

Pubblicità

portfolio 3d

Grafica 3D

portfolio ilas

Tutti i lavori

registri pubblici

Registri e materiali

libri di testo

Libri di testo

offerte di lavoro

Offerte di lavoro

comunicati scuola

Comunicati

moduli extra in dad

Moduli extra in DAD

listino prezzi

Listino prezzi diplomati Ilas