\n U\u017cytkownicy mobilni s\u0105 szcz\u0119\u015bliwi. W ko\u0144cu mog\u0105 wybiera\u0107 spo\u015br\u00f3d niezliczonych aplikacji, kt\u00f3re s\u0105 dost\u0119pne w wielu sklepach z aplikacjami na rynku. Co ci to m\u00f3wi? Oczywi\u015bcie oznacza to, \u017ce istnieje ostra konkurencja mi\u0119dzy r\u00f3\u017cnymi aplikacjami, a ka\u017cda z nich walczy o uwag\u0119 potencjalnych u\u017cytkownik\u00f3w.\n<\/p>\n
\n Rozwi\u0105zanie le\u017cy w unikalnej aplikacji, kt\u00f3ra zapewnia wiele funkcji i funkcji. Jednak nawet je\u015bli zaprojektujesz i opracujesz jedn\u0105 z najlepszych aplikacji na rynku, wystarczy s\u0142aba ikona, aby zniweczy\u0107 Twoje wysi\u0142ki. Dzieje si\u0119 tak dlatego, \u017ce ikona aplikacji jest jej warto\u015bci\u0105 nominaln\u0105 i cz\u0119sto gwarantuje pomy\u015bln\u0105 sprzeda\u017c.\n<\/p>\n
\n Logika stoj\u0105ca za tym jest taka, \u017ce \u200b\u200bpotencjalni klienci maj\u0105 tendencj\u0119 do przegl\u0105dania aplikacji odpowiadaj\u0105cych ich potrzebom, a przyci\u0105gaj\u0105ca uwag\u0119 ikona z pewno\u015bci\u0105 zwi\u0119kszy ich zainteresowanie, prowadz\u0105c do wezwania do dzia\u0142ania. Nigdy nie wiadomo, komu spodoba si\u0119 aplikacja oparta wy\u0142\u0105cznie na projekcie ikony i zdecyduje si\u0119 j\u0105 pobra\u0107. Powoduje to zwi\u0119kszenie sprzeda\u017cy aplikacji, a tym samym jej sukces.\n<\/p>\n
\n Skupienie si\u0119 na projektowaniu ikon jest zatem bardziej warunkiem wst\u0119pnym w cyklu \u017cycia aplikacji. W tym artykule om\u00f3wiono niekt\u00f3re z najcz\u0119stszych wpadek, jakie pope\u0142niaj\u0105 projektanci podczas projektowania ikon aplikacji mobilnych.\n<\/p>\n
\n Projektowanie ikon, kt\u00f3re wydaj\u0105 si\u0119 by\u0107 kopi\u0105 innej, ju\u017c istniej\u0105cej ikony<\/strong>, to b\u0142\u0105d \u015bwiadomie lub nie\u015bwiadomie pope\u0142niany przez projektant\u00f3w. Wielu z nich odczuwa presj\u0119 przesy\u0142ania projekt\u00f3w ikon w kr\u00f3tkim czasie. W obliczu dotkliwego braku czasu poddaj\u0105 si\u0119 presji i zadowalaj\u0105 si\u0119 zwyk\u0142ymi projektami.\n<\/p>\n \n Id\u0105 na skr\u00f3ty do sukcesu, czerpi\u0105c wskaz\u00f3wki z bestsellerowych aplikacji i projektuj\u0105c ikony o podobnych wzorach. Na przyk\u0142ad, je\u015bli istnieje popularna aplikacja w kategorii Rozrywka, projektanci chcieliby zarobi\u0107 na jej popularno\u015bci, a \u0142atwym sposobem na to jest utworzenie ikony aplikacji podobnej do popularnej aplikacji.\n<\/p>\n \n Wynik? Wi\u0119kszo\u015b\u0107 aplikacji z podobnymi ikonami \u2013 w tym schematy kolor\u00f3w. To ostatecznie powoduje zamieszanie w\u015br\u00f3d docelowych odbiorc\u00f3w, kt\u00f3rzy nie b\u0119d\u0105 w stanie rozr\u00f3\u017cni\u0107 dw\u00f3ch ikon, kt\u00f3re maj\u0105 t\u0119 sam\u0105 kombinacj\u0119 kolor\u00f3w, zw\u0142aszcza na urz\u0105dzeniu do noszenia.\n<\/p>\n \n Wyjd\u017a ze swojej strefy komfortu i stw\u00f3rz ikony aplikacji, kt\u00f3re sprawi\u0105, \u017ce ludzie usi\u0105d\u0105 i zwr\u00f3c\u0105 uwag\u0119 na konkurencj\u0119 lub grup\u0119 docelow\u0105. Nie mo\u017cesz sobie pozwoli\u0107 na mierne podej\u015bcie do tworzenia unikalnych ikon aplikacji; unikalna ikona daje klientom co\u015b do zapami\u0119tania aplikacji.\n<\/p>\n \n W przypadku aplikacji nale\u017c\u0105cych do tej samej grupy ikony r\u00f3wnie\u017c powinny mie\u0107 pewne podobie\u0144stwo. We\u017amy na przyk\u0142ad pakiet aplikacji Adobe, takich jak InDesign, Photoshop, Lightroom Mobile, Illustrator i Premiere, kt\u00f3re maj\u0105 jednolity wygl\u0105d ikon. Jedno spojrzenie na ekran, a u\u017cytkownik ko\u0144cowy od razu dowie si\u0119, \u017ce ikona nale\u017cy do pakietu aplikacji firmy Adobe.\n<\/p>\n \n Pomy\u015bl o prawie podobie\u0144stwa Gestalt<\/a>, zgodnie z kt\u00f3rym ludzki umys\u0142 mo\u017ce postrzega\u0107 i rozpoznawa\u0107 podobne przedmioty lub wzory. Zaimplementuj to, aby zapewni\u0107 jednolito\u015b\u0107 grup ikon, projektuj\u0105c ikony o podobnych cechach, kt\u00f3re obejmuj\u0105 mi\u0119dzy innymi kolor, rozmiar, kr\u00f3j pisma itp. W ten spos\u00f3b Twoi odbiorcy z \u0142atwo\u015bci\u0105 skojarz\u0105 podobne ikony aplikacji, kt\u00f3re by\u0107 mo\u017ce zosta\u0142y opracowane przez Ta sama firma.\n<\/p>\n \n Za\u0142\u00f3\u017cmy, \u017ce jedna z Twoich poprzednich aplikacji odnios\u0142a sukces na rynku, wtedy s\u0105 szanse, \u017ce sukces tej konkretnej aplikacji odbije si\u0119 na Twojej nowej aplikacji, je\u015bli ikony obu aplikacji wykazuj\u0105 podobie\u0144stwo w wygl\u0105dzie. Dlatego wybierz drog\u0119 do zaprojektowania podobnych ikon dla tej samej grupy lub rodziny aplikacji, aby Twoi odbiorcy docelowi znale\u017ali mi\u0119dzy nimi zwi\u0105zek.\n<\/p>\n \n Skupienie si\u0119 na najdrobniejszych szczeg\u00f3\u0142ach to cecha wielkich projektant\u00f3w, kt\u00f3rzy naprawd\u0119 znaj\u0105 si\u0119 na swojej pracy. Od koloru po piksele, wszystko musi by\u0107 idealne, je\u015bli chodzi o projektowanie ikon aplikacji. Szczeg\u00f3lnie piksele s\u0105 niezwykle wa\u017cne w projektowaniu ikon, a ich ignorowanie mo\u017ce wywrze\u0107 z\u0142e wra\u017cenie na u\u017cytkownikach. Niezwracanie uwagi na szczeg\u00f3\u0142y mo\u017ce skutkowa\u0107 rozmazanymi, rozpikselowanymi obrazami i jest oczywiste, \u017ce nie b\u0119dzie dobrze dzia\u0142a\u0107 na \u017cadnej marce i modelu urz\u0105dzenia mobilnego.\n<\/p>\n \n Pomy\u015bl o zaawansowanej technologii wy\u015bwietlania smartfon\u00f3w, urz\u0105dze\u0144 ubieralnych i innych urz\u0105dze\u0144 mobilnych, a zdasz sobie spraw\u0119, \u017ce nawet najmniejszy b\u0142\u0105d mo\u017ce kosztowa\u0107 sukces Twojej aplikacji.\n<\/p>\n \n Oto lista kontrolna rzeczy, kt\u00f3re mo\u017cesz wzi\u0105\u0107 pod uwag\u0119, a p\u00f3\u017aniej wdro\u017cy\u0107 podczas projektowania ikony bez ignorowania pikseli:\n<\/p>\n \n Wypychanie zbyt wielu szczeg\u00f3\u0142\u00f3w na male\u0144kim obrazie ikony mo\u017ce okaza\u0107 si\u0119 daremne. Ikona aplikacji oferuje ograniczon\u0105 przestrze\u0144 do zaprezentowania \u201eumiej\u0119tno\u015bci projektowych”, a zbyt wiele szczeg\u00f3\u0142\u00f3w mo\u017ce \u017ale j\u0105 spartaczy\u0107. Wydaje si\u0119 g\u0142o\u015bny i nieprofesjonalny. To jest pow\u00f3d, dla kt\u00f3rego musisz upewni\u0107 si\u0119, \u017ce projekt ikony jest prosty i z g\u00f3ry przekazuje wiadomo\u015b\u0107 docelowym odbiorcom. Najlepsz\u0105 opcj\u0105 jest przej\u015bcie na minimalizm, jak najlepsi projektanci i wyb\u00f3r tylko niezb\u0119dnych element\u00f3w do projektowania ikon.\n<\/p>\n \n Na przyk\u0142ad, je\u015bli jest to aplikacja do gier, mo\u017cesz do\u0142\u0105czy\u0107 charakter gry lub u\u017cy\u0107 minimalistycznych obraz\u00f3w, kt\u00f3re daj\u0105 potencjalnym u\u017cytkownikom wskaz\u00f3wk\u0119, o co chodzi w grze. Je\u015bli umie\u015bcisz wszystko na raz w ikonie, w tym tekst, spowoduje to ba\u0142agan i b\u0119dzie wygl\u0105da\u0107 nieatrakcyjnie dla potencjalnych klient\u00f3w. To prowadzi nas do nast\u0119pnego punktu.\n<\/p>\n \n Tekst jest kluczowym aspektem projektowania ikon; nale\u017cy go umie\u015bci\u0107 w ikonie wtedy i tylko wtedy, gdy jest to absolutnie konieczne.\n<\/p>\n \n Kusz\u0105ce jest umieszczenie nazwy aplikacji lub innego odpowiedniego tekstu wewn\u0105trz ikony. Wielu projektant\u00f3w umieszcza tekst w projekcie ikony, maj\u0105c nadziej\u0119, \u017ce pomo\u017ce to potencjalnym klientom uzyska\u0107 natychmiastowe wyobra\u017cenie o aplikacji, generuj\u0105c wi\u0119ksz\u0105 liczb\u0119 pobra\u0144. Jest to jeden z g\u0142\u00f3wnych b\u0142\u0119d\u00f3w z ich strony, poniewa\u017c dwa g\u0142\u00f3wne sklepy z aplikacjami \u2013 Google Play Store<\/strong> i Apple App Store<\/strong> maj\u0105 nazw\u0119 aplikacji wy\u015bwietlan\u0105 obok ikony. Tak wi\u0119c w\u0142\u0105czenie tekstu \u2013 w szczeg\u00f3lno\u015bci nazwy aplikacji, doprowadzi jedynie do zduplikowania danych, prze\u0142adowania informacjami i ostatecznie doprowadzi do niczego. Ponadto umieszczenie tekstu na ikonie utrudnia zlokalizowanie aplikacji.\n<\/p>\n \n Nie oznacza to oczywi\u015bcie, \u017ce musisz ca\u0142kowicie pomin\u0105\u0107 tekst w projekcie ikony. Mo\u017cesz go do\u0142\u0105czy\u0107, ale tylko wtedy, gdy jest odpowiedni dla Twojej aplikacji. We\u017amy przypadek Netflix, kt\u00f3ry ma prost\u0105 ikon\u0119 z nazw\u0105 aplikacji w ikonie. Ale z drugiej strony ma wyra\u017any sk\u0142ad i kombinacj\u0119 kolor\u00f3w, co czyni go wyj\u0105tkowym i pomaga docelowym odbiorcom uto\u017csamia\u0107 si\u0119 z mark\u0105.\n<\/p>\n \n Je\u015bli wi\u0119c uwa\u017casz, \u017ce ten tekst b\u0119dzie pasowa\u0142 do Twojej ikony, musisz to zrobi\u0107.\n<\/p>\n \n Z\u0142y dob\u00f3r kolor\u00f3w lub wybranie niew\u0142a\u015bciwej kombinacji kolor\u00f3w dla projektu ikony aplikacji to kolejny b\u0142\u0105d. Kolory odgrywaj\u0105 wa\u017cn\u0105 rol\u0119 we wp\u0142ywaniu na nastawienie konsument\u00f3w i jako takie, musisz upewni\u0107 si\u0119, \u017ce nie padniesz ofiar\u0105 z\u0142ego wyboru kolor\u00f3w. Badanie danych demograficznych i nawyk\u00f3w\/preferencji docelowych odbiorc\u00f3w b\u0119dzie pomocne w tym kierunku.\n<\/p>\n \n Istotny jest dob\u00f3r odpowiedniej palety kolorystycznej, kt\u00f3ra nie tylko b\u0119dzie wygl\u0105da\u0107 estetycznie, ale r\u00f3wnie\u017c b\u0119dzie wsp\u00f3\u0142gra\u0142a z wizerunkiem Twojej marki. W tym celu zapoznaj si\u0119 z r\u00f3\u017cnymi materia\u0142ami online, kt\u00f3re wyja\u015bniaj\u0105 wszystko, co musisz wiedzie\u0107 o psychologii kolor\u00f3w<\/a> w brandingu<\/a> i wybierz odpowiedni\u0105 kombinacj\u0119 kolor\u00f3w dla ikony swojej aplikacji.\n<\/p>\n \n Mo\u017cesz tak\u017ce skorzysta\u0107 z niesamowitych narz\u0119dzi, kt\u00f3re s\u0105 pomocne w doborze schemat\u00f3w kolor\u00f3w. Narz\u0119dzia te obejmuj\u0105 mi\u0119dzy innymi Color<\/a>, Adobe Color CC<\/a>, Colllor<\/a>, COLOURlovers<\/a>, Paletton<\/a> itp. Mo\u017cesz przeprowadzi\u0107 wyszukiwanie, aby znale\u017a\u0107 wiele innych zasob\u00f3w online i offline, kt\u00f3re pomog\u0105 Ci w tym kierunku.\n<\/p>\n \n Jedn\u0105 z g\u0142\u00f3wnych cech do\u015bwiadczonych projektant\u00f3w jest to, \u017ce bior\u0105 pod uwag\u0119 grup\u0119 docelow\u0105 przed zaprojektowaniem ikony. Jest to wa\u017cne, poniewa\u017c oczywi\u015bcie aplikacja skierowana do innego segmentu odbiorc\u00f3w, na przyk\u0142ad dzieci, b\u0119dzie mia\u0142a okre\u015blony wygl\u0105d i styl, w tym projekt ikony, taki jak jasne schematy kolor\u00f3w. Je\u015bli por\u00f3wnamy j\u0105 z aplikacj\u0105 skierowan\u0105 do przedsi\u0119biorstw, b\u0119dzie mia\u0142a zupe\u0142nie inny wygl\u0105d \u2013 minimalistyczny z neutraln\u0105 kolorystyk\u0105 lub pastelowymi odcieniami.\n<\/p>\n \n Musisz tak\u017ce wzi\u0105\u0107 kultur\u0119 r\u00f3\u017cnych miejsc, w kt\u00f3rych dost\u0119pna jest Twoja aplikacja. Wynika to z faktu, \u017ce niekt\u00f3re symbole mog\u0105 by\u0107 odpowiednie do u\u017cycia w ikonie w niekt\u00f3rych krajach, ale nie w innych, gdzie mo\u017cna je uzna\u0107 za obra\u017aliwe lub zrani\u0107 uczucia spo\u0142eczno\u015bci.\n<\/p>\n \n Przeprowad\u017a dok\u0142adne badanie<\/strong> swoich docelowych odbiorc\u00f3w i wykorzystaj je do zaprojektowania ikony, kt\u00f3ra przemawia do nich ju\u017c na pierwszy rzut oka. Mo\u017cesz przejrze\u0107 wiele aplikacji, kt\u00f3re zyska\u0142y mi\u0119dzynarodowe uznanie i przyjrze\u0107 si\u0119 ich projektom ikon, aby uzyska\u0107 lepszy pomys\u0142.\n<\/p>\n \n Ikona Twojej aplikacji musi by\u0107 stylowa i estetyczna<\/strong>, aby przyci\u0105gn\u0105\u0107 wielu potencjalnych klient\u00f3w w sklepach z aplikacjami. Porzucenie estetyki projektu jest zatem surowym nie. Jak wi\u0119c upewni\u0107 si\u0119, \u017ce Twoja aplikacja jest estetycznie atrakcyjna dla docelowych odbiorc\u00f3w? Oto kilka przydatnych punkt\u00f3w, kt\u00f3re ci pomog\u0105.\n<\/p>\n \n Jednak nie inwestuj ca\u0142ej swojej energii w zaprojektowanie \u0142adnej ikony, ale tak\u017ce w\u0142\u0105cz elementy, kt\u00f3re sprawi\u0105, \u017ce cel ikony b\u0119dzie natychmiast rozpoznawalny dla docelowych u\u017cytkownik\u00f3w. Mo\u017ce to by\u0107 kszta\u0142t, obraz lub inicja\u0142 nazwy aplikacji (Pinterest, Vine, Facebook, Evernote), kt\u00f3ry wiele m\u00f3wi o aplikacji bez uszczerbku dla jej estetyki.\n<\/p>\n \n R\u00f3\u017cne platformy mobilne maj\u0105 r\u00f3\u017cne zasady projektowania ikon. Przestrzeganie tych zasad lub wytycznych pomo\u017ce projektantom w tworzeniu ikon, kt\u00f3re b\u0119d\u0105 najlepiej dzia\u0142a\u0107 w aplikacjach na tych platformach. Mo\u017cesz wzi\u0105\u0107 przyk\u0142ad z wytycznych dotycz\u0105cych Human Interface firmy Apple<\/a> lub wytycznych dotycz\u0105cych systemu Android<\/a>, kt\u00f3re szczeg\u00f3\u0142owo opisuj\u0105, w jaki spos\u00f3b nale\u017cy tworzy\u0107 ikony dzia\u0142aj\u0105ce na urz\u0105dzeniach z systemem iOS i Android.\n<\/p>\n \n Trzymaj si\u0119 tych wytycznych podczas projektowania, a to pomo\u017ce ci konsekwentnie tworzy\u0107 doskona\u0142e ikony.\n<\/p>\n \n Stworzenie ikony dla aplikacji mobilnej nie jest \u0142atwym zadaniem. B\u0142\u0119dy zdarzaj\u0105 si\u0119 nawet czo\u0142owym projektantom w bran\u017cy. Ale tak, uczenie si\u0119 na tych b\u0142\u0119dach jest pomocne dla pocz\u0105tkuj\u0105cych projektant\u00f3w, kt\u00f3rzy chc\u0105 zrobi\u0107 co\u015b wielkiego. Czy ten opis przypomina Ci o jakim\u015b innym b\u0142\u0119dzie projektowym w projektowaniu ikon aplikacji mobilnych? Podziel si\u0119 z nami swoimi przemy\u015bleniami.\n<\/p>\n<\/p>\n\n 2 ikony z tej samej grupy nie wykazuj\u0105 podobie\u0144stwa
\n<\/h5>\n\n 3 Daje pikselom r\u00f3\u017cow\u0105 po\u015blizg
\n<\/h5>\n\n
\n 4 Wprowadzanie zbyt wielu szczeg\u00f3\u0142\u00f3w
\n<\/h5>\n\n 5 Ignorowanie tekstu na ikonie
\n<\/h5>\n\n 6 kombinacji kolor\u00f3w, kt\u00f3re nie zadzia\u0142aj\u0105
\n<\/h5>\n\n 7 Zapominaj\u0105c o grupie docelowej
\n<\/h5>\n\n 8 Porzucenie estetyki w projektowaniu
\n<\/h5>\n\n
\n 9 Nieprzestrzeganie wytycznych
\n<\/h5>\n\n Wniosek
\n<\/h4>\n