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

Статьи по дизайну

Брейкпоинт или контрольная точка — это диапазон заранее определенных размеров экрана, которые имеют требования к макету. В конкретном брейкпоинте сетку макета, как и сами его элементы, можно настроить в соответствии с требованиями или ориентацией экрана (альбомная или портретная). Система брейкпоинтов Дизайн-система предоставляет брейкпоинты и структуру сеток для каждого устройства и его ориентации. В целом.ю макеты…

Material Design на русском. Часть 11 — О навигации в Material | by Ruslan Sharipov | Jan, 2021

Статьи по дизайну

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

Material Design на русском. Часть 8 — Отступы | by Ruslan Sharipov | Jan, 2021

Статьи по дизайну

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

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

Статьи по дизайну

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

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

Статьи по дизайну

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

15 лучших графических дизайнеров на Dribbble

Статьи по дизайну

Когда дело доходит до создания вашего бренда, лучшее место, чтобы начать с вдохновения. Будь то доска объявлений о настроении или раздел «Сохраненные» в Instagram, лучшее место для начала – перейти прямо к источнику и посмотреть, что создали графические дизайнеры. Если вы в настоящее время работаете над проектом идентификации бренда? Может быть, вы заняты дизайнерской работой…

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) могут двигаться в любом направлении, хотя движение может быть ограничено одной осью. Поверхности…