TOP Tutorial | Бесплатные уроки по дизайну

Дизайн-вдохновение нежных, футуристичных шапок сайта 💄 #designinspiration Автор: dls_design_

Делаем анимацию кружочков в фигма🟡 1. Создайте 4 круга, один круг с заливкой, один с обводкой, один полукруг с обводкой и один круг с обводкой и полукруг( если запутались, посмотрите на картинку №2) 2. Продублируйте круг с обводкой и полукруг и поверните его на 90° 3. Создайте компонент, зайдите в «prototype» и соедините круги между собой 4. Во вкладке «interactions» выберите «after delay», «smart animate» и «linear» 5. Нажмите на play 🟨 #figma Автор: @byaddinaf

Градиент с текстурой в Figma #tutorial #gradients #texture

Спид-арт необычного такого постера #photoshop Автор: @design.syndrome

Удаляем фон без боли и слез🥲 1. Заходим в параметры наложения, находим опцию «наложение,если», выбираем синий цвет 2. Выбираем активный слой, тянем ползунок влево, удерживаем ALT и отрываем половину, тянем дальше, пока фон полностью не исчезнет 3. Создаем кор. слой, выбираем любой цвет, добавляем облачков если нужно. #photoshop Автор: @gfxom

Коллекция бесплатных интерфейсных компонентов Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma Ссылка #materials_nd

По больному пошли 😃 #memes

📍 Принципы гештальта в веб-дизайне: как создать цельный и запоминающийся интерфейс

🔽Сходство

Элементы, имеющие сходные визуальные характеристики, воспринимаются как более связанные, чем те, которые не имеют сходных характеристик. Мы группируем похожие элементы вместе, присваивая им общую функцию или значение. Сходство по цвету, размеру, форме и текстуре помогает нам это делать, причем цвет является наиболее очевидным сигналом. Используя «Аномальные» цвета, мы можем выделить объекты из группы для создания акцентов или привлечения внимания, что полезно в дизайне навигации и визуальных иерархий. #Полезное

⁠⁠Inspiration дня Портал в стиле Pinterest, только более выверенная коллекция визуальных трендов, удобно разделенная по разделам. Ищем вдохновение на Curaeted. Ссылка #inspiration_nd

⁠⁠Inspiration дня Большая онлайн-коллекция винтажных плакатов эпохи модерна с сортировкой по технике, датам, художникам и другим параметрам. Ссылка #inspiration_nd

Как часто вы заходите в фотошоп? ☺️ #photoshop Автор: madebylab

AI-плагин в Figma PicsAI - бесплатный плагин-генератор изображений на базе Stable Diffusion. Нейросеть создает изображения по текстовым промтам и картинкам Ссылка #materials_nd

Как понять, что пора обновлять бренд и что именно нужно менять Статья Саши Ревяко о том, когда можно отделаться косметическим ремонтом в брендинге, а когда нужно делать капитальный. Когда будет достаточно сделать красный в логотипе поярче, а когда нужно снести все до фундамента и построить заново. Ссылка #article_nd

Самый полный гайд по контрастности в интерфейсах Статья Анастасии Ланцевой о собственном гайде, в котором собрана вся необходимая информация по контрастности. Ссылка #article_nd

Текстура стекла в блоке 🧐 #photoshop 1. Создаем кор.слой «цвет» черного цвета 2. Создаем фигуру эллипса, заходим в параметры наложения, накладываем градиент 3. Выделяем оба слоя, дублируем (CTRL+J) 4. Верхние слои объединяем в один (CTRL+E) 5. Выбираем фильтры-размытие-размытие по Гауссу 6. Выбираем фильтр-галерею фильтров-искажение-стекло. Настройки: 20, 1, блоки, 80% Автор: @allt98

Плагин в Figma Плагин Generista — настоящая находка для быстрого создания уникальных паттернов. Он позволяет создавать генеративные произведения искусства прямо в Figma. Ссылка #materials_nd

Идея оформления постера в Figma #effect #tutorial

Ловите спид арт дезигна 🖌️ #speedart Автор: designengineer.in

Дизайн в разных странах 🖌 Автор: @kava.ira