Калашникова елена кутузовна
Принципы визуальной иерархии
Масштаб
Масштаб — это реальный, видимый размер объекта, рассматриваемый в отношении других предметов, людей, окружающей среды.
Принцип масштаба означает, что более крупный элемент будет восприниматься как более главный, имеющий большее значение, он быстрее привлекает на себя внимание. Именно поэтому иерархия заголовков идет от более крупного к более мелкому с четко заметным контрастом кегля (размера заголовка). В примере ниже не соблюдена иерархия размеров основного текста и подзаголовка – они одинаковые.
Принцип масштаба означает, что более крупный элемент будет восприниматься как более главный, имеющий большее значение, он быстрее привлекает на себя внимание. Именно поэтому иерархия заголовков идет от более крупного к более мелкому с четко заметным контрастом кегля (размера заголовка). В примере ниже не соблюдена иерархия размеров основного текста и подзаголовка – они одинаковые.
Цвет
Принцип цветовой иерархии означает, что элемент другого (особенно контрастного) цвета будет акцентным, независимо от его размера. Используя цвета и оттенки цвета можно выстраивать траекторию движения взгляда по слайду, выделять то, о чем говорится в данный момент, подчеркивать преимущества и т.д.
Цвет можно использовать для цветовой кодировки, поскольку он обладает мощной символичностью, а мозг очень быстро реагирует на цветовые раздражители и запоминает их. Например, красный цвет в нашем обществе обозначает опасность, запрет (красный сигнал светофора, запрещающие знаки, знак «опасность»), серый – нейтральный, зеленый – разрешающий, оптимальный, выгодный и так далее.
Основные правила:
– не более 3-х цветов на всю презентацию (основной, дополнительный, акцент)
– цвета должны быть контрастны
– профессиональные палитры
Основные правила:
– не более 3-х цветов на всю презентацию (основной, дополнительный, акцент)
– цвета должны быть контрастны
– профессиональные палитры
Форма
Элемент, отличающийся по форме, привлекает на себя внимание и становится акцентным.
Появление рисунков с прозрачным фоном и необычных геометрических форм на слайде с прямоугольными блоками текста – тоже контраст по форме (не считая того, что изображение почти всегда служит точкой притяжения взгляда)
Появление рисунков с прозрачным фоном и необычных геометрических форм на слайде с прямоугольными блоками текста – тоже контраст по форме (не считая того, что изображение почти всегда служит точкой притяжения взгляда)
Выравнивание
Информация должна быть четко структурирована. И если за смысловую структуру отвечает логика, то за визуальную – выравнивание и расположение.
Если вы работаете в Power Point, то, наверное, привыкли работать просто с пустым слайдом, по которому можно легко двигать объекты (еще бы знать, куда). Чтобы не возникала боязнь чистого листа, а сайт смотрелся профессионально, используйте направляющие линии. Обязательно проследите, чтобы важные элементы не выходили за воображаемые рамки – так изображение будет смотреться гармоничнее.
Если вы работаете в Power Point, то, наверное, привыкли работать просто с пустым слайдом, по которому можно легко двигать объекты (еще бы знать, куда). Чтобы не возникала боязнь чистого листа, а сайт смотрелся профессионально, используйте направляющие линии. Обязательно проследите, чтобы важные элементы не выходили за воображаемые рамки – так изображение будет смотреться гармоничнее.
Цвет можно использовать для цветовой кодировки, поскольку он обладает мощной символичностью, а мозг очень быстро реагирует на цветовые раздражители и запоминает их. Например, красный цвет в нашем обществе обозначает опасность, запрет (красный сигнал светофора, запрещающие знаки, знак «опасность»), серый – нейтральный, зеленый – разрешающий, оптимальный, выгодный и так далее.
ЦВЕТ
Цветовая кодировка. См. источник
Принцип цветовой иерархии означает, что элемент другого (особенно контрастного) цвета будет акцентным, независимо от его размера. Используя цвета и оттенки цвета можно выстраивать траекторию движения взгляда по слайду, выделять то, о чем говорится в данный момент, подчеркивать преимущества и т.д.
Цветовая иерархия
кнопка
