Принцип завершения в UI-дизайне

Принцип завершения в UI-дизайне
Если в визуальном объекте есть недостающие детали, человеческая фантазия способна самостоятельно заполнить пробелы.

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

· закон близости;
· принцип сходства;
· закон общей области;
· принцип завершения.

Для разработки удобного интерфейса, любой дизайнер может воспользоваться данными правилами.

Давайте ближе познакомимся с принципом завершения в визуальном дизайне. Суть данного принципа проста: для того чтобы распознавать объекты целиком, человеческое воображение автоматически заполняет их пустоты. Даже в ситуациях, когда человеку недостаточно информации об объекте, он пытается узнать, что перед ним находится. Для этого мозг сам дорисовывает недостающие элементы.
Если в визуальном объекте есть недостающие детали, человеческая фантазия способна самостоятельно заполнить пробелы.

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

· закон близости;
· принцип сходства;
· закон общей области;
· принцип завершения.

Для разработки удобного интерфейса, любой дизайнер может воспользоваться данными правилами.

Давайте ближе познакомимся с принципом завершения в визуальном дизайне. Суть данного принципа проста: для того чтобы распознавать объекты целиком, человеческое воображение автоматически заполняет их пустоты. Даже в ситуациях, когда человеку недостаточно информации об объекте, он пытается узнать, что перед ним находится. Для этого мозг сам дорисовывает недостающие элементы.
Области применения принципа завершения
Области применения принципа завершения
Данным принципом пользуются при создании логотипов, иконок и других визуальных элементов сайта.

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

Однако, подавляющее большинство дизайнеров никак не связаны с разработкой логотипов. Поэтому, знание данного принципа помогает им в создании дизайна иконок.

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

Не смотря на то, что использование данного принципа помогает в лаконичной форме представить разрабатываемые иконки, перед тем как выпускать готовый продукт, проведите тестирование. Оно поможет узнать, понятен ли пользователям смысл и назначение иконок. Любой, даже самый эстетически приятный дизайн, теряет свою ценность, если он не считывается аудиторией.
Данным принципом пользуются при создании логотипов, иконок и других визуальных элементов сайта.

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

Однако, подавляющее большинство дизайнеров никак не связаны с разработкой логотипов. Поэтому, знание данного принципа помогает им в создании дизайна иконок.

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

Не смотря на то, что использование данного принципа помогает в лаконичной форме представить разрабатываемые иконки, перед тем как выпускать готовый продукт, проведите тестирование. Оно поможет узнать, понятен ли пользователям смысл и назначение иконок. Любой, даже самый эстетически приятный дизайн, теряет свою ценность, если он не считывается аудиторией.
Как еще можно использовать принцип завершения?
Как еще можно использовать принцип завершения?
Чтобы заинтересовать интернет-пользователей в использовании дополнительного контента, веб-дизайнеры придумали «карусель» — ленту сайта, демонстрирующую лишь небольшой фрагмент не вошедших на экран элементов. Хоть посетители и не могут разобраться, какие объекты изображены на обрезанных слайдах, эти неполные картинки дают сигнал о том, что на экране показана не вся информация, имеющаяся на web-сайте. Чтобы получить доступ к ней, посетителю нужно полистать ленту со слайдами.

Если не сделать «карусель», аудитория ресурса может упустить большое количество дополнительного контента. Старайтесь, чтобы у пользователей не возникало иллюзии завершенности. Показывайте на экране небольшие части не вошедших слайдов. Так вы сможете увеличить продолжительность пребывания посетителей на сайте.
Чтобы заинтересовать интернет-пользователей в использовании дополнительного контента, веб-дизайнеры придумали «карусель» — ленту сайта, демонстрирующую лишь небольшой фрагмент не вошедших на экран элементов. Хоть посетители и не могут разобраться, какие объекты изображены на обрезанных слайдах, эти неполные картинки дают сигнал о том, что на экране показана не вся информация, имеющаяся на web-сайте. Чтобы получить доступ к ней, посетителю нужно полистать ленту со слайдами.

Если не сделать «карусель», аудитория ресурса может упустить большое количество дополнительного контента. Старайтесь, чтобы у пользователей не возникало иллюзии завершенности. Показывайте на экране небольшие части не вошедших слайдов. Так вы сможете увеличить продолжительность пребывания посетителей на сайте.
Как правильно пользоваться принципом завершения
Как правильно пользоваться принципом завершения
Не все дизайнеры умеют эффективно пользоваться данным принципом. Перед тем как отсечь контент и его элементы, оцените тот фрагмент, который будет виден на сайте. Помогает ли он дать правильное представление пользователям о свойствах и функциональных возможностях объекта. Если предоставить человеку недостаточный объем информации, он не сможет самостоятельно добавить недостающие детали.

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

При отсечении частей элементов интерфейса, нужно показать аудитории, что при необходимости, у нее есть возможность ознакомиться с дополнительным контентом. При этом, старайтесь, чтобы видимая часть обрезанных элементов составляла не менее 30% от их общего размера. Так вы сможете дать более полное представление о размещенном на ресурсе контенте.
Итог
Итог
При виде незавершенных форм или неполной информации, человеческий мозг начинает сам заполнять пустоты. Работа дизайнеров заключается в создании визуальных объектов и логотипов компаний, упрощенных при помощи закона завершения. Данный закон также успешно используется для информирования интернет-пользователей о имеющемся на сайте дополнительном контенте.
При виде незавершенных форм или неполной информации, человеческий мозг начинает сам заполнять пустоты. Работа дизайнеров заключается в создании визуальных объектов и логотипов компаний, упрощенных при помощи закона завершения. Данный закон также успешно используется для информирования интернет-пользователей о имеющемся на сайте дополнительном контенте.
Made on
Tilda