Позадината на страницата изгледа како дишење. Тие се дел од нашето секојдневие, но никогаш не им обрнуваме доволно внимание, освен ако не постои очигледна грешка. И како и секој здив, позадината на веб-страницата е составен дел од успехот и животот на вашата веб-страница; тие прават секој друг дел од вашата страница да работи подобро.

 

Кои се позадините на страницата?

Позадините на веб-страниците се слики, прскања боја или дизајн, кои го исполнуваат екранот на вашата веб-страница. Исто така, често е првиот впечаток што посетителот ќе го остави за вашата веб-локација, бренд и бизнис, па затоа е важно да го сфатите правилно. Совршената позадина ќе пренесе приказна за вашиот бренд, додека погрешниот може да ја фрли вашата порака. Вашата веб-страница е како облеката што ќе ја носите на интервју за работа или на прв состанок. Одите за забавен и достапен изглед или нешто софистицирано и ексклузивно?

Всушност, има многу повеќе во овој навидум основен аспект на веб-дизајнот отколку што мислите. Не е доволно заднината на вашата веб-локација само да изгледа добро. Исто како кога одите на прв состанок или на интервју за работа, треба да бидете сигурни дека ја раскажувате вашата приказна, да потврдите дека местото на кое се среќавате е достапно и да бидете сигурни дека другата личност ужива во своето искуство со вас. Слично на тоа, позадините на веб-страниците се очекува да обезбедат добро корисничко искуство (UX) и да бидат читливи од вашата публика.

печени добра претплата на веб-страница услуга позадина

 

Основи на веб-страница

Пред да навлеземе во советите, важно е да ги тргнеме основите од патот.

Запознајте два типа позадини на веб-локации

Позадина на телото

Позадината на телото е областа што покрива поголем дел од екранот. Овде ќе најдете позадини што се состојат од илустрации, текстури, целосни слики или градиенти во боја. Често тоа е само бело.

Содржина во позадина. Позадина на веб-страницата

Заднината на содржината не го покрива целиот екран, туку опкружува област околу други делови, како слика или текст. Ова дава структура и помага да се истакнат и одвојат различните делови на страницата.

Марка за каросерија за пиво

Марка на светло пиво

 

Позадина на содржината на недвижности Позадина на веб-страницата

Интересна содржина

 

Користете наслови за дополнителна популарност

Вашето заглавие е врвот на вашата страница и е важен начин да ја покажете личноста на вашата страница. Ова е одлично место за користење на впечатливи елементи како што се илустрации или прскање со боја бидејќи најверојатно нема да го одвлече вниманието од основната содржина.

Позадина на веб-страницата за китбординг

Атрактивно заглавие на веб-страница

Забележете го контрастот

Погрижете се да го земете предвид контрастот на боите. Неправилниот контраст може да ја направи содржината на вашата веб-локација тешка за читање, што ја прави недостапна за посетителите, затоа проверете го соодносот на контрастот.

Одете графика. Позадина на веб-страницата

Користењето графички елементи му дава на вашата веб-страница карактеристичен изглед и раскажува приказна користејќи само визуелни елементи. Но, погрижете се стилот на користење на графички елементи да се совпаѓа со целокупниот стил на вашата веб-страница, така што ќе им овозможите на корисниците постојано искуство.

Позадина на веб-страница за женски жилет со графички елементи

Стилска позадина на веб-страницата со графички елементи

Подобрете ја вашата позадина

Белите позадини на веб-страниците се едноставен и безвременски избор. Но, позадините на целото тело во веб-дизајнот (како што се користење на градиент, целосна слика или цврст блок на боја) може да имаат огромно влијание кога се правилно извршени. Погрижете се сликата да не е премногу светла или да има темни дамки за да не го одвлекува вниманието од вашата содржина. Сакате вашите корисници да можат лесно и веднаш да читаат за што се работи за вашиот бизнис.

Целосен текст на страницата Позадина на страницата

Целосен текст на страницата

 

Поздравете ги главните моменти

Нагласените точки (многу тенки линии кои се состојат од различни бои за поединечни делови од вашата страница) помагаат да се разделат монохроматските блокови и да се подобри читливоста.

Основни информации за заднината на страницата

 

8 совети за создавање на совршена позадина на веб-страницата
-

1. Користете паметен интерфејс во боја

Изборот на бои и комбинации на бои кога станува збор за позадини за веб дизајн е важен бидејќи тие придонесуваат за тоа како корисниците ќе ја читаат вашата страница. Бојата во веб дизајнот може да помогне да привлече внимание, да предизвика емоции, да создаде желба, да привлече внимание и да стекне лојалност на корисниците.

Црвена позадина на веб-страницата

Црвена позадина на веб-страницата

 

2. Направете ја вашата позадинска слика супер читлива. Позадина на веб-страницата

Совршената слика за позадина треба да изгледа добро, но уште поважно, треба да изгледа одлично. Нема смисла да изберете убава слика за заднина за вашата веб-локација ако не можете да го прочитате текстот над неа. Ако сте ја нашле совршената слика, но вашиот текст не се чита на врвот на содржината, обидете се да користите софтвер за да уредување фотографии или CSS за менување работи како контраст, непроѕирност или дури и додавање маски за слоеви. Ако ова не помогне, обидете се да го изберете вистинскиот фонт и големината на фонтот за самата содржина.
веб дизајн на лаптоп, телефон и таблет

