#UI_ревью 9. Interactive Login Form

Работа: Outcrowd Сильная работа, которая вызывает вау-эффект, на деле довольно трудоёмкая для разработки, хотя выполнимая. + Без слов считываемая идея, что они следят за курсором, это даёт очень эмоциональный эффект «они меня видят». Такое уже было у Tunnelbear, но в этот раз выполнено более выразительно. + Эффект усиливается их реакцией на ситуацию: пароль неверный или видимый. Забавно отыграны такие эмоции как сочувствие, фрустрация, неловкость, и от этого мы начинаем сопереживать им обратно. + Мультяшный стиль с ярким применением принципов анимации Уолта Диснея. + Простые формы героев, при этом сами они все особенные благодаря исполнению лица, цветам и разнообразию форм. + Поскольку все движущиеся элементы локализованы в блоке слева, понятен механизм экспорта анимации Lottie из After Effects через Bodymovin. C анимацией по тригеру каждой ситуации проблем быть не должно. – Что будет сложно реализовать: движение каждой формы вроде зрачка, лица или рта придётся привязывать к курсору по отдельности, это существенная ручная работа. Дизайн настолько удачный, что его даже плагиатят. Если тебе понравился разбор, поддержи пост звездой. Так мне будет понятно, что такой контент тебе нужен. По теме: Анимация приложения для горных прогулок @slashdesigner #первые_шаги #UI_анимация

#UI_ревью 8. Mail app

Работа: Geex Arts Автор ревью: Любовь Жидких + Картинка почти во весь экран выглядит эффектно. Нравится, что часть элементов вынесена за пределы изображения, что позволяет не перекрывать его. + Нравится легкий градиент на фоне. Нейтральный цвет, не перетягивающий на себя внимание, но придающий стиля. + Интересный приём с таббаром без подложки, придает легкости. + На втором экране воздух в верхней части карточки помогает сбалансировать более перегруженную нижнюю часть. + Крупная типографика выглядит современно и придет стиля интерфейсу, чувствуется швейцарский стиль. – Прием с пролистыванием медиа не даёт представления о том, сколько фото приложено к письму, тут мог бы лучше сработать паттерн из сторис с линиями. Помимо отображения количества материалов, он бы помог еще больше разгрузить карточку. – Возможно получится перебор с рамками на экранах с фото. Телефон сам по себе имеет рамку + две рамки в интерфейсе. – Таббар без подложки ограничен в использовании. Для этого экран обязательно должен быть сделан так, чтобы отделять зону таббара. – Карусель в карточках может быть не самым удобным решением. Преимущество привычного списка в том, что можно охватить взглядом несколько писем сразу и выбрать нужное для прочтения письмо. Тут же придется долго листать одно за другим пока не найдешь нужное. Поэтому данный прием может быть использован в качестве дополнительного. По теме: зачем делать дейли ревью, из чего состоит UI. @slashdesigner #первые_шаги #UI
Изображение поста

🧠 Как сделать формы простыми

Команда Nielsen Norman Group объясняет, почему заполнение форм выматывает людей и как это исправить. Они выделили 4 простых правила, которые снижают умственную нагрузку и увеличивают конверсию. Проверено на реальных примерах: Slack, Stripe, Etsy. Главная мысль: форма должна вести человека как хороший собеседник. Показывать что спрашиваем, объяснять зачем, и не заставлять лишний раз думать. Работает даже для сложных многостраничных анкет. Внутри: – Как группировать поля, чтобы не путать; – Почему одна колонка лучше двух; – Как показать прогресс и снизить тревогу; – Как писать подсказки, которые не исчезают; – Когда показывать ошибки и как их исправлять; – Примеры форм, которые люди заполняют с удовольствием. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

#madeontilda. Выпуск №137

