Kā dizainā izvēlēties efektīvas un pievilcīgas ikonas
Ikonas var uzskatīt par vienu no tīmekļa dizaina universālumiem; gandrīz jebkura vietne gūst labumu no vismaz dažu no tām pievienošanas. Tāpēc ir vilinoši pieņemt, ka, ja jūs uzkaisāt nedaudz šo mazo attēlu, jūsu darbs ir paveikts. Bet tam ir daudz vairāk: labām ikonām vajadzētu justies it kā vizuāli integrētām attēlu grupā, kurā viņi atrodas, kā arī vietnes dizainā kopumā. Viņiem jābūt konceptuālai skaidrībai un mērķim, kas pārsniedz tikai acu konfektes. Ikviena ikona, kas neatbilst noteiktam mērķim vai attēlā nepauž pareizo koncepciju, ir tāda, kas ir jāpārskata.
Protams, ar jebkāda veida attēliem ir iespējama interpretācija un vispārināšana, taču ikonas nav tikai ilustrācijas, kuras tiek izmantotas vienīgi, lai sadalītu vietu un palielinātu interesi: tās ir vizuālas metaforas, kas vienā mirklī var ieguldīt nozīmi tēmā; un tādējādi tie ir spēcīgs rīks lietotāju pieredzes uzlabošanai.
Kā jums vajadzētu izmantot ikonas?
Ikonogrāfija var būt slidena tēma, jo tā ietver tik daudz attēlu veidus un var izpildīt tik daudz lomu. Ikonas var izmantot daudziem mērķiem, bet divas visizplatītākās un svarīgākās ir:
- Vizuāli satura pārtraukumi : padarot to pievilcīgāku un lasāmāku. Šo lietojumprogrammu bieži izmanto vietnes pamattekstā, sarakstos (kā redzams iepriekš) vai citos ar tekstu saistītos elementos.
- Ātra koncepcijas vizuāla atsauce : Šis lietojums visbiežāk parādās navigācijas elementos (kā redzams iepriekš), un daži, piemēram, palielināmā stikla ikona, kas apzīmē meklēšanu, ir tik izplatīti, ka viņiem pat nav nepieciešams teksta identifikators.
Ir acīmredzams, ka pat šīs divas kategorijas rada ļoti daudzus veidus un iemeslus ikonu izmantošanai, tāpēc jūs, visticamāk, redzēsit tos gandrīz visos tīmekļa dizaina elementos: galvenēs, kājenēs, navigācijas joslās, sarakstos; praktiski jebkuru dizaina daļu var uzlabot, pievienojot labi izvēlētas ikonas.
Kas padara labu ikonu?
Lai gan nav grūti saprast, kā ikonas ir būtiska gandrīz jebkura laba vietnes dizaina sastāvdaļa, dažreiz to var būt grūti atpazīt, kad tās nedarbojas tik labi, kā varētu būt. Pat slikti noformēts ikonu komplekts parasti ir labāks par teksta sienu, bet skaists jēgpilnu ikonu komplekts, tāpat kā iepriekš minētie, var darīt tik daudz vairāk.
Kaut arī ikonu dizains ir sarežģīts temats, kas mainās ar katru jaunu situāciju, joprojām ir daži svarīgi noteikumi, kas attiecas uz efektīvu ikonu dizainu visās lietojumprogrammās: divas kritiskās lietas, kas jāņem vērā jebkurā ikonu sistēmā, ir tas, kā ikonas veidot gan vizuāli, gan arī konceptuāli efektīva.
Kā jūs padarīt ikonas vizuāli efektīvas?
Ikonas veic labāku darbu, grupējot saistīto saturu un pievēršot uzmanību svarīgai informācijai, ja tām ir pastāvīgas un pārdomātas attiecības ar citām komplekta ikonām un vietnes dizainu.
Ikonu kopām vajadzētu būt vizuālai apvienošanai
Ikonu grupa, kurai nav pietiekami daudz saliedētības, izskatās nepareizi, neatkarīgi no tā, cik lieliskas tās varētu būt, ja tās aplūkotu atsevišķi. Ir daudz triku, kas var radīt vienotības sajūtu, tostarp:
- Izmantojot to pašu krāsu vai krāsu shēmu, kā redzams iepriekš.
- Visu ikonu uzstādīšana tādā pašā formā, kā redzams iepriekš.
- Ikonu veidošana ar līnijām vai bez tām vai citiem apmales atribūtiem, kā redzams iepriekš.
- Pievienojiet efektus, piemēram, slīpumus, caurspīdīgās filmas vai ēnas, kā redzams iepriekš.
Šajā nolūkā ir svarīgi apsvērt, kā pielāgot ilustrāciju stilu atbilstoši tēmām. Piemēram, jūs varētu vēlēties attēlot savas ikonas ar 3D efektu uz leņķa. Bet kā būtu, ja kādai no ikonām iepriekšminētajā piemērā būtu jāatspoguļo dāvanu karte? Ikonai, kas attēlo karti, gandrīz noteikti jābūt divdimensionālai, un tā tas sabojā efektu, ko jūs meklējat.
Jo lielāks ikonu komplekts un darbības joma, jo lielāka dažādība tām vajadzētu būt
Lai arī ikonām vienā komplektā jābūt precīzi atbilstošām, lielo attēlu kopu gadījumā jūs varat saliekt vai pat pārkāpt noteikumus. Šī tīmekļa vietne, kas redzēta iepriekš, ir lielisks piemērs, kurā aplūkots vienas dimensijas jautājums, jo viņi nolēma aptvert tās ikonu dažādās dimensijas. Atšķirības nav kaitīgas, jo abi tipi ir atdalīti, padarot tos saistītās ikonu sistēmās, kas darbojas labi kopā, neizskatot precīzi vienādus.
Papildus šīm mazajām izmaiņām vietne vēl vairāk atšķiras no citām ikonas, ar kurām jūs saskaraties, ar dažām, kurām ir lielākas un sarežģītākas formas, un ar citām, kas atkārto 3D efektu, bet pilnīgi citā stilā. Tomēr tie visi joprojām darbojas labi kopā, jo tie saglabā dažus kopīgus elementus un tiek parādīti gadījumos, kas ir pietiekami nodalīti, lai neapbēdinātu skatītāju.
Ikonas ir jāsaskaņo ar pārējo vietnes dizainu
Protams, ir bezgalīgs skaits metožu, kuras varat izmantot, lai jūsu ikonas darbotos ar citiem dizaina elementiem. Bet pamata līmenī divi visefektīvākie veidi, kā to panākt, ir:
- Ikonas kā kontrasta punkts salīdzinājumā ar pārējo vietni : Šī pieeja ir īpaši efektīva, ja ikonas ir navigācijas režīmā, piemēram, šīs sociālo mediju saites (skat. Iepriekš), jo kontrasts tām pievērš daudz uzmanības.
- Veidošanas ikonas, lai tās būtu integrētas ar citiem dizaina elementiem un līdzīgi tiem : Šī ir laba iespēja attēliem, kas vairāk paredz vizuālu atelpu un skaidrību un kuriem nav nepieciešams papildu uzsvars, ko varētu radīt navigācijas elementi, kā redzams iepriekš.
Kā jūs padarīt ikonas konceptuāli efektīvas?
Ir svarīgi, lai ikonas spēlētu pareizo lomu, pievēršot uzmanību un papildinot dizaina estētiku, taču ir vienlīdz svarīgi, lai tās arī būtu loģiskas un konsekventas komunikāciju jēdzienu ziņā.
Ikonas ir viegli jāsaprot
No vienas puses, tēlainība var būt sarežģīta, jo interpretācija nekad nav absolūta. Bet, no otras puses, tie ir daudz vieglāk vadāmi nekā vārdi, jo, ja tie ir pietiekami skaidri, viņi var pārsniegt valodu. Kā redzams iepriekš, vienkāršās direktīvas, kurās ir daudz web dizaina, ir ideāls līdzeklis universālai saziņai.
Bet dažreiz dizaineri mēģina ikonogrāfijā ievietot sarežģītākus jēdzienus, un efekts ir mulsinošs, nevis skaidrojošs, kā redzams iepriekš. Šādos apstākļos ir labi spert soli atpakaļ un patiešām mēģināt destilēt saturu līdz tā pamata būtībai. Ja nevarat, tas nozīmē, ka ikona šim saturam nav pareizais risinājums. Viens no labākajiem resursiem gudras ikonogrāfijas atrašanai, kas nospiež attēla komunikācijas robežas, ir infographic dizains, kura mērķis bieži ir padarīt ikonu no katras iespējamās informācijas.
Tā kā tīmekļa dizains aug un eksponenciāli nobriest, tāpat arī ikonu dizains. Koncepcijas, kuras kādreiz nebija iespējams attēlot, izmantojot ikonogrāfiju, ātri kļūst standartizētas, un tās tiek pievienotas tīmekļa dizainera saziņas rīkiem. Ar šo virzību uz universālumu var droši prognozēt, ka ikonas kļūs par vēl nozīmīgāku dizaina daļu nekā tās jau ir. Un paturot prātā šīs būtiskās lietošanas metodes, jūs varēsit tās izmantot ar visu māksliniecisko un skaidrību, kas nepieciešama, lai jebkura projekta vajadzībām izveidotu skaistus, funkcionālus un efektīvus dizainus.
