8162
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Канал в Дзен — https://dzen.ru/dui Автор: @astract Поддержать канал https://t.me/duiux/1481
Очень информативное видео о том, как передавать дизайн в разработку. Но на самом деле видео охватывает весь цикл разработки дизайна от начала и до финального ревью.
Короче, рекомендую посмотреть.
https://youtu.be/JeZTcJSh3gE
В очередной раз напомню об отличном образовательном проекте Матвея. Приятно было принять участие в разработке одной из секций про анимации в интерфейсах.
Читать полностью…
На этой неделе у канала dui был день рождения 🥳
Приятно видеть, что ровно в день его создания, он прошёл планку 8 тыс подписчиков.
Спасибо всем вам! Что подписываетесь и следите за моим проектом ❤️
Понравилась подпись в рассылках Яндекса. Особенно про юридические детали, которые они не стали выносить в письмо.
Читать полностью…
В Snapchat при масштабировании карты отображаются значки соответствующие высоте
Читать полностью…
Опубликовал на своём YouTube канале выпуск подкаста «Поговорим» на тему — «Как стать джуном в дизайне интерфейсов и найти первую работу».
Обсудили вместе с Матвеем, дизайн-лидом в Дзене основные темы и ответили на вопросы читателей канала.
🎶 Ссылка на видос — https://youtu.be/qN1IYXS4PxU
Во время занятий на платформе Skyeng, можно рисовать на баннерах. Практическое пользы кажется никакой, просто весёлый элемент.
Читать полностью…
Очень нравится, что на андроиде можно быстро менять настройки уведомлений у приложений. Выбирать только нужные для себя категории, причем это сделано в самой системе, не нужно входить в настройки внутри приложения. Но явно это работает лишь после того, как разработчик поддержит системную фичу, тут я в вопросе технологий не разбираюсь.
Очень не нравится когда приложения не дают настройки уведомлений и приходится терпеть лишний информационный шум для редких и важных пушей. Респект разработчикам, которые дают возможность настройки.
Недавно в твиттере увидел этот набор иллюстрации, которые полностью нарисовала нейронная сеть. Такое развитие технологий — поражает!
Но если присмотреться детально к изображению, то понимаешь, что художники не останутся без работы и скорее всего будут заниматься модерированием таких изображений в будущем. К примеру, править детали и корректировать их, так как на иллюстрациях заметно, что сетка не смогла в правильность рук и глаз.
Наглядный пример, важности анимации в интерфейсе.
Тут без анимации скрола списка к выбранному элементу не очень понимаешь, что случилось. Так как горизонтальный список тем сдвигается и одновременно меняется цветовая тема, воспринимать интерфейс становится сложно.
Как можно было бы улучшить.
1. При выборе темы в списке плавнее сдвигать список к этому элементу, что бы явно видеть движение.
2. Сам цвет интерфейса было бы идеально менять аналогично, когда он явно перекрашивается.
Еженедельная рубрика «Пять в Пят»
Пять интересных ссылок за неделю.
1. Чеклист по созданию хорошей типографики в проекте https://is.gd/dl4f9e
2. Инструмент для создания системы типографики. Можно экспортировать в Sketch с привязкой стилей - https://is.gd/hkv8s7
3. Помоги благотворительным фондам выполняю интеллектуальную работу. Не только для дизайнеров. Хорошая возможность выполнить настоящие проекты и наполнить своё портфолио - https://is.gd/i6czmi
4. Сайт где можно посмотреть скринкасты, как работают профессионалы дизайна - https://is.gd/2sqgiv
5. Orion – сервис с отличными иконками для работы https://is.gd/ij8w26
#5вПят
Как использовать Вариативные шрифты в вебе
Вариативные шрифты для тех кто слышит о них в-первые. Это один шрифт, который включает в себя огромное множество начертаний. Каждый параметр шрифта можно настраивать отдельно, таким образом получая уникальный внешний вид. Вариативный шрифт имеет один файл шрифта, в отличии от обычных шрифтов, где каждое начертание хранится в отдельном файле.
Пример из статьи:
Roboto имеет 12 файлов шрифта и 12 начертаний соответственно. Вариативный шрифт - 1 файл и большое множество начертаний.
По ссылке можно посмотреть пример работы вариативного шрифта - https://is.gd/lrsfkk
У вариативного шрифта можно регулировать список параметров:
- Weight
- Width
- Optical size
- Slant
- Italic
Вариативные шрифты можно подключить к веб странице так же как и обычный шрифт. Для настройки шрифта в CSS есть свойство font-variation-settings:
К сожалению вариативные шрифты поддерживают пока не все браузеры. Например мой Safari 11.0.2 отказался работать с сайтом axis-praxis (хотя автор говорит, что последние версии браузера имеют поддержку). Пришлось открывать в Chrome. В конце 2017 Adobe Photoshop и Illustrator добавили работу с вариативными шрифтами. В панели Properties есть возможность настроить шрифт.
Ссылка на статью со всеми подробностями - https://is.gd/s42cnd
Обновление Disciplina
Я очень люблю этот файлик-справочник в Ноушене. Это хороший пример итеративного подхода — не могу поверить что такой объём я бы смог собрать сразу и по своему желанию — и проявление кооперативного подхода в главе Анимация, которая написано совместно с Андреем Астрактом.
Хоть и кооперативность не такая «технологичная» и свободная как в Гитхабе (с любыми желающими). Но она уже помогает создавать главы, в которых у меня мало подходящих ссылок.
Сегодня я подсвечу очередное обновление:
— Новое название — Справочник дизайнеров (Disciplina)
— Добавлены иконки ко всем главам
— Переделана структура: снова выделен основной путь развития, дальше идут дополнительные навыки
— Добавлена глава Системность, в коллабе с Мишей Гурьевым
— Добавлена глава Доступность, в коллабе с Мишей Рубановым
Особенно греет душу бесплатность, которую справочник сохранит и в будущих версиях.
Если вы хотите о чём-то узнать или, наоборот, поделиться ссылкой — пишите в комментарии.
Недавно обратил внимание, что на задней стороне корпуса Apple Watch описаны все основные характеристики устройства.
Читать полностью…
Как с помощью дизайна, а точнее я бы сказал геймификации, можно менять привычки людей.
В одном из переходов Стокгольма, ступеньки заменили на клавиши пианино 🎹 причём шагая по ним, они издавали звук.
Поток желающих воспользоваться экскалатором уменьшился после внедрения этой фичи :)
В видео (☝️) с Матвеем, мы говорили о том, что для наработки опыта и портфолио можно попробовать помогать с дизайном различным проектам.
К примеру, опенсорс проектам частенько не хватает хорошего дизайна. Искать такие проекты можно на GitHub или мобильные для Android в F-Droid.
https://f-droid.org/
Опубликовал на своём YouTube канале выпуск подкаста «Поговорим» на тему — «Как стать джуном в дизайне интерфейсов и найти первую работу».
Обсудили вместе с Матвеем, дизайн-лидом в Дзене основные темы и ответили на вопросы читателей канала.
🎶 Ссылка на видос — https://youtu.be/qN1IYXS4PxU
Привет! 👋 В скором времени хочу сделать новый проект, в котором планирую обсудить такую тему, как 《Как стать джуном в продуктовом дизайне и найти работу》, буду готов ответить в нём на интересующие вас вопросы.
Если у вас есть вопросы к выпуску, то присылайте их в форму по ссылке, постараюсь учесть интересные вопросы и ответить на них — https://forms.gle/ZxjBhP6aFobw66958
Рубрика — «от читателей канала».
Толя Вербицкий, сделал конспект с недавней конференции Figma Schema 2022. В этом году конференция была посвящена дизайн системам.
О чём рассказали:
— Какой подход к проектированию компонентов лучше.
— Как внедрить дизайн мышление и создать систему в большой компании.
— Аналитика и важность исследований в дизайн системах.
— Синхронизация кода и дизайна.
Ссылка на конспект — https://blog.anatoly.tech/?go=all/virtual-schema-by-figma-design-systems/
Вообще развитие сеток не стоит бояться я считаю, люди всегда боятся технологий, но мы не замечаем, что все профессии всегда эволюционируют и адаптируются ко всему.
Подобные сетки, как midjourney я вижу, как хороший инструмент для художников и концепт артистов. С помощью них можно быстро набросать идеи разных форматов и стилей и выбрать нужное для дальнейшей доработки. Я бы назвал это — такие скетч наброски нового уровня.
Для меня это выглядит, как когда работаешь над какой-то большой концепт дизайн задачей. Прежде ты начинаешь просто рисовать всякие разные варианты дизайнов экранов приложения, улетаешь в адский космос, пока ищешь, как бы что задизайнить и решить. Часто это случается в поиске стиля для будущего продукта, когда ты просто рисуешь тонны вариантов и в нужный момент ты осознаёшь — «А вот эта идея получилась отличная! И начинаешь уже глубже прорабатывать и доделывать.»
Понравилось, как ребята из сервиса Locals.org решили рассказать о новых возможностях в приложении.
При старте приложения сверху в ленте отображается сообщение, нажатие на которое открывает веб страницу со всеми обновлениями в формате блог заметки, где есть видосики и иллюстрации.
Вообще такой формат онбординга в новые фичи мне кажется наиболее работающим. Похожее делает Telegram, когда присылает сервисное сообщение с заметкой из официального блога после обновления приложения.
В копилку прозрачного дизайна. Павербанк Shargeek 😍
https://www.shargeek.com/products/storm2
Вчера, 25 января каналу исполнилось 2 года! Большое спасибо, всем вам, что читаете канал 🎉
Читать полностью…
Всем привет и с днём студента! 👩💻👨💻
Сегодня расскажу о совместной истории со школой Contented. Ребята позвали меня посмотреть их программу обучения «Дизайнер интерфейсов» и поделиться своими впечатлениями. Для меня это особенное предложение. Хотел по возможности пройти подобный курс и возможно структурировать текущие знания.
Поэтому, ближайшие несколько месяцев я буду держать вас в курсе обучения, напишу пару рецензий и инсайтов, если они появятся. Всё обучение проходит онлайн.
Кто хочет учиться в школе параллельно со мной - скидка 25 %. Промокод EL2MGZ (работает до 30 января).
Ссылка на обучение - https://goo.gl/hhWJqX
