Токен

Возьмем кнопку. Опишем её шрифт, цвет, радиусы, тени, состояния.
Кнопка должна дойти до продукта. Так как связать дизайн с продуктом?
Вот здесь нам и поможет токен.
UI Kit и библиотека символов в Скетче не являются дизайн-системой. Ценность дизайна как системы в его масштабируемости и внедрении в продукт, поэтому библиотека должна существовать в коде.

Теперь про токены.
Посмотрите на то, как описана кнопка в дизайн-системе Paradigm.

Это один токен из config-файла, описывающий визуальный стиль компонента.

Один файл, подключенный к разным фрэймворкам даёт единый дизайн.
Визуальный стиль описан, далее — единое поведение.

Рекомендуем посмотреть доклад дизайнера и автора Дайджеста продуктового дизайна Юрия @jvetrau Ветрова про работу дизайн-системы на практике при помощи токенов.
Про дизайн-систему на токенах с 9:19.

Лекция «Дайджест продуктового дизайна» Юрия Ветрова на Design Prosmotr:
https://www.youtube.com/watch?v=_bMlwh4xgdY

Бутстрап

По мотивам выпуска о разработке рассмотрим Бутстрап. Если ты работаешь с вебом, то ты о Бутстрапе знаешь.
Очень похоже на швейцарский стиль, типографику и труды Герстнера, Виньелли, но есть один нюанс: контейнеры в вебе вложены один в другой, а значит вложенный контейнер обладает собственной сеткой в 12 колонок и так далее. Верстать блок следует исходя из 12 колонок контейнера, а не общей сетки в 12 колонок.

Если изменить подход к созданию макета в Фигме и вместо групп и вкладывать фрэймы один в другой, то логика вёрстки станет ясной и наглядной прямо в макете: пример фрэйма с сеткой во фрэйме

Посмотрите видео Как устроена bootstrap 4 сетка Виталия Киренкова с канала Просто: разработка, потому что это действительно просто.

Стажировка в Ozon: ищу продуктового дизайнера на мобилки

Москва. Ищу крепкого джуниора в отдел работы с продавцами на оплачиваемую стажировку и прокачку. Полный день в офис, интересный проект, бесплатный кофе, гибкий график, белая зарплата и потрясающий вид из окна Делового центра.

Идеальные условия: будем плотно общаться с исследователями, тестировщиками, разрабами и пиэмами, радоваться комфортной дружной атмосфере. Будем много работать над продуктом и собой. Через полгода есть шанс получить регулярное место.

В сопроводительном письме прошу рассказать, почему это место должен (или должна) занять именно ты и куда ты хочешь развиваться ближайший год.

В портфолио прошу показать 3 кейса про мобильные приложения, которые продемонстрируют способность понимать задачи, строить гипотезы, проектировать в Фигме, объяснять свои решения и внятно презентовать свою работу. Будет тестовое. Другие мои пожелания — по ссылке.

Откликнуться можно только через HH. Писать лично не нужно.

Вакансия на HH →

—
#анонс #для_профи

2.08 Удалёнка, кризис и дизайн: как мы перестали волноваться и продолжили работать из дома

Да, мы здесь и продолжаем вести подкаст.

Отложили все темы неоморфизма и генеративного дизайна — говорим о том, что происходит с нами сейчас.

Как работать и не сходить с ума, не терять рабочий настрой и темп и зачем вообще дизайн, когда оно всё вот так.

Updates:
Вы скучали, мы скучали
💛💙❤️


Выпуск на площадках:
Apple Podcasts
Soundcloud
Castbox

Patreon

Да, мы запустили Патреон подкаста.

Мы хотим обеспечивать качественнный звук, пробовать новые форматы и не обойдёмся здесь без вашей поддержки. Если вам хочется финансово поддержать наш проект , вы можете подписаться на «Дизайн Такой» и жертвовать любую сумму раз в месяц, хоть $1. Отписаться можно в любой момент!

