Цветные картинки — фото и фон

Почему бэкграунд имеет значение?

Много ли времени нужно пользователю, чтобы составить свое первое впечатление о сайте? 5, 10 или 15 секунд? По данным последних исследований, этого количества времени у вас попросту нет. Всего 0.05 секунд – то, на что можно рассчитывать, именно за этот короткий промежуток времени пользователь успевает сформировать мнение о вашем сайте. И Google эту цифру подтверждает, опираясь на собственные исследования.

Отдельные исследования показывают, что первое впечатление — 94% —  связано с дизайном. И только 6% реакции пользователей связано с содержимым сайта. Формированию негативного первого впечатления способствует сложная структура сайта, цвета, мелкий шрифт и всплывающие окна.

Поскольку фон сайта занимает большую часть страницы, можно утверждать, что это один из самых важных элементов сайта, который влияетх на формирование первого впечатления у посетителей

Если вы хотите уменьшить показатель отказов и укрепить имидж бренда, уделите особое внимание бэкграунду

Создание полупрозрачного фона в CSS

П

¾Ã»ÃÂÿÃÂþ÷ÃÂðÃÂýÃÂù ÃÂûõüõýàÃÂþÃÂþÃÂþ ÷ðüõÃÂõý ýð ÃÂþýþòþü ÃÂøÃÂÃÂýúõ. àòõñ-ôø÷ðùýõ ÿþûÃÂÿÃÂþ÷ÃÂðÃÂýþÃÂÃÂàôþÃÂÃÂøóðõÃÂÃÂà÷ð ÃÂÃÂÃÂàÃÂòþùÃÂÃÂòð opacity øûø ÷ðôðòðõüþóþ ôûàÃÂþýð ÃÂþÃÂüðÃÂð ÃÂòõÃÂð RGBA.

ÃÂÃÂþñõýýþÃÂÃÂàôðýýþóþ ÃÂòþùÃÂÃÂòð ÷ðúûÃÂÃÂðõÃÂÃÂàò ÃÂþü, ÃÂÃÂþ ÿÃÂþ÷ÃÂðÃÂýþÃÂÃÂàôõùÃÂÃÂòÃÂõàýõ ÃÂþûÃÂúþ ýð ÃÂþý, ýþ ø ýð òÃÂõ ôþÃÂõÃÂýøõ ÃÂûõüõýÃÂÃÂ. ÃÂþÃÂûõ ÃÂòõûøÃÂõýøàÿÃÂþ÷ÃÂðÃÂýþÃÂÃÂø, ø ÃÂõúÃÂàø ÃÂþý ÃÂÃÂðýÃÂàÿþûÃÂÿÃÂþ÷ÃÂðÃÂýÃÂüø.

ÃÂÃÂøüõàÃÂþ÷ôðýøàÿþûÃÂÿÃÂþ÷ÃÂðÃÂýþóþ ñûþúð:

opacityâðú òÃÂóûÃÂôøàÿþûÃÂÿÃÂþ÷ÃÂðÃÂýÃÂù ñûþú.
 


ÃÂôýðúþ ôþÃÂÃÂðÃÂþÃÂýþ ÃÂðÃÂÃÂþ ÿþûÃÂÿÃÂþ÷ÃÂðÃÂýÃÂü ôþûöõý ñÃÂÃÂàÃÂþûÃÂúþ ÃÂþý þÿÃÂõôõûÃÂýýþóþ ÃÂûõüõýÃÂð, ð ÃÂõúÃÂàþÃÂÃÂðòðÃÂÃÂÃÂàýõÿÃÂþ÷ÃÂðÃÂýÃÂü ôûàÃÂøÃÂðñõûÃÂýþÃÂÃÂø.

àÃÂðúþü ÃÂûÃÂÃÂðõ opacity ýõ ÿþôÃÂþôøàø ÃÂûõôÃÂõàòþÃÂÿþûÃÂ÷þòðÃÂÃÂÃÂàÃÂþÃÂüðÃÂþü RGBA, ò úþÃÂþÃÂþü ÿþüøüþ ÷ýðÃÂõýøù ÃÂÃÂúþÃÂÃÂø ÃÂøýõóþ, úÃÂðÃÂýþóþ ø ÷õûÃÂýþóþ ÃÂòõÃÂþò ÃÂÃÂÃÂðýðòûøòðõÃÂÃÂàõÃÂàø ÷ýðÃÂõýøõ ÿÃÂþ÷ÃÂðÃÂýþÃÂÃÂø. 1 þ÷ýðÃÂðõàðñÃÂþûÃÂÃÂýÃÂàýõÿÃÂþ÷ÃÂðÃÂýþÃÂÃÂÃÂ, ð 0 â ÿþûýÃÂàÿÃÂþ÷ÃÂðÃÂýþÃÂÃÂÃÂ.

ÃÂÃÂøüõà÷ðôðýøàÿÃÂþ÷ÃÂðÃÂýþóþ ÃÂþýð:


 rgbaÃÂÃÂþ÷ÃÂðÃÂýÃÂù ÃÂþý ñûþúð ø ýõÿÃÂþ÷ÃÂðÃÂýÃÂù ÃÂõúÃÂÃÂ.
 


ÃÂðôõõüÃÂÃÂ, ÃÂÃÂþ ôðýýþõ ÃÂÃÂúþòþôÃÂÃÂòþ òðü ÿÃÂøóþôøûþÃÂÃÂ, ø öõûðõü ÃÂÃÂÿõÃÂþò ò þÃÂòþõýøø òõñ-ôø÷ðùýð!

Ссылка на основную публикацию