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

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

#UI #Trend | Автор

Как аккуратно изменить цвет губ в 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

Делаем крутой эффект реальности в 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 #Видеоурок | Автор