home | login | register | DMCA | contacts | help | donate |      

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Э Ю Я


my bookshelf | genres | recommend | rating of books | rating of authors | reviews | new | форум | collections | читалки | авторам | add
fantasy
space fantasy
fantasy is horrors
heroic
prose
  military
  child
  russian
detective
  action
  child
  ironical
  historical
  political
western
adventure
adventure (child)
child's stories
love
religion
antique
Scientific literature
biography
business
home pets
animals
art
history
computers
linguistics
mathematics
religion
home_garden
sport
technique
publicism
philosophy
chemistry
close

реклама - advertisement



Бэкграунд

Можно выделить несколько важных особенностей, касающихся оформления общего фона сайта и текста.

Исходя из теории социальных соглашений фон сайта должен быть светлым и однотонным (вспомните аналогию с книгами). Отзывы принято выделять желтым или бежевым фоном.

Посмотрите крупные сайты: Amazon – светлая гамма, Wildberries – светлый фон, Lamoda – белый цвет.

С точки зрения удобства восприятия информации это не совсем правильно.

Монитор компьютера излучает свет, как фонарик, поэтому белые буквы на черном фоне должны восприниматься лучше. Если вспомнить старые программы, например MS DOS, там так и было.

Почему же тенденция изменилась? Снова виноваты книги. Нам привычнее видеть черный текст на белом фоне, несмотря на то что с точки зрения физиологии буквы должны быть белыми, а фон – темным.

Бэкграунд – это отличный способ группировки элементов по смыслу. Форма заказа должна быть на контрастном фоне. Для обозначения прямой речи в отзывах используется желтый фон.

Фон должен быть однотонным. Ни в коем случае нельзя добавлять цветочки или фотографии облаков в качестве фоновой картинки.

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

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

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

На рис. 5.8 представлен сайт. Иллюзия движения создается стрелочками и заставляет человека читать текст несмотря на то, что он стоит вразнобой.


Идеальный Landing Page. Создаем продающие веб-страницы

Рис. 5.8. Пример дизайна сайта


Обратите внимание на отдельный бэкграунд для первого экрана и отдельный бэкграунд для отзывов. Отзывы четко обособлены, в их оформлении применяется много разных «фишек»: кавычки, оформление прямой речи.

Но самое главное – выделение смысловых групп элементов: первого экрана и отзывов.


Социальные соглашения | Идеальный Landing Page. Создаем продающие веб-страницы | Оформление текста