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

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

Avete gli strumenti ma non sapete come procedere? Ok a questo ci penso io, vi ho preparato una raccolta di tutorial, nella speranza di fornirvi dei buoni spunti per la creazione delle vostre illustrazioni digitali.

Dopo una lunga selezione sono giunto a una collezione di 25 tutorial che personalmente ritengo i più interessanti. Se ne conoscete altri, segnalatemelo senza problemi, sarò felice di allungare la lista.

Buon divertimento, ce n’è per tutti i gusti!

1. Modeling the Human Body in Adobe Illustrator



2. Dress Up Your Desktop with a Sharp Dual Screen Wallpaper



3. Create a litte baby in Illustrator



4. Sketchy Cartoon Tutorial



5. Create a Cool Vector Panda Character in Illustrator



6. How to create a curious owl in Illustrator Cs4



7. How to Illustrate a LeBron James Cartoon Character



8. Illustrate Image Into Vector



9. How to Create a Vector Illustration and Prepare it for Micro-Stock Sale



10. Create a Cute Furry Vector Monster in Illustrator



11. Adobe Illustrator Cartoon Bug Tutorial



12. Vector figure shading



13. Mascot Design In Real Time Order – the SOSFactory Way



14. How To Create Your Own Vector Cartoon Character



15. Create a Character Mascot with Adobe Illustrator CS4



16. Create a Super Happy Octopus Character



17. Adobe Illustrator Cartoon Snail Tutorial



18. Create Sketchy-Style Vectors



19. How to Create a Cute, 3D, Vector Robot



20. Creating Line Drawings in Adobe Illustrator



21. Create a Gang of Vector Ninjas



22. Drawing a character’s face in Illustrator



23. How to Turn a Sketch into a Fat Cat Vector Illustration



24. Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch



25. Monster Character Series Part 4

Questa è una delle domande più frequenti che viene rivolta a noi designer, e se rispondiamo che uno è un software per grafica raster l’altro per grafica vettoriale, automaticamente scatta la domanda successiva:

Qual’è la differenza tra grafica raster e grafica vettoriale?

Nella grafica raster l’immagine è composta da un insieme di pixel (puntini), ognuno dei quali memorizza il codice del colore che lo caratterizza. Quindi l’immagine non è altro che un numero definito di puntini affiancati uno all’altro e rappresentati in una griglia rettangolare (raster). La sua struttura a mosaico la rende l’unico metodo valido per la rappresentazione delle fotografie.

Due sono gli elementi che caratterizzano un immagine raster:

• Risoluzione
  Consiste nel numero di pixel contenuti e viene ottenuta moltiplicando il numero di pixel orizzontali per quello dei pixel verticali che compongono l’immagine. Si misura in PPI (Points Per Inch).
• Profondità di colore
  La profondità consiste dalla memoria che si dedica ad ogni pixel, ovvero dal numero di bit dedicati ad ogni pixel per descrivere il colore. Maggiore è il numero di bit, maggiore è il numero di colori che è possibile descrivere.

Il difetto di questo tipo di grafica è che se ingrandiamo l’immagine i pixel diventano più grandi, visto che in numero restano costanti, causando quel tipico effetto di sfocamento molto sgradevole alla vista chiamato pixellatura.

I formati raster più comuni sono: .tiff, .jpeg, .gif, .png, .bmp, .tga

Invece nella grafica vettoriale, le informazioni vengono rappresentate tramite oggetti grafici come punti, linee, poligoni e curve, ognuno dei quali definito nella memoria da parametri matematici scritti in linguaggio PostScript o PDF.
Ogni oggetto del disegno viene memorizzato in un contenitore interno ed è indipendente, infatti può essere spostato, modificato od eliminato senza influenzare gli altri oggetti dell’immagine.
Il fatto che ogni oggetto è rappresentato (in memoria) da valori matematici modificabili (equazioni) e non da pixel, permette di ingrandire e fare qualsiasi operazione sui tracciati senza nessuna perdita di qualità. Oltre alla qualità la grafica vettoriale ha come vantaggio la maggiore compressione dei dati.

I formati vettoriali più comuni sono: .cdr, .fh .ai, .pdf

Il 6 Febbraio 2010 si terrà Go!Webdesign, workshop che i designer di Milano e città limitrofe non dovranno assolutamente perdersi. Nell’incantevole sede di Young & Rubicam Brands, si svolgerà una full immersion di 1 giorno (dalle 9.00 alle 18.30), durante la quale i 50 partecipanti assisteranno agli interventi di diversi web designer professionisti.

