A webhely háttere úgy néz ki, mint a légzés. Mindennapi életünk részét képezik, de soha nem fordítunk rájuk kellő figyelmet, hacsak nincs nyilvánvaló hiba. És mint minden lélegzetvétel, a webhely háttere is szerves részét képezi webhelye sikerének és életének; javítják webhelye minden más részét.

 

Milyen háttérrel rendelkezik az oldal?

A weboldal hátterei képek, fröccsenések szín vagy design, amelyek kitöltik webhelye képernyőjét. Gyakran ez az első benyomás, amit a látogató kelt az Ön webhelyéről, márkájáról és vállalkozásáról, ezért fontos, hogy helyes legyen. Az ideális háttér közvetíti a márkatörténeted, míg a rossz eldobhatja az üzenetét. Az Ön webhelye olyan, mint az állásinterjún vagy az első randevún viselt ruhák. Szórakoztató és hozzáférhető megjelenésre vagy valami kifinomult és exkluzívra vágyik?

Valójában a webdizájnnak ez a látszólag alapvető aspektusa sokkal többről szól, mint gondolnád. Nem elég, ha a webhely háttere csak jól néz ki. Csakúgy, mint amikor első randira vagy állásinterjúra mész, meg kell győződnie arról, hogy elmondja a történetét, meg kell győződnie arról, hogy a találkozási hely elérhető, és meg kell győződnie arról, hogy a másik személy élvezi a veled kapcsolatos élményt. Hasonlóképpen, a webhely hátterétől elvárható, hogy jó felhasználói élményt (UX) biztosítson, és olvasható legyen a közönség számára.

jó előfizetés a weboldal szolgáltatási hátterére

 

Weboldal alapjai

Mielőtt belevágnánk a tippekbe, fontos, hogy az alapokat félretessük az útból.

Ismerkedjen meg kétféle webhely-háttérrel

Test háttér

A törzs háttere az a terület, amely a képernyő nagy részét lefedi. Itt illusztrációkból, textúrákból, teljes képekből vagy színátmenetekből álló háttereket talál. Gyakran csak fehér.

Háttértartalom. Weboldal háttér

A tartalmi háttér nem fedi le a teljes képernyőt, hanem egy területet vesz körül más részek, például egy kép vagy szöveg körül. Ez szerkezetet ad, és segít kiemelni és elkülöníteni a webhely különböző részeit.

Sörtest márka

Világos sör márka

 

Ingatlan tartalom Háttér Weboldal Háttér

Érdekes tartalom

 

Használjon címsorokat az extra népszerűség érdekében

A fejléc az oldal tetején található, és fontos módja annak, hogy megmutassa webhelye személyiségét. Ez egy nagyszerű hely a szemet gyönyörködtető elemek, például illusztrációk vagy színfoltok használatára, mert valószínűleg nem vonja el a figyelmet a mögöttes tartalomról.

Kiteboarding weboldal háttér

Vonzó weboldal fejléc

Figyelje meg a kontrasztot

Ügyeljen arra, hogy vegye figyelembe a színkontrasztot. A helytelen kontraszt miatt a webhely tartalma nehezen olvashatóvá válhat, így elérhetetlenné válik a látogatók számára, ezért mindenképpen ellenőrizze a kontrasztarányt.

Irány a grafika. Weboldal háttér

A grafikai elemek használata egyedi megjelenést kölcsönöz webhelyének, és csak látványelemek segítségével mesél el egy történetet. Ügyeljen azonban arra, hogy a grafikai elemek használatának stílusa illeszkedjen webhelye általános stílusához, hogy egységes élményt nyújtson a felhasználóknak.

Női borotva weboldal háttér grafikai elemekkel

Stílusos weboldal háttér grafikai elemekkel

Javítsa a hátteret

A fehér weboldal hátterek egyszerű és időtlen választás. De a webdizájnban a teljes testet átfogó hátterek (például színátmenet, teljes kép vagy szilárd színblokk használata) óriási hatást gyakorolhatnak, ha helyesen hajtják végre. Ügyeljen arra, hogy a kép ne legyen túl világos, és ne legyenek rajta sötét foltok, hogy ne vonja el a figyelmet a tartalomról. Azt szeretné, ha a felhasználók könnyen és azonnal olvashatnák, miről szól a vállalkozása.

Az oldal teljes szövege Az oldal háttere

Az oldal teljes szövege

 

Köszöntsd a legfontosabbakat

A kiemelések (nagyon vékony vonalak, amelyek különböző színekből állnak a webhely egyes szakaszaihoz) segítenek a monokróm blokkok felosztásában és javítják az olvashatóságot.

Alapvető információk az oldalról Webhely háttere

 

8 tipp a tökéletes webhelyháttér létrehozásához
-

1. Használjon intelligens színes felületet

A színek és színkombinációk kiválasztása a webdesign háttérrel kapcsolatosan fontos, mivel ezek hozzájárulnak ahhoz, hogy a felhasználók hogyan olvassák webhelyét. A színek a webdesignban felhívhatják a figyelmet, érzelmeket válthatnak ki, vágyat kelthetnek, felhívhatják magukra a figyelmet és elnyerhetik a felhasználói hűséget.

Piros honlap háttér

Piros honlap háttér

 

2. Tedd szuper olvashatóvá háttérképedet. Weboldal háttér

