Szerencsémnek tartom, hogy az összes eddigi ügyfelem rám bízta a dizájn kialakítását. Ez a kedvenc részfeladatom a weblapkészítés során :-)

Megismerve az ügyfelem tevékenységét, szolgáltatásait, termékeit, az első dolog, ami kialakul bennem, az a szín: a menü, a gombok, címszavak, linkek színei. Ezekhez az elemekhez rendszerint ugyanazt a színt használom, mert szerintem így egységesebb és tagoltabb lesz a látvány. Az én weboldalamon ez a szín az arany - ezzel az egyedi dizájnra utalok.

A menü színe rendszerint a vállalkozás logójának színéhez illeszkedik; vagy az ügyfél csak egy iránymutatást ad, hogy "valami szép sötét", vagy "valamilyen kék" legyen, esetleg két szín átmenete.

Az olyan weblapoknál, amik több oldalból állnak, és a főoldalról vezetnek gombok az egyes aloldalakra, eltérő színű gombokat szoktam használni. Ilyenkor az illusztrációként használt képhez igazítom a gomb színét, mint például az Envirosystem oldalán lent, a három szolgáltatás esetében.

A szín mellett a dizájn másik alappillére a betűtípus. 4-5 félénél többet nem érdemes használni, mert az már zavaró. Én ezekhez a tartalmi elemekhez használok külön-külön betűtípusokat:

• a vállalkozás/oldal neve,
• a mottó,
• a menü szavai,
• a főbb címszavak,
• a bekezdések szövegének betűtípusa.

A főbb címszavaknak és a bekezdések szövegének hasonló betűtípusokat szoktam választani, mert így a látvány alapvetően egységes marad.

A dizájn harmadik alappillére az illusztrációként használt képek. Ideális esetben ezek a vállalkozásról készült képek. De mi van akkor, ha nincsenek, mert pl. az ügyfél kezdő vállalkozó; vagy nem termékkel, hanem szolgáltatásnyújtással foglalkozik, és nehéz olyan képet készítenie, ami nem sért üzleti titkot? Nos, ilyenkor sincs para, mert az interneten számos olyan weboldal van, ahonnan ingyen tölthetünk le képeket, és használhatjuk korlátlanul, a forrás megnevezése nélkül.

A kedvenc képtípusom a PNG-képek, mert a rajtuk lévő alakzaton kívül átlátszó a hátterük; így használatukkal elkerülhető a "szögletes" látvány.

Az egyes szakaszok háttereként hasznosak az SVG-képek: ezek ismétlődő mintázatok, amik nem képként, hanem leírásként vannak tárolva, így szinte nem is foglalnak tárhelyet.

A fentiek alapján, az ügyféllel való második találkozásra már úgy szoktam elmenni, hogy mutatok neki 2 darab nulladik verziót, amiből választhat. Vagy kérheti a kettőt mixelve is: az egyikről a menü és a lábléc tetszik, a másikról a fejléc és a termékek bemutatása, stb. Természetesen az összes többi dizájnelem változtatását is kérheti. Rendszerint kisebb változtatásokat szoktak kérni, szóval jól ráérzek mások stílusára :-)