{"id":247853,"date":"2023-09-03T14:45:00","date_gmt":"2023-09-03T11:45:00","guid":{"rendered":"https:\/\/inform.click\/9-levinumat-korvalekaldumist-mida-disainerid-kipuvad-rakenduse-ikooni-kujundamise-ajal-tegema\/"},"modified":"2023-09-03T15:16:00","modified_gmt":"2023-09-03T12:16:00","slug":"9-levinumat-korvalekaldumist-mida-disainerid-kipuvad-rakenduse-ikooni-kujundamise-ajal-tegema","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/9-levinumat-korvalekaldumist-mida-disainerid-kipuvad-rakenduse-ikooni-kujundamise-ajal-tegema\/","title":{"rendered":"9 levinumat k\u00f5rvalekaldumist, mida disainerid kipuvad rakenduse ikooni kujundamise ajal tegema"},"content":{"rendered":"<p>\n  Mobiilikasutajad on \u00f5nnelikud. L\u00f5ppude l\u00f5puks saavad nad valida lugematute rakenduste hulgast, mis on saadaval paljudes turul olevate rakenduste poodides. Mida see teile \u00fctleb? Ilmselgelt t\u00e4hendab see, et erinevate rakenduste vahel on tihe konkurents, kusjuures k\u00f5ik rakendused v\u00f5istlevad potentsiaalsete kasutajate t\u00e4helepanu p\u00e4rast.\n<\/p>\n<p>\n  Lahendus peitub ainulaadses rakenduses, mis toob lauale palju funktsioone ja funktsioone. Isegi kui kujundate ja arendate \u00fcht parimat rakendust turul, piisab kehvast ikoonist, et teie j\u00f5upingutusi rikkuda. Seda seet\u00f5ttu, et rakenduse ikoon on selle nimiv\u00e4\u00e4rtus ja enamasti tagab see eduka m\u00fc\u00fcgi.\n<\/p>\n<p>\n  Selle loogika seisneb selles, et potentsiaalsed kliendid kipuvad sirvima nende vajadustele vastavaid rakendusi ja t\u00e4helepanu \u00e4ratav ikoon t\u00f5stab kindlasti nende huvitaset, mis paneb nad tegutsema. Kunagi ei tea, kellele see rakendus puhtalt ikoonikujunduse p\u00f5hjal meeldima hakkab ja selle alla laadima hakkab. See suurendab rakenduse m\u00fc\u00fcki ja muudab selle edukaks.\n<\/p>\n<p>\n  Ikoonide kujundamisele keskendumine on seet\u00f5ttu rakenduste arendamise eluts\u00fckli eeltingimus. Selles kirjutises k\u00e4sitletakse m\u00f5ningaid levinumaid k\u00f5rvalekaldeid, mida disainerid mobiilirakenduse ikooni kujundamise ajal teevad.\n<\/p>\n<h5>\n  1 ikoon pole unikaalne<br \/>\n<\/h5>\n<p>\n  Ikoonide kujundamine, mis n\u00e4ivad olevat m\u00f5ne <strong>teise, juba olemasoleva ikooni koopia,<\/strong> on viga, mille disainerid teadlikult v\u00f5i teadmata teevad. Paljud neist kerkivad ikoonikujunduse l\u00fchikese aja jooksul esitamise surve all. Seistes silmitsi terava ajah\u00e4daga, alluvad nad survele ja lepivad jooksva kujundusega.\n<\/p>\n<p>\n  Nad viivad eduni, v\u00f5ttes vihjeid enimm\u00fc\u00fcdud rakendustest ja kujundades sarnaste mustritega ikoone. N\u00e4iteks kui kategoorias Meelelahutus on m\u00f5ni populaarne rakendus, tahaksid disainerid selle populaarsuse eest raha sisse maksta ja lihtne viis seda teha on luua populaarse rakendusega sarnane rakenduse ikoon.\n<\/p>\n<p>\n  Tulemus? Suur osa sarnaste ikoonidega rakendusi, sealhulgas v\u00e4rviskeemid. L\u00f5ppkokkuv\u00f5ttes tekitab see segadust sihtr\u00fchmas, kes ei suuda eristada kahte ikooni, millel on sama v\u00e4rvikombinatsioon, eriti kantaval seadmel.\n<\/p>\n<p>\n  Astuge oma mugavustsoonist v\u00e4lja ja looge rakenduste ikoone, mis panevad inimesed istuma ja m\u00e4rkama, olgu selleks teie konkurendid v\u00f5i sihtr\u00fchm. Te ei saa endale lubada unikaalsete rakenduste ikoonide loomisel keskp\u00e4rast l\u00e4henemist; ainulaadne ikoon annab klientidele midagi, mille j\u00e4rgi rakendust meelde j\u00e4tta.\n<\/p>\n<h5>\n  2 sama r\u00fchma ikooni ei n\u00e4ita sarnasust<br \/>\n<\/h5>\n<p>\n  Samasse r\u00fchma kuuluvate rakenduste puhul peaksid ikoonid olema ka teatud sarnasused. V\u00f5tke n\u00e4iteks Adobe'i rakenduste komplekt, nagu InDesign, Photoshop, Lightroom Mobile, Illustrator ja Premiere, mille ikoonikujundus on \u00fchtlane. \u00dcks pilk ekraanile ja l\u00f5ppkasutaja saab kohe aru, et ikoon kuulub Adobe'i rakenduste komplekti.\n<\/p>\n<p>\n  M\u00f5elge <a href=\"http:\/\/www.smashingmagazine.com\/2014\/03\/28\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_blank\" rel=\"noopener\">Gestalti sarnasuse seadusele<\/a>, mille kohaselt inimm\u00f5istus suudab sarnaseid objekte v\u00f5i mustreid tajuda ja \u00e4ra tunda. Rakendage seda ikoonir\u00fchmade \u00fchtsuse loomiseks, kujundades sarnaste omadustega ikoone, mille hulka kuuluvad, kuid mitte ainult \u2013 v\u00e4rv, suurus, kirjat\u00fc\u00fcp jne. Nii seostab teie sihtr\u00fchm h\u00f5lpsasti sarnaseid ikoone rakendustega, mille v\u00f5ib-olla on v\u00e4lja t\u00f6\u00f6tanud sama firma.\n<\/p>\n<p>\n  Oletame, et \u00fcks teie eelmistest rakendustest oli turul edukas, siis on t\u00f5en\u00e4oline, et selle konkreetse rakenduse edu h\u00f5\u00f5rdub teie uuele rakendusele, kui m\u00f5lema rakenduse ikoonid n\u00e4itavad disaini sarnasust. Seet\u00f5ttu valige sama rakenduste r\u00fchma v\u00f5i perekonna jaoks sarnaste ikoonide kujundamine, et teie sihtr\u00fchm leiaks nende vahel \u00fchenduse.\n<\/p>\n<h5>\n  3 Pikslite roosa libisemine<br \/>\n<\/h5>\n<p>\n  Keskendumine pisematele detailidele on suurep\u00e4raste disainerite tunnusjoon, kes tunnevad oma t\u00f6\u00f6d t\u00f5esti. Rakenduse ikooni kujundamisel peab k\u00f5ik olema t\u00e4iuslik, alates v\u00e4rvist kuni piksliteni. Eelk\u00f5ige on pikslid ikoonikujunduses tohutult olulised ja nende ignoreerimine v\u00f5ib kasutajatele halva mulje j\u00e4tta. Detailidele t\u00e4helepanu p\u00f6\u00f6ramata j\u00e4tmise tulemuseks v\u00f5ivad olla udused, pikslitud pildid ning on ilmne, et see ei ole hea \u00fchegi mobiilseadme margi ja mudeli puhul.\n<\/p>\n<p>\n  M\u00f5elge nutitelefonide, kantavate seadmete ja muude mobiilseadmete t\u00e4iustatud kuvatehnoloogiale ja m\u00f5istate, et isegi v\u00e4ikseim viga v\u00f5ib teie rakenduse edu maksma minna.\n<\/p>\n<p>\n  Siin on kontroll-loend asjadest, mida saate ikooni kujundamisel kaaluda ja hiljem piksleid ignoreerimata rakendada:\n<\/p>\n<ul>\n<li>\u00c4rge looge universaalset ikooni, mille suurust saab erinevate rakenduste poe reeglitele vastavaks v\u00e4hendada, kuna see pole nii.\n  <\/li>\n<li>K\u00f5ik ikoonid ei ole samad. Ikoon kuvatakse nutitelefonis, tahvelarvutis ja kantavas seadmes t\u00e4iesti erinevalt. J\u00e4rgige kindlasti rangeid juhiseid, et teada saada, kuidas luua erinevatele mobiiliplatvormidele sobivaid ikoone.\n  <\/li>\n<li>Katsetage oma teed t\u00e4iusliku ikoonini. V\u00f5ib-olla soovite rasterpildi suurust v\u00e4hendada, teha m\u00f5ningaid viimistlusi, vajadusel muuta v\u00e4rvi ja v\u00f5tta kasutusele k\u00f5ik strateegiad, mis muudavad ikooni <strong>skaleeritavaks<\/strong>.\n  <\/li>\n<\/ul>\n<h5>\n  4 Liiga paljude detailide sisestamine<br \/>\n<\/h5>\n<p>\n  Liiga paljude detailide lisamine v\u00e4ikesele ikoonipildile v\u00f5ib osutuda asjatuks. Rakenduse ikoon pakub teile oma disainioskuste tutvustamiseks piiratud ruumi ja liiga palju detaile v\u00f5ib seda halvasti segada. See tundub m\u00fcrarikas ja ebaprofessionaalne. See on p\u00f5hjus, miks peate veenduma, et ikooni kujundus on lihtne ja edastab sihtr\u00fchmale s\u00f5numi juba ette. Parim variant on minna minimalistlikuks nagu tippdisainerid ja valida ikoonikujunduse jaoks ainult olulised elemendid.\n<\/p>\n<p>\n  N\u00e4iteks kui tegemist on m\u00e4ngude rakendusega, saate lisada m\u00e4ngu iseloomu v\u00f5i kasutada minimalistlikke pilte, mis annavad potentsiaalsetele kasutajatele vihje m\u00e4ngu sisust. Kui lisate ikoonile k\u00f5ik korraga, sealhulgas teksti, tekitab see segadust ja tundub potentsiaalsetele klientidele ebameeldiv. See viib meid j\u00e4rgmise punktini.\n<\/p>\n<h5>\n  5 Ikoonil oleva teksti ignoreerimine<br \/>\n<\/h5>\n<p>\n  Tekst on ikoonikujunduse oluline aspekt; see tuleks paigutada ikooni siis ja ainult siis, kui see on h\u00e4davajalik.\n<\/p>\n<p>\n  On \u00fcsna ahvatlev lisada ikooni sisse rakenduse nimi v\u00f5i muu asjakohane tekst. Paljud disainerid lisavad ikooni kujundusse teksti, lootes, et see aitab potentsiaalsetel klientidel rakendusest kohe aimu saada, tekitades rohkem allalaadimisi. See on nende \u00fcks suuremaid vigu, kuna kahes suuremas rakenduste poes \u2013 <strong>Google Play Store'is<\/strong> ja <strong>Apple'i App Store'is<\/strong> on m\u00f5lemal rakenduse nimi kuvatud ikooni k\u00f5rval. Seega, sealhulgas tekst \u2013 eriti rakenduse nimi toob kaasa ainult andmete dubleerimise, teabe \u00fclekoormuse ja l\u00f5puks ei vii midagi. Lisaks raskendab ikoonil oleva teksti olemasolu rakenduse lokaliseerimist.\n<\/p>\n<p>\n  See muidugi ei t\u00e4henda, et peate ikoonikujunduses teksti t\u00e4ielikult vahele j\u00e4tma. Saate selle lisada, kuid ainult siis, kui see on teie rakenduse jaoks asjakohane. V\u00f5tke n\u00e4iteks Netflix, millel on lihtne ikoonikujundus ja ikoonil on ainult rakenduse nimi. Kuid sel on selge t\u00fc\u00fcp ja v\u00e4rvikombinatsioon, mis muudab selle ainulaadseks ja aitab sihtr\u00fchmal kaubam\u00e4rgiga suhestuda.\n<\/p>\n<p>\n  Seega, kui arvate, et tekst teie ikooni jaoks sobib, siis peate seda kasutama.\n<\/p>\n<h5>\n  6 v\u00e4rvikombinatsiooni, mis ei t\u00f6\u00f6ta<br \/>\n<\/h5>\n<p>\n  Veel \u00fcks viga on vale v\u00e4rvivalik v\u00f5i vale v\u00e4rvikombinatsiooni valik rakenduse ikoonikujunduse jaoks. V\u00e4rvid m\u00e4ngivad tarbijate m\u00f5tteviisi m\u00f5jutamisel olulist rolli ja seet\u00f5ttu peate veenduma, et te ei lange halva v\u00e4rvivaliku ohvriks. Sihtr\u00fchma demograafilise teabe ja harjumuste\/eelistuste uurimine on selles suunas abiks.\n<\/p>\n<p>\n  Oluline on valida \u00f5ige v\u00e4rvipalett, mis mitte ainult ei n\u00e4e esteetiliselt meeldiv, vaid vastab ka teie kaubam\u00e4rgi kuvandile. Selleks vaadake erinevaid veebimaterjale, mis selgitavad k\u00f5ike, mida peate teadma <a href=\"http:\/\/www.instantshift.com\/2012\/01\/30\/the-psychology-of-color-in-design\/\" target=\"_blank\" rel=\"noopener\">v\u00e4rvips\u00fchholoogia<\/a> kohta <a href=\"http:\/\/www.instantshift.com\/2012\/07\/09\/what-do-your-clothing-colors-say-about-you-infographic\/\" target=\"_blank\" rel=\"noopener\">br\u00e4ndingus<\/a>, ja valige oma rakenduse ikooni jaoks \u00f5ige v\u00e4rvikombinatsioon.\n<\/p>\n<p>\n  V\u00f5ite kasutada ka h\u00e4mmastavaid t\u00f6\u00f6riistu, mis on abiks v\u00e4rvilahenduste valimisel. Nende t\u00f6\u00f6riistade hulka kuuluvad, kuid ei piirdu nendega \u2013 <a href=\"http:\/\/www.instantshift.com\/2015\/08\/18\/app-icon-design-slip-ups\/yyyyy\" target=\"_blank\" rel=\"noopener\">Color<\/a>, <a href=\"https:\/\/color.adobe.com\/create\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">Adobe Color CC<\/a>, <a href=\"http:\/\/colllor.com\/\" target=\"_blank\" rel=\"noopener\">Colllor<\/a>, <a href=\"http:\/\/www.colourlovers.com\/\" target=\"_blank\" rel=\"noopener\">COLOURlovers<\/a>, <a href=\"http:\/\/paletton.com\/\" target=\"_blank\" rel=\"noopener\">Paletton<\/a> jne. Saate l\u00e4bi viia otsingu, et saada teavet paljude teiste v\u00f5rgu- ja v\u00f5rgu\u00fchenduseta ressursside kohta, mis aitavad teil selles suunas liikuda.\n<\/p>\n<h5>\n  7 Unustades k\u00f5ik sihtr\u00fchma kohta<br \/>\n<\/h5>\n<p>\n  Asjatundlike disainerite \u00fcks peamisi omadusi on see, et nad v\u00f5tavad enne ikooni kujundamist arvesse oma sihtr\u00fchma. See on oluline, sest ilmselgelt on erinevale vaatajaskonnasegmendile suunatud rakendusel, n\u00e4iteks lastele, teatud v\u00e4limus ja tunne, sealhulgas ikoonikujundus, n\u00e4iteks erksad v\u00e4rvilahendused. Kui v\u00f5rrelda seda ettev\u00f5tetele suunatud rakendusega, on sellel t\u00e4iesti erinev v\u00e4limus ja tunnetus \u2013 minimalistlik neutraalsete v\u00e4rvilahenduste v\u00f5i pastelsete varjunditega.\n<\/p>\n<p>\n  Samuti peate arvestama erinevate kohtade kultuuriga, kus teie rakendus on saadaval. Selle p\u00f5hjuseks on asjaolu, et teatud s\u00fcmboleid v\u00f5ib m\u00f5ne riigi puhul ikoonil kasutada, kuid teistes mitte, kus neid v\u00f5ib pidada solvavateks v\u00f5i kogukondade tundeid riivavaks.\n<\/p>\n<p>\n  <strong>Tehke oma sihtr\u00fchma kohta p\u00f5hjalik uuring<\/strong> ja kasutage seda ikooni kujundamiseks, mis neile esmapilgul meeldib. Parema \u00fclevaate saamiseks saate l\u00e4bi vaadata mitmeid rakendusi, mis on p\u00e4lvinud rahvusvahelist tunnustust, ja vaadata nende ikoonikujundusi.\n<\/p>\n<h5>\n  8 Esteetikast loobumine disainis<br \/>\n<\/h5>\n<p>\n  Teie rakenduse ikoon peab olema <strong>stiilne ja esteetiline<\/strong>, et meelitada rakenduste kauplustesse palju potentsiaalseid kliente. Disaini esteetikast loobumine on seega range ei. Niisiis, kuidas veenduda, et teie rakendus on teie sihtr\u00fchmale esteetiliselt atraktiivne? Siin on m\u00f5ned kasulikud punktid, mis teid aitavad.\n<\/p>\n<ul>\n<li>Hoidke end kursis turu viimaste trendidega, nagu <strong>Flat Design<\/strong> (iOS-i puhul) ja <strong>Material Design<\/strong> (Android OS), mida saab kasutada rakenduste loomiseks nutitelefonidele, tahvelarvutitele ja mis k\u00f5ige t\u00e4htsam \u2013 kantavatele seadmetele.\n  <\/li>\n<li>Testige oma ikooni kujundust enne selle rakenduse jaoks viimistlemist. N\u00e4iteks Apple Watchi ikoonid on seatud mustale taustale. Seega kujundage oma rakendus kantavate seadmete jaoks nii, et see oleks taustaga kontrastiks. Testige oma ikoone seadmes, mitte simulaatoris, et veenduda, et need on t\u00e4iuslikud.\n  <\/li>\n<li>V\u00e4hendage keerukust. Saate luua lihtsa ikooni, kuid see n\u00e4eb v\u00e4lja igati esteetiline. Minimalism on nagunii trendis, nii et saate sellest sammust ainult kasu.\n  <\/li>\n<\/ul>\n<p>\n  Kuid \u00e4rge investeerige kogu oma energiat ilusa ikooni kujundamisse, vaid lisage ka elemente, mis muudavad ikooni eesm\u00e4rgi sihtkasutajatele koheselt \u00e4ratuntavaks. See v\u00f5ib olla kujund v\u00f5i pilt v\u00f5i rakenduse nime esit\u00e4ht (Pinterest, Vine, Facebook, Evernote), mis \u00fctleb rakenduse kohta palju, ilma et see kahjustaks esteetikat.\n<\/p>\n<h5>\n  9 Juhiste mittej\u00e4rgimine<br \/>\n<\/h5>\n<p>\n  Erinevatel mobiiliplatvormidel on ikooni kujundamisel erinevad reeglid. Nende reeglite v\u00f5i juhiste j\u00e4rgimine aitab disaineritel luua ikoone, mis t\u00f6\u00f6tavad nende platvormide rakenduste jaoks k\u00f5ige paremini. V\u00f5ite v\u00f5tta n\u00e4iteks <a href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/MobileHIG\/Iconography.html#\/\/apple_ref\/doc\/uid\/TP40006556-CH59-SW1\" target=\"_blank\" rel=\"noopener\">Apple'i inimliidese juhised<\/a> v\u00f5i <a href=\"https:\/\/www.google.co.in\/design\/spec\/style\/icons.html\" target=\"_blank\" rel=\"noopener\">Androidi juhised<\/a>, milles selgitatakse, kuidas peate looma iOS- ja Android-seadmetes t\u00f6\u00f6tavaid ikoone.\n<\/p>\n<p>\n  Pidage disainimisel kinni nendest juhistest ja see aitab teil j\u00e4rjepidevalt t\u00e4iuslikke ikoone luua.\n<\/p>\n<h4>\n  J\u00e4reldus<br \/>\n<\/h4>\n<p>\n  Mobiilirakenduse ikooni loomine pole lihtne \u00fclesanne. Vigu kipub juhtuma isegi valdkonna juhtivate disainerite poolt. Kuid jah, nendest vigadest \u00f5ppimine on abiks alustavatele disaineritele, kes soovivad seda suureks muuta. Kas kirjeldus tuletab teile meelde m\u00f5nda muud kujundusviga mobiilirakenduse ikoonikujunduses? Jagage oma m\u00f5tteid meiega.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/08\/18\/app-icon-design-slip-ups\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mobiilikasutajad on \u00f5nnelikud. L\u00f5ppude l\u00f5puks saavad nad valida lugematute rakenduste hulgast, mis on saadaval paljudes turul olevate rakenduste poodides. Mida see teile \u00fctleb? Ilmselgelt t\u00e4hendab see, et erinevate rakenduste vahel on tihe konkurents, kusjuures k\u00f5ik rakendused v\u00f5istlevad potentsiaalsete kasutajate t\u00e4helepanu p\u00e4rast. Lahendus peitub ainulaadses rakenduses, mis toob lauale palju funktsioone ja funktsioone. Isegi kui kujundate ja arendate \u00fcht parimat rakendust turul, piisab kehvast ikoonist, et teie j\u00f5upingutusi rikkuda. \u2026<\/p>\n","protected":false},"author":1,"featured_media":151590,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[143,195,52],"tags":[],"class_list":["post-247853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebi-napunaited-ja-nipid","category-veebikujundus","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=247853"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/151590"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}