Nem mondtam még elégszer. Idegesítő és legrosszabb megoldások, amiket soha ne csinálj, ha weboldalt raksz össze. Íme:
1. SOHA ne méretezd át a látogató böngésző ablakát! SOHA. Igen, tudom, hogy meg tudod csinálni, és menőnek érzed magad, hogy a te kívánságod szerint alakul a böngésző ablak mérete. De tényleg NE csináld. Ez csak a spammel teli oldalakra jellemző, ne próbáld meg követni.
TOVÁBB IS VAN… »
Egy szép layouthoz szép képek is kellenek, és az sem árt, ha jó az illusztráció az oldalon. Ez a lista a legjobb képkeresők összefoglalásaként jött létre, hogy segítsen neked is megtalálni a legjobb képeket. Egy két plusz infóként leírom azon trükköket, amelyekkel a legodaillőbb képeket megtalálhatod. Kattints tovább!
TOVÁBB IS VAN… »
Ezalatt azt értem, hogy minden a helyén van és illik egymáshoz. A fejléc mérete, a betűtípus, a színek, a gombok stílusa, térközök, dizájn elemek, az illusztrációk stílusa, a képek választása… egyszerűen minden. Találjunk ki egy stílust, egy sémát, és minden egyes elemet e köré csoportosítsunk.
TOVÁBB IS VAN… »
Az élesség igen fontos kelléke a szép webdizájnnak. És hogy mik teszik élessé a képet? A pixelek.
A CSS-ben minden pixel a helyén lesz, tökéletes helyen. Ami miatt aggódni kell, az már inkább a Photoshop és az abból kijövő képelemek. Hogy a lehető legélesebb maradjon a dizájn, az alábbi szempontok a legfontosabbak:
TOVÁBB IS VAN… »
Csakúgy, mint a nyomtatott formában, a webes megjelenésben is igen fontos, hogy a dolgok szépen rendezettek legyenek. Persze nem azt mondom, hogy legyen minden egy vonalban, de igenis legyenek a dolgok következetesen elhelyezve az oldalon. A szépen beigazított dizájn rendezettséget és kezelhetőséget tükröz.
Ha lehet, akkor készíts egy rácsos hálót (Photoshopban igen egyszerűen ezek behúzgálhatók), és építsd ahhoz a többi elemet. Angolul tudóknak találtam néhány jó forrást a témában.
A webdizájn nem csak a szép képekről szól. Annyi információ van, és annyi kommunikáció zajlik egy-egy weboldalon (jobb esetben), amire figyelni kell. Dizájnerként ezt kell elősegíteni.
Kövessük a sztenderdeket
Az emberek elvárnak dolgokat, és jó, ha nem mondunk nekik ellen. Legjobb példa: az aláhúzott szövegről mit gondolunk? Hogy az egy link. Ha nem link, akkor zavart okozhat. Nem követendő példa. Persze itt is vannak szabályok, amiket áthághatunk, de az oldal legnagyobb része csinálja azt, amit várnak tőle a látogatók!
TOVÁBB IS VAN… »
A szöveg a dizájn egyik legáltalánosabb eleme, feltűnik mindenhol, így nagy gondot kell rá fordítani. Az alábbi jótanácsokat érdemes megfontolni ezzel kapcsolatban:
Betűtípus
A különböző betűtípusok más és más dizájnhoz illenek. Egyesek modernek, míg mások retrósak. Fontos, hogy a legodaillőbb fontot találjuk meg a dizájnhoz. Ami furcsának tűnhet a webes világban: általában a talpas (serif) betűket jobb és kényelmesebb olvasni. A weben pedig pont a talpatlan, azaz sans-serif betűk a jobbak. A képernyő tulajdonságai miatt.
TOVÁBB IS VAN… »
Mióta a a dizájnerek áttértek a CSS-sel való építkezésre, hála égnek, kicsit könnyebb lett az élet. Ennek ellenére vannak dolgok, amit figyelembe kell venni még akkor, amikor az oldalt a Photoshopban építgetjük.
Például:
Meg lehet-e csinálni?
Kiválasztottunk egy nagyon szép betűtípust, de vajon közte van-e a HTML-ben használtak közt? Mindenki látni fogja-e azt a típust? Még a leggyakoribbaknál is az alábbi módon érdemes a betűtípust megadni:
body {font-family: Verdana, Arial, Sans-Serif;}
Ha van Verdana betű a gépén, azzal fog látszani. Ha nem, akkor Arial-lal. Ha netalántán az sincsen, akkor az alapértelmezett Sans-Serif típussal fog megjelenni.
Figyelni kell arra is, hogy bár gyönyörűnek tűnhet az 1100px széles dizájn, az viszonylag sok látogatóknál kilóg a képből, és vízszintesen is görgetniük kell majd a képernyőt. Fontos tudni, mit tudunk megcsinálni és mit nem.
TOVÁBB IS VAN… »
