Creare un logo è uno dei processi più difficili per un designer, quindi abbiamo assolutamente bisogno di impostare una fase di studio nella quale approfondire il messaggio che il brand deve trasmettere. L’obiettivo è trasformare un marchio o attività in un elemento grafico con stile unico sul mercato, e questo può accadere soltanto effettuando una fase di sketching mirata e precisa.

Porsi le giuste domande

Qual’è l’attività della compagnia? A che target di clienti fa riferimento? Quali sono i punti da focalizzare?
Porsi le giuste domande, nella prima fase di progettazione è un processo fondamentale, che ci permetterà di mettere in chiaro le idee e le caratteristiche del brand su cui lavorare. Si tratta forse della parte più noiosa ma che sicuramente avrà dei benefici sul risultato finale e ci farà risparmiare un sacco di tempo.
Buona norma in questa fase è farsi dare una mano dal cliente, cercare di farlo sentire parte integrante del progetto. Sarà più semplice capire i suoi gusti e renderlo soddisfatto del risultato finale.

Create tanti schizzi

Questa è la parte del lavoro che molti designer (sopratutto quelli con buone capacità nel disegno a mano) amano.
Prendiamo un foglio di carta e una matita, riflettiamo sul senso e il sentimento che desideriamo trasmettere allo spettatore e cerchiamo di mettere in risalto i punti chiave che vogliamo rappresentare. Creiamo quanti più schizzi possibili senza preoccuparci che il disegno sia perfetto, in questa fase è importante facilitare il flusso delle idee e l’espressione della creatività, senza essere condizionati troppo dalle estetica.

Focalizzarsi su idee chiare

Una volta effettuati diversi schizzi, bisogna eliminare i disegni che sembrano inadeguati e poco accattivanti per quel che vogliamo rappresentare. Avere troppe opzioni può generare confusione. Meno concetti focalizzeremo, più riusciremo a metterli in risalto.
E’ sempre più efficace mettere a fuoco una o due idee svilupparle in modo approfondito che produrre cinque o dieci idee banali.

Avere tanta tanta pazienza

La fase di sketching ha una durata di tempo variabile, ognuno lavora secondo la propria esperienza e sensibilità seguendo l’impegno che il brief richiede. Non bisogna darsi un tempo o un numero di schizzi standard, si creano solo delle limitazioni che possono demoralizzarci. Un bravo designer deve essere in grado di capire quando non deve eccedere e quando invece deve esplorare e cercare ancora a fondo prima di produrre le cose migliori. Inoltre in base all’umore e ad altri fattori che influenzano il nostro modo di lavorare, ci sono giorni in cui le idee giuste arrivano subito e altri giorni in cui sembra di navigare nel buio e non trovare alcuna soluzione valida. In questo caso non bisogna scoraggiarsi ma contiunare a provare e riprovare, l’idea creativa può arrivare quando meno ce lo aspettiamo.

Ora passa al computer

Quando si trova un’idea che ci soddisfa si può passare al computer e arrivati a questo punto possiamo tirare un sospiro di sollievo, una bella fetta di lavoro è ormai fatta.

Non è semplice nei loghi riuscire ad applicare questa proprietà, conosciuta tra i graphic designer anche come principio del Contrasto, infatti è uno stile poco utilizzato (vedi Logo design: tendenze e stili del 2010). Tuttavia un logo che riesce a sfruttare questo principio è destinato a stupire e ad essere ricordato nel tempo. Personalmente quando mi viene commissionata la creazione di un logo, la prima cosa che tento è applicare questo principio o per lo meno dare ambiguità alla forma che ho intenzione di utilizzare.
Ho selezionato per voi alcuni loghi dove i creatori hanno puntato tutto sul principio del contrasto, riuscendo in modo egregio a dar vita a forme a prima vista molto semplici ma che in realtà racchiudono significati e messaggi nascosti.

muz-town

Newcastle Food e Wine

BirdLove

WWF

NBC

Knoll

Wiesinger Music

Fedex

Hanuet Wine

American Architects

Formula 1

Premier Catering

Guild Food Writers

Martin Newcombe