Новые проекты #madeontilda: сайт бухгалтерской компании, лендинг студии записи, интернет-магазин экипировки для сноубординга и другие. 20-30camp 👉 20-30camp.ru/camp Сайт компании по организации выездных лагерей для взрослых Glassman 👉 glassman.ru Интернет-магазин оптики Pro Bro 👉 buhbro.pro Сайт бухгалтерской компании Счастье есть 👉 schastye-est.ru Интернет-магазин подарков Сладкие белки 👉 sladkiebelki.ru Лендинг стартапа, разрабатывающего подсластитель с натуральным белком Radiator Center 👉 radiator.center Сайт производства трубчатых радиаторов Red Pepper Events 👉 redpepperevents.ru Сайт event-агентства kaiju 👉 kaijuu.ru Интернет-магазин экипировки для сноубординга Началово 👉 nachalovo.com Сайт питомника растений в Астрахани Оперпост 👉 operpost.ru/studio Лендинг студии записи подкастов и видео в Москве Отправляйте свои сайты через кнопку «Предложить сайт» на странице https://tilda.cc/ru/madeontilda 🧡
Градсовет Петербурга рассмотрел проект реконструкции базы отдыха «Маяк», которая располагается на территории Гладышевского заповедника в окружении корабельных сосен. Для многочисленных объектов будущего оздоровительного комплекса бюро Slavyaninov Architects предложило использовать разные стили и единый материал.
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Slam — набор трехмерных изображений, который включает в себя технологии и элементы виртуальной реальности для дизайнерских проектов.
craftwork.design/downloads/slam/ 💙 Профессия Дизайнер
Анимации всех эффектов вкладки Distort
Одновременно и Шпаргалка и вдохновляшка из эффектов After Effects 🤗 Список эффектов: Bezier Warp, Bulge, Corner Pin, Displacement Map, Liquify, Magnify, Mesh Warp, Mirror, Offset, Optics Compensation, Polar Coordinates, Reshape, Ripple, Smear, Spherize, Transform, Turbulent Displace, Twirl, Warp, Wave Warp, CC Bend It, CC Bender, CC Blobbylize, CC Flo Motion, CC Griddler, CC Lens, CC Page Turn, CC Power Pin, CC Ripple Pulse, CC Slant, CC Smear, CC Split, CC Split 2, CC Tiler Автор: @NickMoGraph #полезность #вдохновение #AE
#PremierePro #Элементы
Clapperboard Slate Opener. Шаблон с хлопушкой. MOGRT, 4К, 0:08, альфа канал. Скачать 554,6 мб
Slack
Ваша цифровая штаб-квартира  → Жанр: #LandingPage → Сложность: #средний → Язык: #EN → Адаптив: Нет @figma2html
🔗 ogfolio
Кураторская библиотека из 500+ Open Graph изображений — идеальных превью для соцсетей, Slack, Telegram и т.д. Есть в версиях светлый, тёмный, цветной — быстро подойдёт под любой бренд и стиль. Не нужно рисовать — просто выбираешь. #og #визуал #соцсети #превью #ресурсы #дизайн #инструмент Посмотреть 🔗
AI Music OS
🚀 Вступайте в наш Telegram-канал 
3D STL Модели. SLA – мир 3D-печати ждёт вас! 🚀 🔥 В канале вас ждёт: ✔ Уникальные STL-модели – только лучшие дизайны. ✔ SLA-печать – секреты, настройки и лайфхаки для идеального результата. ✔ Эксклюзивные раздачи – бесплатные модели. 💡 Хотите печатать как профессионал? Тогда вам точно к нам! 🔗 Подписывайтесь прямо сейчас: https://t.me/FFF_Free_STL?erid=2W5zFFzEWet">https://t.me/FFF_Free_STL?erid=2W5zFFzEWet Не упустите шанс стать частью крутого 3D-комьюнити! 🚀✨
Изображение поста
Шрифт Certa Serif
Динамичный slab-serif с выразительными засечками и классической структурой. Бесплатная версия включает две начертания — Medium и Medium Italic, чего вполне достаточно для заголовков и текстов с акцентом. Полная семья состоит из 16 стилей — от Thin до Black с курсивами. Подходит для оформления журнальных разворотов, титулов, бренд-документации и других проектов, где важна читаемость и элегантная подача. Рекомендуем для сочетания: Certa Sans, Spectral, PT Astra Serif, Merriweather Автор: Glen Jan Лицензия: Для личного и коммерческого использования Скачать семейство
Актуальные #вакансии на этой неделе:
🔹#stk-1">Арт-директор в Slava 🔹#stk-2">Старший продуктовый дизайнер в «Авито» 🔹#stk-3">Продуктовый дизайнер в Lamoda 🔹#stk-4">Дизайнер презентаций в МТС 🔹#stk-5">Дизайнер автомобильных интерфейсов в Navio Для начинающих: 🔹#stk-6">UX/UI-дизайнер — стажёр в Ozon Если вы хотите попасть в наш дайджест, оставьте заявку здесь.
Изображение поста
Шрифт Bellota
Орнаментальный гротеск с лёгкими формами и акцентом на декоративные детали. Основан на шрифте Snippet, передаёт мягкость и немного игривости. Доступен в двух подсемействах — Bellota и Bellota Text, каждое из которых включает 9 насыщенностей. Может украсить детские проекты, баннеры, открытки, упаковку и всё, где важны уют и дружелюбный характер. Рекомендуем для сочетания: Comfortaa, Chava, Raleway Dots, Cyntho Slab Pro Автор: Kemie Guaida Лицензия: Для личного и коммерческого использования Скачать семейство
Message Mail
Шрифт Bulbasaur SP
Добродушный акцидентный шрифт с округлыми буквами, вдохновлённый формами персонажа из покемонов. Идеален для дизайна, где важны наивность, радость и визуальная мягкость. Подходит для упаковки сладостей, обложек YouTube, детских афиш, логотипов, мерча, праздничных постов. Рекомендуем для сочетания: Chava, Raleway Dots, Cyntho Slab Pro, Ruslan Display Автор: Sasha Pavljenko Лицензия: Для личного и коммерческого использования Скачать семейство
Slam — набор трехмерных изображений, который включает в себя технологии и элементы виртуальной реальности для дизайнерских проектов.
craftwork.design/downloads/slam/ Design Box
Vibrant Slatted Gradient Glass Backgrounds
💾 Скачать и использовать https://disk.yandex.ru/d/eCWnmHb6tikveg 🔎 Посмотреть описание https://pixelbuddha.net/textures/4168-vibrant-slatted-gradient-glass-backgrounds #gradients #photoshop
Изображение поста