Ikontervezés

ikon_app

Vajon több-e az ikontervezés, mint felhasználó felületükkel szöszmötölő buherátorok úri elfoglaltsága? Minden bizonnyal. Gondoljunk csak a MAC OS X csodálatos ikonjaira, vagy az olyan, márkajelzésnek számító alkotásokra, mint a Twitter, Facebook vagy az Instagramm. Ez a kis diasor azoknak szeretné felkelteni az érdeklődését, akik mobil alkalmazásokat fejlesztenek. Az angol nyelvben gyengélkedőknek néhány fésületlen mondattal szeretnénk segíteni…

1) A tökéletes alkalmazás-ikon.

2) “Ikont alkotni annyi, mint

  • megjeleníteni egy tárgyra vagy fogalomra leginkább jellemző tulajdonságokat.
  • Megragadni annak funkcionalitását,
  • bemutatni a koncepciót, a megkülönböztető jegyeket, melyek jellemzik azt”Vu Tran

3) Felismered ezeket az ikonokat?

4) Gratulálok! Hozzáértő okostelefon-felhasználó vagy!

5) Emellett bizonyítottad, mennyire fontos, ezen alkalmazás-ikonok hatékony márkafelismerése a mobilpiacon.

6) Nézzünk hét okot, amiért az ikonoknak fontos szerepe lehet az alkalmazásod az üzleti sikerében!

7) A vizuális jeleket 60.000-szer gyorsabban dolgozzuk fel mint a szöveget. (első ok)

8) Csak 150 ms kell a szimbólum észleléséhez (siker, innováció, gondolat, növekedés) … és 100 ms az értelmezéséhez. (második ok)

9) Az agyunk 50%-a érintett a vizuális feldolgozásban. (harmadik ok)

10) A vizuális színteret a másodperc tizedrésze alatt észleljük, áttekintjük. (negyedik ok)

11) A megfelelő színválasztás 80%-kal növeli az olvasási készségünket. (ötödik ok)

12) Orvosi címkékkel vizsgálták a megértés szintjét, s megállapították, hogy

  • 70%-os abban az esetben, ha csak szöveget,
  • 95%-os, ha képet és szöveget együtt alkalmazunk. (hatodik ok)

13) Az emberek 323%-kal inkább követik azokat az utasításokat, melyeken

  • képet és szöveget együtt alkalmaznak,
  • mint a kép nélkülieket.

14) Lényegében az ikonok jelentést generálnak. (emlékezetes, mozgósítható, könnyű feldolgozni, élvezetes megosztani, hiteles, könnyen felidézhető, rendkívül megnyerő)

15) Elég okot soroltunk? Lássuk csak, hogyan készíthetsz egy millió dolláros ikont!

16) Csak egyszerűen!
Mert az egyszerűség a végeredményben kifinomultság. Az egyszerű ikon alkalmazható, emlékezetes és könnyen megragadható.

17) Okosan válassz színeket!
A színek kiemelkedő szerepet játszanak az ikontervezésben.
Jegyezd meg:

  • Ne használj három színnél többet!
  • Kerüld a színátmeneteket!
  • Minél sötétebb színezést választasz, annál jobb, mert különböző képernyőkön másképp fog megjelenni.

18) Lépj ki a sablonokból!
Az ikontervezés a formák művészete. Használd a formákat, hiszen:

  • Egyediek. Találj új formát vagy keverd a korábbiakat, hogy újszerű eredmény jöjjön létre.
  • Felismerhetőek. Távolról és elsőre is azonosíthatóak.
  • Méretezhetőek. Kellően egyszerűsítve minden méretben ugyanazt jelentik.

19) Kerüld a fotókat!

  • Tartózkodj a valódi képek, fotók alkalmazásától az ikonokban!

20) Használj annyira kevés szöveget, amennyire az csak lehetséges!

  • Használj szimbólumokat, piktogramokat vagy márkajelzést az alkalmazás-ikonodhoz. Ha teheted, tartózkodj a szöveges megjelenítéstől.

21) Értsd a jelentéstant!

  • A szemiotika (jelentéstan) egy folyamatos kutatási területe a jelek és szimbólumok jelentéseinek.
    Az ikon valódi próbája, ha megmutatod valakinek, aki nem ismeri a hátterét, és ártatlanul megkérdezed: “Szerinted mit jelent ez?” Grafikus barátod vagy a nagymamád egyaránt alkalmas a feladatra.

22) Ajándék: Nyerj ihletet sokféle témában szabadon felhasználható alkalmazásikonjainkból, melyeket a

http://www.zilliondesigns.com/blog/freebies-icons

oldalon találsz.

Vagy keress bennünket a dián található közösségi oldalakon!

{A fordítás természetesen nem reklámcélból készült. Szerintem jó támpontokat ad az ikonok megértéséhez, tervezéséhez. Ha fordítási hibát találsz, üzenj a kommnetben! Kisanti}

 

2 thoughts on “Ikontervezés”

    1. Köszönöm, András! A diasor inkább grafikai és nem technikai szempontból közelíti meg a témát. Emellett persze fontosak ezek a technikai részletek is.

Hozzászólás a(z) Kisantal Tibor bejegyzéshez Kilépés a válaszból

Az e-mail-címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük