In ultimul timp public foarte multe layouturi si cu toate astea nu am scris un articol in care sa explic pas cu pas ce urmaresc eu cand creez interfete grafice.
Am publicat acum aproximativ o luna un articol ce avea titlul: “Cum se face un site?“.Este important sa-l cititi, sunt cateva lucruri ce se leaga de acest post. Evident inainte sa pornim crearea unui layout avem nevoie de o schita, o schita ce trebuie sa ilustreze cu exactitate ceea ce vrem sa facem. Puteti folosi o coala a4 sau puteti downloada aceste modele predefinite ( pe care ulterior sa le trageti la imprimanta) .
1. Schita
Presupun ca nu vreti sa pierdeti degeaba cateva ore. In cazul in care nu folositi o schita, nu veti sti ce aveti de facut. Asta nu poate decat sa insemne ca vreti sa riscati sa intrati intr-un blocaj. Am intalnit de foarte multe ori aceasta problema si la mine pana cand am hotarat sa am o schita pentru absolut orice.Luam urmatorul exemplu: Aveti o idee, stiti ca o puteti pune in practica in 30 de minute si cunoasteti exact ce aveti de facut. Dupa ce va apucati, va dati seama ca nu ati gandit toate detaliile, asa ca spatiul ramas nu este suficient pentru content/header/footer. In acel moment porniti refacerea si efectiv regandirea intregului layout. Acesta este un blocaj.
2. Prezentarea layoutului
Este extrem de important sa stiti sa va vindeti un produs. Acest lucru il auziti probabil extrem de des, insa de la teorie la practica este drum lung. Acestea sunt cateva criterii de care eu tin cont mereu: target, potential cumparator, descriere, schema de culori diversificata, imagine de prezentare, logo, icoana.
3. Intre layout si template
In momentul in care prezentati un layout, aveti grija sa il umpleti astfel incat acesta sa arate foarte bine. Este important sa vindeti ideea (cum ar putea arata siteul respectiv), chiar daca dupa codare, layoutul este simplu, gol si parca lipsit de esenta.
4. Distante
O alta problema intalnita la foarte multi designeri, inclusiv la mine, este aprecierea cu exactitate a distantelor si crearea cat mai multor elemente ce trebuie sa fie in concordanta cu layerele precedente. Pentru asta recomand folosirea urmatoarelor functii: Grid, Smart Guides. Pe acestea le gasiti in View -> Show->Grid/SmartGuides.
5. Culori
Spuneam mai sus ca este importanta schema de culori in vederea prezentarii layoutului. Era o vorba: ” de gustibus et coloribus non disputandum “. Acesta este motivul pentru care un designer trebuie sa creeze un layout ce foloseste mai multe scheme de culori.
6. Simplitate
Majoritatea potentialilor clienti prefera simplitatea. Este si logic daca stam sa ne gandim. Layouturile create de noi nu trebuie sa fie prea incarcate cu detalii inutile. Asta nu va face decat sa indeparteze cumparatorul. Simplitatea este un punct cheie in ceea ce priveste sfera aceasta in care se regaseste un designer.
6. Rezultat
Dupa ce finalizati un layout si tineti cont de pasii de mai sus, va garantez ca veti fi mult mai multumit de rezultat, stiind ca munca voastra a fost cu mult mai intensa si mai gandita decat inainte.