Conţinut

• A calca
• Metoda 1 din 2: Cele 3 reguli de bază
• Metoda 2 din 2: Liniile directoare
• sfaturi
• Avertizări

Proiectarea unui site web excelent poate părea o sarcină descurajantă, dar atâta timp cât țineți cont de elementele de bază, veți găsi procesul interesant și distractiv. Este vorba despre mai mult decât un aspect frumos! Vă vom arăta elementele de bază și câteva instrucțiuni generale pentru a vă ajuta să proiectați site-uri web pe care oamenii le vor vizita din nou și din nou.

A calca

Metoda 1 din 2: Cele 3 reguli de bază

1. Regula 1:Ascultă-ți clientul. S-ar putea să proiectați „cel mai mare site web din lume din istoria universului și nu numai”, cu negri bogați, fonturi rafinate și culori artistice strălucitoare pentru un site care țipă „explorează-mă acum!” Din păcate, clientul dvs. a dorit o bară de meniu portocalie cu litere roz și portocalii strălucitoare. Ați fost concediat și cel mai bun site al dvs. - pe care clientul are dreptul - este undeva pe discul de rezervă, fără ca nimeni să îl mai vadă vreodată.
   • Studiază identitatea corporativă a clientului tău. Solicitați clientului să vă arate câteva site-uri web pe care le iubesc. Acest lucru nu numai că vă va oferi o idee despre ceea ce le place, ci vă va oferi și câteva idei de design la care s-ar putea să nu vă fi gândit.
   • Dacă ați crezut că glumim despre site-ul portocaliu și roz, luați în considerare acest site răcoros și sofisticat:
2. Regula # 2:Cunoaște-ți publicul și ce caută și adaptează-ți designul în consecință. Motivul pentru care oamenii au site-uri web este că vor ca alte persoane să le vadă. Poate fi informativ sau comercial sau pentru a distra un anumit public țintă. Slujba ta de designer este să știi pentru cine proiectezi și să le păstrezi pe pagină când aterizează acolo.
   • S-ar putea să vă gândiți: „Dacă arată bine, vor rămâne”. Dar acest lucru nu trebuie neapărat să fie cazul. Luați imobiliare, de exemplu. Iată un site cu un design curat și distractiv. Are o mulțime de spațiu alb care oferă un aspect deschis, culori strălucitoare și un format modern cu ecran lat, cu legături într-un loc proeminent:
   • Acum aruncați o privire la această abordare a vânzării de bunuri imobiliare în aceeași zonă: dezordonată și foarte ocupată, culori plictisitoare și acoperite de publicitate.
   • Ghici care dintre ele funcționează mai bine pentru cei care caută o casă? Corect, cel unde case! Când oamenii caută „case de vânzare în Santa Monica”, nu le pasă cum arată un site. Nu vor să citească despre agentul imobiliar sau să vadă poze frumoase ale orașului. Vor să vadă case.
3. Regula nr. 3:Ascultă-te. Înțelegi ce își dorește clientul și știi ce caută piața ta. Acum este în sfârșit timpul să vă acordăm atenție, designerului!
   • Construiți un șablon în software-ul grafic la alegere. Creați elementele paginii dvs. pe diferite straturi (astfel încât să puteți modifica lucrurile mai târziu fără a distruge întregul șablon). Aceste elemente pot fi:
     • Antet. Acesta este un element care este același pe fiecare pagină a site-ului dvs. Antetul constă din titlul și sigla site-ului, precum și linkuri către celelalte părți ale site-ului web (de exemplu, Despre, Contact etc.). Din punct de vedere vizual și practic, acest lucru va lega totul. Este o bună practică să legați primul buton al unei bare de meniu înapoi la pagina de pornire.
     • De exemplu, să aruncăm o privire la Apple:
     • La fel ca în majoritatea lucrurilor Apple, pagina lor de pornire are un design foarte curat și simplu. Rețineți bara de meniu din partea de sus, cu subiecte logice pentru fiecare buton, plus un câmp de căutare - întotdeauna o idee bună dacă site-ul dvs. îl acceptă. Acum să ne uităm la o pagină de destinație pentru unul dintre butoane, iPad, pentru a vedea câteva elemente:
     • Bara de meniu se modifică numai întunecând butonul iPad.
     • Subiectul paginii de destinație este afișat cu litere mari și negre.
     • Va apărea un nou submeniu, astfel încât să puteți afla mai multe despre produs. Dacă faceți clic pe unul dintre aceste butoane, veți vedea că fiecare pagină oferă conținut nou în funcție de subiect, dar va fi identică ca aspect și design.
     • De multe ori, fiecare subiect principal din bara de meniu va avea subtitluri diferite pe care să le completați. În loc să creați o a doua bară de meniu, puteți utiliza meniuri pop-up precum acest exemplu de la Musicians Friend:
     • Bara laterală. Acest lucru va apărea pe multe pagini ale site-ului dvs., dar nu neapărat pe toate - contextul determină. Cu toate acestea, este un element foarte important și trebuie proiectat cu atenție pentru a fi intuitiv și nu prea aglomerat. Spre deosebire de bara de meniu, conținutul unei bare laterale poate fi foarte dinamic. Consultați aceste două bare laterale de la Market Market Trulia Primul este pentru cumpărători:
       
       

