e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
![]() |
|||||||||
SERŠ Maribor | Iskanje |
Spletna stran z enotnim besedilom je težka za raziskovanje strukture in nebo pritegnila oko. Dodajanje tipov k dokumentom bo preskrbelo z razpoznavnimi znaki, za vodenje bralca skozi vaš dokument. Prikažite ureditev informacijske strukture in dodajte vizualno raznolikost da vpeljete bralca v vašo sen. Ključ do efektivnega prikazovalnega tipa je biti pazljiv in ekonomičen z tipografskimi poudarki.
Obstajajo kičasto umerjeni tipografski načrti za dodajanje poudarka k stolpcu besedila, toda bodite prepričani da jih upodabljate varčno. Če naredite vse krepko, potem nič ne bo izstopalo, in bo izgledalo kot da kričite na vašega bralca. Dobro pravilo je za oznako je če se ukvarjate z tipi pisav je dodati poudarek z enim parametrom naenkrat. Če hočete poudariti naslovne vrstice v vašem dokumentu, jih ne naredite velike, krepke in poudarjene. Če hočete da so večji jih povečajte za eno enoto. Če imate raje krepko, jih pustite enake velikosti, le naredite jih krepko. Hitro boste ugotovili da je potrebna le majhna sprememba, da pride do kontrasta.
Ležeče besedilo privlači oko saje je kontrast k obliki navadnega besedila. Uporabljajte ležeče besedilo za določeno besedilo - na primer, ko naštevate knjige ali naslove, na primer kot notranjo besedilo za besede ali fraze. Izogibajte se določiti daljšim besedilom ali celo celim blokom besedilom, ležeče, saj je čitljivost veliko manjša kot pri običajnem besedilu
Krepko besedilo daje poudarek besedilu ker je kontrast v barvi z ostalim besedilom. Podsekcije delujejo dobro če so označene z krepko. Krepko besedilo je berljivo na zaslonu, dokler ne označimo veliko besedila z krepko, ko zgubi svoj efekt.
Podčrtano besedilo je preneseno z dne pisalnih strojev, ko opcije kot na primer krepko ali ležeče še niso obstajale. Kot dodatek je estetsko nezadosten (preveč silen, vmešava se v obliko), podčrtavanje ima specifično funkcijski namen. V spletnih dokumentih. Večina uporabnikov ima svoje spletne brskalnike nastavljene da jim povezave prikazujejo podčrtano. Ta splošna nastavitev dopušča da ljudje ki imajo enobarvne zaslone ali ljudje, ki so barvno slepi vidijo kje so povezave znotraj besedila. Če boste dodali podčrtano besedilo, bo kaj hitro obravnavalo kot povezava.
Čeprav je pobarvano besedilo še ena od možnosti za ločevanje os ostalega besedila, je kot podčrtavanje, ima specifično funkcijo v spletnih dokumentih. Lahko se izogibate dajati pobarvano besedilo med ostalo, saj bo uporabnik mislil da je povezava, in klikal nanj. Pobarvano besedilo deluje dobro kot razločna sekcija glave, kakorkoli. Izberite temne odtenke barve ki bodo v nasprotju z ozadjem strani in izogibajte se uporabi barv, ki so podobne privzetim barvam povezav (modra, vijolična).
Besedilo sestavljeno zgolj iz velikih črk je ena izmed najbolj navadnih in konec koncev učinkovitih metod za dodajanje tipografskih poudarkov. Spoznali smo besede v dveh smereh, na razčlenitev črk in na spoznanje besednih oblik. Da preberemo stolpec besedila, ki je napisan z veliki črkami moramo razčleniti črkovne skupine, - brati črko za črko - kaj je neprijetno in ima za posledico počasno branje. Ko boste prebrali naslednji odstavek boste vedeli o čem govorim:
OBLIKA STRANI BO DOLOČILA ORGANIZACIJA SESTAVE VAŠE SPLETNE STRANI. NA TEJ STOPNJI BOSTE NAREDILI BISTVENE ODLOČITVE O TEM KAJ VAŠA AVDIENCA HOČE OD VAS, KAJ HOČETE REČI IN KAKO RAZVRSTITI VSEBINO NAJBOLJE. PRIMERJAJTE SVOJE POSLUŠALNE ZAHTEVE. ČEPRAV BODO BRALCI OPAZILI GRAFIČNO OBLIKO VAŠE SPLETNE STRANI , BO ORGANIZACIJA IMELA NAJVEČJI VPLIV NA IZKUŠNJE.
Ena najbolj učinkovitih in iznajdljivih možnosti da spremenimo vizualni kontrast z relativno pomembnostjo kosa besedila je enostavno da ga izoliramo ali da ga obravnavamo drugače kot ostalo besedilo. Če želite vaše glavne naslove ločiti brez povečevanja, samo dodajte prostor pred in za njim. Zamikanje v različne vrste ima tudi močan učinek, če želimo uporabiti vrstične oznake ali navajanje. Seznami v HTML so že samodejno zamaknjeni, lahko pa uporabljate element blockquote
za zamikanje besedila. Seveda pa lahko zamike določite kar v CSS
Kot tradicionalne, objavljene natiskano, visoko kvalitetne spletne strani držijo nastavitev sloga trdno preko celega spletišča. Konsistentnost daje lesk k nekemu spletišču in spodbudi obiskovalce k temu da ostanejo in pregledajo besedilo. Če je to površno, neskladna oblika izniči to pričakovanje, zmedli boste bralca in ta se morda ne bo vrnil
Odločiti se boste morali tudi za stvari kot so izbira pisave, razmak med odstavki, velikost podnaslovov in tako dalje in nato narediti napisan oblikovalski stil, ki vam bo pomagal obdržati te nastavitve ko boste razvijali spletišče. Ta korak je posebej kritičen za velika spletišča, ki vključujejo veliko strani.
Če se odločite, da boste uporabljali CSS, boste imeli močna orodja da boste obdržali doslednost stila skozi celotno spletišče. To je deloma res, če izberemo lastno slogovno predlogo za celotno spletišče z elementom link
v glavi dokumenta HTML.
www.webstyleguide.com © P. J. Lynch, S. Horton : SERŠ Maribor : 2004 : prevod Gregor Ahman