Приветствую, коллеги! Меня зовут Руслан, я работаю продуктовым и веб-дизайнером, а также преподаю курс по дизайну интерфейсов в Государственном Университете «Дубна».
Семантическое версионирование ДС, простой гайд для дизайнера
Нет понимания как работать с изменениями ДС? давайте разбираться вместе.
Всплывающие окна, обо всех и сразу
В интерфейсах есть такой объект как всплывающее окно, еще его называют модальное окно, уведомлние и тп. Но мало кто знает что онка бывают и не модальные, и полумодальные, а еще меньше дизайнеров знают как ими пользоваться.
Как понять, что компоненты из ДС?
Знакомо, когда новенький дизайнер или дизайнер со стажем начинает распространять старый компонент из дизайн-системы или локальной библиотеки, что приводит к вопросам со стороны разработки. Происходит это либо по незнанию, либо по невнимательности. Это порождает много проблем и вопросов как со стороны дизайнеров, так и со стороны разработки,…
Наименование свойств компонентов в Figma
Hover или hovered? Active или select, или selected, или же focus, а может, focused? С такими проблемами, я думаю, многие сталкивались, кто хоть раз пытался сопоставить свойства Figma с разработкой. В этой статье расскажу, как мы пришли к единому неймингу свойств в компонентах.
Как вести нейминг компонентов в Figma
Очень часто заходишь в проект к дизайнеру и видишь просто фантастические имена объектов, а иногда даже просто Frame123. Видимо, дизайнеру так удобно, и у него очень хорошая память на фреймы, но я бы не хотел работать с такими макетами. Узнали ситуацию? Давайте по порядку.
Ограничения в использовании компонентов Figma и не только
Знакома ситуация, когда к вам приходит разработчик и говорит: «Тут дизайнер наделал что-то непонятное, иди скажи ему что-нибудь или внесите компонент в ДС». Или такая: «Я не понимаю, как мне сделать из alert’а какой-нибудь List, как сделал дизайнер». Последние — это вообще отдельная каста дизайнеров.
Ограничения в использовании иконок в Figma
Знаком ли вам случай, когда дизайнеры используют не совсем те иконки, которые вам хотелось бы? В одной части интерфейса, к примеру, могут использоваться только иконки типа stroke, в другой части — типа fill. В компоненте chip могут использоваться иконки размером 16px, а в кнопках — 24px и т. п. Но написать в мануале об этом будет недостаточн…
Как понять, что компоненты из ДС?
Бывают случаи, когда новенький дизайнер или дизайнер со стажем начинает распространять старый компонент из дизайн-системы или локальной библиотеки, что приводит к вопросам со стороны разработки. Происходит это либо по незнанию, либо по невнимательности. Это порождает много проблем и вопросов как со стороны дизайнеров, так и со стороны разраб…