7 Vienkārša dizaina izveides noteikumi
Turiet to vienkārši, stulbi. Šī koncepcija aizsākās 1960. gadā, kad ASV Jūras kara flote ieviesa KISS principu, kurš apgalvo, ka vairums sistēmu vislabāk darbojas, ja tās ir vienkāršas, nevis sarežģītas. Tas pats attiecas arī uz gandrīz jebkuru dizaina projektu.
Lielākā daļa grafisko dizaineru par KISS uzzina jau savas karjeras sākumā. Tātad, kā jūs to varat izdarīt? Vienkārša dizaina izveidošana ir nedaudz sarežģītāka, nekā jūs varētu domāt. Šeit ir izstrādāti septiņi noteikumi, kas palīdz novērst visu jucekli un izveidot skaisti vienkāršu kontu.
Izpētiet dizaina resursus
1. Uzstādiet vienu mērķi vienā lappusē
Vienkārša dizaina sākums sākas ar projekta mērķi un konkrētiem mērķiem katrai tīmekļa vietnes lapai. Katrā lappusē lietotājiem jānovirza viena darbība, izslēdzot navigāciju un kājeni.
Tas var būt jebkas, piemēram, noklikšķināšana uz saites, informācijas ievadīšana formā, video skatīšanās vai spēles spēlēšana. Bet katrai lapai ir jākoncentrējas uz viena lietotāja darbību vai reklāmguvumu.
Pārāk daudz darāmu var apbēdināt lietotājus. Viņi var aizmirst, kādas darbības būtu jāpabeidz, un viņi var izdarīt mazāk vēlamo izvēli. Plānojiet noformējumu tā, lai katra lapa novirzītu lietotājus uz vienu mērķi. Katrai darbināmai pogai, kas atrodas virs ritināšanas un zem ritināšanas tajā pašā lapā, vajadzētu rīkoties tāpat. Šī konsekvence palīdz lietotājiem saprast, kāpēc viņi atrodas jūsu vietnē un ko viņiem vajadzētu darīt; šo izvēles vienkāršība padara dizainu vieglu un saistošu.
2. Pieturieties pie divu veidu ģimenēm
Ir tik daudz dizaina vadlīniju, kas projektam iesaka trīs burtveidus. Varat to pilnveidot vēl vairāk, izmantojot divas izturīgas tipa ģimenes.
Meklējiet tipa saimi, kurā ir vairāki svari ar lielu kontrastu starp parasto un trekno vai melno opciju. Lai iegūtu vēl vairāk nojausmas, izvēlieties displeja izvēli, kurā iekļautas dažas alternatīvas rakstzīmes, kuras varat izmantot lielizmēra virsrakstos.
Tad viss, kas jums jādara, ir apvienot un saskaņot no korpusa un displeja burtveidola, lai iegūtu lieliskas burtu kombinācijas visam dizainam. Izmantojiet divu veidu saimes tāpat kā jūs, ja izvēlētos vairāk opciju ar īpašiem lietojumiem noteiktiem svariem vai stiliem.
Jūs atradīsit, ka tas var palīdzēt izveidot viegli lasāmu un viegli lietojamu tipogrāfijas paleti, kuru ir viegli pārvaldīt un kurai ir vizuāla konsekvence.
3. Izmantojiet konsekventu izlīdzināšanu
Kreisajā pusē, centrā vai pat labajā pusē - lai kāds būtu jūsu izkārtojums, pieturieties pie tā visā dizainā. Tas ietver līdzīgu vienumu, piemēram, tekstlodziņu un elementu, kas nav līdzīgi, bet sader grupās, izlīdzināšanu.
Pielāgojams to lieliski paveic, izmantojot tekstu mājas lapas slīdnī. Neskatoties uz tekstu ar atšķirīgu rindu skaitu attēlā, katrs virsraksts ir rindā ar aicinājuma uz darbību pogu. Arī atstarpe starp elementiem ir konsekventa.
Vēl vairāk, ka šī konsekventā izlīdzināšana notiek ritinot ar citiem virsrakstu un CTA pāriem.
Izlīdzinājums atbilst slīdņa plūsmai, kas arī pārvietojas papildinošā virzienā. Kreisā un centra līdzināšana ir visizplatītākās iespējas, runājot par teksta elementiem, jo tie ir lasāmākie. Ja ir garāks teksts, vēlamā ir izlīdzināšana pa kreisi.
4. Izveidojiet hierarhiju
Lietotājiem nevajadzētu domāt par to, ko apskatīt vai kā pāriet pāri dizainam. Pat visvienkāršākajām vizuālajām kompozīcijām vajadzētu būt atšķirīgai hierarhijai.
Tas sākas ar dominējošo vizuālo. Tas var būt attēls, video vai teksta displejs vai jebkas cits, kas radīs pirmo iespaidu.
Tad vajadzētu būt sava veida tekstam, kas lietotājam pasaka, ko dizains un vietne mēģina sazināties. Tas parasti ir vienkārša virsraksta veidā, kas darbojas ar dominējošo vizuālo.
Treškārt, ir sekundārs teksta bitu vai darbību, kas lietotājiem jāpabeidz. Pēdējais vizuālais elements ir navigācijas izvēlne. Lietotāji cer atrast visus šos elementus, un acs ir apmācīts pārvietoties pa elementiem principā šādā secībā. Padariet to vieglu viņiem, izstrādājot šādā veidā.
5. Dodiet elementiem daudz vietas
Ja jūs to vēl nezināt, atlieciet to atmiņā: baltā telpa ir jūsu draugs.
Katram dizaina elementam dodiet daudz vietas. Kosmoss palīdzēs pievērst uzmanību atsevišķiem elementiem, aizņemt “vietu”, lai jums nebūtu kārdinājuma pārblīvēt audekls un palīdzētu radīt vispārēju dizainu, kurā galvenā uzmanība tiek pievērsta.
Trieciens, kā pareizi izmantot telpu, ir konsekvence. Iestatiet noteikumus par vietas daudzumu, kas apņems atsevišķus elementus vai ietilps starp teksta rindām. Ja dizains izrādās pārāk neauglīgs, jums, iespējams, būs nedaudz jāatsakās no atstarpes. Jūs zināt, ka atstarpe ir pareiza, atverot dizainu svaigā veidā un dodoties tieši uz vietām, kuras lietotāji vispirms redz. (Nezināt, kādi tie ir? Atgriezieties pie 4. numura - Izveidojiet hierarhiju.)
6. Amp Up Contrast
Dizaina elementi ar augstu kontrastu - sākot ar krāsu izvēli un beidzot ar elementu lielumu - var dot projektam tikai nepieciešamo vizuālo smalkumu, pat visīsākajos kadros.
Lai iegūtu modernu iespēju, izmēģiniet spilgtu kontrastējošu krāsu paleti, lai pievērstu lietotāju uzmanību. Bold krāsas padarīs vienkāršu dizainu sarežģītāku un interesantāku nekā melnbalts variants. Lai maksimāli izmantotu kontrastējošās krāsas, izvēlieties nokrāsas no pretējām krāsu diska pozīcijām ar līdzīgu piesātinājumu. Ja šī opcija ir par daudz jūsu vēlmēm, izmēģiniet citus pārus, kuru pamatā ir krāsu ritenis. (Jūs varētu pat atrast negaidītu jaunu izlasi, piemēram, purpursarkanās un teal kombinācijas iepriekš.)
7. Izmantojiet konsekventas ikonas un elementus
Konsekvence dizainā ir viens no labākajiem (un vissliktākajiem) slepkavas dizaina noslēpumiem. Tā ir viena no lietām, kas pārāk bieži tiek aizmirsta, jo dizaina projekti ir pakaiši vairākiem pogas stiliem vai sociālo mediju ikonām, kas vienkārši neatbilst pārējai vietnes ikonogrāfijai.
Lietotāja saskarnes elementiem nevajadzētu būt pārdomātiem.
Ir svarīgi izveidot ikonu un lietotāja interfeisa elementu kopu un kārtulas un tos vienādi izmantot visā projektā. (Jūs pat varat iegādāties vai lejupielādēt ikonu fontu vai lietotāja interfeisa elementu komplektu, ja nevēlaties tos izveidot no jauna.)
Izvēlieties elementu krāsu, izmantojiet to pašu kursora darbību vai efektu katram (vienu elementiem, uz kuriem var noklikšķināt, otru elementiem, kuriem nav) un izmēru elementiem, pamatojoties uz izmantošanu. (Ir pieņemami, ka elementiem, kas ir nedaudz grafiskāki, ir gan ikonas lielums, gan pārāk liela opcija.)
Praticca tirdzniecības automāti izmanto lielizmēra ikonas, piemēram, lai norādītu lietotājus, ja ir vairāk informācijas. + Atrodas krāsainas ikonas iekšpusē. Visas trīs ikonas ir identiskas neatkarīgi no krāsas. Viņi visi pārvietojas ar vienu peles kursoru un visi rīkojas vienādi, kad lietotājs noklikšķina. Viena un tā pati ikona visā vietnē tiek izmantota mazāka, lai sāktu jaunus satura bitus un palīdzētu lietotājiem skenēt kopiju.
Secinājums
Vienkāršam dizainam nav jābūt pilnīgi minimālam, un tajā nav jābūt izklaidējošiem elementiem vai lietotāja interfeisa labumiem. Vienkāršs dizains ir ļoti izmantojams un intuitīvs, ļaujot lietotājiem iesaistīties bez jautājumiem vai sarežģītām instrukcijām.
Lai gan ir vieta sarežģītākām vietnēm vai lietotāju mijiedarbībai, lielākajai daļai vietņu dizainu var gūt labumu no KISS pieejas. Nepārdomājiet to, un arī lietotājiem to nevajadzēs.
