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

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

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

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
​​Веб-портал Stockio вместе с иконками, видеоконтентом позволяет также скачать векторные рисунки для личного и коммерческого использования (без перепродажи). Единственное условие при этом — указание автора.
Подводим итоги года по мемам

Яндекс 360 выпустил прикольную игру, в которой нужно найти и указать мемы, успевшие пошуметь в 2021-м. Выполнена игра в виде новогоднего карточного теста.

Поборитесь за звание мемного архивариуса и выиграйте скидку на подписку на Яндекс 360!
❤‍🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Оформялем изображение в формат плаката

Вот простой плакат, который вы можете создать с помощью эффекта «всплывающей рамки».

#Photoshop #Видеоурок | Автор
​​Italiana – это шрифт без засечек, в значительной степени вдохновленный итальянской типографической традицией, в первую очередь рукописными стилями.

#Typography
👍1
​​Pixelbuddha - ресурсы на этом сайте в основном представляют собой векторную графику, мокапы, шрифты, анимацию, логотипы, а также другие полезные и бесплатные ресурсы.
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем градиентную абстракцию, как на заставке MacBook

Все проще, чем кажется на первый взгляд.

#Photoshop #Лайфхак | Автор
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Фишки для Figma

Запоминайте и сохраняйте эти фишки. Они очень ускоряют процесс работы.

#Figma | Автор
1
​​Pecita - веселый рукописный шрифт. Отлично подойдет для графического дизайна.

Скачать шрифт
#Typography
​​Светлый текст на темном фоне? Увеличьте толщину шрифта для лучшей читабельности

При установке темного текста на светлом фоне вы можете иногда выбрать более легкий вес шрифта.

Но! Когда дело доходит до обратного: светлый текст > темный фон. Следует немного увеличить вес шрифта, особенно для больших блоков текста.

Стремитесь к лучшей читабельности и не утомляйте глаза пользователя.

#UI
👍1
​​Книга «Не заставляйте меня думать. Веб-юзабилити и здравый смыслКнига посвящена юзабилити веб-сайтов и мобильных приложений.» Cтив Круг.

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

#UX #Книги
This media is not supported in your browser
VIEW IN TELEGRAM
Паттерн "пазлы" в Adobe Photoshop

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

#Photoshop #Видеоурок | Автор
​​Тренд UI на 2022 год. Глассморфизм и элементы, вдохновленные стеклом.

Глассморфизм повсюду – это факт. Он представлен размытием фона, полупрозрачными объектами, например, карточками, «акварелью», стеклянными сферами и т.д. Эффект стекла никуда не денется, и мы будем встречать его повсюду от встроенных элементов Mac OS Big Sur и Windows 11 до самых разных приложений.

#UI #Trend | Автор
This media is not supported in your browser
VIEW IN TELEGRAM
Как аккуратно изменить цвет губ в Adobe Photoshop?

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

#Photoshop #Видеоурок | Автор
​​Musli - площадка-портфолио для дизайнеров. Показывайте свои работы и получайте фидбек от других участников.
​​Тренд UI на 2022 год. Минимализм и упрощение

Взгляните на ведущие технологические компании, и вы увидите предпочтение простых, информативных, минималистичных интерфейсов (Revolut, Meta, Oculus и т. д.). С каждым годом этот тренд становится все популярнее, и все больше брендов начинают его использовать.

#Ui #Trend
​​Рыба — это хорошо, но не всегда

Lorem Ipsum — это текст-рыба, который раньше использовали издатели и дизайнеры, если оригинальный текст был недоступен. Lorem Ipsum используется для упрощения взаимодействия с заказчиком и утверждения дизайна. Текст рыбы и ее смысловое наполнение никогда не меняются.

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

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

#Typography #Лайфхак | Автор
​​Горячие клавиши Figma

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

#Figma
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем крутой эффект реальности в Adobe Photoshop

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

#Photoshop #Видеоурок | Автор
​​Как выглядит недостаточная мотивация в UI / UX дизайне?

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

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

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

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

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