Svetainės fonas. 8 patarimai, kaip sukurti tobulą svetainės foną

Svetainės fonas atrodo kaip kvėpavimas. Jie yra mūsų kasdienio gyvenimo dalis, tačiau mes niekada nekreipiame į juos pakankamai dėmesio, nebent yra akivaizdi klaida. Ir kaip kiekvienas įkvėpimas, svetainės fonas yra neatsiejama jūsų svetainės sėkmės ir gyvavimo dalis; dėl jų visos kitos svetainės dalys veikia geriau.

Kokie yra svetainės fonai?

Svetainės fonai yra vaizdai, purslai spalva ar dizainas, kurie užpildo jūsų svetainės ekraną. Taip pat dažnai tai susidaro pirmasis įspūdis, kurį lankytojas padarys apie jūsų svetainę, prekės ženklą ir verslą, todėl svarbu, kad jis būtų teisingas. Tobulas fonas perteiks jūsų prekės ženklo istorija, o netinkamas gali išmesti jūsų pranešimą. Jūsų svetainė yra tarsi drabužiai, kuriuos vilkėsite per darbo pokalbį ar pirmąjį pasimatymą. Norite įdomaus ir prieinamo išvaizdos ar kažko įmantraus ir išskirtinio?

Tiesą sakant, šiame, atrodytų, pagrindiniame interneto dizaino aspekte yra daug daugiau, nei jūs manote. Nepakanka, kad jūsų svetainės fonas tik gerai atrodytų. Kaip ir eidami į pirmą pasimatymą ar pokalbį dėl darbo, turite įsitikinti, kad papasakojate savo istoriją, patvirtinate, kad vieta, su kuria susitinkate, yra prieinama, ir įsitikinkite, kad kitas asmuo džiaugiasi savo patirtimi su jumis. Taip pat tikimasi, kad svetainės fonas suteiks gerą vartotojo patirtį (UX) ir bus skaitomas jūsų auditorijai.

Svetainės pagrindai

Prieš pradedant susipažinti su patarimais, svarbu išsiaiškinti pagrindus.

Susipažinkite su dviejų tipų svetainių fonais

Kūno fonas

Kūno fonas yra sritis, apimanti didžiąją ekrano dalį. Čia rasite fonus, sudarytus iš iliustracijų, tekstūrų, pilnų vaizdų arba spalvų gradientų. Dažnai jis būna tik baltas.

Fono turinys. Svetainės fonas

Turinio fonas neuždengia viso ekrano, o supa sritį aplink kitas dalis, pvz., vaizdą ar tekstą. Tai suteikia struktūrą ir padeda paryškinti bei atskirti skirtingas svetainės dalis.

Naudokite antraštes, kad padidintumėte populiarumą

Antraštė yra puslapio viršuje ir yra svarbus būdas parodyti svetainės asmenybę. Tai puiki vieta naudoti akį traukiančius elementus, pvz., iliustracijas ar spalvų dėsnius, nes greičiausiai tai neatitrauks dėmesio nuo pagrindinio turinio.

Atkreipkite dėmesį į kontrastą

Būtinai atsižvelkite į spalvų kontrastą. Dėl netinkamo kontrasto jūsų svetainės turinį gali būti sunku perskaityti, todėl lankytojams jis tampa nepasiekiamas, todėl būtinai patikrinkite kontrasto santykį.

Eikite į grafiką. Svetainės fonas

Grafinių elementų naudojimas suteikia svetainei išskirtinę išvaizdą ir pasakoja istoriją, naudodamas tik vaizdinius elementus. Tačiau įsitikinkite, kad grafinių elementų naudojimo stilius atitinka bendrą svetainės stilių, kad naudotojams teiktumėte nuoseklią patirtį.

Patobulinkite savo foną

Baltas svetainės fonas yra paprastas ir nesenstantis pasirinkimas. Tačiau viso kūno fonas kuriant žiniatinklio dizainą (pvz., naudojant gradientą, visą vaizdą ar vientisą spalvų bloką) gali turėti didžiulį poveikį, kai jis vykdomas teisingai. Įsitikinkite, kad vaizdas nėra per ryškus arba jame nėra tamsių dėmių, kad jis neatitrauktų dėmesio nuo jūsų turinio. Norite, kad jūsų naudotojai galėtų lengvai ir akimirksniu perskaityti, kas yra jūsų verslas.

Pasisveikinkite su svarbiausiomis akimirkomis

Svarbiausi elementai (labai plonos linijos, sudarytos iš skirtingų spalvų atskiroms svetainės sekcijoms) padeda suskaidyti vienspalvius blokus ir pagerinti skaitomumą.

8 patarimai, kaip sukurti tobulą svetainės foną
-

1. Naudokite išmaniąją spalvų sąsają

Svarbu pasirinkti spalvas ir spalvų derinius, kai kalbama apie interneto dizaino foną, nes jie prisideda prie to, kaip vartotojai skaitys jūsų svetainę. Spalvos interneto dizaino srityje gali padėti pritraukti dėmesį, sukelti emocijas, sukurti norą, pritraukti dėmesį ir įgyti vartotojų lojalumo.

2. Padarykite savo fono vaizdą ypač skaitomą. Svetainės fonas

Puikus fono vaizdas turėtų atrodyti gerai, bet dar svarbiau, kad jis turėtų atrodyti puikiai. Nėra prasmės pasirinkti gražų savo svetainės fono paveikslėlį, jei negalite perskaityti teksto viršuje. Jei radote tobulą vaizdą, bet jūsų tekstas neįskaitomas virš turinio, pabandykite naudoti programinę įrangą nuotraukų redagavimas arba CSS, kad pakeistumėte tokius dalykus kaip kontrastas, neskaidrumas ar net pridėtumėte sluoksnių kaukes. Jei tai nepadeda, pabandykite pasirinkti tinkamą šriftas ir paties turinio šrifto dydį.

