Krāsas, fonti un "brīvā telpa" – trīs lietas, kas padara lapu profesionālu
Labs dizains palīdz apmeklētājam uzticēties un saprast, kur skatīties. Uzzini, kā izvēlēties krāsas, fontus un izmantot brīvo telpu, lai tava lapa izskatītos tīra un pārliecinoša.
MĀJASLAPAS DIZAINS
Iepriekšējā nodaļā noskaidrojām, ka saturs ir svarīgāks par dizainu. Bet tas nenozīmē, ka dizains nav svarīgs. Kad saturs ir kārtībā, dizains ir tas, kas liek klientam palikt – vai aiziet.
Un šeit ir labā ziņa: tev nav jābūt māksliniekam. Profesionāla izskata lapa balstās uz trim vienkāršiem elementiem.
Padoms: Kad lapa šķiet gatava, paskaties uz to kritiski un pajautā sev – vai katrs elements tiešām ir nepieciešams? Vai šī bilde kaut ko papildina, vai tā vienkārši aizpilda vietu? Vai šis teksta bloks saka kaut ko jaunu, vai atkārto jau teikto? Izdzēs vai samazini to, kas nestrādā. Gandrīz vienmēr lapa no tā tikai iegūs.
1. Krāsas – mazāk ir vairāk
Lielākā iesācēju kļūda – izmantot pārāk daudz krāsu. Rezultāts izskatās kā bērnu rotaļu laukums, nevis uzticams uzņēmums.
Zelta likums: 2 krāsas + 1 akcenta krāsa.
Pamatkrāsa – dominē lapā (bieži balta vai gaišpelēka).
Zīmola krāsa – tava "firmas krāsa", ko lieto virsrakstos un pogās.
Akcenta krāsa – lieto tikai CTA pogām un svarīgākajiem elementiem.
Piemērs: Maijas frizētavas lapa – balta pamatkrāsa, maigi rozā zīmola krāsa, tumši zaļa akcenta krāsa pogām. Vienkārši, tīri, profesionāli.
Kā atrast savas krāsas?
Ir divi veidi, un abi ir praktiski labi:
1. Izmanto krāsu ģeneratoru. Piemēram, rīks coolors.co automātiski ģenerē harmoniskas krāsu paletes – tu vienkārši spied atstarpes taustiņu, līdz parādās kaut kas, kas tev patīk. Nav vajadzīgas nekādas dizaina zināšanas.
2. Pašpiko no lapām, kas tev patīk. Ja redzi mājaslapu, kuras krāsas tev šķiet pievilcīgas, vari precīzi noskaidrot, kādas tās ir. Pārlūkprogrammā Chrome instalē bezmaksas paplašinājumu ColorZilla – tas ļauj uzklikšķināt uz jebkura elementa lapā un uzreiz redzēt tā precīzo krāsu kodu. Šo pieeju es saucu – mācīšanās no labākajiem.
2. Fonti – divi maksimums
Fonts ir kā balss tonis. Nepareizs fonts rada neērtības, pat ja klients to apzināti neievēro.
Izmanto maksimāli divus fontus:
Viens virsrakstiem – var būt raksturīgāks, personīgāks.
Viens pamattekstam – obligāti viegli lasāms, pat mazā izmērā.
Un ir viena stingra likuma: nekad neliec pamattekstu dekoratīvā fontā. Klients 3 sekundēs padosies un aizies.
Piemēri populāram fontu kombinācijām, kas strādā:
Playfair Display + Lato – elegants, der skaistumkopšanai, interjeram, modei.
Montserrat + Open Sans – moderns, tīrs, der tehnoloģijām, pakalpojumiem.
Merriweather + Source Sans Pro – uzticams, nopietns, der juristiem, finansistiem, ārstiem.
Raleway + Roboto – radošs, bet lasāms, der portfeļiem, dizaineriem, fotogrāfiem.
3. Brīvā telpa – neaizpildi katru centimetru
Šis ir visgrūtāk saprotamais dizaina princips iesācējiem. Instinkts saka – "lapai ir jābūt pilnai, citādi izskatīsies tukša." Bet patiesībā ir otrādi.
Brīvā telpa – atstarpe starp elementiem – ir tā, kas liek lapai izskatīties profesionāli. Tā ved klienta aci uz svarīgāko un ļauj saturam "elpot".
Atceries veikala piemēru no 3.1. nodaļas "Kas ir mājaslapas struktūra un kāpēc tā ir svarīga?" Iedomājies luksusa veikalu – piecas preces, katrai sava vieta, ap katru – telpa. Tagad iedomājies tirgu – simt preces samestas kaudzē. Produkts var būt vienāds. Sajūta – pilnīgi pretēja. Tieši tāpat darbojas tava mājaslapa.
Ieteikums: Sāc ar otro metodi – atrod 2-3 lapas savā nozarē, kas tev šķiet profesionālas, un paskatīsies, kādas krāsas tās lieto. Tad ģeneratorā pameklē līdzīgas. Tā tu iegūsi krāsas, kas jau ir pārbaudītas un strādā tavā nozarē.
Ieteikums: Fontus meklē Google Fonts (fonts.google.com) – tur ir tūkstošiem fontu pilnīgi bez maksas, un nebūs nekādu problēmu ar autortiesībām. Visas iepriekš minētās kombinācijas tur ir atrodamas. Mājaslapu konstruktori Hostinger un Squarespace šos fontus piedāvā tieši no turienes – tāpēc to iebūvētie fontu pāri ir droša izvēle.
Atceries: Profesionāls dizains nav dārgs vai sarežģīts. Tas ir disciplinēts. Divas krāsas, divi fonti, pietiekami daudz brīvās telpas starp elementiem – un tava lapa jau atšķirsies no 80% konkurentu.
1. Mājaslapas nosaukums / domēns
2. Hostings / mājaslapas konstruktors
3. Mājaslapas struktūra
4. Mājaslapas saturs
5. Mājaslapas dizains
6. Mājaslapas būvēšana
7. SEO pamati
8. Publicēšana un uzturēšana
Ceļveža saturs
© 2026 izveido-majaslapu.lv