{"id":257844,"date":"2023-09-03T14:45:00","date_gmt":"2023-09-03T11:45:00","guid":{"rendered":"https:\/\/inform.click\/9-vanlige-utglidninger-som-designere-pleier-a-gjore-under-design-av-appikoner\/"},"modified":"2023-09-03T15:25:00","modified_gmt":"2023-09-03T12:25:00","slug":"9-vanlige-utglidninger-som-designere-pleier-a-gjore-under-design-av-appikoner","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/9-vanlige-utglidninger-som-designere-pleier-a-gjore-under-design-av-appikoner\/","title":{"rendered":"9 vanlige utglidninger som designere pleier \u00e5 gj\u00f8re under design av appikoner"},"content":{"rendered":"<p>\n  Mobilbrukere er glade. De f\u00e5r tross alt velge og vrake blant utallige apper, som er tilgjengelig p\u00e5 en rekke appbutikker p\u00e5 markedet. Hva forteller dette deg? Ganske \u00e5penbart betyr dette at det er en t\u00f8ff konkurranse mellom ulike apper, med hver av appene som kjemper om potensielle brukeres oppmerksomhet.\n<\/p>\n<p>\n  L\u00f8sningen ligger i en unik app som bringer mange funksjoner og funksjonaliteter til bordet. Men selv om du designer og utvikler en av de beste appene p\u00e5 markedet, er et d\u00e5rlig ikon alt som skal til for \u00e5 \u00f8delegge innsatsen din. Dette er fordi appens ikon fungerer som dens p\u00e5lydende verdi, og oftere enn ikke garanterer det vellykket salg.\n<\/p>\n<p>\n  Logikken bak dette er at potensielle kunder har en tendens til \u00e5 s\u00f8ke etter apper som er relevante for deres behov, og et ikon som fanger oppmerksomhet vil definitivt vekke interesseniv\u00e5et deres, og f\u00f8re dem til \u00e5 ta en oppfordring til handling. Du vet aldri hvem som vil like appen rent basert p\u00e5 ikondesignet og g\u00e5 for \u00e5 laste den ned. Dette resulterer i \u00e5 \u00f8ke salget av appen og gj\u00f8r den derfor til en suksess.\n<\/p>\n<p>\n  Fokus p\u00e5 ikondesign er derfor mer en forutsetning i apputviklingens livssyklus. Denne artikkelen diskuterer noen av de vanligste utglidningene som designere pleier \u00e5 gj\u00f8re under design av mobilappikoner.\n<\/p>\n<h5>\n  1 Ikoner er ikke unike<br \/>\n<\/h5>\n<p>\n  \u00c5 designe ikoner som ser ut til \u00e5 v\u00e6re en <strong>kopi av et annet, allerede eksisterende ikon<\/strong> er en feil som designere bevisst eller ubevisst beg\u00e5r. Mange av dem ruller under presset av \u00e5 sende inn ikondesign innen en kort tidsramme. N\u00e5r de st\u00e5r overfor en akutt tidsklemma, bukker de under for presset og n\u00f8yer seg med l\u00f8pende design.\n<\/p>\n<p>\n  De tar snarveien til suksess ved \u00e5 ta signaler fra bestselgende apper og designe ikoner med lignende m\u00f8nstre. For eksempel, hvis det er en popul\u00e6r app i underholdningskategorien, vil designere tjene penger p\u00e5 populariteten, og en enkel m\u00e5te \u00e5 gj\u00f8re dette p\u00e5 er \u00e5 lage appikon som ligner p\u00e5 den popul\u00e6re appen.\n<\/p>\n<p>\n  Resultatet? En mengde apper med lignende ikoner \u2013 inkludert fargeskjemaene. Dette skaper til slutt en forvirring for m\u00e5lgruppen, som ikke vil v\u00e6re i stand til \u00e5 skille mellom to ikoner, som har samme fargekombinasjon, spesielt p\u00e5 en wearable.\n<\/p>\n<p>\n  G\u00e5 ut av komfortsonen din og lag appikoner som f\u00e5r folk til \u00e5 sette seg opp og legge merke til det v\u00e6re seg konkurrentene eller m\u00e5lgruppen. Du har ikke r\u00e5d til \u00e5 ha en middelm\u00e5dig tiln\u00e6rming til \u00e5 lage unike appikoner; et unikt ikon gir kundene noe \u00e5 huske appen etter.\n<\/p>\n<h5>\n  2 ikoner fra samme gruppe viser ingen likhet<br \/>\n<\/h5>\n<p>\n  For apper som tilh\u00f8rer samme gruppe, b\u00f8r ikonene ogs\u00e5 ha en viss likhet. Ta tilfellet med Adobes pakke med apper som InDesign, Photoshop, Lightroom Mobile, Illustrator og Premiere, som har enhetlig ikondesign. Ett blikk p\u00e5 skjermen og sluttbrukeren vil umiddelbart vite at ikonet tilh\u00f8rer Adobes pakke med apper.\n<\/p>\n<p>\n  Tenk p\u00e5 <a href=\"http:\/\/www.smashingmagazine.com\/2014\/03\/28\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_blank\" rel=\"noopener\">Gestalts likhetslov<\/a>, if\u00f8lge hvilken menneskesinnet kan oppfatte og gjenkjenne lignende objekter eller m\u00f8nstre. Implementer dette for \u00e5 skape enhetlighet i grupper av ikoner ved \u00e5 designe ikoner med lignende egenskaper, som inkluderer, men ikke er begrenset til \u2013 farge, st\u00f8rrelse, skrifttype osv. P\u00e5 denne m\u00e5ten vil m\u00e5lgruppen din enkelt assosiere lignende ikoner av apper som kanskje er utviklet av samme selskap.\n<\/p>\n<p>\n  La oss anta at en av de tidligere appene dine hadde et vellykket opphold p\u00e5 markedet, s\u00e5 er det sjanser for at suksessen til den aktuelle appen vil smitte av p\u00e5 den nye appen din, hvis ikonene til begge appene viser likhet i design. Ta derfor veien for \u00e5 designe lignende ikoner for samme gruppe eller familie av apper, slik at m\u00e5lgruppen din finner en forbindelse mellom dem.\n<\/p>\n<h5>\n  3 Giving Pixels The Pink Slip<br \/>\n<\/h5>\n<p>\n  \u00c5 fokusere p\u00e5 den minste detalj er egenskapen til flotte designere, som virkelig kan jobben sin. Fra fargen til pikslene, alt m\u00e5 v\u00e6re perfekt n\u00e5r det kommer til design av appikoner. Spesielt piksler er um\u00e5telig viktige i ikondesign og \u00e5 ignorere det samme kan skape et d\u00e5rlig inntrykk p\u00e5 brukerne. \u00c5 ikke ta hensyn til detaljer kan f\u00f8re til uskarpe, pikselerte bilder, og det er \u00e5penbart at det ikke vil v\u00e6re bra p\u00e5 noen merke og modell av en mobil enhet.\n<\/p>\n<p>\n  Tenk p\u00e5 den avanserte skjermteknologien til smarttelefoner, wearables og andre mobile enheter, og du vil innse at selv den minste feil kan koste deg suksessen til appen din.\n<\/p>\n<p>\n  Her er en sjekkliste over ting du kan vurdere og senere implementere mens du designer et ikon uten \u00e5 ignorere pikslene:\n<\/p>\n<ul>\n<li>Ikke lag et &laquo;universelt&raquo; ikon, som kan st\u00f8rrelsesordnes ned for \u00e5 passe til ulike appbutikkregler, fordi det ikke gj\u00f8r det.\n  <\/li>\n<li>Alle ikoner er ikke opprettet like. Et ikon vil se helt annerledes ut p\u00e5 en smarttelefon, nettbrett og b\u00e6rbar. S\u00f8rg for at du f\u00f8lger strenge retningslinjer for \u00e5 vite hvordan du lager passende ikoner for forskjellige mobilplattformer.\n  <\/li>\n<li>Eksperimenter deg frem til det perfekte ikonet. Det kan v\u00e6re lurt \u00e5 forminske rasterbildet, velge \u00e5 gj\u00f8re noen retusjeringer, endre fargen om n\u00f8dvendig og ta i bruk hver eneste strategi som gj\u00f8r ikonet <strong>skalerbart<\/strong>.\n  <\/li>\n<\/ul>\n<h5>\n  4 Legge inn for mange detaljer<br \/>\n<\/h5>\n<p>\n  \u00c5 fylle for mange detaljer i det lille ikonbildet kan vise seg \u00e5 v\u00e6re f\u00e5fengt. Ikonet til en app gir deg begrenset plass til \u00e5 vise frem &laquo;designferdighetene dine&raquo;, og for mange detaljer kan feile det d\u00e5rlig. Det virker st\u00f8yende og uprofesjonelt. Dette er grunnen til at du m\u00e5 s\u00f8rge for at utformingen av ikonet er enkel og formidler et budskap til m\u00e5lgruppen p\u00e5 forh\u00e5nd. Det beste alternativet er \u00e5 g\u00e5 minimalistisk som toppdesignerne og velge bare viktige elementer for ikondesignet.\n<\/p>\n<p>\n  Hvis det for eksempel er en spillapp, kan du inkludere spillets karakter eller bruke minimalistiske bilder som gir potensielle brukere et hint om hva spillet handler om. Hvis du inkluderer alt p\u00e5 en gang i ikonet, inkludert tekst, kommer det til \u00e5 skape rot og se lite tiltalende ut for potensielle kunder. Dette tar oss til neste punkt.\n<\/p>\n<h5>\n  5 Ignorer teksten p\u00e5 et ikon<br \/>\n<\/h5>\n<p>\n  Tekst er et avgj\u00f8rende aspekt ved ikondesign; den skal plasseres i et ikon hvis og bare hvis det er absolutt n\u00f8dvendig.\n<\/p>\n<p>\n  Det er ganske fristende \u00e5 inkludere appens navn eller annen relevant tekst inne i ikonet. Mange designere inkluderer tekst i ikondesignet i h\u00e5p om at dette vil hjelpe potensielle kunder til \u00e5 f\u00e5 en umiddelbar id\u00e9 om appen, og generere flere nedlastinger. Dette er en av de store feilene fra deres side, da to av de store appbutikkene \u2013 <strong>Googles Play Store<\/strong> og <strong>Apples App Store<\/strong> begge har navnet p\u00e5 appen vist ved siden av ikonet. S\u00e5, inkludert tekst \u2013 spesielt navnet p\u00e5 appen vil bare f\u00f8re til dupliserte data, informasjonsoverbelastning og til slutt f\u00f8re til ingenting. I tillegg gj\u00f8r det \u00e5 ha tekst i ikonet vanskelig \u00e5 lokalisere en app.\n<\/p>\n<p>\n  Dette betyr selvf\u00f8lgelig ikke at du m\u00e5 hoppe over tekst helt i ikondesignet. Du kan inkludere den, men bare hvis den er relevant for appen din. Ta for eksempel Netflix, som har en enkel ikondesign med bare navnet p\u00e5 appen i ikonet. Men s\u00e5 har den en distinkt typesett og fargekombinasjon, som gj\u00f8r den unik og hjelper m\u00e5lgruppen med \u00e5 forholde seg til merkevaren.\n<\/p>\n<p>\n  S\u00e5 hvis du tror at teksten vil fungere for ikonet ditt, m\u00e5 du g\u00e5 for det.\n<\/p>\n<h5>\n  6 fargekombinasjoner som ikke fungerer<br \/>\n<\/h5>\n<p>\n  D\u00e5rlig valg av farger eller valg av feil fargekombinasjon for appens ikondesign er en annen feil. Farger spiller en viktig rolle i \u00e5 p\u00e5virke forbrukernes tankesett, og som s\u00e5dan m\u00e5 du s\u00f8rge for at du ikke blir offer for d\u00e5rlige valg av farger. \u00c5 unders\u00f8ke om m\u00e5lgruppens demografi og vaner\/preferanser vil v\u00e6re til hjelp i denne retningen.\n<\/p>\n<p>\n  Det er viktig at du velger riktig fargepalett, som ikke bare ser estetisk tiltalende ut, men ogs\u00e5 samsvarer med merkevarens image. For dette form\u00e5let, se ulike materialer p\u00e5 nettet, som forklarer alt du trenger \u00e5 vite om <a href=\"http:\/\/www.instantshift.com\/2012\/01\/30\/the-psychology-of-color-in-design\/\" target=\"_blank\" rel=\"noopener\">fargepsykologi<\/a> i <a href=\"http:\/\/www.instantshift.com\/2012\/07\/09\/what-do-your-clothing-colors-say-about-you-infographic\/\" target=\"_blank\" rel=\"noopener\">merkevarebygging<\/a> og velg riktig fargekombinasjon for appens ikon.\n<\/p>\n<p>\n  Du kan ogs\u00e5 bruke noen fantastiske verkt\u00f8y, som er nyttige for \u00e5 velge fargeskjemaer. Disse verkt\u00f8yene inkluderer, men er ikke begrenset til \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> osv. Du kan utf\u00f8re et s\u00f8k for \u00e5 finne ut om mange andre online og offline ressurser, som vil hjelpe deg i denne retningen.\n<\/p>\n<h5>\n  7 \u00c5 glemme alt om m\u00e5lgruppen<br \/>\n<\/h5>\n<p>\n  En av hovedtrekkene til ekspertdesignere er at de tar hensyn til m\u00e5lgruppen sin f\u00f8r ikondesign. Dette er viktig fordi en app som er m\u00e5lrettet mot et annet segment av publikum, for eksempel barn, vil ha et visst utseende, inkludert ikondesignet som de lyse fargene. Hvis du sammenligner den med en app rettet mot bedrifter, vil den ha et helt annet utseende og f\u00f8lelse \u2013 minimalistisk med n\u00f8ytrale fargevalg eller pastellfarger.\n<\/p>\n<p>\n  Du m\u00e5 ogs\u00e5 ta kulturen til ulike steder der appen din er tilgjengelig. Dette er fordi noen symboler kan v\u00e6re greit \u00e5 bruke i ikonet for noen land, men ikke for andre, der de kan anses som st\u00f8tende eller skade f\u00f8lelsene til lokalsamfunn.\n<\/p>\n<p>\n  <strong>Gj\u00f8r en grundig research<\/strong> om m\u00e5lgruppen din og bruk forskningen til \u00e5 designe et ikon som appellerer til dem ved f\u00f8rste \u00f8yekast. Du kan g\u00e5 gjennom en rekke apper som har f\u00e5tt internasjonal anerkjennelse og ta en titt p\u00e5 ikondesignene deres for \u00e5 f\u00e5 en bedre id\u00e9.\n<\/p>\n<h5>\n  8 Gr\u00f8ftende estetikk i design<br \/>\n<\/h5>\n<p>\n  Appens ikon m\u00e5 v\u00e6re <strong>stilig og estetisk<\/strong> for \u00e5 tiltrekke seg en rekke potensielle kunder i appbutikkene. Gr\u00f8fting av designestetikk er derfor et strengt nei. S\u00e5 hvordan sikrer du at appen din er estetisk tiltalende for m\u00e5lgruppen din? Her er noen nyttige punkter som vil hjelpe deg.\n<\/p>\n<ul>\n<li>Hold deg oppdatert p\u00e5 de siste trendene p\u00e5 markedet som <strong>Flat Design<\/strong> (av iOS) og <strong>Material Design<\/strong> (av Android OS), som kan brukes til \u00e5 lage apper for smarttelefoner, nettbrett og viktigst av alt, wearables.\n  <\/li>\n<li>Test ikonets design f\u00f8r du fullf\u00f8rer det for appen. For eksempel er Apple Watch-ikoner satt mot en svart bakgrunn. S\u00e5 design appen din for den b\u00e6rbare p\u00e5 en slik m\u00e5te at den st\u00e5r i kontrast til bakgrunnen. Test ikonene dine p\u00e5 enheten og ikke simulatoren for \u00e5 v\u00e6re sikker p\u00e5 at de er perfekte.\n  <\/li>\n<li>Reduser kompleksiteten. Du kan lage et enkelt ikon, og likevel kan det se estetisk ut. Minimalisme er i trend uansett, s\u00e5 du vil bare dra nytte av dette trinnet.\n  <\/li>\n<\/ul>\n<p>\n  Ikke bare invester all energien din p\u00e5 \u00e5 designe et vakkert ikon, men inkorporer ogs\u00e5 elementer som gj\u00f8r ikonets form\u00e5l umiddelbart gjenkjennelig for m\u00e5lbrukerne. Dette kan v\u00e6re en form eller et bilde eller initialen til appens navn (Pinterest, Vine, Facebook, Evernote), som sier mye om appen uten \u00e5 g\u00e5 p\u00e5 kompromiss med den estetiske delen.\n<\/p>\n<h5>\n  9 F\u00f8lger ikke retningslinjene<br \/>\n<\/h5>\n<p>\n  Ulike mobilplattformer har forskjellige sett med regler for ikondesign. \u00c5 f\u00f8lge disse reglene eller retningslinjene hjelper designere med \u00e5 lage ikoner som fungerer best for appene p\u00e5 disse plattformene. Du kan ta eksemplet med <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\">Apples retningslinjer for menneskelig grensesnitt<\/a> eller <a href=\"https:\/\/www.google.co.in\/design\/spec\/style\/icons.html\" target=\"_blank\" rel=\"noopener\">Androids retningslinjer<\/a>, som utdyper hvordan du trenger \u00e5 lage ikoner som fungerer p\u00e5 iOS- og Android-enheter.\n<\/p>\n<p>\n  Hold deg til disse retningslinjene n\u00e5r og n\u00e5r du designer, og dette vil hjelpe deg med \u00e5 lage perfekte ikoner, konsekvent.\n<\/p>\n<h4>\n  Konklusjon<br \/>\n<\/h4>\n<p>\n  \u00c5 lage et ikon for en mobilapp er ingen enkel oppgave. Feil har en tendens til \u00e5 skje, selv av de ledende designerne i bransjen. Men ja, \u00e5 l\u00e6re av disse feilene er nyttig for spirende designere som \u00f8nsker \u00e5 gj\u00f8re det stort. Minner oppskriften deg om noen annen designfeil i design av mobilappikoner? Del dine tanker med oss.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <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>Mobilbrukere er glade. De f\u00e5r tross alt velge og vrake blant utallige apper, som er tilgjengelig p\u00e5 en rekke appbutikker p\u00e5 markedet. Hva forteller dette deg? Ganske \u00e5penbart betyr dette at det er en t\u00f8ff konkurranse mellom ulike apper, med hver av appene som kjemper om potensielle brukeres oppmerksomhet. L\u00f8sningen ligger i en unik app som bringer mange funksjoner og funksjonaliteter til bordet. Men selv om du designer og utvikler en av de beste appene p\u00e5 markedet, er et d\u00e5rlig ikon alt som skal til for \u00e5 \u00f8delegge innsatsen din. \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":[148,57,200],"tags":[],"class_list":["post-257844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nett-tips-og-triks","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257844"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257844\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/151590"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}