„Cidery“ svetainės fono paveikslėlis su lengvai skaitomu šriftu iš gotza

3. Suteikite vientisą fono spalvą

Nuotrauka netinka jūsų svetainei? Kodėl gi nepabandžius savo svetainės fone naudoti vieną vientisą spalvą. Paprastai tai yra puikus būdas užtikrinti, kad jūsų svetainė būtų įskaitoma, jei kontrastas yra tinkamas. Tiesiog įsitikinkite, kad spalva atitinka jūsų prekės ženklą, pramonės šaką ir įspūdį apie jūsų verslą. Pavyzdžiui, šiltos spalvos, pvz., raudona ir rožinė, energingai veikia vartotoją ir gali būti naudingos kūno rengybos prekių ženklams, o šaltos spalvos, pvz., žalia ir mėlyna, paprastai turi raminamąjį poveikį ir iš tikrųjų yra dažniausiai svetainėse naudojamos spalvos.

4. Venkite užimtų ir netvarkingų vaizdų

Tai ypač svarbu pridedant tekstą vaizdo viršuje. Net jei norite pasirinkti įspūdingą savo svetainės vaizdą, jis neturėtų atitraukti dėmesio nuo pranešimo ir istorijos, kurią norite papasakoti. Pavyzdžiui, kraštovaizdžiai gali sukurti puikiai svetainių fono paveikslėliai, nes jie yra patrauklūs ir neperkrauti.

5. Padarykite tai madingą

Populiarus svetainės fonas gali padaryti jūsų dizainą šiuolaikišką ir naują. Pabandykite naudoti kai kurias didžiausias žiniatinklio dizaino tendencijas, geometrines figūras, įtraukiančius 3D elementus, švytinčias, švytinčias spalvų schemas, tamsųjį režimą arba Pantone spalvos metų savo dizaine. Tiesiog atminkite, kad naudojant ką nors madingo nesenstančio dizaino, anksčiau ar vėliau turėsite atnaujinti savo foną.

6. Sukurkite animaciją. Svetainės fonas

Animuotas svetainės fonas yra tikrai geras būdas atnaujinti svetainę. Tiesiog įsitikinkite, kad animacija yra subtili, kad ji nenukreiptų dėmesio nuo pagrindinio vaizdo ar pranešimų arba neapsiribotų dizaino priekiniu planu. Kadangi animacija yra tokia energinga, verta įtraukti subtilią spalvų paletę.

7. Eikite su gradientu. Svetainės fonas

Taip, 90-ųjų tendencijos sugrįžo, įskaitant tą, kuri dizaino pasaulį užvaldė audra: gradientus. Taip pat žinomi kaip spalvų perėjimai, gradientai yra laipsniškas vienos spalvos maišymas su kita. Jie yra vizualiai patrauklūs ir gali būti naudojami kaip atskiras fonas arba sluoksniais ant nuotraukos, kad jūsų svetainė būtų tikrai populiari.

8. Padarykite tai mobilų. Svetainės fonas

Esame 2020 m. Net jei kuriate savo svetainę staliniame kompiuteryje, tiesa ta, kad dauguma internetinio turinio suvartojama per mobiliuosius įrenginius. Būtinai atsižvelkite į šiuos svetainės įsakymus, kad svetainė būtų pritaikyta mobiliesiems:

• Padarykite savo svetainę reaguojančią.
• Kad žmonių ieškoma informacija būtų lengviau randama.
• Nenaudokite Flash.
• Įtraukite peržiūros srities metažymą.
• Įgalinti automatinį formų pildymą.
• Padarykite savo mygtukus pakankamai didelius, kad galėtumėte patogiai dirbti mobiliajame telefone.
• Naudokite didelį šrifto dydį.
• Suspauskite vaizdus ir CSS.

Rinkdamiesi svetainės fono paveikslėlį įsitikinkite, kad pasirinkote vaizdą, kurio mastelis tinka mažesniems ekranams. Pavyzdžiui, tikrai platus vaizdas gali neveikti nešiojamame įrenginyje.

Kaip svetainėje gauti savo svajonių foną. Svetainės fonas
-

Pasirinkus tinkamą foną, jūsų svetainė gali būti nuo vidutiniškos iki puikios. Atminkite, kad vartotojo patirtis yra viskas, todėl rinkitės spalvas ir vaizdus, ​​kurie kalbėtų jūsų lankytojams, ir įsitikinkite, kad pasirinkę svetainės fono paveikslėlį galėsite lengvai perskaityti tekstą ant jo.

Apsvarstykite vientisas fono spalvas, bet kokia kaina venkite netvarkingų vaizdų ir apsvarstykite galimybę įtraukti tokią tendenciją kaip gradientas ar geometrinė forma, kad išliktumėte šiuolaikiški ir šiuolaikiški. Išbandykite animaciją, jei tikrai norite išsiskirti iš minios, ir visada rinkitės foną, tinkantį mažesniems ekranams.

Svarbiausia, atminkite, kad dizaine nėra aiškių taisyklių. Tiesą sakant, geriausi dizainai dažnai neatitinka jokių taisyklių. Svarbiausia yra jūsų vartotojo patirtis. Naudokite šiuos patarimus kaip atskaitos tašką ir nebijokite pasitikėti savo meniniais refleksais.

Spaustuvė АЗБУКА