База дизайнера UX/UI

2022-10-05 20:25:12 #файлы #figma

ПЛАГИН В FIGMA ДЛЯ ПРОВЕРКИ КОНТРАСТА

Часто сталкиваемся в наших постах с темой соблюдения контрастов, особенно это важно в веб-дизайне.

Как работает плагин:

Откройте плагин "Contrast".
Нажимаете на элемент, находящийся спереди.
Плагин проверяет контрастность выбранного элемента с элементом, находящимся за ним.

Установить плагин Открыть/Комментировать

2022-10-05 10:06:00 #полезное

ОБЛОЖКА САЙТА — ПЕРВЫЙ ЭКРАН.

Зайдя на сайт, человек видит начальный экран и сразу принимает решение: остаться и смотреть дальше или закрыть вкладку.

Главное в обложке текст. Необходимо подобрать фотографию, которая не затруднит чтение и соответствует тематике.

Фотография в обложке задает определенную атмосферу. Она может усилить ваше сообщение.

Располагайте текст на однородной области фотографии, чтобы текст читался легко. Если нет однородных областей, то можно затемнить фон. С темным фоном повышается комфортность чтения, главное не переборщить.

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

Также можно использовать яркий цветной текст. С тонированным фоном может получиться интересное сочетание, если соблюдать контраст.

Хорошо работают и белые обложки. Разместите обтравленный объект или векторную иллюстрацию с правой стороны, а текст слева. Открыть/Комментировать

2022-10-04 10:03:00 #полезное

ЧАСТЫЕ ОШИБКИ UX-ДИЗАЙНЕРОВ

Успешный пользовательский опыт обеспечивает компаниям хорошую прибыль. Даже опытные дизайнеры допускают ошибки, которые заставляют людей уходить с сайта.

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

Слишком большой и нечитаемый текст.
Бывает, что информации слишком много и она плохо сверстана: нет заголовков, подзаголовков и буллитов. Большое количество шрифтов и стилей типографики. Слишком крупный и слишком мелкий заголовок.

Маленькие кнопки.
В мобильном интерфейсе есть понятие «область нажатия». У кнопки она должна быть довольно большая, потому что мы ориентируемся на большой палец человека.

Отсутствие контраста.
На зеленой кнопке не должен быть текст коричневого цвета. Текст должен хорошо читаться даже на низкой яркости экрана. Открыть/Комментировать

2022-10-03 20:47:16 #полезное #видео

ЭФФЕКТ МАТОВОГО СТЕКЛА В FIGMA

Глассморфизм — эффект «матового стекла». Тренд 2021 года, который до сих пор актуален.

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

Видео о том, как добавить данный эффект в Figma Открыть/Комментировать

2022-10-03 10:06:00 #файлы #шрифты #подборка

ПОДБОРКА КИРИЛЛИЧЕСКИХ РУКОПИСНЫХ ШРИФТОВ

Рукописные шрифты всегда характеризовались передачей серьезного характера и элегантного присутствия.

Небольшая подборка бесплатных кириллических шрифтов.

Скачать здесь Открыть/Комментировать