Da Giuliano Ambrosio (aka JuliusDesign) a Nicola Bortignon, da Massimo Mastromarino a Alessia Bellon, sono tutti esperti del web con curriculum di tutto rispetto.

L’intero programma e le schede dei relatori sono disponibili sul sito dell’evento.

Il costo per accaparrarsi uno dei 50 posti a disposizione è di 200 euro, ma per chi si prenota entro il 20 Gennaio ci sarà uno sconto di 50 euro, quindi se volete partecipare vi conviene affrettarvi.

Mentre chi non ha la possibilità di raggiungere Milano, non deve scoraggiarsi, il GO!WEBDESIGN sarà itinerante e nei prossimi mesi raggiungerà varie città della penisola.

Installazione Brushes:

• Copiate il file .abr che avete scaricato nella cartella brushes del Photoshop. Per trovare la cartella dovete procedere in questo modo: Risorse del computer->(c) Disco Locale-> Programmi-> Adobe-> Adobe Photoshop-> Presets (predefiniti)-> Brushes (pennelli).
• Una volta copiato il file possiamo aprire Adobe Photoshop e selezionare lo strumento pennello, poi andiamo nella tavolozza con le opzioni e premiamo per aprire il selettore di pennelli predefiniti






installazione-brushes




• Ora clicchiamo sul triangolino in alto a destra e selezioniamo load brushes (carica pennello)


installazione brushes



• A questo punto vi si aprirà la cartella contenente i brushes, selezionate quello che desiderate caricare ed il gioco è fatto.
  

  installazione-brushes

Installazione patterns
L’installazione dei patterns è molto simile a quella dei brushes, ma spiegheremo passo-passo anche questa.

• Copiate il file .pat che avete scaricato nella cartella brushes del Photoshop. Per trovare la cartella dovete procedere in questo modo: Risorse del computer->(c) Disco Locale-> Programmi-> Adobe-> Adobe Photoshop-> Presets (predefiniti)-> Pattern
• Una volta copiato il file apriamo Adobe Photoshop e prendiamo lo strumento secchiello, poi andiamo nella tavolozza con le opzioni, selezioniamo pattern e premiamo per aprire il selettore di pattern predefiniti


installazione-pattern




• Ora clicchiamo sul triangolino in alto a destra e selezioniamo load pattern (carica pattern)


installazione-pattern




• A questo punto, come per i brushes, vi si aprirà la cartella contenente i pattern, selezionate quello che desiderate caricare ed ecco i vostri pattern pronti all’uso.
  

  installazione-pattern

Il procedimento è lo stesso anche per sfumature, forme e per tutte le risorse disponibili per Photoshop. In realtà esiste un metodo ancora più veloce per installarli, basta semplicemente trascinare i file all’interno del Photoshop, ma vi consiglio per iniziare di usare i metodi tradizionali

MyPhotoshopBrushes offre una raccolta di risorse vettoriali gratuite per Adobe Photoshop, suddivise in 4 categorie

• brushes
• patterns
• custom shapes
• stili e sfumature

L’attenzione del sito è concentrata sui brushes, infatti ce ne sono tantissimi e di pregiata fattura, realizzati da designer di tutto il mondo.

Ma anche la raccolta patterns non è male, io ho rifatto un lavoro già completo giusto perchè ho voluto provare questa trama che mi è subito piaciuta:

patterns

A differenza dell’anno scorso ogni corso sarà composto da 4 incontri e non 3, e non verrà rilasciato l’attestato di partecipazione, ma un simpatico disco orario targato Adobe.

Ecco su cosa verteranno i corsi:

• Business Productivity (il Mercoledì ore 11.00-12.00 a partire dal 14 ottobre)
• Digital Video & Dynamic Media (il Mercoledì ore 16.00-17.00 a partire dal 14 ottobre)
• Graphic Design (il Martedì ore 16.00-17.00 a partire dal 13 ottobre)
• Professional Digital Imaging (il Lunedì ore 16.00-17.00 a partire dal 12 ottobre)
• Web Design & Development (il Giovedì ore 16.00-17.00 a partire dal 15 ottobre)

Per partecipare bisogna iscriversi ad ogni singolo corso. Il link a cui collegarsi verrà comunicato via email nella conferma di iscrizione.

E se non avete tempo di partecipare ai seminari, potete consultare quando volete gli eSeminar on-Demand, che consistono nella registrazione dei seminari, consultabile in qualsiasi momento.
Che aspettate? Correte a iscrivervi i posti vanno a ruba.

adobe seminari