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

🎓 150 горячих клавиш для ускоренной работы в Figma ⠀ ⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее. Не нужно ничего запоминать — просто открывай бот. Все хоткеи по категориям: — работа со слоями, группами и фреймами; — выравнивание и распределение; — векторное редактирование и многое другое. ⠀ Удобно, быстро, всегда под рукой. Добавь бота, чтобы не искать каждый раз в Google и ИИ. ⠀ 👉 Figma-учебник

Пока год не закончился, рассказываем про популярные стили в веб-дизайне в 2023😎 Автор: @yana_web_diz

Сектор-приз на барабане🔲 1. Создаем новый слой, наносим черно-белый градиент 2. Выбираем фильтр «Волны» (Фильтр – искажение – волна) Настройки: Число генераторов - 16, длина волны - 140, 141, амплитуда - 448,449, масштаб - 100%, тип - квадрат 3. Выбираем фильтр «Полярные координаты», выбираем прямоугольные в полярные, режим наложения «экран» #photoshop Автор: @photoshop_blog TOP Tutorial

Только начинаешь путь в дизайне и метишь в бигтех? Справиться будет проще, если заранее узнаешь: — какие этапы отбора бывают в крупных продуктах; — что и как рассказывать о себе; — за какие скилы реально ценят джунов (спойлер — это не только харды), — и как не посыпаться на tricky-вопросе: «А что вы делали в этом проекте?..». Лид-дизайнер Сбера и наставник Яндекс Практикума и поделился, как он сам оценивает начинающих дизайнеров. ➡️ Прочти статью и подготовься к собеседованию. Читать на Дизайнерс

Улучшаем дизайн за пару минут 💥 #figma Автор: @ TOP Tutorial

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

Inspiration дня Сегодня вдохновляемся брутальным сайтом коллекции NFT-зайцев PacemakerNFT со стильными 3D-объектами и характерной анимацией Ссылка #inspiration_nd

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

Пиксельный эффект в Illustrator #tutorial #font #effect TOP Tutorial

Негативное пространство в дизайне 💬 Проще говоря воздух, пространство в макете, которые улучшают читаемость и в принципе сам диз) Автор: zhenya.ninja

Металличеcкий эффект в Figma ☄️ #figma Автор: @goeducation.ru

Трассировка изображения, как это сделать❓ #figma Загружаем изображение, запускаем плагин Trace Image и вуаля! Автор: marinasmirnova.a Установить плагин TOP Tutorial

3 плагина для изометрии 🧬 #figma Isometric Skewdat Easometric Автор: @ippenin

Бесплатные шрифты На онлайн-генераторе цветовых палитр есть раздел с бесплатными шрифтами и удобным фильтром Ссылка #materials_nd TOP Tutorial

История дизайна в 1984 – 2024 Статья об эволюции дизайна в  сфере на примере различных операционных систем и устройств и о влиянии стилей, Memphis, Y2K, Frutiger Aero, Biotech и Flat Design на современный дизайн. Ссылка #article_nd

Объединяем объекты в Figma👻 #figma Автор: @yodizstudio TOP Tutorial

Полистайте httpster - галерею отличных сайтов всего мира, где попадаются много крутых проектов завязанных на типографике Ссылка #web_nd

Эффект «свечения»🌟 1. Заходим в параметры наложения значка, добавляем внутреннее и внешнее свечение 2. Создаем новый слой, ставим режим наложения «цвет» 3. Переходим к слою с парнем, выбираем «выделение предмета», переходим к пкстому слою, выбираем красную кисть и проходимся по светлой стороне лица💥 #photoshop Готово!🌞 Автор: @smart.graphicss TOP Tutorial

Как не надо делать дизайн сайта #советы

Плагин в Google Come SVG Grabber - расширение для Google Come, которое выводит на отдельную страницу все SVG-обеъекты Ссылка #materials_nd