Pozadina stranice izgleda kao da diše. Oni su dio naše svakodnevice, ali im nikada ne pridajemo dovoljno pažnje osim ako se ne dogodi očita greška. I kao svaki dah, pozadina web stranice sastavni je dio uspjeha i života vaše web stranice; oni čine da svaki drugi dio vaše stranice radi bolje.

 

Koje su pozadine stranice?

Pozadine web stranice su slike, mrlje boja ili dizajn, koji ispunjavaju zaslon vaše web stranice. To je često i prvi dojam koji će posjetitelj steći o vašoj web stranici, robnoj marki i poslovanju, pa je važno da ga dobro shvatite. Savršena pozadina će prenijeti vaša priča o brendu, dok krivi može odbaciti vašu poruku. Vaša je web stranica poput odjeće koju ćete nositi na razgovoru za posao ili prvom spoju. Tražite li zabavan i pristupačan izgled ili nešto sofisticirano i ekskluzivno?

Zapravo, ovaj naizgled osnovni aspekt web dizajna ima puno više nego što mislite. Nije dovoljno da pozadina vaše web stranice samo izgleda dobro. Baš kao kad idete na prvi spoj ili razgovor za posao, morate biti sigurni da ste ispričali svoju priču, potvrdili da je mjesto na kojem se sastajete dostupno i da druga osoba uživa u svom iskustvu s vama. Isto tako, očekuje se da pozadine web stranica pružaju dobro korisničko iskustvo (UX) i da budu čitljive vašoj publici.

baked good pretplata na pozadinu usluge web stranice

 

Osnove web stranice

Prije nego što prijeđemo na savjete, važno je riješiti osnove.

Upoznajte dvije vrste pozadina web stranice

Pozadina tijela

Pozadina tijela je područje koje prekriva veći dio zaslona. Ovdje ćete pronaći pozadine koje se sastoje od ilustracija, tekstura, potpunih slika ili prijelaza boja. Često je samo bijelo.

Pozadinski sadržaj. Pozadina web stranice

Pozadina sadržaja ne prekriva cijeli zaslon, već okružuje područje oko drugih odjeljaka, poput slike ili teksta. To daje strukturu i pomaže u isticanju i odvajanju različitih odjeljaka web stranice.

Marka pivskog tijela

Svijetla marka piva

 

Pozadina sadržaja nekretnina Pozadina web stranice

Zanimljiv sadržaj

 

Koristite naslove za dodatnu popularnost

Zaglavlje je vrh vaše stranice i važan je način da pokažete osobnost svoje web-lokacije. Ovo je sjajno mjesto za korištenje privlačnih elemenata kao što su ilustracije ili mrlje boje jer vjerojatno neće odvratiti pozornost od temeljnog sadržaja.

Pozadina web stranice za kiteboarding

Atraktivno zaglavlje web stranice

Primijetite kontrast

Obavezno uzmite u obzir kontrast boja. Netočan kontrast može otežati čitanje sadržaja na vašoj web stranici, čineći ga nedostupnim posjetiteljima, stoga svakako provjerite omjer kontrasta.

Idi grafika. Pozadina web stranice

Korištenje grafičkih elemenata daje vašem web-mjestu karakterističan izgled i priča priču koristeći samo vizualne elemente. Ali pazite da stil korištenja grafičkih elemenata odgovara cjelokupnom stilu vaše web stranice kako biste korisnicima pružili dosljedno iskustvo.

Pozadina web stranice s britvicom za žene s grafičkim elementima

Elegantna pozadina web stranice s grafičkim elementima

Poboljšajte svoju pozadinu

Bijele pozadine web stranica jednostavan su i bezvremenski izbor. Ali pozadine cijelog tijela u web dizajnu (kao što je korištenje gradijenta, pune slike ili punog bloka boje) mogu imati veliki utjecaj ako se pravilno izvedu. Pazite da slika nije presvijetla ili ima tamne mrlje kako ne bi odvlačila pažnju s vašeg sadržaja. Želite da vaši korisnici mogu lako i odmah pročitati čime se bavite.

Cijeli tekst stranice Pozadina stranice

Cijeli tekst stranice

 

Pozdravite istaknute stvari

Istaknute točke (vrlo tanke linije koje se sastoje od različitih boja za pojedinačne odjeljke vaše stranice) pomažu razbiti jednobojne blokove i poboljšati čitljivost.

Osnovne informacije o stranici Pozadina stranice

 

8 savjeta za stvaranje savršene pozadine web stranice
-

1. Koristite pametno sučelje u boji

Odabir boja i kombinacija boja kada je riječ o pozadinama web dizajna važan je jer pridonose tome kako će korisnici čitati vašu stranicu. Boja u web dizajnu može pomoći privući pozornost, izazvati emocije, stvoriti želju, privući pozornost i pridobiti lojalnost korisnika.

Crvena pozadina web stranice

Crvena pozadina web stranice

 

2. Učinite svoju pozadinsku sliku super čitljivom. Pozadina web stranice

Savršena pozadinska slika trebala bi izgledati dobro, ali što je još važnije, trebala bi izgledati sjajno. Nema smisla birati lijepu pozadinsku sliku za svoju web stranicu ako ne možete pročitati tekst na njoj. Ako ste pronašli savršenu sliku, ali vaš tekst nije čitljiv na vrhu sadržaja, pokušajte upotrijebiti softver za uređivanje fotografija ili CSS za promjenu stvari poput kontrasta, neprozirnosti ili čak dodavanje maski slojeva. Ako to ne pomogne, pokušajte odabrati ono pravo krstionica i veličinu fonta za sam sadržaj.
web dizajn na laptopu, telefonu i tabletu

