Как стать автором
Обновить
0
0

Пользователь

Отправить сообщение

16 простых и эффективных правил дизайна UI

Уровень сложностиПростой
Время на прочтение11 мин
Количество просмотров31K

Проектировать пользовательский интерфейс сложно. Здесь есть множество возможных вариаций макета, отступов, типографики и цвета, в которых можно просто запутаться. А если к этому дополнительно прибавить юзабилити, доступность и принципы психологии, то задача становится ещё труднее.

К счастью, дизайн UI не обязательно должен представлять такие сложности. Работая в качестве дизайнера продуктов более двух десятков лет, я понял, что большая часть моих решений в плане визуального представления и реализации взаимодействия определялись системой логических правил. Не художественным чутьём или магической интуицией, а простыми правилами.

Наличие системы логических правил помогает эффективно принимать в дизайне продуманные решения. Без логической системы вы просто используете внутреннее чутьё, меняя компоновку элементов, пока не получится желаемый красивый результат.

Мне нравятся правила и логика, но в дизайне решения редко являются двоичными. Вместо строгих правил, которым вам необходимо следовать, воспримите приведённые далее рекомендации как руководства, которые прекрасно работают во многих случаях.

Самый быстрый способ обучения — это практика, так что приступим!
Читать дальше →
Всего голосов 53: ↑52 и ↓1+65
Комментарии13

Больше контроля над селектором :nth-child() с помощью синтаксиса of S

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров6.9K

Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().

Читать далее
Всего голосов 13: ↑13 и ↓0+13
Комментарии1

6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров26K

Мощные и стабильные CSS фичи, которые вы можете использовать уже сегодня.

Я считаю, что каждый front-end разработчик должен знать, как использовать container query, создавать привязку к прокрутке, избегать position: absolute с помощью grid, быстро создавать круг, использовать каскадные слои и достигать большего с помощью логических свойств. Эта статья — описание каждой из 6 новых возможностей CSS.

Читать далее
Всего голосов 17: ↑10 и ↓7+5
Комментарии6

Шрифтовая «не-пара»

Время на прочтение6 мин
Количество просмотров3.4K

Сегодня нет никаких технических, технологических, финансовых, нейро-эстетических обоснований для использования в цифровых продуктах такой конструкции как «шрифтовая пара». Это искусственное ограничение дизайнерской мысли носит исключительно исторических характер и не способствует здоровому развитию специалистов не заставших «типографскую печать».

Читать далее
Всего голосов 9: ↑5 и ↓4+5
Комментарии64

Информация

В рейтинге
Не участвует
Зарегистрирован
Активность

Специализация

Frontend Developer
Junior
JavaScript
CSS
HTML
Adaptive layout
Semantic layout
SCSS
BEM
Valid layout
Landing layouts