HTCinside
Tippek iOS-alkalmazások ikontervezéséhez
Mit néznek meg először a felhasználók, amikor megnézik az alkalmazását? Igaz, az ikon! Emellett egy ikon a márka arculataként működik – ez az, ami a felhasználóknak először eszébe jut, amikor az alkalmazásodra gondolnak. Látod, milyen fontos lehet egy tisztességes ikon?
Nos, nem akarsz rossz első benyomást kelteni, igaz? Pontosan ezért készítettünk néhány praktikus iOS-alkalmazásikon tervezési tippet a sikeres alkalmazásfejlesztéshez.
Tartalom
- #1 – Az egyszerűség erény
- #2 – Ismertesse fel a felhasználókkal
- #3 – Dobd el a süti kiszúróit
- #4 – Ügyeljen a színekre
- #5 – Ne használjon fényképeket
- #6 – NE használjon szöveget
- #7 – Végezzen megfelelő tesztelést
- Következtetés
#1 – Az egyszerűség erény
Az alkalmazásikonok változatos megjelenésű és formájúak lehetnek. A legsikeresebb alkalmazások azonban általában meglehetősen egyszerű és meglehetősen minimalista kialakításúak. Ez nem véletlen. Úgy kell tekintenie az ikonra, mint egy útjelző táblára. Célja egyetlen koncepció közvetítése kell, hogy legyen. De nem egy tucat ötlet! Próbáld észben tartani ezt a hasonlatot.
Tegyen meg minden tőle telhetőt annak érdekében, hogy meghatározzon egyetlen elemet, amely kifejezi az alkalmazás lényegét. Kerülje a túlzott képeket.
Ezenkívül, ha az ikont sok elemmel megtölti, elmosódott, uncool képet kaphat.
#2 – Ismertesse fel a felhasználókkal
Amikor a felhasználó ránéz az alkalmazás ikonjára, azonnal meg kell értenie az alkalmazás fő koncepcióját, bármi legyen is az – hívás, hírek vagy földrajzi hely. Tegyen meg mindent, hogy az emberek ezeket a pillanatnyi asszociációkat keltsék, ne keverjék össze őket.
Egy másik tanács az lenne: válasszon fontos tárgyakat a másodlagosak helyett. Tegyük fel, hogy a cél egy híváskezdeményező alkalmazás ikonjának kifejlesztése. Egy telefon sokkal jobb kép lenne, mint mondjuk egy telefonkábel. Az első dolgok az elsők.
Bár az egyszerűségre vágyik, és mindent megtesz azért, hogy az emberek azonnal megértsék az alkalmazás fő gondolatát, nincs szükség a többihez hasonló képpel rendelkező cookie-cutter ikon létrehozására. Az App Store amúgy is tele van ezekkel a klónokkal! Gondolkodj kreatívan.
Az Evernote alkalmazás fejlesztői jó példával szolgálhatnak itt. Próbálja meg felkeresni az App Store-t, és keresni a To-Do alkalmazásokat. Meglepődhet, hogy gyakorlatilag az összes alkalmazás ikonján ugyanaz van.
Az Evernote alkalmazás felhasználói felület-tervezői azonban szembeszálltak a pipák és a teendőlisták közhelyes kapcsolatával. Ezeknek a srácoknak sikerült új megjelenést kölcsönözniük ikonjuknak, és szerintünk ez egy nagyon okos, sőt döntő lépés volt!
#4 – Ügyeljen a színekre
A színek számítanak. Valójában ezek az egyik legfontosabb dolog az ikonod számára. Javasoljuk, hogy a színpaletta a lehető legegyszerűbb legyen. Csak egy vagy két színre van szüksége (lehetőleg kontrasztos).
Igaz, találhat néhány fantasztikus ikont, amelyek nagyszerűek és egyszerre sok színt tartalmaznak. Ez azonban sokkal nagyobb erőfeszítést, sőt mesteri tudást igényel, mint egy kis színcsokorral zsonglőrködni.
#5 – Ne használjon fényképeket
Egy jó hüvelykujjszabály: A fényképek ritkán néznek ki jól az alkalmazások ikonjain. Ez az. Csak használj egyszerű régi grafikát.
#6 – NE használjon szöveget
Alapvetően a szabály a következő: ha elkerülheti a szöveg használatát, akkor hajrá. Nagyon kevés alkalmazásikon használ szöveget, és nagyon jól néz ki egyszerre. Csak használjon logót az alkalmazás ikonjához.
Ezenkívül, ha szöveget használ, elronthatja a dolgokat, különösen, ha az alkalmazásának hosszú neve van. Arról nem is beszélve, hogy az alkalmazás neve az ikon alatt egyszerűen megmásolja ezt a szöveget.
#7 – Végezzen megfelelő tesztelést
Az Apple követelményeket határozott meg az iOS-alkalmazások ikonjainak méretére vonatkozóan. Ne feledkezz meg róla. És ne feledje a megcélzott iOS ikonjainak sarok sugarát, ne felejtse el, hogy az ikon egy része egyszerűen levágható.
Az Apple szabályaival kapcsolatos további információkért tekintse meg a Human Interface Guideline dokumentumot.
Az ott felsorolt összes szabály minden operációs rendszerre vonatkozik iOS 7-től iOS 9-ig.
Keresd a hibákat!
A tesztelés messze az egyik legfontosabb szakasza az alkalmazásfejlesztésnek. Ne felejtse el tesztelni az ikonját különböző képméreteken. Természetesen használhat iOS-alkalmazás ikonsablont, de ennek ellenére alaposan tesztelnie kell!
Ezenkívül ellenőrizze a kompatibilitást a retinával és a nem retinás képernyőkkel. Lehet, hogy le szeretné egyszerűsíteni az ikont, hogy jól nézzen ki kis méretekkel.
Ha úgy ítéli meg, hogy ikonja készen áll a használatra, mindenképpen tesztelje valódi eszközökön. Az egyik legfontosabb dolog: végezzen életben való tesztelést, pl. e. telepítse az alkalmazást egy csomó különböző eszközre, és alaposan tesztelje.
Azt tanácsoljuk, hogy tesztelje az ikonját mindenféle háttérkép ellen. Győződjön meg arról, hogy az alkalmazás ikonja jól néz ki a különböző hátterekkel.
Következtetés
Az iPhone alkalmazás ikonjának megtervezése nem egy nap kérdése. Ez egy iteratív fejlesztési folyamat. Minél többet kísérletezel, annál jobb!
Próbáljon meg játszani az ikonnal, amíg el nem éri a tökéletes formát. Ha megtalálja a megfelelő alakot, a megfelelő színek természetesen eszébe jutnak.