Мы в свою очередь обещаем продолжать делать всё, что мы делаем регулярно и пробовать новые форматы!

Ссылка на Patreon:
https://www.patreon.com/designtakoy

Никита и Роман, ведущие подкаста

В Figma появились ссылки
Ссылка привязывается к текстовому полю. Может отсылать как на макеты в Figma, так и в браузер.

Удобно ссылаться на:
- Тикеты в Jira
- Описания работы (спецификации)
- Архивы с фото/видео
- Смежные макеты в файле, чтобы ускорить поиск

Накидывайте на что будете ссылаться в макетах в комменты✌️

2.09 Зачем концепты в продуктовом дизайне и почему они не похожи на реальный продукт?

Помните то ощущение, когда открываете кейс студии с новым продуктом, потом скачиваете приложение и не понимаете, где всё то, что обещал концепт?

Собственно, этому мы и посвятилии девятый выпуск: зачем концепт, откуда он берется и как это вяжется с метриками, эффективностью и развитием продукта.


Updates

Мы завели Patreon подкаста. Если вы хотели поддержать нас, то это самый подходящий способ.


Слушать выпуск на стримингах:
Apple Podcasts
Castbox
Soundcloud

Больше подкастов о дизайне!

Подкаст «Дизис» мы слушаем уже пару недель. Душевно, интересно, без лишнего пафоса. Если мы про графический дизайн говорим редко, то «Дизис» как раз об этом.

Есть видеоверсия на YouTube.
Зависть🤭

Telegram-канал «Дизис»

Apple Podcast

Castbox

YouTube

2.10 Тренды UX/UI дизайна 2020

В этом злом выпуске мы обсуждаем тренды продуктового дизайна. За какими стоит следить, а какие не стоят и выеденного яйца. Помогают нам популярные статьи из первой страницы поиска в Google.

На нашем Patreon можно послушать выпуск с незапиканными матами. Жестче, злее, всё как вы любите😈

Слушать выпуск на стримингах:
Apple Podcasts
Castbox
Soundcloud

В последнем выпуске отобрали для вас 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

Ваши пользователи, подписчики и слушатели воспринимают информацию не так, как вы

О доступности в вебе и приложениях мы говорили в выпуске Accessibility.

Том Уоррен, редактор издания The Verge, опубликовал в своем твиттере скриншот трансляции Microsoft c переводчиком-синхронистом на американский язык жестов.

Вспоминается сурдопереводчик с канала ОРТ в выпусках новостей, что в начале 2000-ых было нормой, а через 20 лет почему-то удивило.

🔴 REC

2.11 «Нам не нужны исследования — мы знаем наших пользователей.» Может дизайнить без них?

В этом выпуске идём от противного, отказываемся от исследований и просто нормально работаем, а потом выясняем, можно ли без дизайнить без ресёрча, сколько так можно жить и к чему это приведёт.

Слушайте на любимой платформе:

Подкаст «Дизайн Такой»

Пилот про WWDC на Патреоне

Запускаем новое шоу «Минимальное MVP» для патронов с простой сутью:
- горячая тема
- живо и коротко
- есть видеоверсия

Сегодня обсудили WWDC 2020.

Стать патроном и послушать пилот

P.S. спасибо нашему бывшему CEO за название, сами бы мы ну никак.

Чат «Дизайн Такой»🥳

Создали чат для слушателей подкаста. В нем вы предлагаете темы выпусков и задаёте вопросы. Вместе обсуждаем насущные проблемы и хохмим. Всё как вы любите.

В финале сезона ответим на вопросы с хэштегом #qanda

Залететь в чат —>

Рассказываем про книги в Instagram🤓

Узнайте, чем книги, которые вы видите в подборках полезны в работе (или нет🤷🏻‍♂️). В первом видео — «100 главных принципов дизайна» Сьюзен Уэйншенк.

Смотреть