ДИЗАЙН С ЛЕГКОСТЬЮ: НОВЫЕ МЕТОДЫ UI ДИЗАЙНА

В статье Prototypr.io раскрываются два эффективных метода, помогающих создавать пользовательские интерфейсы с лёгкостью. 🌟 Первый метод — работать в обратном направлении, используя современные фреймворки, как React и Tailwind CSS. Это экономит время и усилия. Второй метод — Mobbin, каталог лучших экранов и взаимодействий, который вдохновляет и упрощает процесс дизайна. 🖌️ #UIDesign #WebDesign #Prototyping #Mobbin #Creativity ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
https://content.desigram.ru/static/718e8ef6-765a-42c4-a54c-c2cd3aa54fd1.jpg

Ресурсы для воровства идей вдохновения от valery_alexeev

producthunt — список ежедневно запускающих продуктов godly.website — примеры сайтов с классными анимациями Mobbin — подборка экранов реальных приложений Landingfolio — подборка лендингов, разделенных по тематикам и цветам P.S. В ролике есть еще несколько полезных ресурсов, посмотрите! #подборка

Продолжаем дарить новогодние подарки ) Сегодня — простой гайд для оценки навыка UI

Мы каждый навык дизайнера подумали разложить на атомы, а точнее, каждый навык разложить на поднавыки, а поднавыки разложить еще и на уровни. Сегодня делюсь раскладкой навыка UI. Навык UI (визуалка) Поднавык — «визуальная база»(насмотренность, композиция, типографика) Примеры HR-вопросов на собесе 1. Расскажи, пожалуйста, на каких сайтах или каналах ищешь вдохновение. Можешь, пожалуйста, перечислить? (Будет смотреть, что вы перечисляете – если только Бэху и Авордсы, то, скорее всего, вы не смотрите подборки флоу, например, mobbin, ориентируетесь только на визуал) 2. Можешь, пожалуйста, рассказать о каком-нибудь своем кейсе как ты вдохновился и перенес рефы в дизайн? (Пример как вы рабоатете с референсом, попытается понять ваш алгоритм: делаете 1в1 или более глубоко) 3. Осталось посмотреть как ты умеешь в стиль, шрифты и так далее (Оценка доп работ из портфеля) Джун ✱ Обладает пониманием различий между хорошим и плохим дизайном, но пока не способен обосновать своё мнение ✱ Способен создавать понятные композиции текста с использованием базовых элементов ✱ Выполняет работу неаккуратно Мидл ✱ Может проанализировать референс и понимает, как повторить референс 1 в 1 ✱ Выполняет работу аккуратно и чисто ✱ Выстративает систему шрифтов в своих макетах Синиор ✱ Может научить младших дизайнеров как развить насмотренностьи как анализировать референсы. ✱ Создает уже свой дизайн со своим стилем, вдохновившись референсами ✱ Использует свой стиль и хорошо работает с формой Поднавык — Работа с дизайн-концептами Джун ✱ Не создаёт концепты самостоятельно, учится адаптировать существующий дизайн Мидл ✱ Не создаёт концепты самостоятельно, учится адаптировать существующий дизайн на разные страницы и устройства в пределах заданных разделов. Синиор ✱ Самостоятельно разрабатывает дизайн-концепты но основе потребностей бизнеса. ✱ Следит за качеством. Формирует кейс в портфолио для студии/компании Просто/понятно/полезно/удобно? :)
https://content.desigram.ru/static/7369cc1b-2711-4a3d-840c-0a165c8cb961.jpg

Mobbin

Скопируйте экраны из Mobbin и вставьте их в Figma / FigJam одним щелчком мыши. #Plugin ОТКРЫТЬ
https://content.desigram.ru/static/f3c29d56-b716-4889-91bd-980eca1d1805.jpg
🌟 Any link from Mobbin
✅ Maximum of 20, with 2 link per user
https://content.desigram.ru/static/19ddc671-ee1b-4294-8f5e-e4e6742fcd9d.jpg
#Course #DesignCode #Figma #Learning #UIUX
DesignCode - UI UX Design with Mobbin and Figma Ready to dive into the world of UI/UX and master the art of crafting user-friendly interfaces with Figma? This course is perfect for beginners and anyone looking to sharpen their design skills. @iReponline
https://content.desigram.ru/static/dc5ade88-b369-4679-bec5-0e4629e230b2.jpg
Плагин Mobbin — позволяет копировать экраны и потоки из Mobbin и вставляйть их в Figma / FigJam в один клик.
1. В Mobbin выберите поток или несколько экранов. 2. Нажмите «Скопировать в Figma». 3. Откройте плагин Mobbin в Figma. 4. Нажмите «Вставить». #ui #интерфейсы #вдохновение
Ресурсы для поиска референсов by wayup.in.official
One Page Love — тут вы найдёте галерею одностраничных веб-сайтов для вдохновения. Commerce Cream — здесь вас ждут стильные проекты интернет магазинчиков. Mobbin — классные референсы мобильных приложений. Curated Design — курируемая библиотека веб-сайтов с сортировкой по категориям. Land Book — ещё одно место, куда приходят дизайнеры за вдохновением. #подборка #вдохновение 💙 Профессия Дизайнер
🆕 Пополняю вашу копилку сервисов
Mobbin — это сайт, который помогает находить реальные функциональные референсы для приложений и сайтов. Что там есть: ⚫Приложения для iOS и Android с детальной демонстрацией интерфейсов. ⚫Сайты со сложными интерфейсами. ⚫ Конкретные страницы и UI-элементы - карточки продуктов, аккордеоны, формы, таблицы, чекбоксы и еще куча всего. ⚫ Конкретные сценарии (Flow), которые показывают ключевые действия - регистрация, оплата, добавление в корзину и т. д. Я люблю Mobbin, потому что он решает одну из главных UX-проблем. В прошлых постах я уже говорила, что многие референсы с Pinterest — это скорее красивые картинки для портфолио, чем функциональные решения для интерфейсов. А чтобы найти референсы, которые реально работают, приходится проходить сценарии, делать скриншоты и сохранять результаты. Mobbin отчасти сделал это за нас. Да, там нет русскоязычных сервисов, но даже в таком виде — это суперудобный и полезный инструмент, с базой реальных решений. Долгое время я оплачивала подписку на Mobbin иностранной картой и использовала его через VPN. Но оказывается, есть зеркало — Mobbin.ru. Это полная копия, которая работает без VPN и позволяет оплачивать подписку российской картой. Идеально подходит тем, кто ищет реальные UX/UI-решения, а не только стилистические референсы с Pinterest. #полезное