Human

Nexcite

8FISH

Martini House

USA Network

Pink Flamingo

Illusion

Per spiegare dettagliatamente l’argomento non basterebbero sette articoli, ma per ora voglio limitarmi ad incuriosirvi, anzi cercherò di farvi rimanere a bocca aperta.

In modo molto semplice, vi accenno che esistono delle “leggi” che ogni bravo designer dovrebbe conoscere, e sono i principi fondamentali della percezione visiva. Essi derivano dalla teoria della Gestalt o “teoria della forma”.

Uno di questi principi fondamentali è l’organizzazione detta Figura-Sfondo.
Guardando un’immagine percepiamo l’oggetto che sta in primo piano come figura principale e ciò che sta dietro come sfondo.

Però, quando c’è AMBIGUITA’ nelle forme si creano dei fenomeni d’illusione e diventa difficile decidere quale sia la figura e quale lo sfondo.

Eccovi qualche esempio:

Cosa vedete in questa immagine? Una coppa nera o due facce bianche contrapposte?

E qui cosa vedete? Un sassofonista o il volto di una donna?

Gli spazi negativi (i vuoti) in questi casi assumono anch’essi una forma compiuta.

L’occhio non è in grado di osservare l’intera composizione in maniera simultanea, e si focalizza su un elemento alla volta (o il positivo o il negativo). Nonostante questo, pieno e vuoto sono inscindibili l’uno dall’altro, entrambi fanno parte della stessa figura.

Un esempio pratico di un intelligente uso del “figura/sfondo” in questa campagna contro l’abuso minorile.

Ed ecco un opera d’autore, di Nicolas Freud

E per finire alcuni esempi che credo vi lasceranno senza fiato.

Cosa vedete in quest’immagine:

Non abbiate timore, è normale che vediate un immagine sexy. Però se avete la possibilità fatela guardare da un bambino. E’ dimostrato che i bambini non riconoscono questa immagine “intima”, perchè la loro memoria non conosce ancora questa situazione. Ciò che vedono i bambini sono 9 delfini.
Questo fenomeno è conosciuto come legge dell’esperienza passata.

Ancora non siete affascinati? La vostra bocca non è ancora rimasta aperta? non avete ancora esclamato un fievole “ooooh” di stupore?
Ok ho quello che fa per voi

Guardate l’immagine attentamente per circa 40 secondi, concentrandovi sui 4 puntini al centro (quelli in mezzo alle due forme di cuori).
Dopo i 40 secondi, guardate una parete bianca e sbattete le palpebre, noterete un cerchio di luce, a questo punto, continuate a guardare il cerchio e si avrà una visione… divina.

Sperando di avervi affascinati vi lascio qualche link per approfondire l’argomento:

Leggi della Gestalt
Istituto di Gestalt
I principi della Gestalt e l’impaginazione di una pagina Web

Ammetto che mi piacerebbe tantissimo scrivere io una guida a riguardo… Che ne pensate, vi farebbe piacere approfondire insieme l’argomento?

Il parallax scrolling (effetto parallasse) è una tecnica particolare di scorrimento utilizzata in computer grafica.
L’effetto visivo della parallasse simula un fenomeno 3D su oggetti bidimensionali. Semplicemente al movimento del mouse si muovono i diversi strati, che non sono altro che delle immagini posizionate una dopo l’altra.
Forse è stata una delle innovazioni nel webdesign del 2009, anche se effettivamente agli inizi non è stata molto utilizzata, ma negli ultimi tempi se ne è fatto un largo uso, tanto da diventare ormai una vera e propria tendenza.

Quindi, se volete cimentarvi con questa particolare tecnica, ho selezionato per voi una lista di siti web da cui prendere ispirazione, che utilizzano in modo gradevole questo effetto.

Ci sono alcune gallerie molto esclusive, dove vengono selezionati solamente layout impeccabili, e riuscire a ottenere un posticino su siti del genere non è solo un motivo di vanto per un web designer ma un occasione per acquisirire nuovi potenziali clienti.
Per altre gallery invece, è sufficiente un link di ritorno, ma di solito vengono utilizzate giusto per aumentare la link popularity.

