​​Горячие клавиши Figma

Столбец №1:
1 - Стандартный инструмент выделения
2 - Инструмент создания фреймов
3 - Инструмент “Перо”
4 - Инструмент “Карандаш” (Как “Перо” только рисовать можно любые формы)
Столбец №2:
1 - Инструмент “Текст”
2 - Инструмент "Прямоугольник”
3 - Инстурмент “Элипс”
4 - Инструмент “Линия”
5 - Инструмент “Стрелка”
Столбец №3:
1 - Добавить или показать комментарии к текущему макету
2 - Инструмент “Пипетка”
3 - Инструмент “Нож” (Вырезает область в виде картинки)

#Figma

Делаем крутой эффект реальности в Adobe Photoshop

Собираем самолет и макет телефона в одну композицию.

#Photoshop #Видеоурок | Автор

​​Как выглядит недостаточная мотивация в UI / UX дизайне?

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

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

#UX #UI

Идея для оформления постера в Adobe Photoshop

Посмотрите и вдохновитесь этим видеоуроком. Можно оформить под дизайн любую портретную фотографию.

#Photoshop | Автор

​​Mockup World – источник бесплатных фотореалистичных мокапов для презентаций, кейсов.

​​В Figma обновили комментарии

• Возможность выделить область на макете и добавить комментарий только к ней;
• Реакции стикерами;
• Поиск по слову или человеку;
• Сортировка комментариев по дате;
• Пометка «непрочитанное» для себя.

#Figma

​​Mobbin.design - на сайте представлено свыше полутора сотен приложений и тысячи шаблонов.
Здесь веб-дизайнер может найти кучу идей для реализации своих целей.

Как совместить объект с текстом на заднем фоне?

В этом уроке показано наглядно, как совместить текст и человека в одну композицию и оставить ваш текст на бэкграунде. Работаем в Adobe Photoshop.

#Photoshop #Видеоурок | Автор

​​Когда использовать в списках продуктов радиокнопки, а когда выпадающие списки?

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

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

#UX | Автор

​​logomoose - очень солидная подборка логотипов со всего мира.
Что интересно, есть действительно много хороших вариантов, которые можно использовать для вдохновения.

Меняем время года на фото с помощью Adobe Photoshop

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

#Photoshop | Автор

​​Книга Эрика Шпикерманна, «О шрифте»

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

#Книга

​​Все картинки заводим в цветовые стили в Figma

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

#Figma

Учимся вырезать мелкую листву в Фотошопе

И ставить объект на другой фон. Делаем это с помощью каналов.

#Photoshop #Видеоурок | Автор

​​Human Interface Guidelines от Apple

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

Human Interface Guidelines познакомят вас с основными структурными компонентами приложения, такими как архитектура, возможности системы, визуальный дизайн, иконки и многое другое.

#UI

Создайте эффект нарезанного текста менее чем за 1 минуту с помощью Adobe Photoshop

#Photoshop #Видеоурок | Автор

​​Бесплатный плагин для работы в Figma

Isometric - плагин позволяет отобразить объект в изометрии вам только требуется настроить угол.

#Figma

​​Книга Роберта Брингхерста, «Основы стиля в типографике»

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

#Книга

Учимся создавать эффект объема для объекта.

#Photoshop | Автор

​​Бесплатный плагин для Figma. Blobs

Один из трендов современного дизайна – цветовое решение в виде капель (кривых Безье).
Плагин «Blobs» помогает контролировать уникальность фигуры, количество точек и т.д.

Скачать плагин

Вдохновение | Дизайн и анимация концепта сайта Dyson

#UI