Metoda 2 din 2: Liniile directoare

1. Proiectați o interfață de utilizator bună. Poziționați diferitele elemente ale site-ului web, cum ar fi titlul, barele laterale, siglele, imaginile și textul în același loc pe fiecare pagină pentru a face site-ul dvs. navigabil și intuitiv.
   • Păstrați același antet în partea de sus a fiecărei pagini. Indiferent dacă conținutul site-ului dvs. permite sau nu multe elemente repetate, asigurați-vă că partea de sus a fiecărei pagini este aceeași.
   • Utilizați logica în proiectarea dvs.. Elementele de pe o singură pagină ar trebui să fie ordonate logic după importanță sau subiect; diferitele pagini de pe site ar trebui să fie și ele.
2. Creați un stil consistent. Acolo unde aspectul ar trebui să ofere site-ului dvs. consistență structurală, stilul ar trebui să ofere armonie tematică.
   • Rămâneți la două sau trei culori principale și asigurați-vă că merg bine împreună.
   • Evitați să utilizați prea multe stiluri sau dimensiuni de font; dacă doriți să alternați câteva, folosiți-le în același mod pe fiecare pagină.
   • Utilizați Foi de stil în cascadă (CSS) pentru a menține un stil uniform și pentru a facilita schimbarea elementelor pe întregul site web fără a fi nevoie să accesați fiecare pagină separat.
3. Maximizați lizibilitatea. Pentru a face textul mai ușor de citit, îl puteți împărți în părți mai mici.
   • Utilizați subtitrări și spațierea corespunzătoare pentru a separa fiecare dintre părți.
   • Utilizați litere aldine sau dimensiuni diferite pentru a arăta ierarhia și importanța subiectelor.
   • Acordați atenție modului în care tratați textul. Nu faceți fontul prea mic și măriți distanța dintre linii pentru a face mai ușor de citit bucăți mari de text. Părțile mari de text sunt mai greu de citit; împărțiți-l în paragrafe mai mici.
4. Faceți site-ul dvs. universal lizibil. Utilizați HTML standard și evitați etichetele, funcțiile și pluginurile care sunt disponibile numai pentru o singură marcă sau versiune a browserului.
   • În timp ce majoritatea browserelor și computerelor moderne pot gestiona imagini complexe, totul va arăta mai elegant dacă vă micșorați și optimizați imaginile pentru web. Cântărește importanța calității în raport cu importanța vitezei.
5. Testați-vă site-ul web. Asigura-te ca fiecare link funcționează așa cum v-ați aștepta și imaginile care apar corect.
   • Poate doriți să organizați unele teste ale utilizatorilor, făcând ca membrii publicului dvs. țintă să testeze claritatea și ușurința utilizării designului dvs. și să ofere feedback despre site-ul dvs. web.
6. Publică-ți site-ul web. Cumpărați un nume de domeniu dacă nu ați făcut-o deja. Verificați periodic dacă linkurile funcționează în continuare și ascultați sugestiile pe care vizitatorii vi le trimit prin e-mail.

sfaturi

• Deși sunteți liber să proiectați aspectul pe baza propriei viziuni personale sau a lucrurilor pe care le-ați văzut pe alte site-uri, poate fi mai ușor să cumpărați un design gata făcut.
• Nu bombardați vizitatorul cu imagini drăguțe, speciale. Animația flash, culorile strălucitoare, fundalurile cu modele și muzica care se redă automat la încărcarea paginilor au fost experimente distractive în anii 90, dar acum vor speria utilizatorii. Rămâneți la fundaluri simple care contrastează cu culoarea textului pentru o lizibilitate maximă.
• Puteți utiliza oricând CSS pentru a optimiza spațierea paragrafelor.
• Pentru vizitatorii cu deficiențe de auz sau de vedere, puteți subtitra videoclipuri, transcrie audio și adăuga un mesaj de accesibilitate. În timp ce tabelele pot fi o modalitate eficientă de organizare a informațiilor, vizitatorii cu deficiențe de vedere care folosesc software-ul cititorului de ecran pot să nu audă materialul în ordinea corectă.
• Lăsați vizitatorii să economisească cerneală: utilizați o foaie de stil separată pentru imprimarea paginilor.
  • Opriți imaginile de fundal când setați parametrii de imprimare.
  • Folosiți text negru pe fundal alb.
  • Eliminați bara de meniu și imaginile inutile.

Avertizări

• Evitați plagiatul și respectați toate legile drepturilor de autor. Nu includeți imagini aleatorii pe care le găsiți online sau chiar elemente structurale fără aprobare. Tot ceea ce utilizați pe site-ul dvs. trebuie să fie atât legal, cât și etic.