TOP Tutorial | Бесплатные уроки по дизайну
6.93K subscribers
7.93K photos
973 videos
1.65K links
Бесплатные туториалы и фишки для начинающих и более опытных дизайнеров

Figma, Photoshop, Illustrator

Реклама / Сотрудничество - @design_manager_bot
Download Telegram
📍 Принципы гештальта в веб-дизайне: как создать цельный и запоминающийся интерфейс

🔽Сходство


Элементы, имеющие сходные визуальные характеристики, воспринимаются как более связанные, чем те, которые не имеют сходных характеристик.

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

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

#Полезное
Please open Telegram to view this post
VIEW IN TELEGRAM
Коллекция бесплатных интерфейсных компонентов

Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma

Ссылка

#materials_nd
This media is not supported in your browser
VIEW IN TELEGRAM
Удаляем фон без боли и слез🥲

1. Заходим в параметры наложения, находим опцию «наложение,если», выбираем синий цвет

2. Выбираем активный слой, тянем ползунок влево, удерживаем ALT и отрываем половину, тянем дальше, пока фон полностью не исчезнет

3. Создаем кор. слой, выбираем любой цвет, добавляем облачков если нужно.
#photoshop

Автор: @gfxom
1
Делаем анимацию кружочков
в фигма🟡

1. Создайте 4 круга, один круг с заливкой, один с обводкой, один полукруг с обводкой и один круг с обводкой и полукруг( если запутались, посмотрите на картинку №2)

2. Продублируйте круг с обводкой и полукруг и поверните его на 90°

3. Создайте компонент, зайдите в «prototype» и соедините круги между собой

4. Во вкладке «interactions» выберите «after delay», «smart animate» и «linear»

5. Нажмите на play 🟨
#figma

Автор: @byaddinaf