Интерфейс и поток данных

Статья о том, как оптимизировать процесс проектирования интерфейса.

Ссылка

#article_nd

Дизайн-вдохновение 🤩
#designinspiration

Автор: codebydennis

Делаем кружку с Барби-Оппенгеймером🎀🕵‍♂

1. Берем инструмент «выделение объектов», выделяем кружку на новый слой (CTRL+J)

2. Загружаем картинку, ставим пока непрозрачность 50-60%, нажимаем CTRL+T, правой кнопкой мыши выбираем «деформация»

3. Сверху в панели деформации выбираем «цилиндр», подгоняем под размер кружки

4. Возвращаем непрозрачность под 100%, ставии режим наложения «умножение», создаем обтравочную маску с кружкой (CTRL+ALT+G)
#photoshop

Автор: @graphicdesignrist

Двойной свет в фотошопе

Шаг 1. Создаем корректирующий слой «карта градиента» регулируем цвета
Шаг 2. Дублируем корректирующий слой, меняем на холодные тона, инвертируем CTRL/Command+I
Шаг 3. Берем восстанавливающую кисть(белую), жесткость на 0
Шаг 4. Переходим на 1 кор. слой и черной кистью проходимся по тем же местам
Шаг 5. Заходим в параметры наложения 2 кор.слоя и регулируем данный и подлежащий слой
Готово🌟
#photoshop

Автор: @JabbarAwanOfficial

Классного сайта вам на ночь🌝

Автор: @webiledesigns

Figma обновила приложение в : теперь из обычного текста можно быстро получить черновик креативов для Buzz и презентации для Slides — и открыть всё в Figma, чтобы отредактировать и довести до финала.

Плюс из переписки можно собрать диаграммы для FigJam (например, flowchart или Gantt).

Перетаскивайте источник света, чтобы менять направление тени в вашем слое с таким вот новым плагином

Ссылка

#materials_nd

Тонкости UI-дизайна больших таблиц с данными

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

Ссылка

#article_nd

Проектируем функционал сторис

С момента своего появления, сторис обрели всеобщую популярность. А где популярность – там и копирование: сейчас их можно встретить в куче приложений. Только вот копировать нужно с умом, продумывая все детали. Сегодня мы погрузимся в тему сторис и разберём лучшие практики и ошибки. В этой статье — 102 гайдлайна на базе 100+ просмотренных приложений.

Ссылка

#materials_nd

Круговые диаграммы в одном направлении🎯
#figma

Автор: @alexeybychkov_

Эффект мрамора в Figma🌛
#photoshop

Автор: @konnnnad

Секретные источники вдохновения 🤫

ищем аналоги behance и

1. awwards.com – сайт с классными проектами

2. cyrillic.design – также подборка сайтов, в том числе и на русском языке

3. dprofile.ru – почти как behance, но с более крутыми проектами

Автор: @tanya_diz_one

Зовите пожарников, потому что урок огонь, вернее из огня 👩‍🚒
#photoshop

Автор: @photosed

Очень крутой редизайн известных логотипов в винтажном стиле.
Есть логотипы Netflix, Nike, Patagonia, Burger King, Adidas и другие.

В конце подборки можно найти ссылки на сайт автора и его Behance.

Ссылка

#inspiration_nd

Делаем эффект сердешка за 1 минуту 🫰
#illustrator

Автор: @grafico-design

Ребятки, уже завтра стартует наш новый ворк-шоп по Мокапам.

@mockups_nd

Ловите ссылку на сайт, где можно поиск изображений осуществляется сразу по всем фотостокам

Ссылка

#materials_nd

Как спрятать текст под деревом?🌳

1. Создаем текстовый слой, заходим в параметры наложения, во вкладке «наложение,если» выбираем зеленый и регулируем ползунок подлежащего слоя

Чтобы ползунок разделился на двое, удерживайте ATL/OPTION

Спрятали!
#photoshop

Автор: Ferhatsozeriart

Бывало 😅

Делаем кисть-облачко в Фотошопе
#photoshop

1. Берем картинку облачка (можно взять что угодно) на черном фоне.

2. Инвертируем фото ( CTRL/CMD+I)

3. Выбираем редактирование-определить кисть.

Вот и все! Далее, с помощью кисти делайте красоту.

Автор: designer_shakil