Designer Notes – Telegram
Designer Notes
14.9K subscribers
8.31K photos
731 videos
2 files
4K links
Фишки, хитрости и уроки для работы дизайнера.

Сайт: https://dsgners.ru

Реклама/связь: @design_guru_bot

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
​​Как выглядит недостаточная мотивация в UI / UX дизайне?

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

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

#UX #UI
This media is not supported in your browser
VIEW IN TELEGRAM
Идея для оформления постера в Adobe Photoshop

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

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

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

#Figma
​​Mobbin.design - на сайте представлено свыше полутора сотен приложений и тысячи шаблонов.
Здесь веб-дизайнер может найти кучу идей для реализации своих целей.
This media is not supported in your browser
VIEW IN TELEGRAM
Как совместить объект с текстом на заднем фоне?

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

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

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

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

#UX | Автор
​​logomoose - очень солидная подборка логотипов со всего мира.
Что интересно, есть действительно много хороших вариантов, которые можно использовать для вдохновения.
This media is not supported in your browser
VIEW IN TELEGRAM
Меняем время года на фото с помощью Adobe Photoshop

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

#Photoshop | Автор
1
​​Книга Эрика Шпикерманна, «О шрифте»

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

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

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

#Figma
This media is not supported in your browser
VIEW IN TELEGRAM
Учимся вырезать мелкую листву в Фотошопе

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

#Photoshop #Видеоурок | Автор
​​Human Interface Guidelines от Apple

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

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

#UI
This media is not supported in your browser
VIEW IN TELEGRAM
Создайте эффект нарезанного текста менее чем за 1 минуту с помощью Adobe Photoshop

#Photoshop #Видеоурок | Автор
👍3
​​Бесплатный плагин для работы в Figma

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

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

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

#Книга
This media is not supported in your browser
VIEW IN TELEGRAM
Учимся создавать эффект объема для объекта.

#Photoshop | Автор
​​Бесплатный плагин для Figma. Blobs

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

Скачать плагин
This media is not supported in your browser
VIEW IN TELEGRAM
Вдохновение | Дизайн и анимация концепта сайта Dyson

#UI
​​Аарон Уолтер, «Эмоциональный веб-дизайн»

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

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

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

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