8050
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Автор: @astract Поддержать канал https://t.me/duiux/1481
Статья. Про дизайн тоаст сообщения
К сожалению статья затрагивает только рекомендации по внешнему виду тоаста, и не ничего не говорит про его поведение и разницу в расположении.
Основные рекомендации по дизайну тоаста из статьи.
Цвет и контраст - это одно из главных правил, не рекомендуется делать его в цвет фона, лучше делать контрастным и различимым. Так же важна форма значка и его изображение, отступы и его доступность для людей с ограниченными возможностями.
Источник
Советы по эффективной работе в Figma
Команда Figma регулярно добаляет разные полезные мелочи для улучшения процесса нашей работы и не все успевают следить за всем этим.
Дмитрий Бунин собрал набор лучших практик из своего опыта.
Что внутри
➡️ Быстрые клавиши для навигации между слоями
➡️ Теги на стилях и компонентах для поиска
➡️ Управление использованием памяти в файлах
➡️ Вложенные компоненты и структура слоёв
P.S. Zander Whitehurst делает короткие анимации с похожими советами
🔜 Перейти
Вопрос про организацию макетов в Figma
Привет, друзья! 👋
В работе возник вопрос по организации дизайнов в файле Figma для удобной работы всех участников команды. Буду рад послушать ваш опыт или почитать ссылки, как это сделать без лишней бюрократии и тонны файлов. Тк хочется сохранить легкость и удобство работы.
@ Как есть сейчас
Сразу отмечу, как выглядит наш рабочий файл сейчас. Это один файл. В нём есть отдельный Пейдж с дизайн системой. И отдельный Пейдж на один ключевой раздел, все экраны профиля, следующий Пейдж с экранами чата и так далее.
Дизайн систему я считаю нужно точно уносить в отдельный файл, так будет удобнее трекать изменения и удобно раскатывать их после.
@ Про секции
Так же хотел бы понять, как вы применяете секции Figma для организации макетов? Сейчас я использую их для каждой отдельной задачи, в которой храню весь сценарий фичи и все связанные с ней экраны.
Но в таком подходе появляется уйма дубликатов одних и тех же экранов. Например экран профиля может быть задействован в нескольких других фичах. А ещё нужно помнить, что завтра профиль мы можем обновить и тогда придется обновлять его везде.
Ну и в подходе с секциями я не понимаю как можно применять пейджи, если конечно нужно.
Вообщем хочу прежде чем начать ворочать рабочий файл, провести небольшой рисёрч на эту тему. Поделитесь пожалуйста в комментарии своими советами и мнениями 🤔
Впечатления от Vision Pro
Протестировал и пощупал AR шлем Vision Pro от Apple, хочу поделиться небольшими личными впечатлениями :)
• Качество самого продукта очень приятное, хоть и очень хрупкое по ощущениям. Именно сама маска держится на магнитном креплении, которое можно легко разомкнуть, если неправильно снимать шлем с головы. Тем самым можно его уронить.
• Вес. По ощущениям шлем чуть сбалансирование чем Oculus Quest 2, но может я давно не держал его в руках. Но с лица показалось, как будто немного свисал вниз.
• Разрешение картинки и взаимодействие с интерфейсом – кайф! В целом, тут ничего удивительного, Apple умеет делать интерфейсы хорошо и приятно.
• Управление глазами (как курсор для выбора элементов) очень хорошо считывается и происходит очень незаметно, фокусное состояние на элементах я почти не замечал. Но немного сложно нажимать элементы, которые располагаются по краям без поворота головы и когда они очень мелкие.
• Управлять щипками пальцев удобнее, чем тыкать пальцем. Руки можно держать свободно, но в рамках видимости шлема. Я сидел за столом во время теста, поэтому руки свободно лежали на столе и хорошо отрабатывали нажатия.
• Spatial Photo, огонь! Объёмные фотографии очень потрясно выглядят. У снимков появляется глубина. Это кажется меня удивило сильнее, чем 3Д элементы.
• Работать в нём долго я бы думаю не смог, день два поигрался и забил бы. Аналогично можно делать и с Oculus Quest 2 так как там андроид, да не тот опыт, но всё равно. Сидеть за мониторами и ноутом удобнее долгое время мне кажется.
• Общее впечатление с учетом того, что у меня есть Oculus Quest 2 и то, что я знаю о VP из обзоров. Дорого и бесполезно на текущем этапе. Для меня шлем это игровой девайс и поэтому я лучше выберу OQ2 и пройду ещё раз с удовольствием Super Hot. Ну и на текущем этапе, это сильный оверпрайс.
Гляжу на эти виджеты с Dynamic Island и думаю, как было бы классно, если бы Apple выпустила фитнес браслет с более узким и гибким экраном
Читать полностью…
Привет! Новая тема на #wed_challenge — таймер
Присылайте свои варианты до следующей среды в комментарии к этому посту! После на стриме сделаю разбор
Skillbox запускает бесплатный мини-курс по UI/UX дизайну! Если вы веб-дизайнер и хотите расширить свои знания в сфере дизайна интерфейсов, то этот курс для вас!
По ссылочке можно зарегистрироваться на курс и получить в подарок гайд «Figma: воркбук для начинающих»: https://epic.st/FDk8oe?erid=2VtzqvfSVQT
Что будет на этом курсе?
— Вы сделаете первый проект для портфолио, интерфейс сайта и приложения
— Узнаете почему UI/UX дизайнеры так востребованы в IT компаниях и поймёте почему им так много платят
— Обучитесь работе с Figma
— Получите большой список полезных ссылок, которые помогут быть в курсе трендов индустрии
— Узнаете, какие навыки нужно особенно прокачивать в UI/UX, чтобы быстрее расти в зарплате
— В прямом эфире сможете задать вопросы опытному дизайнеру.
Помимо этого, вас ждут бонусы: скидка 10 000 рублей на любой курс Skillbox, гайды и книги для старта в профессии, персональная карьерная консультация и год бесплатного изучения английского языка.
Запишитесь, учитесь и прокачивайтесь!
Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
Вы в одном из опросов голосовали за то, чтобы давать больше времени на задачу. Увеличиваю срок до 1 мая или оставляем, все как есть?
Пишите в комменты, там еще и опрос сделаю на всякий
Ник Бабич поделился в своём твиттере шпаргалкой по онбордингам. По его мнению каждый тип онбординга должен использоваться в зависимости от ситуации.
Я добавил на картинку примечания с переводом.
Это было отлично! Спасибо, всем кто пришёл. Как вам такой формат с разбором в прямом эфире?
📹 Запись стрима с дизайн разбором на канале
Сорри, но к сожалению челленджа на этой неделе не будет. Дизайн разбор так же появится чуть позже.
Stay tuned
Немного опросов, немного фидбеков по челленджу и дизайн разбору 👇
Читать полностью…
Дизайнер Kay van den Aker совместно с Product Design MFA рассказал о процессе создания физического музыкального плеера.
Все началось с создания прототипа в ProtoPie. Затем он собрал прототип устройства из фанеры с использованием ардуино и проектора для отображения пользовательского интерфейса.
Доброе утро! Новый дайджест о новостях дизайна и продуктов за прошедшую неделю уже на YouTube канале!
🧑💻В этом выпуске: наушники-грибочки, красивая механическая клавиатура и результаты закрытого теста Sora от OpenAI.
И, бонусный контент! 👀
📹 Смотреть на YouTube
💬Смотреть на Дзен
😯 Закинуть донатик
Не раз сталкиваюсь с вопросом от Android разработчиков, что им хочется получать векторные анимации в нативном формате AVD (Animate Vector Drawable)
Существует ли толковый инструмент для их создания? Shapeshifter это какой-то мазохизм, а экспорт из Bodymovin не работает корректно, или я что-то делаю не так.
У кого нибудь был подобный опыт?
Новый Apple Pencil Pro создаёт цифровую тень в интерфейсе, которая похожа на инструмент, который сейчас использует художник.
Непонятно есть ли поддержка в сторонних приложениях — фото сделаны в «Заметках».
@zavtracast
Привет! Я решил не проводить стрим с дизайн разбором на этих выходных, так как посмотрел все присланные работы и понял, что они настолько хороши, что мне нечего прокомментировать :) очень рад, что на челлендж приходит так много сильных работ! Спасибо, что участвуете!
Выделю то, что мне особенно понравилось:
@Greatmatis — собрал большой прототип по редактору изображений в несколько экранов и прислал его в формате скринкаста. Я особенно оценил, как в конце видео он отправляет обработанное изображение в прототипе в мой канал и это изображение —было буквально прислано в канал 🔥
@samiyvezuchiy прислал приятный и простой таймер для Apple Watch. Нравится!
@sashareushkin нарисовал таймер в духе техники Braun, выглядит кайфово!
@Yan_Kenikh тут совсем огонь 🔥 прислал несколько мощных работ на тему таймера. Особенно понравился таймер в стиле Mario и вариант, где шрифт уменьшается по высоте когда таймер подходит к концу.
Ещё раз Спасибо, что активно участвуете и присылаете интересные работы, с каждым разом всё лучше и интереснее 🔥
👋 Канал, новый дайджест с новостями продуктов уже на канале!
🤨 В этом выпуске: навигация Кировска от Студии Лебедева, фанатский дизайн Nothing Phone 2a и запрет злых ИИ проектов на GitHub.
👍 Смореть полный выпуск без регистрации, но лучше с подпиской на YT канал
🍆
PS: Дайджест уходит на небольшой отпуск, так как скоро я выхожу в новый рабочий проект и мне нужно время на адаптацию, поэтому как вольюсь в комфортную струю, вернусь к видео.
Стрим с новым дизайн разбором будет в эти выходные! Но после так же возможно будет поставлен на небольшую паузу.
Не теряйте! 💙
Ребята из онлайн школы Uprock запустили бесплатный, практический курс по UI и UX
На бесплатном курсе будет 4 дня интенсивных заданий для вашей прокачки.
Все ваши решения будут подробно разобраны опытными менторами по мере обучения!
Помимо этого, будут полезные лекции и вебинары от арт директора. Конкурсы с денежными призами и конечно же сильное комьюнити и поддержка на протяжении всего обучения!
Записаться на бесплатный курс по дизайну, здесь
erid: 2Vtzqw3Rpwr
Доброе утро! Новый дайджест новостей уже на канале!
🧑💻В этом выпуске: новые наушники от Nothing, ИИ фичи в Adobe Premiere Pro, альтернативный стор приложений для iPhone и многое другое!
📹Смотреть полный выпуск
Увидел сейчас видео с управлением Humane AI Pin.
Не тестировал лично, сложно говорить об опыте использования, но на видео такая проекция и управление интерфейсом через неё выглядит очень неудобным.
- Весь интерфейс ездит по ладони в зависимости от движения,
- Большой риск ошибки. Выбрать не тот пункт, так как выбор пунктов зависит от наклона ладони.
- Активация выбранного пункта пальцами имеет риск ошибки выбрать не тот пункт. См. п.2.
- Ну и чёткость пунктов хромает, но тут уже сложно судить по видео. Есть ощущение, что чем дальше от проектора, тем более размытая будет картинка.
Привет! Новая тема на #wed_challenge — редактор изображения
Присылайте свои варианты до следующей среды в комментарии к этому посту!
Новый дайджест уже на канале. 📹Смотреть
В этом выпуске: Алиса ПРО, первые обзоры о Humane AI Pin и новый инструмент для дизайна и прототипирования!
Не забудь поставить лайк видосу ;)
Дорогие подписчики, хочу попробовать завтра на стриме провести свежий «Дизайн разбор». Разобрать ваши присланные работы в прямом эфире.
Поэтому, подключайтесь в субботу в 11:00 МСК — https://youtu.be/QeY0H7qzjm4
Если вы думали, что дайджеста сегодня не будет, это не так!
В выпуске: Альтман и Айв что-то вместе мутят, Apple хочет делать домашних роботов, Samsung выпустила Galaxy Ultra Tesla Cybertruck!
📹 Смотреть свежий выпуск новостей на канале
Привет! Новая тема на #wed_challenge — лента в социальной сети
Присылайте свои варианты до следующей среды в комментарии к этому посту!
Это самое. Новый «дизайн разбор» доступен для просмотра!
Разобраны темы: результаты поиска и экран профиля.
📹Смотреть на YouTube
Поддержите этот канал 💫
Нравится контент? Поддержите проект донатом! Спасибо за поддержку! 🙏