Material Design на русском. Часть 10 — Плотность информации в макете | by Ruslan Sharipov | Jan, 2021

Когда плотность компонента увеличивается, отступы и выравнивание остаются неизменными, но сам размер изменяется. Отступы. Не меняй отступы компонента при увеличении его плотности. Отступы компонентов влияют на высоту, а вот уменьшение отступов может негативно повлиять на взаимодействие с пользователем. Размер. На картинке показано то, как меняется высота при увеличении плотности компонентов. Выравнивание. Используй выравнивание по центру.…

Material Design на русском. Часть 9 — Поведение компонентов | by Ruslan Sharipov | Jan, 2021

Наложение Когда UI меняется, тогда компонент может быть перекрыт другими элементами, которые будут его закрывать. В этой ситуации его позиция и размеры остаются неизменными. Обрати внимание: контентная область перекрывается боковой панелью навигации (сайдбаром), но сама область не сдвигается, а элементы остаются в исходных размерах. Компоненты могут адаптироваться в зависимости от размера экрана и типа устройства,…

Material Design на русском. Часть 6 | by Ruslan Sharipov | Jan, 2021

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

Material Design на русском. Часть 1 | by Ruslan Sharipov | Jan, 2021

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь Material — это дизайн-система, которая была создана Google, чтобы помочь всем, кто заинтересован создавать высококачественные…

Material Design на русском. Часть 2 | by Ruslan Sharipov | Jan, 2021

Элементы могут оставаться в фиксированном положении по осям x и y или быть подвижными в любом направлении. Поверхности могут оставаться в фиксированном положении. Верхняя панель (1) остается в фиксированном положении, в то время как список карточек (2) скролится по вертикали. Поверхности (1,2) могут двигаться в любом направлении, хотя движение может быть ограничено одной осью. Поверхности…

Бесплатный видеокурс: основы UX дизайна | by Ruslan Sharipov | Dec, 2020

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой статье речь пойдет про плейлист по основам UX дизайна, который состоит из 17 видео. За почти 5 часов ты узнаешь про все необходимые (на мой взгляд) основы UX дизайна: что это…