Teoria designului și a dezvoltării web
Încercarea de a oferi o dezvoltare bună creativ poate părea ușor de cei care au participat la școala de design, dar 90% dintre dezvoltatori web, niciodată nu a ieșit pentru a proiecta cursuri sau la școală și care rezultă în principal din fie dezvoltatorii sau, de regulă, din mediul nedizaynerskoy. Întrebarea rămâne deschisă ... ce definește cu adevărat un design web bun? Doar talent? O persoană care deține o anumită viziune "specială", cine știe ce va funcționa și ce nu? Sau dincolo de toate acestea, există o abordare logică și științifică care poate conduce designeri, critici și chiar clienți la ideea unui design excelent.
Ne vom concentra pe cele mai importante idei fundamentale care pot fi foarte diferite în cadrul proiectului final.
Principiul gestaltului
Gestalt este un cuvânt german care înseamnă "esența sau schița unei forme comune de ființă" și această definiție poate deveni una dintre cele mai importante reguli de proiectare.
De obicei, dezvoltatorii se concentrează mai mult pe detaliile designului web decât pe viziunea generală. Se concentrează pe colțuri rotunjite, umbre, fonturi etc. totul este bine, dar nu poate avea nicio importanță dacă clientul la prima vedere îi place ideea; care mulți nu înțeleg, este că creierul vede mai întâi conturul general al oricărui model și apoi începe să-și concentreze atenția și să vadă un anumit ...
Curs practic pe crearea design-ului de site-uri în Photoshop
Deveniți un web designer profesionist, creând machete de site-uri cerute.
Uită-te la această imagine ...
La prima vedere, ați văzut câteva capete de timp vechi, dar priviți cu atenție, începeți să observați detalii (pe care mulți la început nu au putut nici măcar să le vadă), din care fac parte aceste imagini, iar acum vedeți o imagine complet diferită.
Acum, să vedem că în realitate detaliile nu contează; aruncați o privire la aceste două exemple:
La prima vedere aceste imagini pot părea identice; Cu toate acestea, există 5 mici diferențe în detalii, care au un efect foarte mic asupra întregului "design":
Păsările negre din colțul din stânga sus arată în direcția opusă
Omul din stânga într-un alt sombrero (pălăria)
Bagheta bărbatului este întoarsă cu capul în jos și puțin mai întunecată
Pietrele trotuarului din dreapta jos a celei de-a doua imagini sunt mai mari
O femeie privește în direcția opusă
Aici, aceste diferențe nu afectează într-adevăr aspectul general al imaginii ... să aruncăm o privire la un alt exemplu simplu:
Acestea sunt două versiuni ale modelelor Volkswagen Beetle, modelele din 1937 și 1973 și, în pofida unor schimbări semnificative în detaliile aspectului pentru mai mult de 4 decenii, în esență, designul rămâne același. Acest lucru se datorează principiului muncii creierului nostru, vedem imagini întregi și definim forma globală mult mai rapidă și mai ușoară decât vedem sau observăm modificările detaliilor.
Dacă vă uitați la imaginea de sus, atunci acesta descrie un dalmatin care mișcă pământul în umbra copacilor care înconjoară. La inceput, cainele este nerecunoscut, dar apoi incheiem despre caine fara a identifica partile sale identificabile (picioare, urechi, nas, coada etc.). În schimb, câinele este perceput de noi ca un singur întreg, toate dintr-o dată.
Același lucru se întâmplă cu fiecare design de un singur site-ul creat de noi: el nu a văzut, prin identificarea părților sale, Design-ul la prima vedere este perceput ca un întreg (antet, navigație, conținut, butoane, mese ... ITD.).
Curs practic pe crearea design-ului de site-uri în Photoshop
Deveniți un web designer profesionist, creând machete de site-uri cerute.
Când am fost în colegiu, unul dintre profesorul meu totul a rezumat într-o propoziție simplă, a spus el, „dacă vedeți un model pe care-l place, și apoi decide să modifice elementele, atunci știți că acest lucru este un design bun, dar dacă începe mai întâi modificându-l să-l ți-a plăcut ... atunci știu că este un design rău ... nu pierde timpul încercând să termine ... doar schimba, în general, „profesorul să înțeleagă elementele de bază ale magiei orice design ... vedem lucrurile în ansamblu, mai degrabă decât suma lor piese.
Întrebați pe oricine să atragă Big Ben sau Turnul Eiffel sau Piramidele din Giza ... toate acestea converg pe conturul general al fiecărui atracții, pentru că, deși le putem vedea în moduri diferite (în persoană, în fotografie, în cinema, în ghidul ... etc .), vedem cu toții aceeași contur definitoriu.
Aplicarea principiului integrității pentru a lucra la designul web
Mai jos sunt site-urile de eșantion și siluetele corespunzătoare ale marcajului. Este silueta care este ceea ce creierul identifică drept conturul paginii. Încercarea de a schimba altceva decât schița principală va avea ca rezultat mai mult sau mai puțin același fel de ... și revenirea la client cu același design după ce a cerut schimbări îl va face să creadă că nu sa făcut nimic.
... proiectarea va arăta la fel până când schimbați gestaltul structural.
Veți fi surprins de cât de mulți designeri fac această greșeală și de ce clientul încă nu-i place ideea sau nu văd schimbările și completările, chiar dacă au lucrat neobosit la îmbunătățirea elementelor individuale.
Bine, să aruncăm o privire la unele idei și siluete:
De obicei, atunci când se urmărește un model dovedit și în esență similar cu un design pătrat (ca în cele 4 margini inferioare din exemple), rezultatul va fi un design obișnuit, nimic deosebit de creativ. Încercați întotdeauna experimentarea cu "conținutul coajă" al ideilor dvs. Încercați să desfășurați blocul la câteva grade sau să tăiați și să schimbați unul dintre colțuri ... toate acestea vă vor aduce ideea de unicitate și creativitate.
Începeți întotdeauna cu containerul sau carcasa structurală generală a desenului; Uitați de detalii și componente individuale.
Când acest lucru este făcut și tu și clientul tău sunteți mulțumiți de structură, luați contururile principale și începeți să lucrați la detalii. Veți fi surprinși să aflați cât de des se termină ideea într-un cadru atent pictat când începeți să lucrați din partea greșită. Am cunoscut câțiva designeri care au lucrat mai întâi pe antetul și navigarea, și apoi a început să facă componentele de aspect și nu au avut timp să clipească un ochi, aveți deja pregătit cu grijă ambalate și perfect pagina pictate umplut cu conținut, bine plasate și corecte în ceea ce privește gradul de utilizare, care , însă, din punct de vedere al designului, nu va deveni niciodată creativă sau remarcabilă.
Cu toate acestea, dacă vă trateze designul ca un ou de ciocolată, în primul rând a lucrat pe stratul exterior, și se va atașa la acesta forma dorită - se ajustează conținutul interior de învelișul exterior, atunci într-adevăr nu-mi pasă ce-l umple, designul va fi întotdeauna sub formă de ouă , după cum ai nevoie.
Revizie: Rog Victor și Andrei Bernatsky. Comanda de tip web.
Curs practic pe crearea design-ului de site-uri în Photoshop
Deveniți un web designer profesionist, creând machete de site-uri cerute.
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Doriți să aflați cum să creați desene inteligente?
Obțineți un tutorial pas cu pas despre designul web
Articole similare
Trimiteți-le prietenilor: