Vietnes fons. 8 padomi, kā izveidot perfektu vietnes fonu

Vietnes fons izskatās kā elpošana. Tie ir daļa no mūsu ikdienas, bet mēs nekad nepievēršam tiem pietiekami daudz uzmanības, ja vien nav acīmredzama kļūda. Un tāpat kā katrs elpas vilciens, vietnes fons ir jūsu vietnes veiksmes un dzīves neatņemama sastāvdaļa; tie uzlabo visu citu vietnes daļu darbību.

Kāds ir vietnes fons?

Vietņu foni ir attēli, šļakatas krāsa vai dizains, kas aizpilda jūsu vietnes ekrānu. Bieži vien tas ir arī pirmais iespaids, ko apmeklētājs atstāj par jūsu vietni, zīmolu un uzņēmumu, tāpēc ir svarīgi, lai tas būtu pareizi. Ideāls fons nodos jūsu zīmola stāsts, savukārt nepareizais var izmest jūsu ziņojumu. Jūsu vietne ir kā apģērbs, ko valkāsit darba intervijā vai pirmajā randiņā. Vai meklējat jautru un pieejamu izskatu vai kaut ko izsmalcinātu un ekskluzīvu?

Patiesībā šajā šķietami pamata tīmekļa dizaina aspektā ir daudz vairāk, nekā jūs varētu domāt. Nepietiek, lai jūsu vietnes fons izskatās labi. Tāpat kā tad, kad dodaties uz pirmo randiņu vai darba interviju, jums ir jāpārliecinās, ka izstāstiet savu stāstu, apstipriniet, ka satikšanās vieta ir pieejama, un pārliecinieties, ka otra persona izbauda savu pieredzi ar jums. Tāpat ir sagaidāms, ka vietņu fons nodrošinās labu lietotāja pieredzi (UX) un būs lasāms jūsu auditorijai.

Vietnes pamati

Pirms ķeramies pie padomiem, ir svarīgi izkļūt no pamatiem.

Iepazīstieties ar divu veidu vietņu foniem

Ķermeņa fons

Korpusa fons ir apgabals, kas aptver lielāko ekrāna daļu. Šeit jūs atradīsiet fonus, kas sastāv no ilustrācijām, faktūrām, pilniem attēliem vai krāsu gradientiem. Bieži vien tas ir tikai balts.

Fona saturs. Vietnes fons

Satura fons neaizsedz visu ekrānu, bet gan ieskauj apgabalu ap citām sadaļām, piemēram, attēlu vai tekstu. Tas piešķir struktūru un palīdz izcelt un atdalīt dažādas vietnes sadaļas.

Izmantojiet virsrakstus, lai iegūtu papildu popularitāti

Jūsu galvene atrodas jūsu lapas augšdaļā, un tas ir svarīgs veids, kā parādīt savas vietnes personību. Šī ir lieliska vieta, kur izmantot uzkrītošus elementus, piemēram, ilustrācijas vai krāsu uzplaiksnījumus, jo tas, visticamāk, nenovērsīs uzmanību no pamatā esošā satura.

Ievērojiet kontrastu

Noteikti ņemiet vērā krāsu kontrastu. Nepareizs kontrasts var padarīt jūsu vietnes saturu grūti lasāmu, padarot to nepieejamu apmeklētājiem, tāpēc noteikti pārbaudiet kontrasta attiecību.

Iet uz grafiku. Vietnes fons

Izmantojot grafiskos elementus, jūsu vietne iegūst atšķirīgu izskatu un stāsta stāstu, izmantojot tikai vizuālos elementus. Taču pārliecinieties, vai grafisko elementu izmantošanas stils atbilst jūsu vietnes vispārējam stilam, lai nodrošinātu lietotājiem konsekventu pieredzi.

Uzlabojiet savu fonu

Balts vietņu fons ir vienkārša un mūžīga izvēle. Bet visa korpusa foniem tīmekļa dizainā (piemēram, gradienta, pilna attēla vai viengabala krāsu bloka izmantošana) var būt milzīga ietekme, ja tas tiek izpildīts pareizi. Pārliecinieties, vai attēls nav pārāk spilgts vai tajā nav tumši plankumi, lai tas nenovērstu uzmanību no jūsu satura. Jūs vēlaties, lai lietotāji varētu viegli un uzreiz izlasīt jūsu uzņēmuma darbības jomas.

Pasveiciniet svarīgākos notikumus

Izceltie elementi (ļoti tievas līnijas, kas sastāv no dažādām krāsām atsevišķām jūsu vietnes sadaļām) palīdz izjaukt monohromatiskos blokus un uzlabo lasāmību.

8 padomi, kā izveidot perfektu vietnes fonu
Sākot no

1. Izmantojiet viedo krāsu saskarni

Tīmekļa dizaina fonu krāsu un krāsu kombināciju izvēle ir svarīga, jo tās ietekmē to, kā lietotāji lasīs jūsu vietni. Krāsa tīmekļa dizainā var palīdzēt piesaistīt uzmanību, izraisīt emocijas, radīt vēlmi, piesaistīt uzmanību un iegūt lietotāju lojalitāti.

2. Padariet savu fona attēlu īpaši lasāmu. Vietnes fons

Ideālajam fona attēlam vajadzētu izskatīties labi, bet, kas ir vēl svarīgāk, tam vajadzētu izskatīties lieliski. Nav jēgas savai vietnei izvēlēties skaistu fona attēlu, ja nevarat nolasīt tekstu virs tā. Ja esat atradis perfektu attēlu, bet jūsu teksts nav salasāms virs satura, mēģiniet izmantot programmatūru fotoattēlu rediģēšana vai CSS, lai mainītu tādas lietas kā kontrasts, necaurredzamība vai pat pievienotu slāņu maskas. Ja tas nepalīdz, mēģiniet izvēlēties pareizo šriftu un paša satura fonta lielumu.