Di seguito troverete una lista delle CSS gallery più conosciute sulle quali segnalare il vostro sito, se ne volete segnalare altre su cui val la pena segnalare, segnalatemele (ma come sono spiritoso )

Divine Css

Css mania

Web creme

Best Web Gallery

Css Elite

The best designs

Css Nature

Css Perk

Creattica

Design Bombs

Make better websites

CSS Drive

W3C Sites

Design Award Gallery

Site Inspire

The Css Awards

Css Glance

Boxed Css

Css Style

In realtà, credo che sia uno stile di cui si stia abusando, anche se sinceramente è una moda che non mi dispiace affatto, sopratutto dopo aver vissuto in prima persona gli anni caratterizzati dalle animazioni Flash, dalle Wordart, gif e chi più ne ha più ne metta.

E una cosa è certa, visto che al contrario di quanto si crede realizzare un design minimal di qualità è cosa non da tutti, credo che se un designer decide di cimentarsi in questo stile può migliorare in modo significativo le proprie abilità.

Il suo punto di forza, infatti, è che non può contare su nient’altro oltre gli elementi di cui c’è assolutamente bisogno quindi bisogna saperli sfruttare al meglio. In un sito minimal non c’è disordine nè confusione,il tutto è molto intuitivo e la navigazione è molto semplice.

Questo, naturalmente, quando il tutto è usato nel modo giusto, perchè come abbiamo detto, creare un design minimal è una vera e propria arte.
Vediamo quindi come i web designer possono utilizzare il minimalismo per migliorare le proprie competenze, e come progettare correttamente facendone uso?

Focalizzare l’attenzione sugli elementi principali

© Coprid per Fotolia.com

Nel design minimalista non c’è posto per tutto ciò che genera disordine e non è essenziale per l’obiettivo del sito.

Questo costringe i designer a scegliere solo gli elementi del sito da focalizzare ed evitare il superfluo.

Quali sono gli elementi principali e su cui focalizzare l’attenzione?
Diciamo ad esempio che nel caso stessimo realizzando un sito che voglia offrire un servizio e fidalizzare clienti, gli elementi principali sarebbero probabilmente modulo di iscrizione, call to actions e alcuni screenshots.
Sapere che non è possibile includere troppe cose, costringe il designer a pensarci due volte su ciò che è veramente importante e ciò che può essere omesso.

Un buon designer non è quello che riesce a imbottire un sito di effetti e contenuti superflui, ma quello che sa selezionare solo pochi elementi importanti focalizzarli e dimenticare tutto il resto.

Fare in modo che ogni pixel sia perfetto

La cura del design è un aspetto fondamentale per lo stile minimal. E per ottenere un layout di qualità è necessario fare in modo che ogni pixel che lo compone sia perfetto.
Il vostro layout sarà composto da pochi elementi, ma questi devono essere curati nei minimi particolari, perchè qualsiasi piccola imperfezione verrebbe sicuramente notata, magari distraendo il visitatore dagli elementi principali.

Lavorare sulla tipografia

© Marco Rullkötter per Fotolia.com

La tipografia è un ulteriore elemento di fondamentale importanza per il design minimalista, anzi probabilmente il piuù importante.

Dal momento che non c’è molto da mostrare, il testo diventa un elemento cruciale. Ecco perché la scelta del font giusto, le dimensioni e le decorazioni sono fondamentali.

La scelta della tipografia è qualcosa che spesso viene trascurato da molti web designer. In alcuni casi, l’Arial sembra essere perfetto per tutto, ma per i design minimal lo è raramente. La scelta del font richiede tempo e per trovare quello giusto è necessario conoscere le regole di base della tipografia.

Ogni sito minimalista ha bisogno di dare un ottima impressione in termini di tipografia. Se si scelgono caratteri a caso il progetto potrebbe non avere molto senso.

Imparare ad usare lo spazio

