A Web 2.0 designer szemmel (első rész)

Az előbbi cikkekben (web 2.0 gyorstalpaló, web 2.0 műszaki szemmel) nem került kihangsúlyozásra a webkettes esztétikum. Ebben a bejegyzésben megpróbálom körülírni és megmagyarázni a webkettő grafikai szokásait.

Általános vonások

Szinte minden webkettes weboldalon találhatunk színátmenetet, kontrasztot, letisztultságot, harmadik dimenziót, ikonokat és sok-sok szabadhelyet. Bizonyára sokan megkérdik magukban: mi az új? Talán semmi! Minden esetre, abban gondlom mindenki egyetért, hogy régen nem volt ilyen népes a jól megformált weboldalak tömege. Több dolgonak is köszönhető ez, köztük a jobb eszközöknek, a web fejlődésének, de akár az inspiratív odalaknak is! A következő részben sorraveszem a legfontosabb elemeket.

Elhelyezkedés és méretek

Nemrégiben a nagy tartalomszolgáló oldalak három és négy oszlopos, fix vagy folyékony méretű tartalommal bíró, balra igazított oldlak voltak. Ez manapság megváltozott, mert rájöttek a webdesignerek, hogy nem igazán praktikus: hiába van sok információ az oldalon, az olvasó belezvaraodik, hogy éppen hol is tart az oldal olvasásában és odébb áll! Ezt persze senki sem szeretné, így mostanság az elterjedt oszlopszám a kettő, legextrémebb esetben is a három (persze, tudom, hogy vannak oldalak, ahol ma is akár öt oszlop fogad, de ritka az az eset, ahol az használhatósági megondolásból van úgy). A böngészőhöz, illetve a gazdagép képernyőjéhez igazodás is nagyban megváltozott. Manapság a tartalom nem balra, hanem középre igazodik, illetve egyre gyakoribb a szintén középre igazított, de folyékony oldalforma is. Egy másik oldalforma a nagyító mércés, úgynevezett zoom-width, szélességi behatároltsági forma. Ez annyit tesz, hogy a betűmérettel nő a design is (a mértékegység nem px, vagy pt, hanem em).
Az előnyök egyértelműek. A szép, tágas, letisztult oldalon a látogató hamarabb megtalálja, amit keres és azt kényelmesen el is tudja olvasni, anélkül, hogy zavarja a másik három oszlopban lévő, általa nem érdekelt szöveg. A középre igazítottságnak az esztétikusabb kinézet mellett, pszichológiai jelentése is van. Az ember kiegyensúlyozottnak, egyensúlyban lévőnek és harmonikusnak látja az oldalt.

Betűtípusok és betűméretek

A web 2.0 világában egyre elterjedtebb a tisztán olvasható, talp nélküli betűtípus, mint például az Arial vagy a Tahoma. A betűméretek álltalában tíz pontostól tizenkét pontosig, vagy 100%tól 120%ig változnak a normál jelentésű szövegek esetében. A tisztább és könnyebb olvashatóságot többnyire a nagy sorközök is segítik, ami álltalában 150% értékű. A magyarázat megint kézenfekvő, hiszen a webkettes web azt próbálja nyújtani, amit a kezdeti elképzelések akartak: információcserét. Szóval azért vannak nagy sorközök és könnyen olvasható betűk, hogy az ember rövid idő alatt sok információt eltudjon sajátítani. Továbbá egészségügyi hátteret is látok az egészben, ugyanis az apró talpas betük sokkal nehezebben olvashatóak, mint a talpnélküliek (föleg, ha a mérteük is elég nagy).

A elkövetkező részekben szó lesz az oldalak struktúrájáról, az általános formákról, a színekről, a színátmenetekről, effekteléskről, különféle tükröződésekről, ikonokról, a háromdimenziós hatásokról, stb.