«On colors» категория цвета Я не знаю как правильно перевести «On colors». Суть в том, что поверхность может использовать какой-то определенный тип цвета из цветовой палитры, например карточка может быть основного цвета. Поэтому всякий раз, когда ты будешь размещать текст или иконки на таких поверхностях, эти элементы должны использовать специальные цвета, чтобы текст и иконки…
Темная тема использует темно-серый, а не чисто черный цвет в качестве основного цвета поверхности для компонентов. Темно-серые поверхности дают более широкий диапазон цвета, высоты и глубины, потому что на сером легче увидеть тени (а на черном этого не видно). Темно-серые поверхности также уменьшают нагрузку на глаза, так как светлый текст на темно-серой поверхности имеет меньший…
В Material Design цвет привлекает внимание к определенным элементам на экране. Когда цвет элемента контрастирует с его окружением, тогда этот элемент выделяется, поэтому пользователи могут подумать, что он важен. Поскольку цветовые темы варьируются — от насыщенных и ярких до монохромных или приглушенных — существуют различные способы показать то, какие элементы имеют большее значение. Например, черные…
Брутализм — это архитектурный стиль, возникший в Европе после Второй мировой войны и достигший своего расцвета в 1950-е и 60-е годы. Его название происходит от французского «béton brut», что означает необработанный бетон – выражение, которое прекрасно дополняет идеи и характеристики данного стиля. Брутализм непримиримо обнажает вещи до самой их сути и известен своим промышленным, грубым…
Текст на цветном фоне Черный текст рекомендуется использовать на светлом фоне, а белый-на темном. Если приложение имеет как светлую, так и темную темы, то убедись, что текст контрастный на каждой теме. Цветные фоны или типографика дополнительно изменяют правила, касающиеся непрозрачности текста и различных состояний текста. Использование прозрачности для тексте Правильно: Читабельность сохраняется при использовании прозрачности…
Базовый цвет для списков и прочих поверхностей, таких как нижний список действий (англ. bottom sheets), боковая навигационная панель (navigation drawer), различные меню, диалоговые окна и карточки — белый. Эти компоненты конечно же могут включать и другие цвета для создания контраста между другими поверхностями. Контраст просто может явно показать края у поверхности, чтобы показать высоту например…
Брейкпоинт или контрольная точка — это диапазон заранее определенных размеров экрана, которые имеют требования к макету. В конкретном брейкпоинте сетку макета, как и сами его элементы, можно настроить в соответствии с требованиями или ориентацией экрана (альбомная или портретная). Система брейкпоинтов Дизайн-система предоставляет брейкпоинты и структуру сеток для каждого устройства и его ориентации. В целом.ю макеты…
Обратная навигация нужна просто для перемещения назад по экранам приложения. Она может дать возможность пользователям перемещаться как по недавно посещенным экранам, так и к самому верхнему уровню приложения. Обратная навигация (по хронологии) Обратная хронологическая навигация перемещает пользователя между 2 недавно посещенными экранами. Она может перемещать пользователей между экранами внутри одного приложения, так и между 2…
Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь. Работа с пространством осуществляется за счет базовой сетки, направляющих, прогрессивной шкалы отступов, работы с соотношением…
Когда плотность компонента увеличивается, отступы и выравнивание остаются неизменными, но сам размер изменяется. Отступы. Не меняй отступы компонента при увеличении его плотности. Отступы компонентов влияют на высоту, а вот уменьшение отступов может негативно повлиять на взаимодействие с пользователем. Размер. На картинке показано то, как меняется высота при увеличении плотности компонентов. Выравнивание. Используй выравнивание по центру.…