Gli spazi bianchi sono una di quelle cose che solo i progettisti più esperti non hanno paura di usare e non sono nel web design. Molti principianti ritengono che ogni parte dello schermo deve essere occupata da qualcosa, infatti quando si crea un design complesso si ha la tentazione di utilizzare ogni possibile spazio riempendolo con qualsiasi cosa. In alcuni casi potrebbe anche funzionare, ma sicuramente non funzionerà per i design minimalisti.

Gli spazi bianchi sono un elemento cruciale per i design minimal. Il fatto che un design minimalista utilizzi solo una manciata di elementi, rende obbligatorio il loro posizionamento in modo omogeneo sul sito. Essi non possono semplicemente essere collocati a caso o in un unico luogo.

Lavorare su questo stile può essere molto formativo perchè non tutti i web designer posseggono la capacita di utilizzare gli spazi bianchi.

Saper difendere il proprio lavoro

Come prima cosa bisogna essere convinti che usare il design minimal per il lavoro svolto è stata la cosa più giusta in assoluto.

Questo perchè, se si è un libero professionista si potrebbe avere il timore di fornire un design semplice, pensando che il cliente non sarà felice di pagare un lavoro composto solo da una manciata di elementi, posizionati in una forma piuttosto semplicistica.

Bisogna saper difendere la scelta di utilizzare questo stile, ed essere in grado di spiegare quali sono i suoi valori. Oltretutto, difendere le proprie scelte non è utile soltanto in questo caso, ma aiuta sicuramente chi ha intenzione di intraprendere la carriera di freelance.

Alcuni siti di esempio

Ecco alcuni esempi di layout che utilizzano in modo interessante lo stile minimal. Li ho estrapolati dalla raccolta “lo stile minimal nel web design” pubblicata qualche mese fa

Cosa ne pensate di questo stile? Pensate che resisterà ancora per molto? E dopo il minimal cosa ci sarà?

L’immagine principale dell’articolo è stata realizzata da © archideaphoto per Fotolia.com

Fare business online è diventato alquanto complesso a causa della forte competitività sviluppatasi negli ultimi anni. Ecco perchè per distinguersi bisogna saper sfruttare nel migliore dei modi le ultime tendenze nel settore e le tecnologie più innovative.

Una delle innovazioni degli ultimi anni è la modellazione in 3D. Sulla rete sono disponibili molte collezioni di modelli 3D free che possono dare un tocco in più al design delle proprie pagine e attrarre visitatori. Infatti l’utilizzo del 3D essendo molto insolito, riesce ad accattivare i potenziali clienti facendo in modo che il sito venga facilmente ricordato dai visitatori.
Di seguito ho elencato una serie di servizi online che offrono file 3D free, da utilizzare nella progettazione grafica e web. In realtà sono molti altri i campi dove queste risorse possono trovare applicazione, ad esempio nel campo della scienza e della ricerca per generare modelli di veicoli e strutture o per creare progetti di costruzioni e paesaggi nel campo dell’architettura.

File 3D da scaricare gratuitamente

Archive3D

Archibase Planet

3D Model Download

3dxtras

DLegend

Free 3D Models Collection

Gallery Free 3D Models

Free 3D Models For Interior Design

Architectural Home Design

Amazing 3D Graphics

Delicious 3D Models

Top3dmodels.

3D Warehouse

Free 3D models

3DM3

Free 3d models

Free 3D Models, Free CAD Models

3D Model Sharing

3DVIA

TurboSquid

*****************************************
L’immagine dell’articolo è stata realizzata da © Gunnar Assm per Fotolia.com

Un web designer vuole sempre che i siti web da lui creati si distinguano per bellezza e unicità.

Il problema è che la creazione di un design da zero, a volte, è un attività che può bloccare anche le menti più creative. Magari inizialmente si ha già un idea dei colori da utilizzare e della struttura in generale ma a volte per il poco tempo a disposizione, lo stress o semplicemente perchè si è alle prime armi non si riesce a dare vita ad un buon design e si incappa nel classico blocco creativo.

Fortunatamente, a volte i web designer più esperti condividono i file sorgenti dei loro progetti gratuitamente . In questo modo offrono una fonte di apprendimento per i principianti e permettono ai web designer più esperti di studiare nuove tecniche di lavoro e aggiungere dettagli grafici ai progetti, arricchendoli così di nuovi elementi.

