Honlap drótváz és GUI prototípus

2010. 11. 05.



Egy régebbi bejegyzésben több weboldaltervezéshez használható eszközt mutattam be. A post a Pencil Firefox alapú alkalmazásra hívja fel a figyelmedet. Amit egyszerűen telepíthetsz, használhatsz. Ha megtanulod használni és elkészíted a saját eszközkészletedet, az ügyfeleidnek pillanatok alatt tudsz varázsolni űrlap, weblap, grafikus felület, weboldal prototípus terveket.

A pencil egy Firefox alapú GUI prototípus tervező eszköz

Miért kellenek az ilyen tervek?

Csak röviden, mert erről már írtam. Hogy jobban átlásd Te, a munkatársad, az ügyfeled a weblap szerkezetét, a megvalósítandó feladatokat.

Miért pont a Pencil?

  • Mert ingyenes és nyílt forrással rendelkezik
  • Mert szeretjük a Firefox-ot és mindig kéznél van
  • Mert mindent tud, ami prototípus tervezéshez kellhet
  • Mert rengeteg ingyenes beépített objektummal, funkcióval rendelkezik
  • Mert ahol Firefox van, ott nagy valószínűséggel működni fog (platform független)

Saját eszközkészlet, kollekció létrehozása

Azért egy weboldal felület alapos megtervezése, nem 2 perces munka. Ha elkészítettel egy olyan felületet amit később fel szeretnél használni, saját eszközkészletet készíthetsz belőle. Mire jó a saját eszközkészlet? A következő hasonló tervnél csak behúzod a felületre és már kész is vagy. Rövidítheted vele a tervezésre szánt időt. Ezért érdemes alapos, kidolgozott felületeket készíteni, hogy bővítjük a készletünket.

Saját eszközkészlet létrehozása:

  • CTRL + egér kattintással jelöld ki az elemeket amit egy csoportban szeretnél látani
  • Csinál belőlük egy csoportot (jobb egérgomb group)
  • Majd adjad hozzá a saját kollekciódhoz (jobb egérgomb a csoporton Add to My Colletions..)

 A megtervezett weblapból saját kollekciót építhetünk az elemek csoportosításából

 További hasznos tulajdonsága, hogy a végterméket többféle formátumban exportálhatjuk illetve saját formátumába mentve, később folytathatjuk azokat. Kereshetünk vele openclipart.org oldalon, a prototípusokat menthetjük néhány OpenOffice által is támogatott nyílt formátumba vagy képként. Támogatja a HTML, PDF, PNG, OpenOffice formátumot + a saját formátumát. Használhatjuk az általunk készített képelemeket, vektoros ábrákat.

Honlapok, webes alkalmazások felületének a megtervezésénél, GUI-s alkalmazásoknál ha rossz űrlap felépítést használunk, annak a kijavítása nem kevés időbe telik. Ezért jó ha a megtervezzük előtte, ráadásul az ügyfél is örülhet neki, hogy kreatívan részt vehetett a gyermekének a születésébe.

Akár weboldal drótváz szerkezeteket is előállíthatunk vele

Tisztába vagyok vele, hogy az olvasók fele hülyeségnek tartja ezt a tervezést. Véleményem szerint meg hasznos! 

Te mit gondolsz róla?



Hozzászólások (2)

tetszik / pulykakakas / 2010-11-05
Tetszik. Nem ismerem a többit, de a standalone verziót telepítve jól használhatónak tűnik. Még program felület tervezéshez is akár, nemcsak weblaphoz.

Az izgalmas kérdés, hogy az xml fájlt, amit ment, fel tudod-e használni, arra, hogy a cms-ben összerakja belőle az oldalt egy kis segédprogramocska. Saját cms esetén ez könnyebb, de nyílt forrásúakhoz is lehetnek ilyen eszközök. Vannak?

Most pedig nekiállok megfejteni a captchát ...
Haznos / Kormoran / 2010-11-17
Köszönöm, számomra hasznos volt a leírás.
Pont ilyen eszközt kerestem a specifikációk megtámogatásához.
 


Hozzászólás beküldése:

 ____  __  __  _  _    __    _   _    __   
(_   )(  )(  )( \( )  /__\  ( )_( )  /__\  
 / /_  )(__)(  )  (  /(__)\  ) _ (  /(__)\ 
(____)(______)(_)\_)(__)(__)(_) (_)(__)(__)