Токен
Возьмем кнопку. Опишем её шрифт, цвет, радиусы, тени, состояния.
Кнопка должна дойти до продукта. Так как связать дизайн с продуктом?
Вот здесь нам и поможет токен.
UI Kit и библиотека символов в Скетче не являются дизайн-системой. Ценность дизайна как системы в его масштабируемости и внедрении в продукт, поэтому библиотека должна существовать в коде.
Теперь про токены.
Посмотрите на то, как описана кнопка в дизайн-системе Paradigm.
Это один токен из config-файла, описывающий визуальный стиль компонента.
Один файл, подключенный к разным фрэймворкам даёт единый дизайн.
Визуальный стиль описан, далее — единое поведение.
Рекомендуем посмотреть доклад дизайнера и автора Дайджеста продуктового дизайна Юрия @jvetrau Ветрова про работу дизайн-системы на практике при помощи токенов.
Про дизайн-систему на токенах с 9:19.
Лекция «Дайджест продуктового дизайна» Юрия Ветрова на Design Prosmotr:
https://www.youtube.com/watch?v=_bMlwh4xgdY
Возьмем кнопку. Опишем её шрифт, цвет, радиусы, тени, состояния.
Кнопка должна дойти до продукта. Так как связать дизайн с продуктом?
Вот здесь нам и поможет токен.
UI Kit и библиотека символов в Скетче не являются дизайн-системой. Ценность дизайна как системы в его масштабируемости и внедрении в продукт, поэтому библиотека должна существовать в коде.
Теперь про токены.
Посмотрите на то, как описана кнопка в дизайн-системе Paradigm.
Это один токен из config-файла, описывающий визуальный стиль компонента.
Один файл, подключенный к разным фрэймворкам даёт единый дизайн.
Визуальный стиль описан, далее — единое поведение.
Рекомендуем посмотреть доклад дизайнера и автора Дайджеста продуктового дизайна Юрия @jvetrau Ветрова про работу дизайн-системы на практике при помощи токенов.
Про дизайн-систему на токенах с 9:19.
Лекция «Дайджест продуктового дизайна» Юрия Ветрова на Design Prosmotr:
https://www.youtube.com/watch?v=_bMlwh4xgdY
design.mail.ru
Дизайн в Mail.ru Group
Мы создаём пользовательский опыт для самых разных проектов и стараемся сделать интернет немного лучше, чем вчера.
Бутстрап
По мотивам выпуска о разработке рассмотрим Бутстрап. Если ты работаешь с вебом, то ты о Бутстрапе знаешь.
Очень похоже на швейцарский стиль, типографику и труды Герстнера, Виньелли, но есть один нюанс: контейнеры в вебе вложены один в другой, а значит вложенный контейнер обладает собственной сеткой в 12 колонок и так далее. Верстать блок следует исходя из 12 колонок контейнера, а не общей сетки в 12 колонок.
Если изменить подход к созданию макета в Фигме и вместо групп и вкладывать фрэймы один в другой, то логика вёрстки станет ясной и наглядной прямо в макете: пример фрэйма с сеткой во фрэйме
Посмотрите видео Как устроена bootstrap 4 сетка Виталия Киренкова с канала Просто: разработка, потому что это действительно просто.
По мотивам выпуска о разработке рассмотрим Бутстрап. Если ты работаешь с вебом, то ты о Бутстрапе знаешь.
Очень похоже на швейцарский стиль, типографику и труды Герстнера, Виньелли, но есть один нюанс: контейнеры в вебе вложены один в другой, а значит вложенный контейнер обладает собственной сеткой в 12 колонок и так далее. Верстать блок следует исходя из 12 колонок контейнера, а не общей сетки в 12 колонок.
Если изменить подход к созданию макета в Фигме и вместо групп и вкладывать фрэймы один в другой, то логика вёрстки станет ясной и наглядной прямо в макете: пример фрэйма с сеткой во фрэйме
Посмотрите видео Как устроена bootstrap 4 сетка Виталия Киренкова с канала Просто: разработка, потому что это действительно просто.
Figma
Bootstrap frames sample
Created with Figma
Forwarded from /designer
Стажировка в Ozon: ищу продуктового дизайнера на мобилки
Москва. Ищу крепкого джуниора в отдел работы с продавцами на оплачиваемую стажировку и прокачку. Полный день в офис, интересный проект, бесплатный кофе, гибкий график, белая зарплата и потрясающий вид из окна Делового центра.
Идеальные условия: будем плотно общаться с исследователями, тестировщиками, разрабами и пиэмами, радоваться комфортной дружной атмосфере. Будем много работать над продуктом и собой. Через полгода есть шанс получить регулярное место.
В сопроводительном письме прошу рассказать, почему это место должен (или должна) занять именно ты и куда ты хочешь развиваться ближайший год.
В портфолио прошу показать 3 кейса про мобильные приложения, которые продемонстрируют способность понимать задачи, строить гипотезы, проектировать в Фигме, объяснять свои решения и внятно презентовать свою работу. Будет тестовое. Другие мои пожелания — по ссылке.
Откликнуться можно только через HH. Писать лично не нужно.
Вакансия на HH →
—
#анонс #для_профи
Москва. Ищу крепкого джуниора в отдел работы с продавцами на оплачиваемую стажировку и прокачку. Полный день в офис, интересный проект, бесплатный кофе, гибкий график, белая зарплата и потрясающий вид из окна Делового центра.
Идеальные условия: будем плотно общаться с исследователями, тестировщиками, разрабами и пиэмами, радоваться комфортной дружной атмосфере. Будем много работать над продуктом и собой. Через полгода есть шанс получить регулярное место.
В сопроводительном письме прошу рассказать, почему это место должен (или должна) занять именно ты и куда ты хочешь развиваться ближайший год.
В портфолио прошу показать 3 кейса про мобильные приложения, которые продемонстрируют способность понимать задачи, строить гипотезы, проектировать в Фигме, объяснять свои решения и внятно презентовать свою работу. Будет тестовое. Другие мои пожелания — по ссылке.
Откликнуться можно только через HH. Писать лично не нужно.
Вакансия на HH →
—
#анонс #для_профи
2.08 Удалёнка, кризис и дизайн: как мы перестали волноваться и продолжили работать из дома
Да, мы здесь и продолжаем вести подкаст.
Отложили все темы неоморфизма и генеративного дизайна — говорим о том, что происходит с нами сейчас.
Как работать и не сходить с ума, не терять рабочий настрой и темп и зачем вообще дизайн, когда оно всё вот так.
Updates:
Вы скучали, мы скучали
💛💙❤️
Выпуск на площадках:
Apple Podcasts
Soundcloud
Castbox
Да, мы здесь и продолжаем вести подкаст.
Отложили все темы неоморфизма и генеративного дизайна — говорим о том, что происходит с нами сейчас.
Как работать и не сходить с ума, не терять рабочий настрой и темп и зачем вообще дизайн, когда оно всё вот так.
Updates:
Вы скучали, мы скучали
💛💙❤️
Выпуск на площадках:
Apple Podcasts
Soundcloud
Castbox
Patreon
Да, мы запустили Патреон подкаста.
Мы хотим обеспечивать качественнный звук, пробовать новые форматы и не обойдёмся здесь без вашей поддержки. Если вам хочется финансово поддержать наш проект , вы можете подписаться на «Дизайн Такой» и жертвовать любую сумму раз в месяц, хоть $1. Отписаться можно в любой момент!
Мы в свою очередь обещаем продолжать делать всё, что мы делаем регулярно и пробовать новые форматы!
Ссылка на Patreon:
https://www.patreon.com/designtakoy
Никита и Роман, ведущие подкаста
Да, мы запустили Патреон подкаста.
Мы хотим обеспечивать качественнный звук, пробовать новые форматы и не обойдёмся здесь без вашей поддержки. Если вам хочется финансово поддержать наш проект , вы можете подписаться на «Дизайн Такой» и жертвовать любую сумму раз в месяц, хоть $1. Отписаться можно в любой момент!
Мы в свою очередь обещаем продолжать делать всё, что мы делаем регулярно и пробовать новые форматы!
Ссылка на Patreon:
https://www.patreon.com/designtakoy
Никита и Роман, ведущие подкаста
В Figma появились ссылки
Ссылка привязывается к текстовому полю. Может отсылать как на макеты в Figma, так и в браузер.
Удобно ссылаться на:
- Тикеты в Jira
- Описания работы (спецификации)
- Архивы с фото/видео
- Смежные макеты в файле, чтобы ускорить поиск
Накидывайте на что будете ссылаться в макетах в комменты✌️
Ссылка привязывается к текстовому полю. Может отсылать как на макеты в Figma, так и в браузер.
Удобно ссылаться на:
- Тикеты в Jira
- Описания работы (спецификации)
- Архивы с фото/видео
- Смежные макеты в файле, чтобы ускорить поиск
Накидывайте на что будете ссылаться в макетах в комменты✌️
2.09 Зачем концепты в продуктовом дизайне и почему они не похожи на реальный продукт?
Помните то ощущение, когда открываете кейс студии с новым продуктом, потом скачиваете приложение и не понимаете, где всё то, что обещал концепт?
Собственно, этому мы и посвятилии девятый выпуск: зачем концепт, откуда он берется и как это вяжется с метриками, эффективностью и развитием продукта.
Updates
Мы завели Patreon подкаста. Если вы хотели поддержать нас, то это самый подходящий способ.
Слушать выпуск на стримингах:
Apple Podcasts
Castbox
Soundcloud
Помните то ощущение, когда открываете кейс студии с новым продуктом, потом скачиваете приложение и не понимаете, где всё то, что обещал концепт?
Собственно, этому мы и посвятилии девятый выпуск: зачем концепт, откуда он берется и как это вяжется с метриками, эффективностью и развитием продукта.
Updates
Мы завели Patreon подкаста. Если вы хотели поддержать нас, то это самый подходящий способ.
Слушать выпуск на стримингах:
Apple Podcasts
Castbox
Soundcloud
Apple Podcasts
«Дизайн Такой»: «Зачем нужны концепты и почему они не похожи на реальный продукт?» в Apple Podcasts
Шоу «Дизайн Такой», выпуск «Зачем нужны концепты и почему они не похожи на реальный продукт?» от 22 апр. 2020 г.
Больше подкастов о дизайне!
Подкаст «Дизис» мы слушаем уже пару недель. Душевно, интересно, без лишнего пафоса. Если мы про графический дизайн говорим редко, то «Дизис» как раз об этом.
Есть видеоверсия на YouTube.
Зависть🤭
Telegram-канал «Дизис»
Apple Podcast
Castbox
YouTube
Подкаст «Дизис» мы слушаем уже пару недель. Душевно, интересно, без лишнего пафоса. Если мы про графический дизайн говорим редко, то «Дизис» как раз об этом.
Есть видеоверсия на YouTube.
Telegram-канал «Дизис»
Apple Podcast
Castbox
YouTube
2.10 Тренды UX/UI дизайна 2020
В этом злом выпуске мы обсуждаем тренды продуктового дизайна. За какими стоит следить, а какие не стоят и выеденного яйца. Помогают нам популярные статьи из первой страницы поиска в Google.
На нашем Patreon можно послушать выпуск с незапиканными матами. Жестче, злее, всё как вы любите😈
Слушать выпуск на стримингах:
Apple Podcasts
Castbox
Soundcloud
В этом злом выпуске мы обсуждаем тренды продуктового дизайна. За какими стоит следить, а какие не стоят и выеденного яйца. Помогают нам популярные статьи из первой страницы поиска в Google.
На нашем Patreon можно послушать выпуск с незапиканными матами. Жестче, злее, всё как вы любите😈
Слушать выпуск на стримингах:
Apple Podcasts
Castbox
Soundcloud
Apple Podcasts
«Дизайн Такой»: «Тренды UX/UI дизайна 2020» в Apple Podcasts
Шоу «Дизайн Такой», выпуск «Тренды UX/UI дизайна 2020» от 11 мая 2020 г.
В последнем выпуске отобрали для вас 5 лучших статей с трендами UX/UI дизайна 2020:
"Тренды UX/UI в 2020" от Cristian Virciu
"За какими трендами UX-дизайна следить в 2020 году" от m1rko
"UI/UX Design Trends In 2020" от Cadabra Studios
"5 trends UX designers should know for 2020" от Invision
"Digital Design Trends 2020" от Toptal
"Тренды UX/UI в 2020" от Cristian Virciu
"За какими трендами UX-дизайна следить в 2020 году" от m1rko
"UI/UX Design Trends In 2020" от Cadabra Studios
"5 trends UX designers should know for 2020" от Invision
"Digital Design Trends 2020" от Toptal
Ваши пользователи, подписчики и слушатели воспринимают информацию не так, как вы
О доступности в вебе и приложениях мы говорили в выпуске Accessibility.
Том Уоррен, редактор издания The Verge, опубликовал в своем твиттере скриншот трансляции Microsoft c переводчиком-синхронистом на американский язык жестов.
Вспоминается сурдопереводчик с канала ОРТ в выпусках новостей, что в начале 2000-ых было нормой, а через 20 лет почему-то удивило.
О доступности в вебе и приложениях мы говорили в выпуске Accessibility.
Том Уоррен, редактор издания The Verge, опубликовал в своем твиттере скриншот трансляции Microsoft c переводчиком-синхронистом на американский язык жестов.
Вспоминается сурдопереводчик с канала ОРТ в выпусках новостей, что в начале 2000-ых было нормой, а через 20 лет почему-то удивило.
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
2.11 «Нам не нужны исследования — мы знаем наших пользователей.» Может дизайнить без них?
В этом выпуске идём от противного, отказываемся от исследований и просто нормально работаем, а потом выясняем, можно ли без дизайнить без ресёрча, сколько так можно жить и к чему это приведёт.
Слушайте на любимой платформе:
Подкаст «Дизайн Такой»
В этом выпуске идём от противного, отказываемся от исследований и просто нормально работаем, а потом выясняем, можно ли без дизайнить без ресёрча, сколько так можно жить и к чему это приведёт.
Слушайте на любимой платформе:
Подкаст «Дизайн Такой»
Пилот про WWDC на Патреоне
Запускаем новое шоу «Минимальное MVP» для патронов с простой сутью:
- горячая тема
- живо и коротко
- есть видеоверсия
Сегодня обсудили WWDC 2020.
Стать патроном и послушать пилот
P.S. спасибо нашему бывшему CEO за название, сами бы мы ну никак.
Запускаем новое шоу «Минимальное MVP» для патронов с простой сутью:
- горячая тема
- живо и коротко
- есть видеоверсия
Сегодня обсудили WWDC 2020.
Стать патроном и послушать пилот
P.S. спасибо нашему бывшему CEO за название, сами бы мы ну никак.
Чат «Дизайн Такой»🥳
Создали чат для слушателей подкаста. В нем вы предлагаете темы выпусков и задаёте вопросы. Вместе обсуждаем насущные проблемы и хохмим. Всё как вы любите.
В финале сезона ответим на вопросы с хэштегом #qanda
Залететь в чат —>
Создали чат для слушателей подкаста. В нем вы предлагаете темы выпусков и задаёте вопросы. Вместе обсуждаем насущные проблемы и хохмим. Всё как вы любите.
В финале сезона ответим на вопросы с хэштегом #qanda
Залететь в чат —>
Telegram
дизайн такой, чат
Чат подкаста @design_takoy
Ведущие @romannurgaliev @Lakeevnikita
Меньше концетрэ, больше безделия.
Мы всех любим, но всё же баним иногда.
Спрашиваем и отвечаем по теме и без.
Ведущие @romannurgaliev @Lakeevnikita
Меньше концетрэ, больше безделия.
Мы всех любим, но всё же баним иногда.
Спрашиваем и отвечаем по теме и без.
Рассказываем про книги в Instagram🤓
Узнайте, чем книги, которые вы видите в подборках полезны в работе (или нет🤷🏻♂️). В первом видео — «100 главных принципов дизайна» Сьюзен Уэйншенк.
Смотреть
Узнайте, чем книги, которые вы видите в подборках полезны в работе (или нет🤷🏻♂️). В первом видео — «100 главных принципов дизайна» Сьюзен Уэйншенк.
Смотреть