Spalvos ir šriftai dažnai vertinami pagal skonį, bet svetainėje jie turi praktinę užduotį. Jie padeda skaityti, atpažinti svarbiausius veiksmus ir sukurti nuoseklų verslo įspūdį.
Kontrastas svarbesnis už efektą
Jei tekstą sunku skaityti, graži spalva nepadeda. Mygtukai, nuorodos ir svarbios žinutės turi būti aiškiai matomi tiek kompiuteryje, tiek telefone.
Spalvos ir šriftai turi dirbti
Svetainės spalvos ir šriftai nėra vien skonio klausimas. Jie lemia, kaip lengvai žmogus skaito, ką pastebi pirmiausia ir ar aiškiai mato svarbius veiksmus.
Jeigu dizainas gražus, bet tekstą sunku skaityti, jis nepadeda. Svetainėje estetika turi eiti kartu su funkcija.
Šriftai turi būti skaitomi
Dekoratyvus šriftas gali tikti logotipui ar akcentui, bet ilgesniam tekstui reikia ramaus ir aiškaus šrifto. Prastas skaitomumas greitai vargina lankytoją.
- Vienas pagrindinis teksto šriftas.
- Aiški antraščių hierarchija.
- Pakankamas teksto dydis telefone.
- Nuoseklus mygtukų stilius.
Kontrastas yra bazė
Pirmiausia verta pasirūpinti kontrastu. Tekstas turi būti aiškus ant fono, o mygtukai turi išsiskirti iš aplinkos. Ypač tai svarbu telefone, kur ekranas mažesnis, o dėmesys trumpesnis.
Spalvų perteklius taip pat trukdo. Jei viskas ryšku, niekas nebeišsiskiria.
Kaip atrodo tvarkingas rinkinys
Verslo svetainei dažnai pakanka kelių aiškių vaidmenų: neutrali fono spalva, tamsus tekstas, viena pagrindinė CTA spalva ir keli akcentai. Toks rinkinys leidžia kurti nuoseklų, neperkrautą įspūdį.
Patikrinkite prieš paleidimą
- Ar tekstą lengva skaityti telefone?
- Ar CTA mygtukai aiškiai matomi?
- Ar nenaudojama per daug šriftų?
- Ar antraštės turi aiškią hierarchiją?
- Ar spalvos dera su prekės ženklu?
Geras stilius jaučiasi ramiai
Geras vizualinis stilius neturi varginti. Jis padeda lankytojui greičiau suprasti turinį ir pasitikėti svetaine.
Spalvų vaidmenys padeda išvengti chaoso
Kiekviena spalva svetainėje turėtų turėti vaidmenį. Viena gali būti pagrindinė veiksmo spalva, kita skirta fonams, trečia akcentams. Jei visos spalvos naudojamos visur, lankytojas nebesupranta, kas svarbiausia.
Ypač svarbu CTA spalva. Jei mygtukai susilieja su dekoru arba kiekviename puslapyje atrodo skirtingai, veiksmas tampa mažiau aiškus.
Šriftų pasirinkimas turi atlaikyti realų turinį
Šriftas, kuris gražiai atrodo viename maketo sakinyje, gali būti nepatogus ilgesniam tekstui. Todėl verta vertinti ne tik antraštes, bet ir pastraipas, sąrašus, korteles, mygtukus ir mobilią versiją.
Geras šriftų derinys dažnai yra paprastas: aiškus tekstinis šriftas, ryškesnės antraštės ir pakankamas dydis telefone.
- Vienas pagrindinis teksto šriftas.
- Aiški antraščių hierarchija.
- Pakankamas dydis telefone.
- Geras kontrastas.
- Nuoseklūs mygtukai.
Jeigu norite dizaino, kuris ne tik atrodo tvarkingai, bet ir padeda lankytojui suprasti pasiūlymą, Cody gali padėti nuo struktūros iki vizualinio sprendimo. Daugiau apie tai: Vizualinis identitetas arba kontaktai.
Spalvos ir šriftai turi atitikti verslo toną
Renkantis spalvas lengva vadovautis vien asmeniniu skoniu, tačiau svetainė turi kalbėti ne tik savininkui, bet ir klientui. Finansų, teisės ar B2B paslaugų svetainei dažnai tinka ramesnis, patikimumą kuriantis stilius. Kūrybinei veiklai ar vartotojiškam prekės ženklui galima leisti daugiau energijos, kontrasto ir charakterio.
Šriftai taip pat kuria įspūdį. Per dekoratyvus šriftas gali atrodyti įdomiai, bet būti sunkiai skaitomas. Per daug skirtingų šriftų kuria chaosą. Dažniausiai profesionaliam rezultatui pakanka aiškios tipografijos sistemos: vieno pagrindinio šrifto tekstui ir gerai suderinto akcento antraštėms, jei jo tikrai reikia.
Kaip išvengti vizualinio triukšmo
Gera spalvų paletė turi aiškią hierarchiją: pagrindinė spalva, akcentas, neutralūs fonai ir tekstui tinkamas kontrastas. Jei kiekvienas blokas turi vis kitą spalvą, lankytojui sunkiau susikoncentruoti į turinį. Mygtukai taip pat turi būti nuoseklūs, kad žmogus greitai suprastų, kur yra svarbiausi veiksmai.
Cody dizaino sprendimus derina prie verslo pobūdžio, o ne prie atsitiktinės mados. Taip svetainė atrodo moderni, bet kartu išlieka aiški ir patikima.
Vizualinė sistema padeda svetainei atrodyti vientisai
Geras dizainas nėra vien gražiai parinkta spalva. Tai sistema, kuri kartojasi per visą svetainę: antraščių dydžiai, tekstų tarpai, mygtukų stilius, nuotraukų naudojimas, ikonų logika ir akcentinės spalvos. Kai šie dalykai nuoseklūs, svetainė atrodo profesionalesnė net tada, kai pati struktūra yra paprasta.
Jei kiekvienas puslapis atrodo lyg sukurtas atskirai, lankytojas jaučia netvarką. Tai gali mažinti pasitikėjimą, ypač jei verslas parduoda brangesnes ar atsakingesnes paslaugas. Vientisumas leidžia žmogui lengviau skaityti ir orientuotis, nes jam nereikia iš naujo mokytis kiekvieno puslapio.
Renkantis spalvas ir šriftus verta galvoti apie ilgalaikį naudojimą. Ar paletė tiks ir po metų? Ar šriftas gerai skaitomas telefone? Ar akcentinė spalva aiškiai išskiria veiksmus? Tokie klausimai padeda priimti ne tik gražius, bet ir praktiškus dizaino sprendimus.
Kontrastas yra ne stiliaus smulkmena, o patogumas
Net gražiausia spalvų paletė neveiks, jei tekstas sunkiai skaitomas. Per mažas kontrastas ypač trukdo telefone, lauke ar vyresniems lankytojams. Todėl spalvas reikia vertinti ne tik pagal nuotaiką, bet ir pagal skaitomumą.
Mygtukų spalvos taip pat turi būti aiškios. Jei pagrindinis veiksmas susilieja su fonu arba visi mygtukai atrodo vienodai, žmogui sunkiau suprasti, ką daryti toliau. Geras dizainas padeda rinktis be papildomo galvojimo.
Jei abejojate dėl spalvų ar šriftų, geriausia juos išbandyti realiuose puslapiuose, o ne atskirai. Spalva, kuri gražiai atrodo paletėje, gali neveikti šalia nuotraukų, ilgesnio teksto ar mygtukų. Dizainą reikia vertinti kontekste.
Rašome apie svetainių kūrimą, SEO ir el. prekybą — iš daugiau nei 200 projektų patirties.
