Лайфхак 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 #Лайфхак

UI Store Design - Огромный каталог бесплатных UI Kit для Adobe XD, Sketch, Figma, InVision Studio, Photoshop.

​​CssWinner - ресурс для вдохновения дизайнерам

Данный сайт чем-то похож на Awwwards. Тут так же можно посмотреть красивые сайты и их интересную реализацию. Отличный ресурс для поиска вдохновения

Deca UI Ki - UI Kit со всеми необходимыми элементами для создания дизайн проектов.

Теперь вы можете копировать и вставлять слои прямо из Illustrator в Photoshop.

#Photoshop #Лайфхак | Автор

В очередной раз показываем процесс обтравки стекла со сложного фона в Adobe Photoshop.

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

Замена цвета волос быстрым и легким методом в Фотошопе.

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

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

Установить пак

Как правильно монтировать изображение в макет ноутбука с помощью Adobe Photoshop.

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

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

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

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

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

#UI

Учимся делать фотографию в стиле ретро.

#Photoshop | Автор

Как на однотонной одежде аккуратно нарисовать принт? Показываем в этом видеоролике.
Сохраняй и практикуйся!

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

Как сделать перспективный текст в Фотошопе?

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

Создаём эффект пиксель арта в Adobe Photoshop.

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

Простой способ добавить свечение фар в Photoshop.

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

Как создать луч света в Adobe Photoshop?

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

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

Скачать шрифт

#Typography