10 padomi tādu ikonu noformēšanai, kuras nepieredz
Mūsdienās gandrīz katrs dizaineris domā par lietotņu dizainu. Viena no mazākajām katras lietotnes funkcijām ir ikona, ko izmanto, lai to attēlotu katras mobilās ierīces ekrānā un lietotņu veikalos. Lieliskas ikonas noformēšana ir kas vairāk nekā tikai logotipa ievietošana lodziņā. Jums ir nepieciešams kaut kas, kas izceļas starp visām citām lietotņu ikonām.
Labu ikonu var izmantot dažādos veidos - lietotnēm, sociālajiem medijiem un pat mazākiem drukātiem projektiem vai vizītkartēm. Un viss, kas nepieciešams, ir neliels dizains un plānošana.
1. Padariet to viegli lasāmu
Ikona ir viegli salasāma. (Un mēs nerunājam par tekstu.) Galvenais ir vizuālā salasāmība.
Ikonā jāiekļauj vizuāls attēls, kas ir labi atpazīstams zīmola vai tāpēc, ka to ir viegli saprast. Padomājiet, piemēram, uz datora darbvirsmas ikonām. Jūs zināt, kur atrodas lietas, jo ikonām ir vienkāršs raksturs - dokumenti tiek glabāti mapēs, mūzika tiek atskaņota no pogas nošu formā un attēli tiek glabāti vietā, kas izskatās kā Polaroid fotoattēls.
Runājot par vizuālo salasāmību, liela nozīme ir zīmola veidošanai. Lieliem, mājsaimniecības preču zīmēm bieži ir ikonas, kas ir to logotipa vai ikonu attēla sastāvdaļa. Cilvēki mēdz atpazīt šos elementus uzreiz pat mazos izmēros. Tas var būt nedaudz grūtāk attiecībā uz jauniem vai mazākiem zīmoliem vai ikonu koncepcijām, un dizaineri var izvēlēties citu tehniku, lai panāktu optimālu ietekmi.
2. Domājiet, nevis attēls
Ikona nav fotoattēls lodziņā. Ikona var ietvert attēlu, bet var būt arī teksta attēlojums, logomark vai šo elementu kombinācija.
Tam vienkārši jābūt ļoti vizuālam un atpazīstamam. Lielākajā daļā logotipu nav ietvertas faktiskas fotogrāfijas, bet tie ir vairāk idejas grafiski attēlojumi. (Šo jēdzienu uzsver nepieciešamība izveidot uz vektoriem balstītu ikonu.)
Attēlu var arī būt grūti lasīt nelielos izmēros un pazust citu ikonu jūrā lietotāja tālrunī vai citā ierīcē. Grafiskākam attēlam bieži ir lielāka vizuālā nozīme.
Augsts iepriekš minētās Macy universālveikala mobilās lietotnes ikona ir labs piemērs. Lielo balto zvaigzni sarkanās kastes centrā ir viegli identificēt. Ikona atšķiras no standarta paraksta apstrādes ar uzņēmuma paraksta ikonu, jo krāsa tiek mainīta pretēji, lai ikona tiktu uzsvērta. Sarkans fons, iespējams, izceļas vairāk nekā balts, pret dažādiem lietotāju fona attēliem.
3. Izvairieties no vārdiem
Viena lieta, ko neredzēsit ikonās, ir vārdu lietošana. Vienkārši nepietiek vietas ikonai, kas ir piepildīta ar lietām, lai lasītu un saprastu.
Parasti izmantojiet īsu tekstu, ja vien tas nav jūsu logotipa daļa. Pirms teksta, kas ir logotipa daļa, uzmanīgi jāapsver, pirms to izmantojat galvenajā logotipa dizainā.
Ikona jāveido tā, lai identitāte tiktu radīta bez vārdiem. Turklāt atcerieties, cik ikonas faktiski tiek izmantotas kontekstā ar ierīcēm, kurās tās parādās. Lielākajā daļā ir iekļauta deskriptora teksta rinda zem faktiskā ikonu bloka.
Piemēram, Design Shack ikona ir tāda, kurā tiek izmantots viens burts “d” ar krāsu un tipa apstrādi, kas atbilst vietnei. Šis vienotais zīmols un viegli lasāmais burts rada vizuālu sasaisti un savienojumu bez vārdiem.
4. Izmantojiet Vibrant Color
Vai vēlaties, lai jūsu ikona izceltos? Drosmīgi izmantojiet krāsu. Dzīva krāsu izvēle palīdzēs lietotnei izcelties uz dažādu fonu un piesaistīs lietotāju uzmanību.
Pēdējā lieta, ko vēlaties no ikonas dizaina, ir tā, lai tā saplūst ar visām pārējām pieejamajām iespējām. Tas padara zilu - it īpaši debesu un flotes nokrāsu - krāsu, no kuras jūs, iespējams, vēlēsities izvairīties, jo to izmanto tik daudz citu ikonu.
Ja zilā krāsa ir jūsu galvenais logotips vai zīmola krāsa, mēģiniet to pārī savienot ar kaut ko spilgtāku. Apsveriet “jaunu neitrālu”, piemēram, laima zaļu, vai izvēlieties sezonālu nokrāsu, piemēram, spilgti oranžu rudenī vai spilgti rozā pavasarī.
5. Izstrādājiet simbolu vai vienkāršu logotipu
Jums, visticamāk, ir sava zīmola logotips, bet, runājot par ikonām, svarīgs ir arī simbols. Simbols var būt vienkāršs logotipa vai attēla grafisks attēlojums vai fragments.
Tam vienkārši jābūt asam un atmiņā paliekošam. Vairāk zīmolu iekļauj ikoniskos simbolus savā standarta zīmējumā un logotipos, lai izveidotu pilnīgu savienojumu starp mazākām ikonām un lielākiem dizaina projektiem.
Padomājiet par ziņojumapmaiņas un fotoattēlu koplietošanas lietotni Snapchat. Spoku simbols ir kļuvis tik atpazīstams, ka tas var parādīties kā ikona, kuru lietotāji pārzina, citās krāsu shēmās un formās un pat kā patstāvīgs attēls informācijas stendā. Šis ir lielisks funkcionējoša simbola piemērs.
6. Atcerieties mērogu
Lai gan vairums no mums domā par ikonām kā par tām niecīgajām lietām mūsu tālruņos vai galddatoros, ikona ne vienmēr ir maza. Tam jābūt izstrādātam tā, lai padarītu to izmantojamu neatkarīgi no izmēra.
Tas ir īpaši svarīgi, ņemot vērā pastāvīgi mainīgo digitālo ainavu, tīklenes displeju parādīšanos un to, ka dažādas platformas un ierīces ikonas var attēlot dažādos izmēros.
To uzbūvēja lielu un pēc tam samazināja.
7. Izveidojiet vektora formātā
Runājot par mērogu un lielumu, svarīgs apsvērums ir arī formāts. Ikona jāizveido, izmantojot uz vektoriem balstītu dizainu.
Vektora attēla iegūšana ļaus jums veikt izmaiņas un saglabāt ikonu dažādām ierīcēm, izmēriem un skata logiem, neradot daudz atsevišķu attēlu. Tā kā patiesībā jums ir vajadzīgas vairākas ikonas versijas, kas paredzētas dažādiem projektiem.
Vektoru ieguvums ir elastība. Bet ir nozveja. Daudzām lietojumprogrammām vai platformām augšupielādēšanai jums, iespējams, būs jāsaglabā kopija ne vektoru formātā.
8. Padomājiet ārpus dizaina kastes
Pēdējos mēnešos ir bijis daudz ikonu, kas izmanto vienkrāsas fonu ar baltu ikonu, plakaniem dizaina paņēmieniem un garām ēnām. Lai arī šīs tendences var sagādāt daudz prieka, neaizķerieties dizaina kastē. Veiciet kaut ko citu ar savu ikonu.
Ja visi citi strādā ar kvadrātveida malām, apsveriet kaut ko noapaļotu. Pievienojiet fonam faktūras norādi, lai tas izceltos no visām plakanās krāsas. Neuztraucieties, ka jums jāmodelē sava ikona, ņemot vērā to, ko dara visi pārējie.
9. Padariet to vienkrāsainu
Ir kāds jautrs triks, ko dizaineri ir izmantojuši gadiem ilgi, lai pārbaudītu maza mēroga dizainu efektivitāti - padarītu to vienkrāsainu. Ja jūsu dizains sazin vienu un to pašu ziņojumu ar krāsu vai bez tās, iespējams, ka tā darbojas. Ja ikonai ir jālasa krāsa, turpiniet darbu pie pārskatīšanas.
Personīgi es gandrīz katru dizaina projektu iesāku melnbaltā krāsā un vēlāk sāku pievienot krāsu. Tā ir skice datora koncepcijā. Ja jūs to ieskicējat uz papīra un tas darbojas, pirms patiešām sākat pievienot krāsu, idejai, iespējams, ir stabils pamats.
10. Domā kvadrātā
Jūsu ikonai un jebkurai kvadrātveida rāmja iekšējai daļai jābūt arī taisnīgi ievietotai. Tas nenozīmē, ka noformējumam vai attēlam jābūt precīzi izteiktam kvadrātā, bet katras ikonas pamata malu attiecībai ir vienāds augstums un platums.
Tātad, ja jums ir simbols, kas ir īpaši vertikāls vai horizontāls, jums būs nepieciešams veids, kā aizpildīt vietu ap to, lai tas nepazustu fonā. Izvēlieties koncepciju, kas aizpilda ievērojamu telpas daļu, kas lielākoties būs kvadrātveida. (Pat noapaļotai, apaļai ikonai ir vienāds augstums un platums.)
Secinājums
Tas var izklausīties klišejiski, bet laba ikonu dizaina atslēgai ir jābūt… labi… ikoniskai. Tas ir tik vienkārši.
Dizains, ņemot vērā vienkāršību, krāsu un vizuālo atpazīšanu. Padomājiet par saskarnēm un pašreizējām tendencēm, lai dizains veidotos atbilstoši standartiem. (Šajās dienās jūs neveidotu skeuzomorfisku ikonu iOS mobilajai lietotnei?) Un izklaidējieties; ikona ir lietotāju ieeja jūsu digitālajā saskarnē.
Attēlu avoti: Pelds Kids, Keisija Flēsere, Rolands Tangalo, Gustavo da Cunha Pimenta un Microsiervos Geek Crew.
