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

Эффект текстуры в Illustrator 🖥 #illustrator Автор: @contented.education Источник TOP Tutorial

Загружайте исходную фотографию, выбирайте нужный стиль и машина преобразует ваше изображение так, как вы её попросили, попробуйте Ссылка #materials_nd TOP Tutorial

Дизайн-вдохновение от @WebileDesignInspiration 💫 #designinspiration TOP Tutorial

Искажаем текст на максимум с помощью плагинов🌞 #figma 1. Warp 2. 3D Wave 3. Warp Tool Автор: Kris Anfalova TOP Tutorial

Дизайн, который работает на клиента — мобильное приложение Converse Bank Mish перезапустили приложение крупнейшего армянского финтеха Converse Bank. Команда, с опорой на принципы форкастинга, разработала гибкую дизайн-систему и актуальное приложение. Все элементы созданы для максимальной кастомизации: от виджетов на главной до персональных финансовых сценариев. Как это повлияло на клиентов? Смотрите в кейсе ❤️

Пиксельный эффект в Photoshop👾 Следи за шагами 1 шаг. Создаем текстовой слой, создаем также кор. слой «Цвет» белого цвета. 2 шаг. Дублируем текстовый слой (CTRL+J), нижний скрываем, преобразуем в смарт-объект, добавляем фильтр - пикселизация - мозайка (8px) 3 шаг. Дублируем 3 раза текст, создаем с ними папку (CTRL+G), нажимаем CTRL+ALT+SHIFT+E и эффект дублируется на новый слой, преобразуем слой в смарт-объект 4 шаг. Выбираем изображение-коррекция-порог, тут пиксели регулируем сами. 5 шаг. Добавляем картинку машины, преобразуем в смарт-объект, делаем то же самое, что и с текстом (смотри шаг 2 и 3) 6 шаг. Добавляем фильтр шума Готово! Автор: @designsubway #photoshop TOP Tutorial

Дизайн-вдохновение от eloqwnt #designinspiration Ваай, как красиво 😍 TOP Tutorial