Sfortunatamente, a volte, la maggior parte di questi PSD free non vale nemmeno la pena di scaricarli. Così, oggi ho creato una lista di 30 layout di altissima qualità in PSD da scaricare e da cui prendere ispirazione.

Come disegnare un layout in stile organic? tutorial e psd

Realizzare un portfolio creativo in Photoshop

Come creare un colorato layout web in stile business

Creare un layout scuro in Photoshop

Come disegnare un layout in stile magazine? tutorial e psd

Disegnare un layout pulito in Photoshop

Progettare un trendy business layout

Progettare e sviluppare un sito web completo

ShutterPress: Progettare e codificare un portfolio fotografico

Progettare un elegante mobile app sito web

Come creare un web layout professionale in Photoshop

Come creare un layout per portfolio in Photoshop

Progettare un sito web minimale e pulito

Creare un tema moderno in Photoshop

Come creare un layout web a pagina singola con Photoshop

Progettare un tema Drupal business in Photoshop

Creare un layout per sito e gallery in Photoshop

Creare un sito web con colori scuri in Photoshop

Creare un layout in stile fumetto

Progettare un layout alternativo mediante l’utilizzo di UI/UX

Creare un layout a scorrimento orizzontale

Creare una single page illustrata

Progettare un tema per blog professionale e pulito

Design Squeeze Free Sample per gli amici Webmarketer

Creare un tema per WordPress in stile minimal

Come creare un tema in stile vintage

Creare un layout elegante in Photoshop

Come creare un layout games style in Photoshop

Come creare un portfolio stile minimal

Creare un layout luminoso in Photoshop

Qualcuno sceglie di impostare semplicemente una propria fotografia mentre qualcun altro si avventura nella creazione di un’immagine ad hoc.

In questo tutorial vedremo come anche chi è poco esperto di design può realizzare facilmente la copertina personale per facebook Timeline utilizzando Mangatar, un servizio online che permette di creare avatar in stile manga.

Come prima cosa ci registriamo al servizio utilizzando il form in home page o il comodo pulsante “accedi con Facebook“.
Una volta completata la registrazione, sarà possibile creare quanti mangatar vogliamo, semplicemente cliccando sul pulsante “create mangatar” presente nel menu in alto.
Ci verrà mostrato il generatore di mangatar la cui prima schermata permette di scegliere il sesso del personaggio che andremo a creare.

Una volta effettuata questa scelta, avremo accesso ad una grossa quantità di elementi attraverso i quali personalizzare i nostri mangatar. Ricordiamoci di sfruttare bene tutto lo spazio messo a disposizione visto che sarà visibile nella cover di facebook.

Scegliamo quindi naso, bocca, capelli, corpo, ecc., per far assomigliare il mangatar il più possibile a noi e, infine, diamogli un tocco di classe con uno sfondo accattivante e una casella di testo dove scrivere un messaggio per chiunque visiti il nostro profilo facebook.

Salviamo il tutto cliccando sul pulsante “salva” in basso a sinistra, dopodichè verremo riportati nella nostra pagina profilo. Da qui clicchiamo sulla seconda scheda, denominata “mangatar“, per entrare nella nostra galleria e clicchiamo su quello che abbiamo appena creato.
Ci verrà mostrato un menu circolare dal quale dovremo scegliere la voce “Scarica“.

A questo punto ci troveremo nella pagina di download del mangatar nella quale sarà possibile scegliere tra diverse dimensioni. Selezioniamo il primo, “panorama“, e clicchiamo su scarica!

Abbiamo appena salvato il mangatar nel formato lungo, completo di sfondo. Non ci resta che spostarci nel nostro profilo facebook, cliccare su “cambia copertina” e caricare l’immagine appena scaricata!

Adesso abbiamo la nostra bella timeline con copertina personalizzata.

Concludendo, potete creare diversi mangatar per diverse occasioni (a tema estivo o invernale, casual o elegante, e cosi via) e tenere il vostro profilo sempre aggiornato e legato al vostro umore!

