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

4 сайта для вдохновения🔥 1. BaubauHaus. Там вы найдете уйму сочных,необычных постеров 2. Awwards. Место с крутыми сайтами, где вы 100% развивать свою насмотренность 3. Htttpster. Еще одно место с классным дизайном сайтов 4. Brutalist Webse. Куча сайтов в стиле «брутализм»

Портрет из снимков в Figma #effect #illustration #tutorial TOP Tutorial

Делаем странные формы с помощью иллюстратора 1. Рисуем 4 эллипса 2. Объединяем их с помощью SHIFT+M 3. Удерживая ALT, удаляем лишние элементы Также мы побаловались нейросетью heygen и перевели видос на русский Получилось немного странно, но вроде понятно 😂 Автор: @noahdamonwilde TOP Tutorial

Как поменять фон, оставив при это тень?🧐 Берем ручку, записываем😁 Первый шаг. Дублируем слой CTRL/CMD+J, выключаем нижний слой С помощью инструмента «выделение объектов», выделяем нашу картинку, включаем маску слоя Второй шаг. Создаем кор. слой «цвет», ставим под низ. Берем инструмент «лассо», небрежно выделяем область с тенью, включаем маску слоя Третий шаг. Создаем кор.слой «уровни», правый ползунок тянем влево, пока не останется только тень Четвертый шаг. Берем кор.слой «уровни» и нижний слой и объединяем CTRL/CMD+E режим наложения «умножение». Фон меняем на другой любой цвет #photoshop Ехуу, мы это сделали🔥 Автор: @egdopamine TOP Tutorial

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

Пьяный эффект в Фотошопе #photoshop Автор: @mr.aleshha TOP Tutorial

Масляный фильтр😏 1. Берем инструмент постеризация (изображение-постеризация) 2. Инструмент масляная краска (фильтр-стилизация-масляная краска) 3. Создаем корректирующий слой цветовой баланс, регулируем как тебе нравится)) Автор: @logodesignschool Не забудь про лайкосы #photoshop TOP Tutorial

⚡️Принципы создания эмоционального дизайна 📝 Бесплатная лекция 31 июля в 19:00 (МСК) Мы привыкли думать о дизайне как о решении задач: функции, цели, сценарии. Но по-настоящему сильный подход — это не только про удобство, а про эмоциональную связь между проектом и пользователем. Как ее выстроить? Поможет метод декомпозиции эмоционального дизайна, — это авторская механика, с помощью которой вы научитесь делать коммерческие проекты на высоком уровне, даже не имея опыта. На лекции вы узнаете: 📌 Что такое эмоциональный дизайн на практике 📌 Как создавать проекты в стиле Ultra UI с помощью визуальных и смысловых элементов 📌 Как применять метод в коммерческих задачах 📌 И выполните практическое задание, чтобы сразу применить метод на практике ➡️ Зарегистрироваться на вебинар. Реклама. ИП Кузьмин Е.Л. ИНН 634502641730 erid: 2VtzquyG5Ng

Фавикон — значок сайта или страницы, в виде картинки или логотипа, который отображается в браузере рядом с закладкой, во вкладках и других элементах интерфейса. А еще фавиков отображается напротив ссылки в поисковой выдаче Яндекс и Google. Фавикон выделяет ваш сайт среди других вкладок, а так же влияет на доверие и повышает узнаваемость бренда. Создать фавикон очень просто, для этого вам нужно загрузить ваше изображение или логотип в один из сервисов, о которых мы рассказали в посте. Источник TOP Tutorial

Эффект Зейгарник Статья для начинающих UX/UI-дизайнеров, исследователей и аналитиков. В статье рассказывается о том, как открытия профессоров психологии Московского государственного и Гарвардского университетов могут помочь большему числу пользователей достичь необходимых целей на сайте. Ссылка #article_nd TOP Tutorial

Как добавить штрихкод?😌 1. Создаем новый слой, берем инструмент прямоугольное выделение (M), выделяем область и заливаем фон (G) 2. Добавляем шум (фильтр-добавить шум- монохромный,по Гауссу), снимаем выделение 3. Берем инструмент «Область: горизонтальная строка», ставим отрезок, нажимаем СTRL/CMD+T и растягиваем путь 4. Снова берем прям. выделение, выделяем низ штрихкода и убираем с помощью маски слоя (если у вас наоборот осталась выделенная область, отмените и при выделении нажмите SHIFT+CTRL/CMD+I ) 5. Создаем текстовый слой, добавляем циферки Наш штрихкод готов, можете пробивать✔️ #photoshop Автор: @photoshop_blog TOP Tutorial

⚠️ Для тех, кто думает, что дизайн в B2B — это сложно и скучно Я — Дима Чуркин, продуктовый дизайнер в Автохабе (Авито), и сам раньше был такого мнения. А потом перешёл из B2C в B2B — и понял, насколько это ошибочное представление. В новой статье разбираю 5 причин, почему дизайнеру стоит хотя бы раз попробовать себя в B2B: — Пользователей не так много, но некоторые из них проводят в сервисе более двадцати часов в неделю. — Сложнее ставить себя на место пользователей, но это драйвит глубже погружаться в продукт. — Можно влиять на удержание клиентов с помощью качественного интерфейса. И другие Плюс — делюсь лайфхаками, как мягко войти в сферу и не сломаться о сложные процессы и новые роли. 👉 Читай на Дизайнерс

Сфера RGB в Figma #effect #tutorial TOP Tutorial

Держите очередной инструмент для создания и настройки цветовых палитр. huetone.ardov.me #materials_nd TOP Tutorial

Эффект стекла из буфета в Photoshop #effect #tutorial TOP Tutorial

Вдохновение Большая и прекрасно организованная библиотека refero.design для вашего вдохновения и исследований в области UX/UI. Включаюет в себя реальные продукты. Ссылка #inspiration_nd TOP Tutorial

Эффект фотопленки в Figma 🎦 #figma Автор: @uprock.school TOP Tutorial

Дизайн-вдохновение от theimage.design ⚡️ TOP Tutorial

Эффекты плагина Curve text за 1 минуту #effect #tutorial #plagins TOP Tutorial

Сайты для вашего вдохновения 💪🏻 1. design-spells.com - если ищете что-то странное, необычное, волшебное для диза. 2. swissted.com - спешл фо фанатов швейцарского стиля 3. pinterest.com - да, про него мы иногда тоже забываем. 4. viewport-ui.design - если вы любите чистые интерфейсы - гоу сюда. Автор: matcreates TOP Tutorial