Concept și inspirație Teoria designului pentru designerii web

Dezvoltarea unui concept semnificativ este un pas crucial în orice proiect de proiectare? dar este o abilitate pe care puțini oameni într-adevăr iau timp să înțeleagă și să aprecieze. Astăzi, Ahmed (Manager UI la Link Development și Adobe User Group Manager în Egipt) ne va duce prin crearea unui concept și a unui proces de inspirație. Vom trece printr-un proces pas cu pas, până când vom ajunge la un concept de succes pentru a începe proiectarea web.


De ce să dezvoltați un concept în materie de web design?

În ultimul meu articol, Principiul Gestalt: Teoria Designului pentru Web Designeri, am stabilit necesitatea de a începe orice proiect cu designul cofrajului care conține înainte de a intra în detalii, în această parte vom discuta metodologia de a veni cu un design cochilie.

Orice forma care contine ar trebui sa aiba un concept in spatele ei - dar din pacate, multi designeri se concentreaza doar pe o forma frumoasa care nu are nici un sens in spatele ei. Sau, mai rău, ei proiectează un întreg site web bazat pe cadre preexistente, fără să se gândească nici măcar o clipă la modul în care un design original ar putea aduce niște adevăratesens la proiect.

Cu adevărat un design minunat sens în spatele ei - nu sunt doar forme frumoase, filtre sau tipografie - fiecare element ar trebui să spună ceva despre proiectul de bază.

În acest stadiu, dacă ați urmat metodologia de colectare a cerințelor creative (cum să obțineți cerințele corecte de creație de la clientul dvs.), ar trebui să aveți suficiente contribuții pentru a construi și a determina ce formă de container sau stilul dvs. de proiectare se va potrivi.

Începeți prin colectarea unei Biblioteci de imagini de referință

Una dintre cele mai simple și mai simple căi de a găsi idei este să-ți fi cerut clientului să-ți dea niște cuvinte cheie pentru a descrie cum dorește ca oamenii să se simtă în legătură cu site-ul lui? energic, proaspăt, tânăr, solid? etc, prin simpla introducere a acestor cuvinte cheie în orice căutare de imagini, cum ar fi Google sau Bing.

Alegerea de la aceste imagini a celor care vă plac, vă veți găsi ușor cu o mare bibliotecă de idei de brainstorming de la care să începeți.


Designul începe cu o creier

Similar cu orice exercițiu de brainstorming, nu renunța la idei? oricât de ciudat este. Este întotdeauna mai ușor să tonifi un design decât să încerci să-i spice? ședința în fața bibliotecii de idei, obțineți un creion și hârtie (care sunt instrumente excelente în acest stadiu) și începeți schițarea conceptelor care vin în mintea dvs. prin uitarea la biblioteca dvs., schițarea ajută, deoarece ideile tind să se estompeze la fel de repede ca ele pop în mintea ta :)

De exemplu, dacă un client mă întreabă ?proaspăt? design, voi intra pur și simplu ?proaspăt? de exemplu în Google (sau motorul dvs. de căutare preferat) și verificați rezultatele imaginii.

Iată o mostră a ceea ce am venit:

Cum ar inspira aceste imagini? Ce mi-ar spune despre direcția designului?

Ei bine, pur și simplu știind că clientul meu dorește un design nou și folosind această metodă în interpretarea imaginilor aș înțelege că:

  • Ar trebui să merg mai mult pentru forme organice sau curbe
  • Lumină? Proaspătă? sunt preferate nuanțele de culoare (mai mult despre culoare într-un articol ulterior)
  • Utilizarea cristalului? stil și semi-transparente.
  • Aveți mult spațiu alb și nu supraaglomerați componente

De obicei, prefer să fac acest exercițiu împreună cu 2 sau 3 alți designeri împreună, ajutând pe fiecare să caute imagini singure pentru 15 sau 20 de minute, apoi să stea împreună și să înceapă să spună ceea ce vedem în fiecare imagine, veți fi surprins de modul în care ceilalți oameni văd ceva cu totul diferit de ceea ce credeți sau vedeți, ceea ce ar putea să vă deschidă o idee cu totul nouă.

Este important să vorbiți în această etapă în procesul de proiectare! Cuvântul "proaspăt" înseamnă lucruri diferite pentru diferiți oameni - așa că nu vă bazați numai pe căutarea inițială a rezultatelor imaginii sau pe propria interpretare pentru a fi sursa definitivă de inspirație.


Nu copiați ideile, furați-le!

Artiștii buni copiați, marii artiști fură,
- Pablo Picasso (1881 - 1973)

Interpretarea mea pentru acest citat este următoarea: Copierea unei alte idei vă va face totuși un bun designer, ?furat? o idee sau concept din interiorul altui design și folosirea lui cu înțelepciune (fără o copie brutativă) vă va face un mare designer.

Furtul unei idei este greu - mult mai greu decât copierea - trebuie să înțelegeți cu adevărat conceptul pentru ao ridica dintr-un singur loc și pentru ao muta în design.


Studiu de caz: Furtul de piramide

Într-un proiect recent, lucram cu o echipă pe un site pentru un portal de turism egiptean. Nu au vrut o cale directă? Piramidele, Karnak, Pharaonic? stil pe care majoritatea oamenilor ar merge pentru? Au vrut ceva modern, totuși au vrut să păstreze o identitate egipteană care ar spune literalmente că acest site este din Egipt?.

A fost o adevărată provocare, dar trecând prin metodologia de mai sus am venit cu imagini precum:

