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

Mi az a hangalapú kezelőfelület és miért van rá valójában szükség?

2020. aug. 11. | 13 perc olvasás

A hangalapú kezelőfelületek az élet számos területén jelen vannak. Néha kifejezetten hasznosak, például ha fontos az érintésmentes használat, mondjuk egy járvány idején, közterületen, vagy bármikor egy...

Mi az a service design és miért kell egy banki szolgáltatást megtervezni?

2020. Júl. 02. | 15 perc olvasás

Egy szolgáltatás életciklusát 5 részre oszthatjuk fel az ITIL (Information Technology Infrastructure Library, azaz a Információs Technológiai Infrastruktúra Könyvtára) módszertana szerint: Szolgáltatás...