A Webdesign alapjai, webdesign, grafika, webdesignban használt betűtípusok

"cimkék: Webdesign

Forrás: webdesign.about.com

Dátum: 2010-05-29

14 tipp, hogy megfelelő legyen a honlapunkon a webdesign.

A Webdesign alapjai

Grafika

 
1. Gondolkodj kicsiben, a méret ne haladja meg a 10–12 kB-ot oldalanként. Való igaz, a szélessávú internet felhasználóinak száma folyamatosan növekszik. De a lassú oldalak nagyon idegesítőek, még akkor is, ha már 1 Mbit/s feletti sebességgel rendelkezik a felhasználó. Az oldalak lassúságának fő okát pedig éppen a hatalmas képek jelentik. A képeidet pedig könnyedén optimalizálhatod.

2. Mindig használj olyan grafikát, ami megfelelő a tartalomhoz. Csak azért, mert van egy nagyon jól sikerült képed a kutyádról, még nem kell rárakni a Web Designról szóló weboldaladra (bocs Bodri…). Az egyedüli kivételt a „design” képek használata jelenti. Ezek olyan fotók vagy grafikák, amelyek nem a tartalomhoz tartoznak, hanem az oldal design-ját segítenek kialakítani.

3. Ne használj olyan képeket, amelyek villognak, vibrálnak, mozognak, forognak vagy bármit is csinálnak az oldaladon. Vagy ha mindenképp használni szeretnéd őket, akkor is csak elvétve tedd. Tanulmányok sora mutatta ki, hogy a villogó grafikák megzavarják és idegesítik az embereket. Konkrétan volt olyan fókuszcsoport, ahol a csoport tagjai fizikailag eltakarták a villogó képeket, hogy el tudják olvasni a weboldal többi részét.

Elrendezés

 
4. Maradj a szabványos elrendezéseknél. Vannak olyan honlapok, amik 6–8 keretet alkalmaznak egy oldalon. De olyan is van, ahol jobbra kell görgetned, hogy el tudj mindent olvasni rajta (lefelé viszont egyáltalán nem kell görgetni). Ezek az elrendezések aranyosak, és talán jó szórakozás is őket létrehozni, de az olvasóidat meg fogják őrjíteni. A weboldalakon és újságokban található három oszlopos elrendezés népszerűségének fő oka, hogy működik. Bár lehet, hogy te már unalmasnak tartod, de mégis több olvasót tartasz meg, ha a számukra könnyedén átlátható egyszerű elrendezéshez tartod magad.

5. A „whitespace” nem csak a CSS miatt fontos (a whitespace attribútummal állíthatjuk be a szóközök, tabulátorok kezelését), de az elrendezésedben is nagy szerepet játszik. Ismerned kell az oldalaidon található whitespace-eket, és azt is tudnod kell, hogy ezek hogyan befolyásolják a tartalmaid megjelenését. Az internetes elrendezésben a whitespace éppen olyan fontos, mint a nyomtatott újságok elrendezésében.

6. Használd a grafikáidat az elrendezésed elemeiként. A grafikák így sokszor többek lehetnek egyszerű grafikáknál. Extrém módja ennek, amikor egy képet szorosan körbeölelsz szöveggel. Igazából az oldaladon található minden kép elrendezési elem, és kezeld is őket ennek megfelelően.

Fontok, betűtípusok

 
7. Talpas betűk a címsorokhoz és talpatlan betűk a szöveghez. Ha elvégeztél már bármilyen nyomtatott designról szóló képzést, ez feltehetőleg éppen az ellenkezője annak, amit ott tanultál. De az internet az nem nyomtatott anyag. A talpatlan fontokat sokkal egyszerűbb monitorokon olvasni, mivel a képernyők felbontása nem olyan magas, mint a nyomtatott papíré. Ha talpas fontot használsz a sima szövegekben, a talpak összefolyhatnak, amitől nehéz lesz elolvasni őket. A nyomtatóbarát változatodban viszont éppen ellenkezőleg kell használnod a fontokat: talpatlan a címsoroknak és talpas a szövegnek.

8. Korlátozd a felhasznált fontok számát. Az egyik leginkább amatőr hiba olyan weboldalt készíteni, amelyen újra és újra megváltozik a felhasznált font. A 2–3 szabványos font típusra korlátozott oldalak sokkal könnyebben olvashatóak és sokkal profibban néznek ki.

9. Használj szabványos font típusokat. Igen, választhatod a „Rockwood LT Standard” fontot az oldaladra, de elég alacsony annak az esélye, hogy az olvasód is rendelkezik ezzel a fonttal, így hiába a csodás betűtípus, ha az olvasód monitorján nem jelenik meg. A megszokott fontok, mint a Verdana, Geneva, Arial és Helvetica lehet, hogy unalmasak már egy kicsit, de az oldalaid jobban mutatnak majd, és a design is több böngészőben fog helyesen kinézni.

Hirdetés

 
10. Ne légy mohó. Ha meg tudod határozni, hogy hány hirdetés legyen az oldaladon, ne feledd, hogy az olvasóid nem hirdetések olvasása miatt jönnek, hanem a tartalmak miatt. Ha a hirdetések túlsúlyba kerülnek a tartalmakhoz képest, sok olyan olvasó lesz, akik viszonylag gyorsan hagyják majd el a weblapod. Persze fontos, hogy pénzt keress a weboldaladdal, de így már pénzvesztésnek számít, ha a túl sok hirdetés inkább elkergeti az embereket a honlapodról.

11. Ugyanúgy kezeld a hirdetéseket, mint a többi képet. Legyenek kicsik, ne villogjanak/vibráljanak és kapcsolódjanak a tartalomhoz. Csak mert ki tudsz tenni egy hirdetést az oldaladra, még nem jelenti azt, hogy ki is kell tenned. Egy releváns hirdetés esetén egyébként is nagyobb az esély, hogy az olvasóid rá fognak kattintani – és végül is ez hozza a bevételt.

Gondolj az olvasóidra

 
12. Teszteld le az oldalaidat több böngészőben is. A csak legmodernebb böngészőkben működő oldalak készítése elég nagy ostobaság. Hacsak nem egy vállalati intranet vagy kihelyezett számítógépkioszk számára készíted a weboldalad (amelyeknél a böngésző verziója előre meg van határozva), sok olyan felhasználód lesz, akik nem tudják megnézni az oldalaidat.

13. Ugyanez érvényes az operációs rendszerekre is. Nem feltételezheted, hogy csak azért, mert az oldalad működik a Windows operációs rendszerben futó Firefoxról, az már menni fog egy Macintosh alatt futóról is.

14. Írj olyan tartalmat, amit az olvasóid igényelnek. Hacsak nem pusztán saját szórakozásodból írod az oldalad (akkor viszont miért akarod feltenni az internetre?), próbálj olyan témákat választani és olyan tartalmakat létrehozni, amiket az olvasóid el akarnak majd olvasni.