Esmamulje loomiseks on sul ainult üks võimalus ja tänapäeval juhtub see pahatihti läbi veebi. Seetõttu on igal ettevõttel mõistlik oma internetikuvandisse natuke panustada. Konkurents on tihe ja kui sinu leht kliendis usaldust ei tekita siis on tal järgmine juba kliki kaugusel.
Lisaks aitab hea disain inimesel lehel kauem püsida. Mida kauem on inimene sinu lehel, seda rohkem loeb ta su sisu ja seda suurem on tõenäosus, et temast saab lõpuks ka klient.
"Aga mul ei ole aega, et ninnu nännuga tegeleda ja disainerid ka küsivad hingehinda"
Selle peale, hea sõber, ütlen ma, et täitsa asjaliku alguse peale ei kulu üldsegi nii palju aega. Jätka lugemist ja räägin sulle neljast põhitõest, mille seadistamine ei võta mõhkugi aega, mille implementeerimine on lihtne ja mis tagavad koheselt parema tulemuse.
Pane oma lehel värvid paika
Värve on maailmas palju ja kõik nad on omamoodi ilusad. Siiski ei sobi kõik nad omavahel kokku ja paljud neist on ehk sinu ettevõtte kontekstis veidrad.
Millised värvid siis ikkagi valida? Esmalt vali välja põhitoon. Siin on oluline mõelda värvi tähenduse peale (jah, eri värvid seonduvad tugevalt eri emotsioonidega). Näiteks kui sinine on tasakaalukas ja professionaalne siis punane on energiline ja kirglik. Need sümboolsed tähendused erinevad regiooniti ja kindlasti saab seda hiljem painutada kasutades erinevaid alamtoone. Samuti peab ette vaatama ka värvide nö negatiivsete pooltega. Näiteks punane on küll kirglik, aga samas tähendab see ka ohtu ja edasi minemise keeldu.
Nüüd tuleks välja mõelda selle värvi täpne toon. Seda on tavainimesel kõige lihtsam teha kasutades internetist leitavaid generaatoreid. Hea näide on näiteks Coolors värvigeneraator, mis annab sulle erinevaid värvivariante lihtsalt tühiku vajutusega. Kliki seni, kuni leiad endale sobiva põhitooni. Kindlasti ei tasu põhivärvina kasutada lihtsalt sinist, punast või rohelist vaid nende toonide heledamaid, tumedamaid või vahepealseid väärtuseid. See annab sinu lehele kohe kõvasti omapära juurde.
Selleks et sinu värv nüüd tõeliselt särada saaks tuleb talle sõpru leida. See on üldiselt kõige suurem auk kuhu kukkuda, sest nüüd tuleb mängu värviteadus ja muutujaid mille peale mõelda on järsku palju. Kui sa mõelda ei viitsi siis Coolors võimaldab sama nupu vajutusega ka kombinatsioone luua. Jälgi lihtsalt, et kaetud saaks taustavärv, tekstivärv, põhivärv ja ehk ka mõni põhivärvi alternatiiv. Värvide kombineerimisel tuleb silmas pidada ka kontrasti. Kui värvid üksteisest piisavalt ei eristu muutub lugemine keeruliseks ja lehe üldpilt läheb allamäge.
Määra ära põhilised tekstistiilid ja nende suurused
Selleks, et leht oleks ühtne tuleb kindlasti läbi mõelda fondid ehk tekstistiilid. Välja tasuks välja valida kuni 3 fonti, kuid üldjuhul piirduks ma kahega. Üks neist on omanäolisem pealkirjade jaoks ja teine leiab kasutust pikemates sisutekstides ja tema eripäraks peaks olema lihtsus ja loetavus. Nii saavutad lehel unikaalsuse kaotamata loetavust. Osades situatsioonides olen valinud ka kolmanda fondi, millel on kõigest üks roll - kaunistused, kuid see on pigem harv nähtus ja kenasti saab hakkama ka ühe fondiga. Hea valik tasuta fonte on pakkuda Google'il.
Kui fondid on valitud tuleks neile määrata suurus. See on oluline, et lehele tekiks tugev hierarhia ja tekst oleks lihtsasti loetav. Mina üldiselt defineerin kolm pealkirja:
- üks hästi suur pealkiri, mis on mõeldud bännerisse ja muude tähtsate asjade esile tõstmiseks,
- keskmine pealkiri, mis on mõeldud sisse juhatama enamust sektsioone,
- väike pealkiri, mida saab kasutada kaartide küljes ja tekstilõikude jupitamiseks.
Sisu suurusi määran kaks:
- tavaline sisutekst, mis katab 95% kogu sisust,
- sekundaarne tekst, mille lisan tihti piltide alla ja muu väheolulise jaoks.
Muidugi võid määrata kõigile oma fondi suurustele ka erinevad paksused, et saaks asju ka lõigu või pealkirja sees esile tõsta.
Kui sul mõni päev tekib rohkem aega võid oma uue hierarhilise kirjasüsteemiga kõik sisutekstid üle käija jälgides, et ükski lõik ei oleks liiga pikk segmenteerides see pealkirjadega. Sinu kasutaja tänab sind, et ta saab su lehte nüüd kiirelt skänneerida.
Viimane väike nipp tekstide koha pealt: jälgi, et lõikudes oleks tekst sama moodi joondatud. Kõige loetavam on vasakjoondus, keskjoondus sobib hästi, kui sisu on lühike ja oluline ja paremjoondus on pigem harva kasutatud, kuid sellega saab luua visuaalset tasakaalu. Tähtis aga on - sektsiooni/bloki ulatuses ära joondust ilma põhjuseta muuda!
Disainime ära sinu tühja ruumi
Ei, me ei pane tühja ruumi sisse mustreid või jooni vaid teeme lihtsalt kindlaks, et seda on piisavalt.
Kuldreegel on, et mida rohkem on asjad temaatiliselt seotud, seda lähemal nad üksteisele olema peaksid. Näiteks kui sul on kolm tektsilõiku, mis koosnevad pealkirjast ja sisutekstist üksteise all, siis pealkirja ja sisuteksti vahel peaks olema nähtavalt vähem ruumi kui nende lõikude vahel.
Sama reegli järgi, kui tegemist on eri sektsioonidega peaks ruum olema veel suurem. Ühtsuse ja arendusesõbralikkuse huvides meeldib mulle endale kasutada vahede määramisel kahe kordajaid (2, 4, 8, 16, 32, 64 jne).
Kui sul on lehel visuaalsed kastid/konteinerid mingite sisude ümber, tuleks kindlaks teha, et sisu ja kasti äärte vahel on parajalt õhku.
Millised pildid on sinu lehel?
Piltidel on oluline väärtus inimeste kõnetamisel. Millised need pildid on mõjutab tunduvalt sinu brändi kuvandit. On vahe, kas su lehte kaunistavad nipsakad illustratsioonid, professionaalsed fotod või telefoniga pildistatud kaadrid. Kui fotograafi või illustraatori palkamine käib aga üle rahakoti jõu ei pea nukrutsema. Tänapäevase tehisintellekti genereeritud pildid ei ole küll sobilikud tootefotode jaoks (usun, et see poleks eetiline), kuid illustratiivseteks piltideks on nad väga head, paindlikud ja jäävad ka rahakotisõbralikuks.
Toon mõne näite:
Kokkuvõtteks
Usun, et hea tahtmise juures saab ülalmainitud nipid implementeerida mõne tunniga ja halvimal juhul paari päevaga, kuid nende mõju sinu visuaalsele identiteedile, külastatavusele ja konversioonidele on kindlasti seda väärt.
Kui sulle jäi midagi arusaamatuks või tekkis muid küsimusi/tähelepankuid võid meile julgelt helistada või kirjutada. Anna endast märku ja me aitame!