Htmli kujunduse üldpõhimõtted: erinevus redaktsioonide vahel
Mine navigeerimisribale
Mine otsikasti
Resümee puudub |
Resümee puudub |
||
| 6. rida: | 6. rida: | ||
<ul> | <ul> | ||
<li>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.</li> | <li>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.</li> | ||
<li>Ära kasuta menüüdes vaikimisi, muutmata lingistiili. Selle asemel kaota menüüdes ära allajoonimine, muuda teksti värvi ja tee lingi underline "on hover" (a:hover {text-decoration: underline;})</li> | |||
<li>Ära kasuta päris musta (vaikimisi) tekstivärvi. Kasuta erinevaid halltoone, tüüpiliselt menüüdes ühed, sisus teised. Väga hele halltoon ei ole loomulikult sobiv.</li> | |||
<li>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).</li> | <li>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).</li> | ||
<li>Ä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.</li> | <li>Ä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.</li> | ||
Redaktsioon: 8. september 2011, kell 17:25
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õib 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.
- Ära kasuta menüüdes vaikimisi, muutmata lingistiili. Selle asemel kaota menüüdes ära allajoonimine, muuda teksti värvi ja tee lingi underline "on hover" (a:hover {text-decoration: underline;})
- Ära kasuta päris musta (vaikimisi) tekstivärvi. Kasuta erinevaid halltoone, tüüpiliselt menüüdes ühed, sisus teised. Väga hele halltoon ei ole loomulikult sobiv.
- 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.
- 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)
- 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.