Share
Lo sviluppo di un concetto significativo è un passo cruciale in qualsiasi progetto di design? ma è un'abilità che poche persone prendono davvero il tempo per capire e apprezzare. Oggi, Ahmed (UI Manager presso Link Development e Adobe User Group Manager in Egittoci guiderà attraverso la creazione di un concetto e un processo di ispirazione. Seguiremo il processo passo dopo passo, finché non arriveremo a un concept di successo per iniziare il nostro web design.
Nel mio ultimo articolo, The Gestalt Principle: Teoria del design per i web designer, abbiamo stabilito la necessità di iniziare qualsiasi progetto con il design della shell di contenimento prima di entrare nei dettagli, in questa parte discuteremo la metodologia di creare un progetto di shell.
Qualsiasi forma contenitiva dovrebbe avere un concetto dietro di essa - ma purtroppo molti designer si concentrano solo su una forma dall'aspetto piacevole che non ha alcun significato dietro di essa. O peggio, progettano un intero sito web basato su framework preesistenti senza neanche un attimo di riflessione su come un design originale potrebbe portare un po 'di realesenso al progetto.
Ha un design davvero grande senso dietro di esso - non sono solo belle forme, filtri o tipografia - ogni elemento dovrebbe effettivamente dire qualcosa sul progetto sottostante.
In questa fase, se hai seguito la metodologia della raccolta dei requisiti creativi (come ottenere i giusti requisiti creativi dal tuo cliente), dovresti avere abbastanza input da sviluppare e capire quale forma o stile del contenitore si adatta al tuo design.
Uno dei modi più semplici e semplici per trovare idee è quello di chiedere al tuo cliente di darti alcune parole chiave per descrivere come vuole che le persone si sentano riguardo al suo sito? energico, fresco, giovane, solido? ecc., inserendo semplicemente queste parole chiave in qualsiasi ricerca di immagini come Google o Bing.
Scegliendo tra queste immagini quelle che ti piacciono, ti ritroverai facilmente con una grande libreria di idee di brainstorming da cui partire.
Simile a qualsiasi esercizio di brainstorming, non respingere alcuna idea? per quanto strano siano. È sempre più facile smorzare un progetto piuttosto che cercare di ravvivarlo? sedendosi davanti alla tua biblioteca di idee, prendi carta e penna (che sono strumenti eccellenti in questa fase) e inizia a delineare concetti che ti vengono in mente guardando la tua biblioteca, il disegno aiuta perché le idee tendono a svanire velocemente come appaiono nella tua mente :)
Ad esempio, se un cliente mi chiede un ?fresco? design, semplicemente entrerò ?fresco? per esempio in Google (o il tuo motore di ricerca preferito) e verifica i risultati dell'immagine.
Ecco un esempio di ciò che mi è venuto in mente:
Come mi ispirerebbero queste immagini? Cosa mi avrebbero detto sulla direzione del progetto?
Beh, semplicemente sapendo che il mio cliente vuole un nuovo design e utilizzando questo metodo nell'interpretazione delle immagini, vorrei capire che:
Di solito preferisco fare questo esercizio insieme a 2 o 3 altri designer perché aiuta a rimbalzare idee diverse l'una dall'altra, vorrei chiedere a ciascuno di cercare immagini da solo per 15 o 20 minuti, quindi sedersi insieme e iniziare a dire ciò che vediamo in ogni immagine, sarete sorpresi di come le altre persone possano vedere qualcosa di totalmente diverso da ciò che pensate o vedete, e questo potrebbe aprirvi un'idea totalmente nuova per voi.
È importante parlare durante questa fase del processo di progettazione! La parola "fresco" significa cose diverse per persone diverse - quindi non affidarti esclusivamente alla ricerca iniziale di risultati di immagini o alla tua interpretazione personale per essere la fonte definitiva di ispirazione.
I buoni artisti copiano, i grandi artisti rubano,
- Pablo Picasso (1881 - 1973)
La mia interpretazione per questa citazione è questa: copiare un'altra idea ti renderà un buon designer, comunque, ?furto? un'idea o un concetto all'interno di un altro design e usarlo con saggezza (senza copiare palesemente) ti farà diventare un grande designer.
Rubare un'idea è difficile - molto più difficile della copia - devi capire veramente il concetto per sollevarlo da un posto e spostarlo nel tuo progetto.
In un recente progetto, stavo lavorando con un team su un sito per un portale del turismo egiziano. Non volevano un semplice avanzamento? Piramidi, Karnak, faraonico? sito di stile che la maggior parte delle persone andrebbe per? Volevano qualcosa di moderno, eppure volevano mantenere un'identità egiziana che avrebbe letteralmente detto che questo sito proviene dall'Egitto?.
È stata una vera sfida, ma seguendo la metodologia sopra descritta abbiamo trovato immagini come queste:
Ora il cliente non voleva cliché? disegni che mostrano geroglifici diretti o immagini di antichi templi egizi e cose del genere, ma guardando le immagini abbiamo iniziato a costruire sull'idea che possiamo usare alcuni elementi come le pareti inclinate e gli antichi portali egizi e come si relazionano a il sito è un portale per l'Egitto.
Il problema è che l'unico stile che è unico in Egitto è il Faraone. Se siamo andati con l'arte araba, per esempio, non sarebbe stato unico in Egitto. Se mostriamo immersioni o spiagge, non è unico. Se andiamo con qualsiasi altro stile, non sarà unico per l'Egitto e questo era un requisito rigoroso.
Allo stesso tempo, ci è stato detto di non usare chiare immagini o geroglifici dell'Antico Egitto poiché il cliente voleva promuovere tutti i tipi di turismo egiziano, non solo templi o piramidi. Un accorto disegno ingegnoso, per essere sicuro.
Alla fine abbiamo trovato uno schizzo come questo:
Abbiamo semplicemente preso parte al portale d'ingresso? piloni nel tempio di Karnak, usando solo le linee oblique per identificare i muri, l'area nel mezzo è stata usata per animare diverse immagini dall'Egitto e abbiamo usato l'area a sinistra per il logo e la navigazione mentre l'intera area a destra era usata per il contenuto.
Era un concetto molto semplice, ma soddisfaceva tutti i requisiti. Una simile idea sarebbe stata difficile da ricordare se non avessimo guardato le foto e le immagini che emergevano da un semplice? Egitto? query di ricerca.
Siamo stati in grado di rubare le idee dietro il Tempio di Karnak e le Piramidi, e quindi usarle nel nostro progetto.
Alcune persone hanno sostenuto che questo concetto potrebbe non essere molto chiaro quando le persone guardano il sito, e questo può sembrare strano, ma i concetti non devono essere "compresi"? dal primo sguardo ad un design? né hanno bisogno di essere visivamente chiari affatto - questo non è un dovere. Questo può essere facilmente compreso guardando i loghi, ad esempio il logo Mercedes:
A prima vista per la maggior parte delle persone, è solo una stella a 3 punte. Tuttavia, il concetto dietro questa stella è che rappresenta il suo dominio sulla terra, sul mare e sull'aria - con il braccio superiore che rappresenta l'aria e le 2 braccia inferiori che rappresentano terra e mare.
Chi lo sapeva? Pochissime persone al di fuori dell'azienda? ma non è questo il punto, ora è così? Un buon concetto parla da sé - anche se le persone non capiscono immediatamente esattamente cosa significa, le forme e le idee intenzionali sottostanti assumeranno sempre una vita propria. I design senza concetto non hanno quel tipo di vita? loro si siedono qui.
Un'altra grande fonte di ispirazione è cercare di stare lontano dal tuo schermo. Molti designer tendono a visitare siti di ispirazione di design, che contengono design top giornalieri. Mentre questo è un buon esercizio in altre fasi (come la raccolta dei requisiti e nei dettagli dei componenti), probabilmente non sarà di grande aiuto quando si sta tentando di sviluppare il proprio concetto di base.
Spesso è meglio guardare ad altre fonti fuori dallo schermo: cartelloni pubblicitari, riviste, poster e spot televisivi sono ottime fonti se hai tempo, soprattutto perché le regole che governano il web design differiscono notevolmente dal design di stampa o dagli annunci TV, ti danno un unico prospettiva che ti aiuta a venire con idee molto originali che puoi lavorare nel tuo concetto di design.
Anche i progetti architettonici possono essere fonti d'ispirazione valide e uniche:
A seconda del tuo cliente e dei tuoi obiettivi, ognuno degli edifici di cui sopra può darti nuovi concetti e idee da utilizzare per il tuo sito web? progetta come nei seguenti esempi (nello stesso ordine):
Il trucco è quello di tenere sempre gli occhi aperti e utilizzare tutto come fonte di ispirazione, non limitare le tue opzioni semplicemente osservando solo altri progetti web o cercando di inventare qualcosa da solo.
Vedere arriva prima delle parole. Il bambino guarda e riconosce prima di poter parlare.
- John Berger, modi di vedere
Se non ti sei imbattuto nei modi di vedere di John Berger, vale la pena trovare una copia in brossura (o almeno una versione di e-book!). Non scaverò troppo in profondità nei dettagli, ma è un libro che esplora i modi in cui le persone vedono il mondo che li circonda. Il messaggio di fondo è che vedere è un istinto vitale e primitivo per noi umani - noi "vediamo" prima di leggere, prima di parlare, e prima di camminare.
In quanto tali, noi come web designer possiamo prendere un significato speciale da questa verità. Dovremmo fare attenzione a creare i concetti alla base dei nostri progetti perché sono la prima cosa che le persone "vedono". Prima delle parole sulla pagina o del flashy image slider su cui abbiamo lavorato così duramente per codificare, le persone vedono la shell - il concept - che crea l'impressione generale del sito. I dettagli sono importanti, non fraintendetemi, ma non potete davvero inchiodare i dettagli finché non avete un progetto significativo per inserirli.
Leggi altri fantastici articoli di "teoria" nella nostra sessione di Teoria della progettazione web!
Un ringraziamento speciale ad Ahmed, che ha consegnato questo articolo nel mezzo del caos in corso in Egitto.
Accentsconagua