Vai SaaS produktam un mārketingam vajadzētu lietot vienu un to pašu fontu?

Šis jautajums bieži vien uzpeld strādājot pie SaaS produktu zīmola un produkta dizaina:

Vai produktā jālieto tas pats fonts, ko izmanto mājaslapā, e-pastos un reklāmās? Vai var izmantot vairākus fontus?

Īsā atbilde – tas atkarīgs no tavas zīmola stratēģijas. Fonts produktā ietekmē lietojamību, bet mārketingā – personību un uzticamību. Šajā rakstā aplūkosim, kad ir vērts pieturēties pie viena fonta un kad divi patiesībā strādā labāk.

Pirms sākam, definēsim kas īsti ir biežāk lietotais termins fonts un kā tas atšķiras no burtveidola (typeface):

Fonts – tas ir konkrēts burtu stils, piemēram, Arial Bold.

Burtveidols – tā ir visa fontu saime, piemēram, Arial.

Viens burtveidols gan produktam, gan mārketingam

Plusi — viss izskatās vienoti, plūstoši, un zīmolu pārvaldīt ir vieglāk.

• Vienots izskats. Produkta kontrolpanelis, mājaslapa, e-pasti — viss runā vienā “balsī”.

• Pēc sajūtas plūstoši. Lietotājs pāriet no mājaslapas uz lietotni un tad uz e-pastu, un viss izskatās vienoti. Viens burtveidols dažādos svaros un izmēros bez piepūles rada šo sajūtu.

• Mazāk galvassāpju. Mazāk fontu, mazāk jautājumu komandā, “kurš fonts kurā gadījumā jālieto?”

Mīnusi — kopskats var likties vienmuļš, mārketingā paliek mazāk vietas radošumam.

• Ja produkta fonts ir ļoti funkcionāls (piemēram, Inter vai Roboto), tas var būt pārāk “vienkāršs” mārketinga materiāliem.

• Mazāk iespēju izpaust zīmola personību. Vienots fonts bieži ierobežo vizuālo izteiksmi lielajos virsrakstos vai reklāmās.

👀 Pāris veiksmīgi piemēri izmantojot vienu burtveidolu:

Webflow tiek galā ar visu, izmantojot tikai vienu fontu. VF Visual Sans Variable: svars 600 virsrakstiem (drosmīgi un pamanāmi), 400 pamattekstam un 500 pogām un hipersaitēm. Smagais virsrakstu fonts rada spēcīgu kontrastu un pat izskatās dekoratīvi — perfekti šādam radoša rīka zīmolam.

Smartposti arī izmanto tikai vienu fontu — postiFont. 700 svars virsrakstiem un pogām, 400 pamattekstam. Kopumā šī fontu izvēle piešķir mazāk personības nekā Webflow piemērā, bet tieši tas šim zīmolam un interfeisam ir vajadzīgs — vienkāršība un vieglums.

Divi dažādi burtveidoli: viens produktam, viens mārketingam

Ieguvumi — elastība, izteiksmīgums, pielāgošanās katram kanālam

• Mārketingā vairāk personības. Lieli, drosmīgi virsraksti, izteiksmīgas galvenes — tas viss labi strādā reklāmās un mājaslapā.

• Produkts paliek tīrs un viegli lasāms. Lietotnē visam jābūt ērti salasāmam, ātri ielādējamam un patīkamam ilgstošākā lietošanā.

• Rezultātā tu iegūsti divtoņu balsi — nopietnāku produktā un izteiksmīgāku mārketingā vai stāstos. Vai arī otrādi!

Mīnusi — risks zaudēt zīmola vienotību, grūtāk komandām bez dizaina pieredzes (reizēm pat dizaineriem)

• Ja fonti nesader, zīmols var šķist sašķēlies. Lietotājam zemapziņā var rasties jautājums: “Vai tas vispār ir tas pats uzņēmums?”

• Vairāk fontu = vairāk iespēju kļūdīties. Katrs papildus burtveidols nozīmē vēl vienu izvēli. Un, ja ar to strādā cilvēki bez dizaina pieredzes, fonts bieži tiek lietots nekonsekventi. Rezultātā mārketinga materiāli un pat iekšējie dokumenti var ātri attālināties no tā vizuālā tēla, kas sakotneji iecerēts.

