Типографика. Тенденции в типографике, шрифтовые пары, обложка, списки, ленты, текстовые блоки.

↑

⇐ ПредыдущаяСтр 9 из 14Следующая ⇒

14. Художественная основа дизайна. Основы композиции. Ритм, иерархия, форма, контра-форма, воздух в композиции. Применение правил композиции при работе с модульными сетками и компоновки блоков.

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

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

Для удачной композиции:

Масштаб и визуальная иерархия. Иерархия — это структурирование элементов в порядке важности. Важный объект дизайна сделать крупнее и ярче, а вторичные элементы — меньше и бледнее. Масштаб часто используется для связности элементов иерархии. Крупный масштаб привлекает внимание к определенным объектам, подчеркивая их значимость для правильной коммуникации.

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

Ритм — это чередование акцентов и пауз. Ритм в композиции — это чередование блоков сайта, слайдов, текста и картинок с разным настроением и разным содержанием.

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

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

Тенденции в типографике 2020-2021:

1. Динамическая типографика

2. Использование шрифта на другом слое

3. Градиенты

4. Контурные шрифты

5. Смешение шрифто

6. Анимированный и кинетический шрифт

7. Шрифт как основной элемент

Шрифтовая пара — это два шрифта, подходящие друг к другу. Их используют для оформления соседствующих надписей: один для заголовка, другой — для основного текста. Обложка – первое, что человек видит на странице. Сообщает о чем материал и побуждает его прочесть. Обложка состоит из: заголовока — сообщает о чем материал, к заголовку добавляют описание, которое расшифровывает заголовок. Заголовок и описание должны взаимодействовать друг с другом. Спи́сок в типографике — способ оформления различного рода перечислений или перечней. Каждый элемент списка начинается с маркера списка или номера-буквы и весь текст списка не должен выступать влево за них.

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

Познавательные статьи:



Организация работы процедурного кабинета

Статус республик в составе РФ

Понятие финансов, их функции и особенности

Сущность демографической политии