8. Плюсы:
◦ Чтобы выглядеть как одна логическая группа.
◦ Чтобы знать откуда начинать читать и где
заканчивать.
◦ Облегчает быстрое чтение и поиск нужной
информации
9. Присмотритесь к странице
◦ 3-5 групп
◦ Информация не разнесена по углам
или только в центре
◦ Связанные между собой элементы –
близко
◦ Не связанные - отделены
10.
11.
12.
13.
14. Цель: придать странице единство
Чем меньше вертикальных/горизонтальных
линий, тем лучше
19. Блоки текста должны быть выровнены по правому
или левому краю
Рисунки – под края текста или любых других
блоков на странице
Нашему взгляду нравится видеть порядок
В хорошо оформленном материале видны линии,
соединяющие выровненные части
Даже если дизайн хорош, погрешности в
выравнивании его невыносимо ПОРТЯТ
Даже если элементы расположены далеко друг от
друга, ищите линии под которые их можно
выровнять
Не более одного вида выравнивания на странице
20.
21.
22.
23.
24. Цель: объединить и
придать внешнюю
привлекательность
Суть: элементы
оформления повторяются
на протяжении всего
проекта
◦ Все заголовки одинаковым
шрифтом одинакового
размера
Найдите существующие
повторы и усильте их
31. Цель: привлечь внимание, сделать страницу
интересной
Контраст должен быть сильным
◦ Не «похожие» элементы,
а «совершенно
разные»!
◦ Темно-коричневый
и черный не
контрастируют!
◦ 12 и 14 пт шрифты
не контрастируют!
32.
33. Элементы страницы (цвет, шрифт, размер,
толщина штриха, контур, пробелы),
НЕ означающие одно и то же, должны быть
оформлены по-разному.
34.
35.
36.
37. Не бойтесь свободного пространства
Не бойтесь нарушить симметрию
Не бойтесь делать сильный контраст
40. Модуль — условная
единица измерения
объектов, связанных в
систему
◦ 1 метр = 100 см
◦ 1 человек = 7 голов
◦ 1 удав = 38 попугаев
Сетка — система
пропорций
44. Поиск места
◦ Поиск геометрического
места элемента в макете
занимает меньше времени.
Пропорциональность
◦ Элементы в макете
соизмеримы и
пропорциональны между
собой.
Единообразность
◦ Разработав сетку, мы делаем
основу для решений на
будущее.