👀 Pāris veiksmīgi piemēri izmantojot divus burtveidolus:

Wise spēlējas ar diviem fontiem: Wise Sans drosmīgiem, īsiem mārketinga virsrakstiem un Inter pārējam saturam (arī mazākas nozīmes virsrakstiem). Šī kombinācija rada kontrastu, palīdz vadīt skatienu un piešķir personību. Savā produktā Wise izmanto tikai Inter.

Adalo lieto Gilroy (700) virsrakstiem + Work Sans (400 un 700) pamattekstiem un pogām. Taču pašā SaaS produktā paliek tikai pie Work Sans — izmantojot dažādus burtveidola izmērus, svarus un krāsas.

Hyperscan izvēlas Lexend Deca virsrakstiem (500 un 700 vēl drosmīgākam izskatam) + Archivo pamattekstiem un pogām. Savā SaaS produktā viņi pieturas tikai pie viena fonta — Archivo, izmantojot tā plašo svaru izvēli.

Labā prakse SaaS tipogrāfijā

Kā iegūt labāko no abām pasaulēm:

👉 Izvēlies vienu galveno zīmola burtveidolu — lieto to visur pamattekstam (gan produktā, gan lielākajā daļā mārketinga).

👉 Gribi vairāk stila? Pievieno otru display/akcenta fontu virsrakstiem vai lielajiem vizuālajiem materiāliem mārketingā. Produkta UI atstāj tīru un vienkāršu.

👉 Lieto viena burtveidola dažādas variācijas — maini burtu svaru vai izmēru (piemēram, “Inter Regular” un “Inter Bold” produktā, bet “Inter Black” virsrakstiem mārketingā).

👉 Notestē dažādās ierīcēs un ekrānos. Kas datorā izskatās labi, mobilajā var šķirst pārāk šaurs, neskaidrs vai saspiests.

👉 Fontiem ir jāharmonizē savā starpā — līdzīgas proporcijas, kontrasts vai stils. Piemēram, stūrains, ģeometrisks virsrakstu fonts ar apaļu, rotaļīgu pamatfontu kopskatā var izskatīties dīvaini.

Kopsavilkums:

• Ja vari, lieto vienu burtveidolu gan produktam, gan mārketingam. Izņēmums — ja mārketingā ļoti nepieciešama personība vai spēcīgs vizuālais efekts.

• Tādā gadījumā pievieno otru burtveidolu, bet tikai virsrakstiem, vai vēl labāk – tikai pašiem lielākajiem virsrakstiem (H0, H1). Un pārliecinies, ka abi labi sader.

• Pieturēšanās pie viena vai diviem rūpīgi izvēlētiem fontiem palīdz saglabāt konsekvenci, samazina kļūdu skaitu un nodrošina to, ka dažādos saskares punktos ar lietotāju tavs zīmols izskatās vienoti.

💡 Lai atrastu piemērotu otro burtveidolu (virsrasktiem), vari izmantot arī AI palīdzību. Vispirms atlasi savus Top3 primāros fontus, un tad palūdz AI ieteikt, kuri akcentu/display fonti pie tiem piestāv. Pēc tam atliek tikai lejupielādēt, uzinstalēt un notestēt savā produktā/mārketinga materiālos.

💡 Ja tavs produkts vai mārketings būs vairākās valodās, pārliecinies, ka izvēlētie fonti tās atbalsta. Ne visi fonti satur visus burtus un diakritiskās zīmes, tāpēc meklējot izmanto filtrus, lai atlasītu tavā gadījumā piemērotos.

Un atceries — īsa konsultācija ar dizaineri (īstu cilvēku) vienmēr ir laba ideja, ja tavā komandā tāda nav. AI ir foršs ideju ģenerēšanai, bet pirms palaist savu dizainu tautās, labāk parādīt to īstam cilvēkam. Vienmēr vari jautāt arī man! 😉 Piesakies uz konsultāciju.

-

Vēlies saņemt e-pastā dizaina padomus ne-dizaineriem?

Pieraksties e-pasta paziņojumiem. ✌️

 -

Vajadzīga konsultācija par dizainu? Sazinies ar mani.