7. Материалы и инструменты дизайнера. Размер. Факторы, влияющие на восприятие размера. Пропорция.

В восприятии величины предмета существенную роль играет величина его изображения на сетчатке. Чем больше изображение предмета на сетчатке, тем большим нам кажется предмет. Вполне вероятно, что величина изображения воспринимаемого предмета на сетчатке глаза зависит от величины зрительного угла. Чем больше величина зрительного угла, тем больше изображение на сетчатке глаза. 

Другой особенностью восприятия предмета в пространстве являетсяконтраст предметов. Окружение, в котором находится воспринимаемый нами предмет, оказывает заметное влияние на его восприятие. Например, человек среднего роста в окружении высоких людей кажется значительно меньше своего настоящего роста. Другой пример — восприятие геометрических фигур. Круг среди больших кругов кажется значительно меньше, чем круг такого же диаметра, находящийся среди кругов значительно меньшего размера. Подобное искажение восприятия, вызванное условиями восприятия, принято называть иллюзией.

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

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

Воспользуемся правилом третей, основанном на применении золотого сечения или цифр ряда Фибоначчи. Это правило позволит нам вычислить центры внимания на странице.

Для этого поделим страницу на три части по горизонтали и вертикали.

На пересечении линий находятся 4 важные точки, которые можно использовать для выделения основных деталей макета сайта.

Как правило, не стоит использовать сразу все четыре точки, но, одну или две – обязательно.

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

Навигационное меню можем расположить на первой горизонтальной линии.

Еще один-два важных элемента располагаем на точках пересечения горизонтальных и вертикальных линий.

Что нам дало такое расположение блоков? Мы поместили наиболее важные вещи в местах наибольшего внимания пользователя. При таком расположение элементов, наш сайт становится более удобным и более структурированным для просмотра.

Что это дает нам, как владельцам сайта?

Например, дополнительный доход - если мы разместим рекламные блоки в тех местах, где их с большей вероятностью увидят посетители сайта.

Или больше отзывов на посты, если в нужном месте указать какой нибудь стимул для комментирования, вроде блока "Топ комментаторов".