Слика во заднина на веб-страницата Cidery со лесен за читање фонт од gotza

3. Дајте цврста боја на позадината

Фотографијата не е соодветна за вашата страница? Зошто да не се обидете да користите една солидна боја за позадината на вашата веб-страница. Ова е обично одличен начин да се осигурате дека вашата веб-страница е читлива се додека контрастот е точен. Само погрижете се бојата да одговара на вашиот бренд, индустрија и впечаток за вашиот бизнис. На пример, топлите бои како црвената и розовата имаат енергетски ефект врз корисникот и можат да бидат корисни за фитнес брендовите, додека студените бои како зелената и сината имаат смирувачки ефект и всушност се најчестите бои што се користат на веб-страниците.

Солидна боја за веганска кујна

Веганска кујна. Цврста боја на позадината на веб-локацијата

4. Избегнувајте зафатени и преполни слики

Ова е особено важно кога додавате текст на врвот на сликата. Дури и ако сакате да изберете впечатлива слика за вашата веб-страница, таа не треба да го одвлекува вниманието од пораката и приказната што сакате да ја раскажете. На пример, пејзажите можат да создаваат одлично слики во заднина за веб-локации бидејќи се привлечни и не преполни.

Незабележлива позадина на локалитетот Викинг

Исчистете ја позадината на веб-страницата

5. Направете го тоа модерен

Заднината на веб-локацијата што е во тренд може да го направи вашиот дизајн да изгледа модерно и ново. Обидете се да користите некои од најголемите трендови во веб-дизајнот, геометриски форми, извонредни 3D елементи, блескави, блескави шеми на бои, темни режим или користење Пантонски бои години во неговиот дизајн. Само запомнете дека користењето на нешто модерно во безвременски дизајн може да значи дека ќе треба да ја ажурирате вашата позадина порано отколку подоцна.

веб-страница во темен режим

Досадна темна позадина на веб-страницата

6. Направете анимација. Позадина на веб-страницата

Анимирана позадина на веб-локацијата е навистина добар начин да ја оживеете вашата веб-страница. Само не заборавајте да бидете сигурни дека анимацијата е суптилна за да не го одвлекува вниманието од главната слика или пораки или да не оди подалеку од предниот план на дизајнот. Бидејќи анимацијата има толку енергично чувство, добра идеја е да вклучите суптилна палета на бои.

7. Одете со градиент. Позадина на веб-страницата

Да, трендовите од 90-тите се вратија, вклучително и оној што го зафати светот на дизајнот: градиентите. Исто така познати како транзиции на бои, градиентите се постепено мешање на една боја во друга. Тие се визуелно привлечни и може да се користат како самостојна заднина или да се постават преку фотографија за навистина да ја направат вашата страница поп.

анимиран со градиент

Позадина на веб-страница со градиент

8. Направете го мобилен. Позадина на веб-страницата

Ние сме во 2020 година. Дури и ако ја развивате вашата веб-страница на десктоп компјутер, вистината е дека повеќето онлајн содржини се трошат преку Мобилни уреди. Погрижете се да ги земете предвид следните заповеди на страницата за да ја направите вашата страница пријателска за мобилни телефони:

  • Направете ја вашата страница одговорна.
  • Направете информациите што луѓето ги бараат полесно да се најдат.
  • Не користете Flash.
  • Вклучете ја мета-ознаката за приказ на приказ.
  • Овозможете автоматско пополнување за формулари.
  • Направете ги големините на вашите копчиња доволно големи за да работат удобно на мобилен телефон.
  • Користете голема големина на фонтот.
  • Компресирајте ги вашите слики и CSS.

Кога избирате слика за заднина на веб-локација, погрижете се да изберете слика што добро ќе се размери за помали екрани. На пример, навистина широка слика може да не работи на пренослив уред.

Мобилна пријателска конструкција

Заднина на веб-локација пријателска за мобилни телефони

Како да ја добиете позадината на вашите соништа на страницата. Позадина на веб-страницата
-

Изборот на вистинската позадина може да ја однесе вашата веб-страница од просечно до одлична. Запомнете дека корисничкото искуство е сè, затоа изберете бои и слики што зборуваат за вашите посетители и погрижете се кога избирате слика за заднина на веб-локацијата, лесно можете да го прочитате текстот над неа.

Размислете за цврсти бои на позадината, избегнувајте преполни слики по секоја цена и размислете да вклучите тренд како што се градиент или геометриски облик за да останете модерни и модерни. Обидете се со вашата рака во анимацијата ако навистина сакате да се издвоите од толпата и секогаш избирајте позадина што добро се размерува за помалите екрани.

Што е најважно, запомнете дека не постојат јасни правила во дизајнот. Всушност, најдобрите дизајни често не следат никакви правила. Најважно е вашето корисничко искуство. Користете ги овие совети како почетна точка и не плашете се да им верувате на вашите уметнички рефлекси.

Печатница АЗБУКА