Acum clientul nu a vrut clich? desenele care prezintă hieroglife sau imagini ale templelor egiptene antice și ale unor astfel de lucruri, dar privindu-ne imaginile, am început să construim ideea că putem folosi anumite elemente cum ar fi zidurile înclinate și portalurile egiptene antice și modul în care acestea se vor referi site-ul fiind un portal către Egipt.

Problema este că singurul stil care este unic pentru Egipt este stilul Faraon. Dacă am merge cu arta arabă, de exemplu, nu ar fi unică pentru Egipt. Dacă prezentăm scufundări sau plaje, nu este unic. Dacă mergem cu orice alt stil, nu va fi unic pentru Egipt și aceasta a fost o cerință strictă.

În același timp, ni sa spus să nu folosim imagini sau hieroglife clare din Egiptul Antic, deoarece clientul dorea să promoveze toate tipurile de turism egiptean, nu doar temple sau piramide. Un scurtcircuit de design, sigur, sigur.

În cele din urmă am venit cu o schiță ca aceasta:

Am participat pur și simplu la portalul de intrare? stâlpi din templul din Karnak, folosind doar liniile înclinate pentru a identifica pereții, zona din mijloc a fost folosită pentru a anima imagini diferite din Egipt și am folosit zona stângă pentru logo și navigație în timp ce întreaga zonă a fost utilizată pentru conținut.

A fost un concept foarte simplu, dar a îndeplinit toate cerințele. O astfel de idee ar fi fost greu să ne aducem în minte dacă nu ar fi urmărit fotografiile și imaginile care au provenit dintr-un simplu "Egipt"? interogare de căutare.

Am reușit să furăm ideile din spatele templului Karnak și a piramidelor, apoi să le folosim în designul nostru.


Conceptele bune vorbesc pentru sine

Unii oameni au susținut că acest concept poate să nu fie foarte clar când oamenii se uită la acest site, iar acest lucru poate părea ciudat, dar conceptele nu trebuie să fie "înțelese"? de la prima privire la un design? nici nu trebuie să fie vizibile clar - nu este o necesitate. Acest lucru poate fi ușor de înțeles prin faptul că vă uitați la logo-uri, luați logo-ul Mercedes, de exemplu:

La prima vedere, pentru majoritatea oamenilor, este doar o stea cu 3 puncte. Cu toate acestea, conceptul din spatele acestei stele este că ea reprezintă dominația sa asupra pământului, a mării și a aerului - având brațul de sus reprezentând aerul și cele două brațe de fund reprezentând pământ și mare.

Cine stia? Foarte puțini oameni din afara companiei? dar asta nu este punctul, acum este? Un concept bun vorbește de la sine - chiar dacă oamenii nu înțeleg imediat ce înseamnă, formele intenționate și ideile de dedesubt vor lua întotdeauna o viață proprie. Conceptele fără design nu au acest tip de viață? doar stau acolo.


Găsirea inspirației pentru concepte

O altă mare sursă de inspirație este să încerci să stai departe de ecran. Mulți designeri tind să viziteze design site-uri de inspirație, care conțin desene zilnice de top. Deși acest lucru este un exercițiu bun în alte faze (cum ar fi colectarea cerințelor și detaliile componentelor), probabil că nu va ajuta mult atunci când încercați să veniți cu propriul concept de bază.

Este deseori mai bine să te uiți la alte surse de pe ecran - Billboard-urile, Revistele, Postere și Reclamele TV sunt surse foarte bune dacă ai timp, mai ales că regulile care reglementează designul web diferă foarte mult de designul tipărit sau de Anunțurile TV. perspectivă care vă ajută să veniți cu idei foarte originale pe care le puteți folosi în conceptul dvs. de design.

Proiectele arhitecturale pot fi, de asemenea, surse de inspirație bune și unice:

În funcție de client și obiectivele dvs., fiecare dintre clădirile de mai sus vă poate oferi noi concepte și idei de utilizat pentru site-ul web? design ca în exemplele următoare (în aceeași ordine):


Observați cum fiecare dintre fotografiile arhitecturale de deasupra poate fi transformată cu ușurință în modele viabile de coajă de pe site.

Trucul este să vă păstrați întotdeauna ochii deschiși și să folosiți totul ca sursă de inspirație, să nu restrângeți opțiunile prin faptul că rămâneți în căutarea doar la alte modele web sau încercați să veniți cu ceva de unul singur.


Concluzie

Vedetele vin înaintea cuvintelor. Copilul arată și recunoaște înainte de a putea vorbi.
- John Berger, Căile de a vedea

Dacă nu v-ați întâlnit cu John Berger, Ways of Seeing, merită să găsiți o copie tipărită (sau cel puțin o versiune de e-book!). Nu voi sapa prea adanc in detalii, dar este o carte care exploreaza modurile in care oamenii vad lumea din jurul lor. Mesajul care stă la baza este că văzul este un instinct vital și primar pentru noi oamenii - "vedem" înainte de a citi, înainte de a vorbi și înainte de a merge.

Ca atare, noi, ca designeri web, putem lua un anumit sens special din acest adevăr. Ar trebui să fim atenți să realizăm conceptele din spatele proiectelor noastre, deoarece acestea sunt primul lucru pe care oamenii îl "văd". Înainte de cuvintele de pe pagină sau de sliderul de imagine flască pe care ne-am străduit să-l codificăm, oamenii văd coaja - conceptul - care creează impresia de ansamblu a site-ului. Detaliile sunt importante, nu mă înțelegeți greșit, dar nu puteți să-i dezamăgeți detaliile până când nu aveți un design semnificativ pentru a le pune în.

Citiți mai multe articole "teoretice" de mare valoare în Sesiunea noastră de teorii de design Web!

O mulțumire deosebită pentru Ahmed, care a transformat acest articol în mijlocul haosului care se întâmplă în Egipt.