A tökéletes háttérképnek jól kell kinéznie, de ami még fontosabb, nagyszerűen kell kinéznie. Nincs értelme gyönyörű háttérképet választani a webhelyéhez, ha nem tudja elolvasni a tetején lévő szöveget. Ha megtalálta a tökéletes képet, de a szövege nem olvasható a tartalom tetején, próbálkozzon szoftverrel fénykép szerkesztés vagy CSS-t, hogy módosítsa a kontrasztot, az átlátszatlanságot, vagy akár rétegmaszkokat adjon hozzá. Ha ez nem segít, próbálja meg kiválasztani a megfelelőt betűtípus és magának a tartalomnak a betűméretét.
web design laptopon, telefonon és táblagépen

Cidery webhely háttérképe, könnyen olvasható betűtípussal a gotza-ból

3. Adjon meg egy szilárd háttérszínt

A fotó nem megfelelő az Ön webhelyéhez? Miért ne próbáljon meg egyetlen színt használni webhelye hátterében. Ez általában nagyszerű módja annak, hogy webhelye olvasható legyen, amíg a kontraszt megfelelő. Csak győződjön meg arról, hogy a szín megfelel a márkának, az iparágnak és a vállalkozásról alkotott benyomásnak. Például a meleg színek, mint a piros és a rózsaszín, energikus hatással vannak a felhasználóra, és hasznosak lehetnek a fitneszmárkák számára, míg a hideg színek, mint a zöld és a kék, általában nyugtató hatásúak, és valójában a webhelyeken használt színek a leggyakoribbak.

Egyszínű vegán konyhához

Vegán konyha. Szilárd weboldal háttérszín

4. Kerülje a zsúfolt és zsúfolt képeket

Ez különösen fontos, ha szöveget ad a kép tetejére. Még ha feltűnő képet szeretne is választani a webhelyéhez, az nem vonhatja el a figyelmet az elmesélni kívánt üzenetről és történetről. Például tájképek alkothatnak kiváló háttérképek a webhelyekhez, mivel vonzóak és nem zsúfoltak.

A viking helyszín nem feltűnő háttere

Tiszta weboldal háttere

5. Tedd divatossá

A felkapott webhelyháttér modern és újszerű megjelenést kölcsönözhet a dizájnnak. Próbálja ki a webdizájn, a geometriai formák, a magával ragadó 3D-s elemek, a világító, izzó színsémák, a sötét mód vagy a Pantone színek évek tervezésében. Ne feledje, hogy valami divatos időtlen dizájn használata azt jelentheti, hogy előbb-utóbb frissítenie kell a hátterét.

webhely sötét módban

Tompa sötét weboldal háttér

6. Készíts animációt. Weboldal háttér

Az animált webhelyháttér igazán jó módja annak, hogy életre keltse webhelyét. Csak ügyeljen arra, hogy az animáció finom legyen, hogy ne vonja el a figyelmet a fő képről vagy üzenetről, és ne lépje túl a terv előterét. Mivel az animáció olyan energikus hangulatú, jó ötlet egy finom színpalettát használni.

7. Menj színátmenettel. Weboldal háttér

Igen, a '90-es évek trendjei visszatértek, beleértve azt is, amely a dizájn világát zúdította: a színátmenetek. Más néven színátmenetek, a színátmenetek az egyik szín fokozatos keveredését jelentik a másikba. Vizuálisan tetszetősek, és használhatók önálló háttérként, vagy egy fotóra rétegezve, hogy webhelye valóban pompás legyen.

színátmenettel animált

Gradiens honlap háttér

8. Legyen mobil. Weboldal háttér

2020-ban járunk. Még ha asztali számítógépen fejleszti is webhelyét, az igazság az, hogy a legtöbb online tartalom felhasználásra kerül mobil eszközök. Ügyeljen arra, hogy vegye figyelembe a következő webhelyparancsokat, hogy webhelye mobilbarát legyen:

  • Tegye reszponzívvá webhelyét.
  • Könnyebb megtalálni az emberek által keresett információkat.
  • Ne használjon Flash-t.
  • Tartalmazza a nézetablak metacímkéjét.
  • Az űrlapok automatikus kitöltésének engedélyezése.
  • Legyen elég nagy gombja ahhoz, hogy kényelmesen működjön mobiltelefonon.
  • Használjon nagy betűméretet.
  • Tömörítse a képeket és a CSS-t.

A webhely háttérképének kiválasztásakor ügyeljen arra, hogy olyan képet válasszon, amely jól skálázható kisebb képernyőkön. Például lehet, hogy egy igazán széles kép nem működik egy hordozható eszközön.

Mobilbarát konstrukció

Mobilbarát weboldal háttér

Hogyan szerezheti be álmai hátterét az oldalon. Weboldal háttér
-

A megfelelő háttér kiválasztásával webhelye közepestől nagyszerűvé válhat. Ne feledje, hogy a felhasználói élmény minden, ezért válasszon olyan színeket és képeket, amelyek megszólítják látogatóit, és ügyeljen arra, hogy a webhely háttérképének kiválasztásakor könnyen olvasható legyen a tetején lévő szöveg.

Fontolja meg a szilárd háttérszíneket, kerülje minden áron a zsúfolt képeket, és fontolja meg olyan trendek beépítését, mint a színátmenet vagy a geometriai forma, hogy modern és kortárs maradjon. Próbálja ki az animációt, ha igazán szeretne kitűnni a tömegből, és mindig olyan hátteret válasszon, amely jól skálázható a kisebb képernyőkre.

A legfontosabb, ne feledje, hogy a tervezésben nincsenek egyértelmű szabályok. Valójában a legjobb tervek gyakran egyáltalán nem követnek szabályokat. Ami a legfontosabb, az a felhasználói élmény. Használja ezeket a tippeket kiindulópontként, és ne féljen megbízni művészi reflexeiben.

Nyomda АЗБУКА