Egy kis design

Múltkor volt egy jó kis cikk a (web)designról, és a programozók felülethez való hozzáállásáról úgy általában. Nagy igazság amit írnak, elmondható hogy a programozók nagy többsége utál designolni, és nem is érdekli őket. Azért alakult ki ebből egy külön szakma, mert teljesen más gondolkodásmódot igényel, máshonnan közelíti meg egy designer a készülő UI-t.

Amikor régen még weboldalakat gyártottam, én is sokat szenvedtem ezzel, és mindig az lett a vége, hogy innen-onnan elloptam css-eket, stílusokat, layout-okat, meglevő sablonokat photoshop-oltam át. Saját arculatot egyedül kialakítani nehéz. Pedig anno tanultam is felhasználói felület tervezésről.

Ha mégis neki kell ugrani designolni, a következő néhány oldalt mindenképp érdemes megsasolni:

• 10 Principles Of Effective Web Design


• User Interface Design Tips, Techniques, and Principles


• Website design (wiki oldal, de ez is egész jó)

Persze ezeken kívül még ezer meg ezer oldal van ami ezzel a témával foglalkozik, ha úgy érezzük hogy nincs nagyon szépérzékünk, akkor egy minimal design oldalt kell fabrikálni, amit nehéz elrontani. El lehet, a színekkel. DE! Erre van egy nagyon jó cucc amit használtam, a színek harmóniáját összerakja nekünk. Ez az EasyRGB. Olyat tud, hogy ha kiválasztunk egy színt, akkor tud mondani kb 8-12 olyan árnyalatot (színkódot, mindenféle formában) ami ahhoz a színhez passzol. A windows kliens nem ingyenes, de a weboldalon is lehet színeket "keverni". A végeredménye így néz ki:

Arra nagyon jó, hogy ha a cégnek akinek az ember weboldalt (UI-t) csinál, van már valamennyire arculata, logója, színei, akkor azokhoz a színekhez tudunk keresni odaillő színeket a menünek, háttérnek, gomboknak, linkeknek stb...

Ha a színek + layout valamennyire megvan, már csak néhány frankó kép, jó header, logo, oszt megvagyunk. Én anno a PhotoSop-ot használtam, eszméletlen sok tutorial van neten, youtube is tele van. De azért nem könnyű használni. Van designer haverom, aki viszont a PaintShop Pro-ra esküszik, azt valamivel könnyebb használni, nem kell hozzá pilótavizsga (itt egy összehasonlítás). Tutorial ehhez is van bőven.

Egy kis szépérzéket úgy tudunk a fejünkbe verni, hogy nézegetünk soksok szép weboldalt, és kielemezzük, melyik miért néz ki jól, amelyik jól néz ki mitől néz ki jól, milyen megoldások, milyen képek vannak rajta, esetleg milyen animációktól lesz még "csillivillibb" (jó szó mi?). Én a Template Monster oldalt nézegettem, folyton vannak top listák, díjnyertes weboldalak, sok 100ezer template amelyek között lehet böngészni. Vannak szépek és kevésbé szépek is.

Ha valaki még ezek után is bele akar mélyedni, érdemes szem előtt tartani hogy a Table-less design egyre divatosabb, egyre többen használják. Könnyebb átalakítani az oldalt, a layout megváltoztatásához csak css-t kell változtatni.

Olvasnivalók még:

• Table-less design vs. tables
• Web design basics