Htmli kujunduse üldpõhimõtted

Allikas: Lambda
Redaktsioon seisuga 8. september 2011, kell 17:15 kasutajalt Tammet (arutelu | kaastöö)
Mine navigeerimisribale Mine otsikasti

Alates teisest praktikumist ei tohi sinu leht näha välja väga jube. Kogemuste või huvi puudumine kujunduse osas ei ole õigustus: loe ja lähtu alltoodust!

Kõige kindlam põhimõte kujunduse juures on see, et mingeid kindlaid reegleid ei ole: kõiki "põhimõtteid" võb rikkuda, kui sa tead mis teed, ja teed seda meelega.

Kui sa aga ei pea ennast eriliseks veebikujundaks, siis järgi neid põhimõtteid:

  • Kõige olulisem: kasuta igal pool proportsionaalseid sans-serif fonte (arial, helvetica jne). Brauseri vaikimisi font ei ole sans-serif, nii et pead fondi ise määrama.
  • Tee kujundustabelid ilma raamideta.
  • Kui tahad kujundustabeli (menüü, nupud vms) selgelt välja tuua, siis pane talle taustaks väga neutraalne ja leebe värv (kerge hall, sinine, roheline) või eralda ta muust ühe peene tabelisuuruse horisontaal- või vertikaaljoonega (mitte aga tabelit ümbritseva kastiga)
  • Vaata, et erinevad lehe osad (menüüd, tabelite sisud jne) ei oleks päris üksteise seljas, et tekstid ei hakkaks kohe lehekülje või tabeli äärest (paar pikselit peab alati vahet jääma).
  • Ära, vastupidi, jäta menüükirjete ja muude tekstiosade vahele jube palju ruumi: liiga sõre ja hõre väljanägemine ei ole ka hea.
  • Enamasti on hea mõte paigutada kogu leht brauseriakna keskele, kas mingi konkreetse pikselites öeldud laiusega või protsentuaalse laiusega, nii et väga suures brauseriaknas ei oleks lehe sisu vasakust äärest paremale äärde välja.
  • Ära kasuta värvilist üldtausta ja ära kasuta taustapilte
  • Ei ole hea mõte kasutada lehel palju pilte. Enamasti on sobiv mõte kasutada näiteks ühte logo või nupu moodi kena pilti: ja mitte rohkem.

Veidi pikemalt saad lugeda siit või googeldada tuhandeid erinevaid õpetusi.