10 disainihäkki suurepäraste rakenduste ikoonide loomiseks
Rakenduse ikoonid on esimene asi, mida teie kasutajad teie rakenduse otsa komistades märkavad. Kuna miljardid rakendused võitlevad rakenduste poes tähelepanu eest, on rakenduse ikoon muutunud oluliseks eristavaks teguriks, mis eemaldab segadusest ja toob kasutajad teie rakenduse juurde. Need on tõepoolest esimene puutepunkt, millega teie kasutajad kokku puutuvad. Seetõttu on äärmiselt oluline seda kogemust kohe ära kasutada.
Selles postituses pakun välja mõned disainilahendused, mis aitavad teil luua lahedaid rakenduste ikoone, mis võivad rakenduste poes silma paista ja tõstavad teie rakenduse teiste installide pärast konkureerivate seas esile.
Enne kui räägin teile punktid, peate mõistma, et rakenduse ikooni põhieesmärk on luua vahetu ühendus ja luua kognitiivseid vihjeid. Kõik selles postituses soovitatud naaseb põhimõtteliselt selle saavutamiseks.
Siin on mõned disainilahendused suurepäraste rakenduste ikoonide loomiseks
70% reegel
Disainerid on üksmeelel selles, et 70% ikooniruumist kasutatakse rakendusega ühendatud peamise objekti esiletõstmiseks. Objekt võib olla mis tahes rakendusega seotud. Kui kujundate fotograafiarakendust, võib objektiks olla kaamera või objektiiv. Mängu jaoks võib see olla tegelase nägu ja nii edasi.
Teisisõnu, objekt peaks hõivama suurema osa (70%) ikooni pindalast. Idee on arendada koos kasutajatega vahetut tunnetust ja lasta neil navigeerida kirjelduse saamiseks rakenduse lehele. Kui nad jõuavad rakenduse lehele, millel on kirjeldus, on teil kasutaja leidmine palju lihtsam.
Kuid ainult objektile suurema ruumi lubamisest ei piisa. See peab olema ka segaduseta. Alles siis saab see ühendada ja luua kiirema tunnetuse, mis viib meid järgmise punktini.
Lõika segadus, kuni põhitõed hakkavad lagunema
Jätkake segaduse lõikamist, kuni ikoonil oleva objekti põhiidee hakkab välja tulema. Teisisõnu eemaldage oma ikoon kuni punktini, kus ikoonil olev objekt muutub tundlikust mittemõistlikuks. Lõika kuni objekt säilitab oma universaalse kuju ja on enamiku inimeste poolt tuvastatav.
Näiteks kui loote rakendust piltide peitmiseks, võite tulla rakenduse ikooniga, mille peamiseks objektiks on "võtmed ja lukk". Nüüd võite eemaldada varjud või loendurid ja valida täiesti lameda ikooni. Kui see on tehtud, võite kujunduses minna minimalistlikuks, mängides täielikult värvidega, et luua ikoonil kasutatud luku ja võtme kuju jaoks 3D-efekte.
Tuhm läikiv ja läikiv tuhm
Järgmine asi, mis rakenduse ikooni silma paista, on kontrasti sobiv kasutamine. Disainerid kasutavad sageli kontrasti objekti ja rakenduse ikooni tausta vahel. Kui suudate sooritada kaks ülalmainitud sammu, võite automaatselt siia maanduda.
Kontrasti loomisel on palju pistmist ka värvidega. Alustage eelnevalt kindlaksmääratud värvipaletiga ja töötage läbi. Pidage meeles, et idee on luua erksust ja kontrasti taustavärvi ja objekti elementide vahel. Kui olete selles valdkonnas algaja, võite tutvuda mõne Dribbble'i kujundusega ja alla laadida oma valitud värvipalette.
Kui olete lõpliku lõikega lõpetanud, saate luua 2-3 versiooni, mille värvid on rohkem valged või mustad. Nüüd saate valida selle, mis teie silmadele sobib. Pärast iOS 7 on palju rõhku pandud värsketele värvidele, milles on tugevamad valged toonid.
Ärge laske end petta oma suurest Macist
Pärast seadmesse installimist kuvatakse teie rakenduse ikoon erinevates eraldusvõimetes. Et see tunduks märkimisväärne isegi oma väikseimas avataris, tuleb see kujundada proportsioone silmas pidades. Tihti töötavad disainerid suurtel Maci ekraanidel, millelt saab välja mõelda ka kõige pisemad detailid. Kui aga testida sama ikooni erineva suurusega ikoonidega nutitelefonis, lähevad üksikasjad kaduma.
Kui töötate Maciga ja loote esmalt ikoonirakenduste poe, võite endale lubada pisidetailide sisestamist. Kuid pidage meeles, et seadete menüü jaoks mõeldud väikseim ikoon on 29 x 29 pikslit kujutis. Peenemad detailid, nagu väikesed tekstid või muud sümbolid, ei ole sellel nähtavad.
Kõige parem on meeles pidada suurust ja kasutada töö tegemiseks põhilisi kujundeid ja mustreid. Võtke omaks lihtsus ja keskenduge ühele objektile. Eelistatavalt unikaalne kujund või element, mis säilitab skaleerimisest hoolimata oma kontuurid ja detailid. Nii näeks teie ikoon sobiv välja kõigi Apple'i ja Androidi juhiste järgi soovitatud resolutsioonide puhul.
Proovige oma ikooni paljude taustapiltide vastu
Kasutajatel on erinevad maitsed ja eelistused, mis kajastuvad nende nutitelefonide taustapiltide ja teemade valikus. See tähendab, et teie rakenduse ikoon peab silma paistma paljude värvide vastu. Seetõttu on alati hea mõte testida oma ikooni nähtavust seitsme põhivärvi taustapildiga. Rahuldava testi lõpuleviimiseks saate kasutatavate taustapiltide valge/musta küllastust suurendada või vähendada.
Võib ette tulla olukordi, kus tapeet segaks nähtavust. Taustapildid, nagu selfid, võivad puududa ühtlaste värvidega ja võivad häirida ikooni nähtavust. Siin ei saa te palju teha, kuid nagu ma ütlesin, saate neid testida seitsme põhivärviga, et alustada.
Otsustage abstraktsiooni kasuks ja tehke iteratsioone
Disainerid kannatavad pideva dilemma all abstraktsiooni ja ikooni peamise objekti tegeliku kujutamise vahel. Lamedate ikoonide ja kasutajaliideste tekkimisega on kaaluvanus nihkunud palju abstraktsiooni poole, kuid objekti tegelikust kujutamisest ei saa lihtsalt loobuda. Pärisobjektid või skeuomorfsed ikoonid on rakenduste poes endiselt tugevad ja sellel on mõjuvad põhjused.
Näiteks kui loote heli parandava rakenduse, võite selle lamestamise või jooneikooni tegemise asemel joonistada rakenduse ikoonile skeuomorfse võimendi. Kuid arvestades tõsiasja, et võimendi pole tuttav kaup, väheneks selle tunnetus, kui see lamedaks teha. Asjade puhul, mis on suhteliselt tavalised ja naudivad laialdast tuttavat masside seas (kaamera fotograafiarakenduse jaoks), võite kindlasti tulla välja lameda ikooniga. Kui aga rakendus on ühendatud millegi ebaselgega, on parem hoida seda reaalsena või skeuomorfsena.
Teine suurepärane viis hea ikoonikujunduse saavutamiseks on teha mitu iteratsiooni skeuomorfse ja tasase kujundusega. Seda tehes võite meeles pidada teist punkti. Tehke mitu iteratsiooni, eemaldades korraga mõned üksikasjad. Pange need kõik üksteise kõrvale ja otsustage, milline neist teile kõige rohkem meeldib ja miks.
Mängude jaoks tuvastage tegelane
Mängu ikoonide tegemine võib olla tõeliselt lõbus, kuna ikooni tegemisega saab teha palju loomingulisi asju. Selle keskel olete kindlasti märganud, et mängudel on sageli lugusid ja tegelasi. Kui me järgime kasutajatega tunnetuse ülesehitamise reeglit, saavad mängu enda tegelaste näod suurepäraselt hakkama. Tegelikult on see põhjus, miks tegelaste näod on mängurakenduste ikoonides nii levinud.
Kui teete mängu, peate välja selgitama peategelase või tegelase, kes on ühine kõigil tasanditel. Kuna tegelane on mängijatega hästi tuttav, saab tegelast kasutada mängu tugeva meeldejätmise loomiseks. Ja samal põhjusel võib sellest saada ka teie mängurakenduse rakenduse ikoon.
Võite valida värvipaleti ja ehitada nende ümber oma rakenduse ikooni. Ausalt öeldes muutub see palju lihtsamaks, kui otsite nägu. Kuid samal ajal peate võib-olla lisama mõned lisaefektid, et see silma paistaks.
Ikoonide ja kasutajaliidese ühtsed värvipaletid ja kokkulepped
Rakenduse kasutajaliidesel on konkreetne teema ja teatud värvide kasutamine. Kõige parem on kasutada samu värve ka ikooni kujundamisel. Sama saate teha ka teatud elementidega, mille olete kasutajaliideses juurutanud, ja kasutada neid ikoonil. See muudab teie kujunduse ühtlasemaks ja toob kasutajad paremini meelde ja tunnevad teie rakendust paremini.
Loovus päästab päeva
Käivitage Google Plays otsing "rakenduste tegemiseks" ja komistate ruudustikule, mis on täis linnukesi. Jah, enamik ülesannete rakenduste disainereid said oma rakenduse ikoonina välja pakkuda ainult linnukese – tavalise ülesannete ikoonina. Kuid selle müra keskel paistab Evernote'i ikoon mugavalt silma.
Otsingutulemused terminile "rakenduste tegemine". Pange tähele, et Evernote'i ikoon paistab teiste seas silma.
Ikooni idee tuleneb sellest, et elevant ei unusta kunagi. See on ühendatud volditud elevandikõrva suurepärase teostusega, mis tähistab märkmikku. See eristab Evernote'i otse teistest poes leiduvatest ülesannete rakendustest ja loob tugeva tunnetuse.
Veel ühe suurepärase ikoonikujunduse näite võib omistada Pocketile. Alustuseks on rakenduse idee ainulaadne. Kuigi järjehoidja on eksisteerinud pikka aega, ei saanud see sundida kasutajaid salvestatud sisu lugema tagasi tulema.
Pocket seevastu kasutas selge visuaalse mälu loomiseks pisipilte. Rakendus käivitab "salvesta see sisu" emotsiooni ning seda kujutab ikoon ise selgelt ja nutikalt. Punane kuju viitab "taskule", samas kui allanool kujutab kahtlemata "allalaadimist".
Ärge kasutage fotosid ega pilte
Lisaks ülalnimetatud näpunäidetele saate vältida ka fotode ja piltide otsest rakendamist rakenduse ikoonil. Isegi kui viitate fotole, peate Illustratoris või Photoshopis oma vektorid looma. Alles siis näeb see välja autentne ja sellel on magnetiline mõju.
See võib kõlada klišeena, kuid peate oma disaini puhtana hoidma. Olen juba maininud valge või musta värvi segamist, et saavutada soovitud täiuslik värvitoon. See on ikooni tõrjumiseks väga mugav. Kui mõnda värvi muuta heledamaks või vastupidi, langeb üldine müratase erinevatel juhtudel.
Rakenduste ikoonid peavad muutuma populaarseteks lauludeks, mida igaüks võib ära tunda, ja järgmised disainilahendused aitavad teil luua suurepärase rakenduseikooni. Loodan, et pidasid punkte väärtuslikuks. Kui teil on midagi lisada või soovitada, kirjutage oma kommentaaridesse allpool.