Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

DRÓTVÁZTERVEK (MOCKUP, WIREFRAME) KÉSZÍTÉSE Abonyi-Tóth Andor 1.

Hasonló előadás


Az előadások a következő témára: "DRÓTVÁZTERVEK (MOCKUP, WIREFRAME) KÉSZÍTÉSE Abonyi-Tóth Andor 1."— Előadás másolata:

1 DRÓTVÁZTERVEK (MOCKUP, WIREFRAME) KÉSZÍTÉSE Abonyi-Tóth Andor 1

2 Mockup 2  Az eszköz egy modellje, amit oktatási, demonstrációs, használhatósági elemzési, promóciós és egyéb célokra is felhasználható. http://www.smallsurfaces.com/wp-content/uploads/2008/09/pho_5-1.jpg http://www.interaction-design.org/images/screendumps/mockup_webpage.gif http://www.hiwtc.com/photo/products/17/01/01/10194.jpg

3 Mockup, wireframe, drótváz  Nem működő prototípus  Példa a drótváz használatra a web-fejlesztésben http://www.designquote.net/profile/46389/ Drótváz terv Arculatterv 3

4 Drótváztervezési praktikák  Digitális drótváz előnyök  Törlés  Áthelyezés drótvázon belül és drótvázak közt  Átméretezés  Háttéranyagok gyors beillesztése  Sablonok  Minták kéznél vannak  Dinamikusság imitálása  Elemek könnyebb átemelhetősége  Egyszerűbb archiválás  Más is könnyedén belenyúl http://ergomania.eu/drotvaztervezesi-praktikak/ 4

5 Drótváztervezési praktikák  Digitális drótváz hátrány  Nincs mindig kéznél  Gépi környezet blokkolhatja a kreativitást  Kevésbé hatékony a közös gondolkozásban  Lassabban készül  Nagy a kísértés a túlzott kidolgozásra  Sok drótváz nehezebben átlátható  Kevésbé játékos http://ergomania.eu/drotvaztervezesi-praktikak/ 5

6 Drótváztervezési praktikák  Mi nincs a drótvázon?  Színárnyalatok  Betűtípusok  Végleges képek  Pontos arányok  Szép ikonok  Végleges elhelyezés, arányok http://ergomania.eu/drotvaztervezesi-praktikak/ 6

7 Mivel készítsünk Mockupot?  Számos alkalmazás megfelelő lehet, ezek között vannak ingyenes és fizetős megoldások is.  Érdemes itt körülnézni:  http://webification.com/best-mockup-design-tools- roundup http://webification.com/best-mockup-design-tools- roundup  Személyes javaslat:  http://lumzy.com/app/ http://lumzy.com/app/ 7

8 Készítsük el az alábbi mockup-okat! Gyakorlás 8

9 Blog 1. 9

10 Blog 2. 10

11 Mi lehetett (volna) ennek az oldalnak a drótvázterve? Valósítsd meg! 11

12 Vége 12


Letölteni ppt "DRÓTVÁZTERVEK (MOCKUP, WIREFRAME) KÉSZÍTÉSE Abonyi-Tóth Andor 1."

Hasonló előadás


Google Hirdetések