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

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

🔽Сходство

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

⁠⁠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

Плагин Figma E-Isometric размещает изображение или фрейм в изометрической проекции. Можно настраивать угол по вертикали и горизонтали Ссылка #materials_nd

Делаем милые, из валяной шерсти эмодзи в CHAT GPT🥰 Запускаем CHAT GPT и пишем промпт: Нарисуй эмодзи [ 🐨] на основе приложенных референсов. Детализируй текстуру шерсти. Эмодзи должна быть выполнена в ярких цветах. По краям торчат ворсинки шерсти. Наслаждаемся милашеством! Автор: Yodiz — веб-дизайн

Эффект графики 80-х в Figma #effect #tutorial

Бесплатные файлы Pixelbuddha портал с PSD-шаблонами, эффектами, шрифтами, графическими элементами и многими другими полезнымы материалами Ссылка #materials_nd

Плагин в Figma RealCover — плагин, который заполнит проект обложками книг, фильмов, альбомов, подкастов, а также иконками приложений и плакатами. Ссылка #materials_nd

Плагин Figma AI Content Generator Rewre генерирует текст для макетов с помощью GPT-4. Создает текст нужной длины под конкретное поле Ссылка #materials_nd

Создаем простейшую, но залипательную анимашку в Фигма ✅ #figma : interes.pro.design

Удаляем провода за 20 секунд ⌛️ #photoshop : @photosed