Pozadinska slika web stranice Cidery s lako čitljivim fontom tvrtke gotza

3. Dajte čvrstu boju pozadine

Fotografija nije prikladna za vašu stranicu? Zašto ne biste pokušali koristiti jednu punu boju za pozadinu svoje web stranice. To je obično odličan način da osigurate da je vaša web stranica čitljiva sve dok je kontrast točan. Samo pazite da boja odgovara vašem brendu, industriji i dojmu o vašem poslovanju. Na primjer, tople boje poput crvene i ružičaste imaju energetski učinak na korisnika i mogu biti korisne za fitness brendove, dok hladne boje poput zelene i plave obično imaju umirujući učinak i zapravo su najčešće boje koje se koriste na web stranicama.

Puna boja za vegansku kuhinju

Veganska kuhinja. Čvrsta boja pozadine web stranice

4. Izbjegavajte užurbane i pretrpane slike

Ovo je posebno važno kada dodajete tekst na vrh slike. Čak i ako želite odabrati upečatljivu sliku za svoju web stranicu, ona ne smije odvratiti pažnju od poruke i priče koju želite ispričati. Na primjer, krajolici mogu stvoriti otličnye pozadinske slike za web stranice jer su privlačne i nisu pretrpane.

Neupadljiva pozadina vikinškog mjesta

Čista pozadina web stranice

5. Neka bude moderno

Pozadina web stranice koja je u trendu može učiniti da vaš dizajn izgleda moderno i novo. Isprobajte neke od najvećih trendova u web dizajnu, geometrijske oblike, impresivne 3D elemente, svjetlucanje, svjetleće sheme boja, tamni način rada ili korištenje Pantone boje godine u svom dizajnu. Samo upamtite da korištenje nečeg modernog u bezvremenskom dizajnu može značiti da ćete morati ažurirati svoju pozadinu prije nego kasnije.

web mjesto u tamnom načinu rada

Zagasita tamna pozadina web stranice

6. Napravite animaciju. Pozadina web stranice

Animirana pozadina web stranice stvarno je dobar način da oživite svoju web stranicu. Samo pripazite da animacija bude suptilna kako ne bi odvlačila pozornost od glavne slike ili poruke ili izlazila izvan prednjeg plana dizajna. Budući da animacija ima tako energičan dojam, dobra je ideja uključiti suptilnu paletu boja.

7. Krenite s gradijentom. Pozadina web stranice

Da, trendovi 90-ih su se vratili, uključujući onaj koji je osvojio svijet dizajna: gradijenti. Također poznati kao prijelazi boja, gradijenti su postupno stapanje jedne boje u drugu. Vizualno su privlačni i mogu se koristiti kao samostalna pozadina ili slojevito preko fotografije kako bi vaše web mjesto postalo istaknuto.

animirano s gradijentom

Gradijent pozadine web stranice

8. Učinite ga mobilnim. Pozadina web stranice

U 2020. smo godini. Čak i ako svoju web stranicu razvijate na stolnom računalu, istina je da se većina online sadržaja konzumira putem Mobilni uredaji. Obavezno uzmite u obzir sljedeće zapovijedi web stranice kako biste svoju web stranicu učinili prilagođenom mobilnim uređajima:

  • Učinite svoju stranicu responzivnom.
  • Olakšajte pronalaženje informacija koje ljudi traže.
  • Nemojte koristiti Flash.
  • Uključite meta oznaku okvira za prikaz.
  • Omogući automatsko popunjavanje obrazaca.
  • Neka veličina gumba bude dovoljno velika za udoban rad na mobilnom telefonu.
  • Koristite veliku veličinu slova.
  • Komprimirajte svoje slike i CSS.

Prilikom odabira pozadinske slike web-mjesta, pobrinite se da odaberete sliku koja će dobro odgovarati manjim zaslonima. Na primjer, stvarno široka slika možda neće raditi na prijenosnom uređaju.

Konstrukcija prilagođena mobilnim uređajima

Pozadina web stranice prilagođena mobilnim uređajima

Kako dobiti pozadinu svojih snova na stranici. Pozadina web stranice
-

Odabir prave pozadine može vašu web-stranicu pretvoriti iz osrednje u sjajnu. Imajte na umu da je korisničko iskustvo sve, stoga odaberite boje i slike koje govore vašim posjetiteljima i pobrinite se da, kada odaberete pozadinsku sliku web stranice, možete lako pročitati tekst na njoj.

Razmislite o čvrstim bojama pozadine, izbjegavajte pretrpane slike pod svaku cijenu i razmislite o uključivanju trenda kao što je gradijent ili geometrijski oblik kako biste ostali moderni i suvremeni. Okušajte se u animaciji ako se stvarno želite izdvojiti iz gomile i uvijek odaberite pozadinu koja se dobro skalira za manje zaslone.

Ono što je najvažnije, zapamtite da nema jasnih pravila u dizajnu. Zapravo, najbolji dizajni često ne slijede nikakva pravila. Ono što je najvažnije je vaše korisničko iskustvo. Koristite ove savjete kao polazište i nemojte se bojati vjerovati svojim umjetničkim refleksima.

Tiskara АЗБУКА