\n Mobilanv\u00e4ndare \u00e4r glada. De f\u00e5r trots allt v\u00e4lja och vraka bland otaliga appar, som finns p\u00e5 en rad appbutiker p\u00e5 marknaden. Vad s\u00e4ger detta dig? Helt uppenbart betyder detta att det finns en h\u00e5rd konkurrens mellan olika appar, d\u00e4r var och en av apparna t\u00e4vlar om potentiella anv\u00e4ndares uppm\u00e4rksamhet.\n<\/p>\n
\n L\u00f6sningen ligger i en unik app som ger m\u00e5nga funktioner och funktioner till bordet. Men \u00e4ven om du designar och utvecklar en av de b\u00e4sta apparna p\u00e5 marknaden, \u00e4r en d\u00e5lig ikon allt som kr\u00e4vs f\u00f6r att f\u00f6rst\u00f6ra dina anstr\u00e4ngningar. Detta beror p\u00e5 att appens ikon fungerar som dess nominella v\u00e4rde och oftare \u00e4n inte garanterar den framg\u00e5ngsrik f\u00f6rs\u00e4ljning.\n<\/p>\n
\n Logiken bakom detta \u00e4r att potentiella kunder tenderar att leta efter appar som \u00e4r relevanta f\u00f6r deras behov och en ikon som f\u00e5ngar uppm\u00e4rksamheten kommer definitivt att v\u00e4cka deras intresseniv\u00e5er, vilket leder till att de tar en uppmaning till handling. Du vet aldrig vem som kommer att gilla appen enbart baserat p\u00e5 ikondesignen och ladda ner den. Detta resulterar i att f\u00f6rs\u00e4ljningen av appen \u00f6kar och g\u00f6r den d\u00e4rf\u00f6r till en framg\u00e5ng.\n<\/p>\n
\n Att fokusera p\u00e5 ikondesign \u00e4r d\u00e4rf\u00f6r mer en f\u00f6ruts\u00e4ttning i appens utvecklingslivscykel. Den h\u00e4r artikeln diskuterar n\u00e5gra av de vanligaste misstagen som designers tenderar att g\u00f6ra under design av mobilappikoner.\n<\/p>\n
\n Att designa ikoner som verkar vara en kopia av en annan, redan existerande ikon<\/strong> \u00e4r ett misstag som designers medvetet eller omedvetet beg\u00e5r. M\u00e5nga av dem rullar under trycket av att skicka in ikondesigner inom en kort tidsram. N\u00e4r de st\u00e5r inf\u00f6r en akut tidskris, viker de efter f\u00f6r trycket och n\u00f6jer sig med nyskapande design.\n<\/p>\n \n De tar genv\u00e4gen till framg\u00e5ng genom att ta ledtr\u00e5dar fr\u00e5n b\u00e4sts\u00e4ljande appar och designa ikoner med liknande m\u00f6nster. Till exempel, om det finns en popul\u00e4r app i kategorin Underh\u00e5llning, skulle designers vilja tj\u00e4na pengar p\u00e5 dess popularitet och ett enkelt s\u00e4tt att g\u00f6ra detta \u00e4r att skapa en appikon som liknar den popul\u00e4ra appen.\n<\/p>\n \n Resultatet? En massa appar med liknande ikoner \u2013 inklusive f\u00e4rgscheman. Detta skapar i slut\u00e4ndan en f\u00f6rvirring f\u00f6r m\u00e5lgruppen, som inte kommer att kunna skilja mellan tv\u00e5 ikoner, som har samma f\u00e4rgkombination, s\u00e4rskilt p\u00e5 en b\u00e4rbar enhet.\n<\/p>\n \n G\u00e5 ut ur din komfortzon och skapa appikoner som f\u00e5r folk att sitta upp och l\u00e4gga m\u00e4rke till vare sig det \u00e4r dina konkurrenter eller m\u00e5lgrupp. Du har inte r\u00e5d att ha en medioker metod f\u00f6r att skapa unika appikoner; en unik ikon ger kunderna n\u00e5got att komma ih\u00e5g appen med.\n<\/p>\n \n F\u00f6r appar som tillh\u00f6r samma grupp b\u00f6r ikonerna ocks\u00e5 ha viss likhet. Ta fallet med Adobes programsvit som InDesign, Photoshop, Lightroom Mobile, Illustrator och Premiere, som har enhetlighet i sin ikondesign. En titt p\u00e5 sk\u00e4rmen och slutanv\u00e4ndaren vet omedelbart att ikonen tillh\u00f6r Adobes programsvit.\n<\/p>\n \n T\u00e4nk p\u00e5 Gestalts likhetslag<\/a>, enligt vilken det m\u00e4nskliga sinnet kan uppfatta och k\u00e4nna igen liknande f\u00f6rem\u00e5l eller m\u00f6nster. Implementera detta f\u00f6r att skapa enhetlighet i grupper av ikoner genom att designa ikoner med liknande egenskaper, som inkluderar men inte \u00e4r begr\u00e4nsade till \u2013 f\u00e4rg, storlek, typsnitt etc. P\u00e5 s\u00e5 s\u00e4tt kommer din m\u00e5lgrupp l\u00e4tt att associera liknande ikoner f\u00f6r appar som kanske har utvecklats av samma f\u00f6retag.\n<\/p>\n \n L\u00e5t oss anta att en av dina tidigare appar hade en framg\u00e5ngsrik sn\u00e5lhet p\u00e5 marknaden, d\u00e5 finns det chanser att framg\u00e5ngen f\u00f6r just den appen kommer att smitta av sig p\u00e5 din nya app, om ikonerna f\u00f6r b\u00e5da apparna visar likhet i design. Ta d\u00e4rf\u00f6r v\u00e4gen f\u00f6r att designa liknande ikoner f\u00f6r samma grupp eller familj av appar s\u00e5 att din m\u00e5lgrupp hittar en koppling mellan dem.\n<\/p>\n \n Att fokusera p\u00e5 den minsta detalj \u00e4r egenskapen hos fantastiska designers, som verkligen kan sitt jobb. Fr\u00e5n f\u00e4rgen till pixlarna, allt m\u00e5ste vara perfekt n\u00e4r det kommer till appikondesign. Speciellt pixlar \u00e4r oerh\u00f6rt viktiga i ikondesign och att ignorera densamma kan skapa ett d\u00e5ligt intryck p\u00e5 anv\u00e4ndarna. Att inte uppm\u00e4rksamma detaljer kan resultera i suddiga, pixlade bilder och det \u00e4r uppenbart att det inte kommer att vara bra p\u00e5 n\u00e5got m\u00e4rke och modell av en mobil enhet.\n<\/p>\n \n T\u00e4nk i termer av den avancerade displaytekniken f\u00f6r smartphones, wearables och andra mobila enheter och du kommer att inse att \u00e4ven det minsta misstag kan kosta dig framg\u00e5ngen f\u00f6r din app.\n<\/p>\n \n H\u00e4r \u00e4r en checklista \u00f6ver saker som du kan t\u00e4nka p\u00e5 och senare implementera n\u00e4r du designar en ikon utan att ignorera pixlarna:\n<\/p>\n \n Att stoppa in f\u00f6r m\u00e5nga detaljer i den lilla ikonbilden kan visa sig vara meningsl\u00f6st. Ikonen f\u00f6r en app ger dig begr\u00e4nsat utrymme f\u00f6r att visa upp dina ”designf\u00e4rdigheter” och f\u00f6r m\u00e5nga detaljer kan f\u00f6rs\u00e4mra det. Det verkar bullrigt och oprofessionellt. Detta \u00e4r anledningen till att du m\u00e5ste se till att designen av ikonen \u00e4r enkel och f\u00f6rmedlar ett budskap till m\u00e5lgruppen i f\u00f6rv\u00e4g. Det b\u00e4sta alternativet \u00e4r att vara minimalistisk som toppdesignerna och bara v\u00e4lja v\u00e4sentliga element f\u00f6r ikondesignen.\n<\/p>\n \n Om det till exempel \u00e4r en spelapp kan du inkludera spelets karakt\u00e4r eller anv\u00e4nda minimalistiska bilder som ger potentiella anv\u00e4ndare en fingervisning om vad spelet handlar om. Om du inkluderar allt p\u00e5 en g\u00e5ng i ikonen inklusive text, kommer det att skapa r\u00f6ra och se oattraktivt ut f\u00f6r potentiella kunder. Detta tar oss till n\u00e4sta punkt.\n<\/p>\n \n Text \u00e4r en avg\u00f6rande aspekt av ikondesign; den ska placeras i en ikon om och bara om det \u00e4r absolut n\u00f6dv\u00e4ndigt.\n<\/p>\n \n Det \u00e4r ganska frestande att inkludera appens namn eller annan relevant text inuti ikonen. M\u00e5nga designers inkluderar text i ikondesignen i hopp om att detta ska hj\u00e4lpa potentiella kunder att f\u00e5 en omedelbar uppfattning om appen, vilket genererar fler nedladdningar. Detta \u00e4r ett av de stora misstagen fr\u00e5n deras sida eftersom tv\u00e5 av de stora appbutikerna \u2013 Googles Play Store<\/strong> och Apples App Store<\/strong> b\u00e5da har namnet p\u00e5 appen som visas bredvid ikonen. S\u00e5, inklusive text \u2013 s\u00e4rskilt namnet p\u00e5 appen kommer bara att leda till dubbletter av data, informations\u00f6verbelastning och s\u00e5 sm\u00e5ningom leda till ingenting. Att ha text i ikonen g\u00f6r det dessutom sv\u00e5rt att lokalisera en app.\n<\/p>\n \n Detta betyder naturligtvis inte att du m\u00e5ste hoppa \u00f6ver text helt i ikondesignen. Du kan inkludera det men bara om det \u00e4r relevant f\u00f6r din app. Ta fallet med Netflix, som har en enkel ikondesign med bara namnet p\u00e5 appen i ikonen. Men sedan har den en distinkt typ och f\u00e4rgkombination, vilket g\u00f6r den unik och hj\u00e4lper m\u00e5lgruppen att relatera till varum\u00e4rket.\n<\/p>\n \n S\u00e5 om du tror att texten kommer att fungera f\u00f6r din ikon, m\u00e5ste du satsa p\u00e5 det.\n<\/p>\n \n D\u00e5ligt val av f\u00e4rger eller val av fel f\u00e4rgkombination f\u00f6r en apps ikondesign \u00e4r ett annat misstag. F\u00e4rger spelar en viktig roll f\u00f6r att p\u00e5verka konsumenternas tankes\u00e4tt och som s\u00e5dan m\u00e5ste du se till att du inte faller offer f\u00f6r d\u00e5liga f\u00e4rgval. Att forska om din m\u00e5lgrupps demografi och vanor\/preferenser kommer att vara till hj\u00e4lp i denna riktning.\n<\/p>\n \n Det \u00e4r viktigt att du v\u00e4ljer r\u00e4tt f\u00e4rgpalett, som inte bara ser estetiskt tilltalande ut, utan ocks\u00e5 \u00f6verensst\u00e4mmer med ditt varum\u00e4rkes image. F\u00f6r detta \u00e4ndam\u00e5l, h\u00e4nvisa till olika material online, som f\u00f6rklarar allt du beh\u00f6ver veta om f\u00e4rgpsykologi<\/a> i varum\u00e4rkesbyggande<\/a> och v\u00e4lj r\u00e4tt f\u00e4rgkombination f\u00f6r din apps ikon.\n<\/p>\n \n Du kan ocks\u00e5 anv\u00e4nda n\u00e5gra fantastiska verktyg, som \u00e4r anv\u00e4ndbara f\u00f6r att v\u00e4lja f\u00e4rgscheman. Dessa verktyg inkluderar men \u00e4r inte begr\u00e4nsade till \u2013 Color<\/a>, Adobe Color CC<\/a>, Colllor<\/a>, COLOURlovers<\/a>, Paletton<\/a> etc. Du kan g\u00f6ra en s\u00f6kning f\u00f6r att ta reda p\u00e5 m\u00e5nga andra online- och offlineresurser som hj\u00e4lper dig i den h\u00e4r riktningen.\n<\/p>\n \n En av de viktigaste egenskaperna hos expertdesigners \u00e4r att de tar h\u00e4nsyn till sin m\u00e5lgrupp innan ikondesign. Detta \u00e4r viktigt eftersom en app som riktar sig till ett annat segment av publiken, t.ex. barn, kommer att ha ett visst utseende och k\u00e4nsla inklusive ikondesignen som de ljusa f\u00e4rgscheman. Om du j\u00e4mf\u00f6r den med en app riktad till f\u00f6retag kommer den att f\u00e5 ett helt annat utseende och k\u00e4nsla \u2013 minimalistisk med neutrala f\u00e4rgscheman eller pastellnyanser.\n<\/p>\n \n Du m\u00e5ste ocks\u00e5 ta kulturen fr\u00e5n olika platser d\u00e4r din app \u00e4r tillg\u00e4nglig. Detta beror p\u00e5 att vissa symboler kan vara okej att anv\u00e4nda i ikonen f\u00f6r vissa l\u00e4nder men inte f\u00f6r andra, d\u00e4r de kan anses st\u00f6tande eller skada gemenskapernas k\u00e4nslor.\n<\/p>\n \n G\u00f6r en grundlig research<\/strong> om din m\u00e5lgrupp och anv\u00e4nd forskningen f\u00f6r att designa en ikon som tilltalar dem vid f\u00f6rsta anblicken. Du kan g\u00e5 igenom ett antal appar, som har f\u00e5tt internationell uppm\u00e4rksamhet och ta en titt p\u00e5 deras ikondesigner f\u00f6r att f\u00e5 en b\u00e4ttre uppfattning.\n<\/p>\n \n Din apps ikon m\u00e5ste vara snygg och estetisk<\/strong> f\u00f6r att kunna locka ett antal potentiella kunder i appbutikerna. Att dike designestetik \u00e4r d\u00e4rf\u00f6r ett strikt nej. S\u00e5, hur ser du till att din app \u00e4r estetiskt tilltalande f\u00f6r din m\u00e5lgrupp? H\u00e4r \u00e4r n\u00e5gra anv\u00e4ndbara punkter som hj\u00e4lper dig.\n<\/p>\n \n Men satsa inte bara all din energi p\u00e5 att designa en vacker ikon, utan inkludera ocks\u00e5 element som g\u00f6r ikonens syfte omedelbart igenk\u00e4nnligt f\u00f6r m\u00e5lanv\u00e4ndarna. Detta kan vara en form eller bild eller initialen p\u00e5 appens namn (Pinterest, Vine, Facebook, Evernote), vilket s\u00e4ger mycket om appen utan att kompromissa med den estetiska biten.\n<\/p>\n \n Olika mobilplattformar har olika regler f\u00f6r ikondesign. Att f\u00f6lja dessa regler eller riktlinjer hj\u00e4lper designers att skapa ikoner som fungerar b\u00e4st f\u00f6r apparna p\u00e5 dessa plattformar. Du kan ta exemplet med Apples riktlinjer f\u00f6r m\u00e4nskligt gr\u00e4nssnitt<\/a> eller Androids riktlinjer<\/a>, som beskriver hur du beh\u00f6ver skapa ikoner som fungerar p\u00e5 iOS- och Android-enheter.\n<\/p>\n \n H\u00e5ll dig till dessa riktlinjer n\u00e4r och n\u00e4r du designar och detta kommer att hj\u00e4lpa dig att skapa perfekta ikoner, konsekvent.\n<\/p>\n \n Att skapa en ikon f\u00f6r en mobilapp \u00e4r ingen l\u00e4tt uppgift. Misstag tenderar att h\u00e4nda, \u00e4ven av de ledande formgivarna i branschen. Men ja, att l\u00e4ra sig av dessa misstag \u00e4r bra f\u00f6r blivande designers som vill g\u00f6ra det stort. P\u00e5minner texten dig om n\u00e5got annat designfel i design av mobilappikoner? Dela dina tankar med oss.\n<\/p>\n<\/p>\n\n 2 ikoner i samma grupp visar ingen likhet
\n<\/h5>\n\n 3 Giving Pixels The Pink Slip
\n<\/h5>\n\n
\n 4 L\u00e4gger in f\u00f6r m\u00e5nga detaljer
\n<\/h5>\n\n 5 Ignorera texten p\u00e5 en ikon
\n<\/h5>\n\n 6 f\u00e4rgkombinationer som inte fungerar
\n<\/h5>\n\n 7 Att gl\u00f6mma allt om m\u00e5lpubliken
\n<\/h5>\n\n 8 Ditching Estetik i design
\n<\/h5>\n\n
\n 9 F\u00f6ljer inte riktlinjerna
\n<\/h5>\n\n Slutsats
\n<\/h4>\n