Интерфейс 6+: принципы разработки UX/UI для детей

Когда мы говорим о дизайне для детей, перед глазами обычно возникает красочная картинка с крупными кнопками и мультяшными персонажами. В реальности, разумеется, все далеко не так просто. Создавая «детский» интерфейс, вы должны учитывать десятки нюансов: от навигации до пользовательских путей — чтобы ваш результат отвечал особенностям восприятия ребенка.
Читать статью

#DesignLesson
#UXLesson
#UILesson

8 правил, которые помогут вам спроектировать лучший дизайн карточки

Узнайте, как создать идеальный интерфейс с помощью этих простых рекомендаций

За последнее десятилетие популярность карточек увеличилась в связи с ростом популярности онлайн-медиа и мобильных приложений. К сожалению, из-за плохого дизайна карточек, регулярно возникают проблемы пользовательского опыта.

Карточка – это компонент интерфейса, который предоставляет краткую справку и точку входа для дополнительной информации. Элементы карточного компонента включают в себя объекты мультимедиа, заголовки, подзаголовки, метаданные, текст резюме и действия.

В этой статье представлены рекомендации, которые помогут вам создать лучшие карточки. Давайте начнем!

Время чтения: 4 минут
Читать статью

#DesignLessons
#UXLessons

«Смени шапку!»: 20 лучших примеров, как оформить хедер сайта

Шапка сайта или хедер — первое, на что обращает внимание новый пользователь сайта в поисках информации о проекте. Это блок в верхней части главной страницы, который виден на всех страницах сайта полностью или частично. В этой статье мы расскажем, как сделать шапку сайта визуально привлекательной и удобной для пользователей.
Читать статью

#DesignLessons
#UXLessons

Баланс в композиции: как сбалансировать дизайн?

Несбалансированный дизайн подсознательно раздражает пользователей. Как создать привлекательный баланс?

Баланс является одним из важнейших элементов композиции.

Баланс – это противопоставление элементов, которое создает равновесие и гармонию. Состояние баланса интуитивно комфортно для зрителя.

Тело человека симметрично по вертикали, и наше визуальное восприятие соответствует этому. Нам нравятся объекты, сбалансированные относительно вертикальной оси. Мы всегда склонны уравновешивать одну силу другой.

В контексте дизайна баланс основан на визуальном весе элементов. Визуальный вес – это объем внимания, который зритель уделяет изображению. Если сайт сбалансирован, посетители подсознательно чувствуют себя комфортно. Баланс сайта воспринимается, как визуально пропорциональное расположение его элементов.

Как сделать ваш сайт сбалансированным?
Читать статью

#UXLessons
#UILessons

Плагин Auto Layout Sorter помогает сортировать дочерние слои фрейма Auto Layout на основе их общих имен текстовых слоев.

Если много работаете с таблицами или длинными списками компонентов и не хотите тратить время и ручной труд на сортировку каждого слоя вручную. С помощью этого плагина вы можете сортировать слои всего несколькими щелчками мыши

Как пользоваться
-Выберите рамку Auto Layout и убедитесь, что у нее есть дочерние слои с соответствующими именами текстовых слоев.
-Плагин проверит, какие текстовые значения могут быть отсортированы, и отобразит это в интерфейсе плагина.
-Выберите тип текстового значения, которое хотите отсортировать./li>
-Выберите возрастание или убывание.
-И, наконец, → нажмите кнопку «Сортировка».

#FigmaPlugins

UX: почему дизайн должен быть приоритетом маркетологов

Дни, когда пользовательский интерфейс считался областью, которая касается только дизайнеров, давно прошли. Создание хорошего опыта сейчас жизненно важно для достижения целей бизнеса. Это делает UX приоритетом маркетологов.
Читать статью

#UXLessons
#Marketing