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