Использование масштаба и пропорций в макетах
Масштаб и пропорции — это концепции дизайна, которые вы можете стратегически включить в свои макеты, чтобы сделать дизайн визуально привлекательным и привлечь внимание пользователя.
Масштаб — это концепция, которая используется для объяснения соотношения размеров между данным элементом и другими элементами дизайна. Пропорция – это баланс или гармония между масштабируемыми элементами.
UX-дизайнеры часто используют масштабирование, чтобы сделать наиболее важные элементы дизайна крупнее менее важных, что помогает создать акцент и контраст. Пропорция помогает UX-дизайнерам убедиться, что соотношение размеров между элементами имеет смысл и что элементы на экране сбалансированы друг относительно друга.
Внедряйте масштаб в свои проекты
Масштаб используется, чтобы привлечь внимание к элементам и помочь пользователям быстрее найти их. Они также помогают пользователям понять относительный размер. Представьте, что вы заказываете новую пару сережек у местного художника, но по картинке не можете определить, насколько они велики. Если художник разместит изображение сережек рядом с обычным предметом, например четвертаком, вы получите представление о масштабе. Посмотрите на изображение ниже и обратите внимание, как сравнение одного предмета с другим помогает уточнить масштаб.
Или посмотрите на принцип масштабирования в действии в приложении Google TV на изображении ниже. Верхнее изображение «Любовь и монстры» шире и больше, чем ряд фильмов под ним в разделе «Лучшее для вас». Использование масштаба в этом дизайне в первую очередь привлекает внимание пользователей к представленному фильму (сверху).
Используйте пропорции в своих проектах
Пропорция – это то, как объекты соотносятся друг с другом. Например, одна вещь, которую люди находят забавной в клоунах, — это размер их обуви. Их обувь непропорционально велика для размера тела клоуна. Или вы когда-нибудь видели анекдот про тираннозавра? Обычно они рассказывают о том, насколько крошечными являются руки динозавров по сравнению с их гигантскими телами, из-за чего им трудно выполнять основные (человеческие) задачи. Руки тираннозавра непропорциональны по сравнению с размером его тела.
Но как UX-дизайнеры используют пропорции в реальном мире, кроме шуток? На изображении ниже приведен пример пропорций на другом экране приложения Google TV. В категориях «Романтические телешоу» и «Мистические телешоу» изображения представляют собой закругленные квадраты одинакового размера. Однако в категории «Популярные семейные фильмы» изображения представляют собой вертикальные прямоугольники, а не квадраты! Это небольшое изменение в пропорциях подчеркивает разницу между категориями: те, которые относятся к категории «семейный», и те, которые к ней не относятся. В ваших собственных проектах вы можете обнаружить, что пользователям легко заметить небольшие различия в пропорциях, сохраняя при этом чистый вид вашего дизайна.
Создание баланса для ваших пользователей
Теперь вы знаете основы применения масштаба и пропорций для улучшения ваших проектов. Продолжая создавать дизайн и макеты, помните, что эти тонкие изменения, если все сделано правильно, могут легко проинформировать пользователя о дизайне вашего приложения. Эти принципы пригодятся вам при создании хорошо сбалансированных и удобных для пользователя макетов.
Прочтите эту статью UX Planet, чтобы узнать о золотом сечении и о том, как вы можете использовать соотношение в своих проектах: [Золотое сечение: баланс в дизайне пользовательского интерфейса] (https://uxplanet.org/golden-ratio-bring-balance-in-ui-design-765c954f0ff9)