31 lines
2.0 KiB
Markdown
31 lines
2.0 KiB
Markdown
|
---
|
|||
|
|
title: Visual Hierarchy
|
|||
|
|
localeTitle: Визуальная иерархия
|
|||
|
|
---
|
|||
|
|
## Визуальная иерархия
|
|||
|
|
|
|||
|
|
Визуальная иерархия - это организация и представление контента. Вы можете использовать визуальную иерархию, чтобы сосредоточить внимание пользователей и показать, где самая важная информация.
|
|||
|
|
|
|||
|
|
Что нужно запомнить при создании визуальной иерархии вашего контента, так это то, что все это относительное. Части, которые вы хотите выделить, должны выделяться из других частей вашего контента.
|
|||
|
|
|
|||
|
|
Вы можете достичь визуальной иерархии различными способами, включая (но не ограничиваясь ими):
|
|||
|
|
|
|||
|
|
* Размер
|
|||
|
|
* Цвет и контрастность
|
|||
|
|
* Заголовки и подзаголовки
|
|||
|
|
* Типография
|
|||
|
|
* Белое или пустое пространство
|
|||
|
|
* Текстура
|
|||
|
|
* Должность
|
|||
|
|
* ориентация
|
|||
|
|
* Общая схема
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
Инструменты для создания визуальной иерархии: [блог школы дизайна](https://designschool.canva.com/blog/visual-hierarchy/)
|
|||
|
|
|
|||
|
|
6 Принципы визуальной иерархии: [99 проектов блога](https://99designs.com/blog/tips/6-principles-of-visual-hierarchy/)
|
|||
|
|
|
|||
|
|
Пример: улучшение страницы с визуальной иерархией: [блог](http://blog.formedfunction.com/post/3029763425/on-visual-hierarchy)
|
|||
|
|
|
|||
|
|
Добавление визуальной иерархии: [средний](https://medium.com/designed-thought/8-ways-to-add-visual-hierarchy-8820be73218a/)
|