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/) |