Autore: Raffaele Gaito, cofondatore di Mangatar, per yesWEBcan.

Progettate in bianco e nero

La scelta dei colori non è importante nelle prime fasi della progettazione, anzi può essere fuorviante.
Assicurare a un logo una buona leggibilità in bianco e nero è una delle caratteristiche fondamentali per un logo di qualità. Il brand deve essere riconoscibile in tutte le condizioni quindi anche in caso di stampe monocromatiche (ad esempio in fax o fotocopie).
All’inizio è molto più importante la forma. I colori possono sempre essere scelti in seguito, a meno che non siano stati già indicati dal cliente.

Prendetevi tutto il tempo necessario

Creare un logo è un processo che può durare settimane (a volte anche mesi). I clienti hanno sempre troppa fretta, ma in questo caso bisogna fargli capire che l’urgenza non porta nulla di buono. Partendo da uno o più schizzi su carta fino ad arrivare alla scelta finale bisogna provare, provare e ancora provare in ogni fase. E tra una fase e l’altra è meglio prendersi delle pause e far passare un pò di tempo per vedere se il risultato è apprezzabile anche dopo giorni e a mente fredda.

Ispirarsi alle gallerie ma senza esagerare

Le gallerie di loghi sono ottime risorse dove prendere ispirazione e confrontarsi con altri progettisti, ma non esagerate. La linea che divide l’ispirazione dal plagio è molto sottile e potrebbe capitare di venire influenzati a tal punto da non riuscire più ad essere creativi e copiare senza nemmeno volerlo.

Non pensate solo al logo ma all’intera indentity

Anche se il cliente non ne ha fatto richiesta, considerate che il logo potrebbe essere utilizzato come parte di un sistema di identità globale. Questo di solito porta allo sviluppo di un design più attinente, rendendo il logo flessibile e adattabile a tutti i contesti.

Ascoltate le richieste del cliente

Fin dall’inizio, cercate i feedback dei clienti e di inseriteli nel processo creativo. Nessuno meglio del cliente conosce il proprio target di riferimento e in questo modo la progettazione prenderà subito la direzione giusta. Inoltre, il cliente che si sente parte integrante del processo è molto più probabile che sia soddisfatto del risultato finale.

Focalizzatevi su poche idee

Meno concetti volete focalizzare, più riuscirete a metterli in risalto.
E’ sempre più efficace mettere a fuoco una o due idee svilupparle in modo approfondito e proporle al cliente, che produrre cinque o dieci idee banali.

Sottrarre, non aggiungere

Il processo di creazione di un logo è tipicamente un processo di riduzione. Durante la progettazione non bisogna pensare a cosa aggiungere per renderlo migliore ma a cosa sintetizzare in modo da renderlo più comunicativo e facilmente ricordabile.

Semplice = Memorabile

Come regola generale, più il logo è semplice più è memorabile. Pensate ai loghi più famosi tipo Nike, Apple, McDonalds. Il logo deve essere una semplificazione, deve essere subito riconoscibile e ricordato nel tempo, usando simboli che anche da soli permettano il riconoscimento del brand.

Le dimensioni del logo fanno la differenza

Un buon logo deve essere facilmente prodotto in varie dimensioni, da molto piccole a molto grandi.
Loghi estremamente complessi rischiano quindi di non rendere bene se rimpiccioliti, soprattutto se inseriti su carta intestata, oppure sui biglietti da visita, o su gadget promozionali (penne, matite, portachiavi).
Dunque quando progettate un logo fate in modo che sia leggibile a prescindere da dimensioni e supporto di stampa.

Non trascurate la tipografia

Scegliere il font giusto è fondamentale per il successo di un brand.
La scelta del font deve essere un giusto mix tra esigenze di comunicazione, chiarezza e leggibilità. Troppo spesso ci si impegna molto sulla scelta di un pittogramma e poi ci si affianca magari il logotipo scritto con un font semplice e poco attinente. Va considerato invece che il lettering in molti casi può essere usato da solo ed essere ugualmente efficace.

*****************************************
L’immagine dell’articolo è stata realizzata da © Martin Green per Fotolia.com