Eszközök profi weboldal tervezéshez

Sokszor a weblapok tervezésénél már eldől, hogy a weblap elkészítése, ha nem is lesz teljesen lehetetlen, de fájdalmas folyamat lesz. A tervezéshez nem csak a megfelelő emberek kellenek, hanem jó eszközöket is kell választnanunk. Igaz, általában a megfelelő emberek tudják, hogy melyek a megfelelő eszközök.
Egy weblap megtervezését nem célszerű valamilyen bonyolult programmal kezdeni (pl. Adobe Photoshop vagy Illustrator), hanem célszerű a főbb szerkezeti elemeket és ezek elhelyezkedését rögzíteni egyszerű módon. Nem szégyen, ha először bizony a füzetbe vagy az A4-es lapokra rajzolgatunk. Kifejezetten hasznos lehet, ha minden technikai lehetőségtől elvonatkoztatva a szerkezetre koncentrálunk.
Ha azonban vázlatosan lerajzolgattuk, hogy mire van szükségünk nem célszerű továbbra se nekiugrani egy grafikai programnak. Kiváló programok vannak, amelyekkel tovább finomíthatjuk oldalaink szerkezetét anélkül, hogy komolyan kidolgozott koncepció nélkül elmerülnénk a design részleteiben.
Az ilyen szerkezeti vázlat (mockup) megrajzolásához számos eszközt használhatunk, amelyeknél nagy előny, hogy beépített eszközkészletük lehetővé teszi tipikusan a webre szánt elemek gyors előhívását és azok átformálást.
Egy mockup eszköz előnyei grafikus programokkal szemben:

  • gyors kezelhetőség, ami miatt hamarabb meglesz a munkánk és nem veszünk el a részletekben
  • a design nem vonja el a figyelmünket a funkcióktól
  • esetlegesen interaktív lépéseket is beépíthetünk, azaz oldaltervünk nem csak egy guszta kép lesz

Egy mockup eszköz előnyei webszerkesztő programokkal szemben:

  • gyors kezelhetőség
  • átláthatóbb
  • nem kell a technikai megvalósítással bajlódnunk
  • grafikai szerkesztőkben megszokott eszközkészlet webre adaptált formában

Jelneleg a legelterjedtebbek közé a Balsamiq az Axure és az OmniGraffle tartozik. Az Axure Windowsos, az OmniGraffle Maces tervezőknek elérhető, a Balsamiq az alkalmazott Adobe Air technológia miatt minden platformon elérhető.
Az alábbi két kép az Otp nyitóoldalát és ugyanezt az Omnigraffleban mutatja.

 
 

19 hozzászólás

Oszd meg velünk véleményed

Mind a 19 hozzászólás mutatása

Kérem írd be üzenetedet

Kérem írd be email címed!

Kérem írd be üzenetedet

Küld

Website-okat, mobil applikációkat és szoftvereket tervezünk, hogy segítsünk megvalósítani üzleti céljaidat!

Csapatunk

Kapcsolat

Kedves Ergo,

A nevem
. Az email címem
. Üzenetem:

ajánlott
cikkek

Tudj meg többet a témáról

Alza.hu UX Design szemmel: Vásárlás vagy Kihívás?

2024. okt. 04. | 5 perc olvasás

Egy gördülékeny vásárlás olyan, mint egy űrlény, aki fénysebességgel utazik. Gyors és hatékony. Az online vásárlás világában a felhasználói élmény (UX) kulcsfontosságú. A zökkenőmentes vásárlási folyamat...

‘Atomic design’ módszertan a UX tervezésben – 7 dolog, amit tudnod kell

2023. nov. 02. | 14 perc olvasás

Az UX és UI designerek az ‘atomic design’ módszertant alkalmazzák a tervezés során elkövetett változtatások gyorsabb és egyszerűbb végrehajtása érdekében. Néha azonban hajlamosak vagyunk a dolgokat a ...