Cidery vietnes fona attēls ar viegli lasāmu fontu no gotza

3. Piešķiriet vienkrāsainu fona krāsu

Fotoattēls nav piemērots jūsu vietnei? Kāpēc gan nemēģināt savas vietnes fonam izmantot vienu vienkrāsainu krāsu. Tas parasti ir lielisks veids, kā nodrošināt, lai jūsu vietne būtu salasāma, ja vien kontrasts ir pareizs. Vienkārši pārliecinieties, vai krāsa atbilst jūsu zīmolam, nozarei un iespaidam par jūsu uzņēmumu. Piemēram, siltām krāsām, piemēram, sarkanai un rozā, ir enerģiska ietekme uz lietotāju un tās var būt noderīgas fitnesa zīmoliem, savukārt aukstajām krāsām, piemēram, zaļai un zilai, ir nomierinoša iedarbība, un tās faktiski ir visbiežāk izmantotās krāsas vietnēs.

4. Izvairieties no aizņemtiem un pārblīvētiem attēliem

Tas ir īpaši svarīgi, pievienojot tekstu attēla augšpusē. Pat ja vēlaties savai vietnei izvēlēties pārsteidzošu attēlu, tas nedrīkst novērst uzmanību no vēstījuma un stāsta, kuru vēlaties pastāstīt. Piemēram, ainavas var radīt izcili tīmekļa vietņu fona attēli, jo tie ir pievilcīgi un nav pārblīvēti.

5. Padariet to modernu

Tīmekļa vietnes fons, kas ir populārs, var padarīt jūsu dizainu modernu un jaunu. Mēģiniet izmantot dažas no lielākajām tendencēm tīmekļa dizainā, ģeometriskās formas, ieskaujoši 3D elementi, mirdzošas, mirdzošas krāsu shēmas, tumšs režīms vai Pantone krāsas gadu tā dizainā. Vienkārši atcerieties, ka, izmantojot kaut ko modernu mūžīgā dizainā, jums būs jāatjaunina fons agrāk nekā vēlāk.

6. Izveidojiet animāciju. Vietnes fons

Animēts vietnes fons ir patiešām labs veids, kā atdzīvināt savu vietni. Pārliecinieties, vai animācija ir smalka, lai tā nenovirzītu uzmanību no galvenā attēla vai ziņojumapmaiņas vai nepārsniegtu noformējuma priekšplānu. Tā kā animācijai ir tik enerģiska sajūta, ir ieteicams iekļaut smalku krāsu paleti.

7. Iet ar gradientu. Vietnes fons

Jā, ir atgriezušās 90. gadu tendences, tostarp tās, kas dizaina pasauli pārņēma vētra — gradienti. Pazīstams arī kā krāsu pārejas, gradienti ir pakāpeniska vienas krāsas sajaukšana citā. Tie ir vizuāli pievilcīgi, un tos var izmantot kā atsevišķu fonu vai slāņot virs fotoattēla, lai jūsu vietne patiešām kļūtu pop.

8. Padariet to mobilo. Vietnes fons

Mēs esam 2020. gadā. Pat ja veidojat savu vietni galddatorā, patiesība ir tāda, ka lielākā daļa tiešsaistes satura tiek patērēta caur mobilās ierīces. Noteikti ievērojiet tālāk norādītos vietnes baušļus, lai padarītu savu vietni piemērotu mobilajām ierīcēm.

• Padariet savu vietni adaptīvu.
• Padariet cilvēku meklēto informāciju vieglāk atrodamu.
• Neizmantojiet Flash.
• Iekļaujiet skatvietas metatagu.
• Iespējot veidlapu automātisko aizpildīšanu.
• Padariet pogas pietiekami lielus, lai ērti strādātu mobilajā tālrunī.
• Izmantojiet lielu fonta izmēru.
• Saspiediet attēlus un CSS.

Izvēloties vietnes fona attēlu, noteikti izvēlieties attēlu, kas ir piemērots mazākiem ekrāniem. Piemēram, pārnēsājamā ierīcē var nedarboties patiesi plats attēls.

Kā vietnē iegūt savu sapņu fonu. Vietnes fons
Sākot no

Pareiza fona izvēle var padarīt jūsu vietni no viduvējas līdz lieliskai. Atcerieties, ka lietotāja pieredze ir viss, tāpēc izvēlieties krāsas un attēlus, kas uzrunā jūsu apmeklētājus, un pārliecinieties, ka, izvēloties vietnes fona attēlu, varat viegli izlasīt tekstu virs tā.

Apsveriet vienkrāsainas fona krāsas, par katru cenu izvairieties no pārblīvētiem attēliem un apsveriet iespēju iekļaut tādu tendenci kā gradients vai ģeometriska forma, lai saglabātu modernu un modernu. Izmēģiniet savus spēkus animācijā, ja patiešām vēlaties izcelties no pūļa, un vienmēr izvēlieties fonu, kas ir piemērots mazākiem ekrāniem.

Vissvarīgākais ir atcerēties, ka dizainā nav skaidru noteikumu. Patiesībā labākie dizaini bieži vien neievēro nekādus noteikumus. Vissvarīgākais ir jūsu lietotāja pieredze. Izmantojiet šos padomus kā sākumpunktu un nebaidieties uzticēties saviem mākslinieciskajiem refleksiem.

Tipogrāfija АЗБУКА