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
Вопросы, которые задают в Google UX - исследователям.

1. Что такое P-value? В чём ее особенность?

2. Предположим, вы используете отслеживание взгляда на участнике с экзотропией (косоглазием), и не можете успешно откалибровать UI. Что вы сделаете?

3. Опишите свой самый значительный навык как UX-дизайнера. Какой совет вы бы дали тому, кто пытается этому научиться?

4. Как бы вы проводили интервью с пользователями, если бы пытались протестировать конкретное взаимодействие?

5. Представьте, что у вас есть 3 разных пользовательских интерфейса, и вам нужно выяснить, какой из них лучше. Что бы вы сделали?

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

7. Какие трудности бывают у UX-исследователей? Как их преодолеть?

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

9. Как вы справляетесь, когда люди скептически относятся к ценности исследования юзабилити?

10. Как понять, что проект «готов»?

#Design #UX
👍1
​​logodesignlove.com — сайт о логотипах и только. Регулярное обновление новостей.
Лайфхак UI. Смещение теней

Вместо того, чтобы использовать большие значения размытия и растягивания, чтобы сделать тени блока (box shadows) более заметными, добавьте вертикальное смещение.

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

Это относится к внутренним теням, которые вы можете использовать, например, для форм ввода.

#UI | Автор
🤝В непростое время хотим поддержать тех, кто не успел попробовать себя на фрилансе.  Мы сделали онлайн-интенсив по дизайну сайтов бесплатным. По прохождению вы получите сертификат и сможете брать заказы.

На связи студия Логомашина! Занимаемся коммерческим дизайном и обучаем  новых специалистов! 👍Наши курсы прошли более 2000 студентов, лучшие из них получили трудоустройство не закончив обучение.

👍Набор на интенсив по дизайну сайтов не ограничен, но скоро стартует. Успейте зарегистрироваться. Мы рады помочь вам обрести новый навык. 

🙋‍♂️Онлайн-интенсив адаптирован как для начинающих, так и для тех, кто уже в теме!

👉Регистрируйся! Делись с друзьями!👈
​​Kuler – основной инструмент для всего, что связано с подборкой цветов.
Пытаетесь ли вы определить цвета, подходящие уже выбранным, или создаёте палитру с нуля,
​​Как быстро найти нужный плагин или функцию в Figma?

Если у вас установлено уже очень много плагинов и найти нужный в стандартном меню стало невозможно, воспользуйтесь внутренним поиском в Figma. Для этого нажмите на Ctrl (⌘) + P — откроется поисковая строка, которая ищет не только установленные плагины, но и стандартные функции редактора.

#Figma
​​Сочетания клавиш для работы с компонентами

Попробуйте следующие сочетания клавиш, чтобы ускорить рабочий процесс:

Mac:

OPTION + CMD + K = Создать компонент
OPTION + CMD + B = Отсоединить экземпляр
OPTION + CMD+ O = Командная библиотека
OPTION + 2 = Показать панель активов (option + 1 возвращает вас на панель слоев)
Windows:

ALT + CTRL + K = Создать компонент
ALT + CTRL + B= Отсоединить экземпляр
ALT + CTRL + O = Командная библиотека
ALT + 2 = Показать панель активов (option + 1 возвращает вас на панель слоев)

#Figma #Лайфхак
👍1
UI Store Design - Огромный каталог бесплатных UI Kit для Adobe XD, Sketch, Figma, InVision Studio, Photoshop.
​​CssWinner - ресурс для вдохновения дизайнерам

Данный сайт чем-то похож на Awwwards. Тут так же можно посмотреть красивые сайты и их интересную реализацию. Отличный ресурс для поиска вдохновения
1
Deca UI Ki - UI Kit со всеми необходимыми элементами для создания дизайн проектов.
This media is not supported in your browser
VIEW IN TELEGRAM
Теперь вы можете копировать и вставлять слои прямо из Illustrator в Photoshop.

#Photoshop #Лайфхак | Автор
This media is not supported in your browser
VIEW IN TELEGRAM
В очередной раз показываем процесс обтравки стекла со сложного фона в Adobe Photoshop.

#Photoshop #Видеоурок | Автор
This media is not supported in your browser
VIEW IN TELEGRAM
Замена цвета волос быстрым и легким методом в Фотошопе.

#Photoshop #Видеоурок | Автор
👍4
iMaterial Pro Icons pack
Отличный набор иконок iMaterial Pro Icons для Figma, который содержит в себе более 400 иконок разных тематик. Пак иконок можно использовать абсолютно для любого проекта. Так же автор предлагает полный набор, содержащий в себе уже 2400 иконок, всего за 14$.

Установить пак
This media is not supported in your browser
VIEW IN TELEGRAM
Как правильно монтировать изображение в макет ноутбука с помощью Adobe Photoshop.

#Photoshop #Видеоурок | Автор
​​Используете насыщенные цвета? Попробуйте смягчить ситуацию с помощью оттенков и теней (Tints и Shades)

Сильно насыщенные цвета (ярко-синий, красный, зеленый и т. д.) могут отлично смотреться на сайте, но при чрезмерном использовании будут утомлять глаза пользователя, особенно при больших объемах текста.

По возможности используйте их в умеренных количествах и старайтесь сочетать с приглушенными оттенками (tint или shade) насыщенного цвета, чтобы избежать усталости глаз.

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

#UI
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Учимся делать фотографию в стиле ретро.

#Photoshop | Автор
This media is not supported in your browser
VIEW IN TELEGRAM
Как на однотонной одежде аккуратно нарисовать принт? Показываем в этом видеоролике.
Сохраняй и практикуйся!

#Photoshop #Видеоурок | Автор
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать перспективный текст в Фотошопе?

#Photoshop #Видеоурок
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Создаём эффект пиксель арта в Adobe Photoshop.

#Photoshop #Видеоурок
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Простой способ добавить свечение фар в Photoshop.

#Photoshop #Видеоурок