Cele 3 componente ale unui bun design web

Designul bun nu este doar despre aspectul bun, și nicăieri nu este mai adevărat decât în ​​ceea ce privește designul web. De fapt, este logic să ne gândim la designul web ca fiind alcătuit din trei componente non-tehnice majore: designul estetic, designul de informații și designul interfeței. Dacă doriți să fiți un mare designer web, este esențial să aveți o înțelegere fermă a tuturor celor trei.

Această postare este Ziua 2 a Sesiunii noastre de Web Design. Sesiuni de creație "Ziua 1a sesiunii de sesiuni"

Designul estetic

Designul estetic este vorba despre obținerea aspectului corect. Dacă sunteți buni la acest lucru înseamnă că veți putea să proiectați site-uri care nu numai că arată bine, ci sunt în mod corespunzător proiectat. Modele diferite transmit mesaje diferite unui utilizator final, deci este esențial ca un design să se potrivească cu mesajul site-ului.

A doua zi am fost plimbarea printr-un supermarket și am văzut un brand de suc care avea designul vizual al unui detergent de rufe. Nu era decât ceva despre felul în care a fost făcută cutia, pentru că m-am întrebat momentan de ce era un detergent în culoarul sucului de fructe. În același mod, oferind unui site un pachet inadecvat pentru conținutul și mesajul său - chiar dacă este un pachet cu adevărat bun, este un rezultat final rău. Acesta este motivul pentru care este foarte important ca un web designer că nu pur și simplu urmați fads și tendințe orbește. Trebuie să vă gândiți mereu nu doar cum puteți face un design al site-ului să arate bine, ci, de asemenea, să arate potrivit.

Dintre cele trei componente ale designului web, designul estetic este cu siguranță cel pe care oamenii îl identifică cel mai bine fiind proiecta. Un lucru interesant în ceea ce privește designul estetic este acela că este înșelător de dificil. Îmi amintesc odată ce am creat un poster și l-am arătat unui prieten care a comentat "oh sunt doar câteva rânduri și un text, trebuie să fi făcut asta în aproximativ zece minute" - ah bucuriile de a fi un designer!


Design de informații

Proiectarea informațiilor vizează pregătirea informațiilor pe un site web în cel mai bun mod posibil, astfel încât utilizatorii să poată găsi eficient și eficient informații și informații. În site-uri mai mari, doar găsirea de informații devine o provocare, dar în site-uri mari și mici, procesarea este întotdeauna o problemă de design.

Un exemplu rapid de design al informației este modul în care organizați și formatați textul pe o pagină. Deoarece oamenii tind să treacă prin conținut pe un ecran, este mult mai bine să-l organizăm cu titluri și subcapitole, diagrame și cârlige vizuale și variații generale ale ochiului. Tehnici ca acestea fac ca informațiile de pe o pagină să fie mult mai ușor de digerat. Dar designul de informații nu se limitează la ceea ce se află pe o singură pagină, de asemenea despre structurile pe care le folosiți pentru a găzdui părțile site-ului, despre modul în care stabiliți meniurile și submeniurile și despre modul în care faceți legătura între diferite secțiuni.

S-ar putea să fiți interesat să știți că în proiecte și situri mai mari și mai complexe există, de fapt, o întreagă profesie dedicată modelarea și structurarea informațiilor numite Arhitectură informatică. Cel mai cunoscut arhitect de informații pe care îl cunosc este Jesse James Garrett, care a inventat în mod accidental termenul AJAX. Este destul de îngrijit și puteți citi despre el la Wikipedia.


Diagrama minunată a lui Collis

Deoarece vorbim despre designul de informații, se pare că este o bună oportunitate de a transforma 6 paragrafe din textul waffley într-o diagramă, așa că vă prezint diagrama minunată a componentelor de web design! Basc în awesomeness sale roșu și gri!


Interface Design

Designul interfeței este aranjamentul și modul în care un utilizator poate interacționa cu un site. Interfața cuvântului înseamnă un punct sau o suprafață în care se ating două lucruri. Deci, o interfață de utilizator web este în cazul în care o persoană și un site atinge - astfel încât meniuri, componente, forme, și toate celelalte moduri puteți interacționa cu un site web.

Design-ul bun al interfeței este de a face experiența utilizării unui site ușor, eficientă și intuitivă. Este de fapt mult mai ușor să demonstrează design-ul de interfață rău pentru că atunci când îl observați cu adevărat. Un exemplu simplu de design al interfeței este utilizarea de pictograme. Te-ai uitat vreodata la o icoana si ai gandit "ce ar trebui sa reprezinte ?!" - bine că ar fi un proiect de interfață rău. Folosirea icoanelor pentru a eticheta și a indica diferite tipuri de conținut sau acțiuni este doar o parte a designului interfeței.

De altfel, un alt exemplu de interfețe pe care probabil vă veți întâlni în calitate de web designer este interfețele de programare de aplicație sau API-urile. Un API este setul de funcții și protocoale prin care dvs. (sau programul dvs. mai precis) puteți interacționa cu orice API este pentru. De exemplu, Hărți Google oferă un API pe care îl puteți utiliza pentru a crea aplicații sau site-uri care funcționează cu Hărți Google.


Ce ziceti…

Acum s-ar putea sa te gandesti, asta e foarte bine si bun Collis, dar unde se potriveste CSS in asta? Sau despre Flash? După cum zic, acestea sunt cele trei non-aspectele tehnice ale designului web. Pe de altă parte, există toate acele tehnologii și abilități precum HTML / CSS, Flash, Javascript și așa mai departe. Dar am tendința să cred că sunt mai mult o parte din dezvoltarea web decât web design-ul. În același mod în care este important să separați codul HTML și CSS să păstreze separat informațiile și prezentarea, puteți susține că realizarea unui design devine realitate, separat de designul propriu-zis. În termeni simpli, cunoașterea unui hacker specific CSS are legătură cu designul?

Nu mă înțelegeți greșit, trebuie să știți cum să construiți lucruri pentru a le proiecta în mod corespunzător. Cu toate acestea, atunci când vine vorba de a spune ce reprezintă design-ul web, răspunsul meu rămâne proiectarea interfeței, designul informațional și designul estetic.

Care-i treaba ta? Am pierdut o parte esențială a designului de web? Sau credeți că dezvoltarea web este o parte esențială a design-ului web în sine?

Mai târziu în această săptămână veți putea citi mai multe articole în profunzime despre sfaturi și trucuri pentru fiecare dintre aceste trei componente ale designului web - design de interfață, design estetic și design de informații. De fapt, primul va urca în câteva ore.

Această postare este Ziua 2 a Sesiunii noastre de Web Design. Sesiuni de creație "Ziua 1a sesiunii de sesiuni"