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