UXPUB 🇺🇦 Дизайн-спільнота: Дизайн завтрак 🥪

🍳 Дизайн завтрак #24

Дизайн завтрак 🥪 — Tue, 16 May 2023 22:00:00 +0000

🔥 Новость дня
«Жизнь — это не только работа»: Гейтс дал совет молодежи

«Не ждите столько, сколько ждал я, чтобы усвоить этот урок. Тратьте время на то, чтобы строить отношения, отмечать свои успехи и переживать потери. Когда нужно, возьмите перерыв. Будьте помягче с окружающими, когда они в этом нуждаются, — отметил предприниматель»

🍕 Утренняя статья
Требования к графическим интерфейсам: одна памятка ответит на все ваши вопросы

«Большинство IT-команд работает по методологии Agile, основной постулат которой гласит: «Работающий продукт важнее исчерпывающей документации». При этом одним из критериев качества требований к ПО, наряду с корректностью, непротиворечивостью, недвусмысленностью, является их полнота»

💕 Behance
Doconomy

🍿 Что посмотреть вечером
Работа с композицией в веб-дизайне. Основные принципы применения сетки

«В этом мастер-классе дизайнер Сергей Гуров расскажет про правила и методы композиции и сеток, что такое ритм, форма и контраст. Вы узнаете, в чем реальная цель композиции в рамках коммерческого дизайна, и как ее грамотно использовать. Также поговорим о том, что такое силовые линии, масса, напряжение и сетка»

🖥 Сайт дня
https://props.studiolumio.com

Автор иллюстрации на обложке:
Febin Raj

——————————

Подписывайся на канал, чтобы не пропустить очередной дайджест
https://t.me/ux_brunch

🍳 Дизайн завтрак #23

Дизайн завтрак 🥪 — Mon, 15 May 2023 08:06:11 +0000

🔥 Новость дня
Теперь точно: Маск назвал нового гендиректора Twitter

«Владелец Twitter Илон Маск объявил преемника на должность генерального директора соцсети. Её займёт Линда Яккарино, которая до этого более десяти лет работала в медиахолдинге NBCUniversal»

🍕 Утренняя статья
Как сформировать правильное понимание задачи в продуктовом дизайне. Подробный гайд

«Понимание задачи — это документ, который помогает составить и зафиксировать единое представление о задаче у дизайнеров и стейкхолдеров. Пишут Миша Наер и Ваня Звягин — дизайнеры нефинансового вовлечения Тинькофф»

💕 Behance
KÖLD is a Stockholm-based independent slow lifestyle magazine

🍿 Что посмотреть вечером
Лиза Орешкина: дизайн для стартапов

«Лиза Орешкина — cоосновательница «The breakfast app» и «Channelkit» — про дизайн при запуске новых продуктов в небольших командах»

🖥 Сайт дня
https://zelt.app/

Автор иллюстрации на обложке:
dongkyu lim

Подписывайся на канал, чтобы не пропустить очередной дайджест
https://t.me/ux_brunch

🍳 Дизайн завтрак #22

Дизайн завтрак 🥪 — Thu, 11 May 2023 20:42:43 +0000

🔥 Новость дня
Microsoft Visual Studio впервые за более чем 10 лет обновляет пользовательский интерфейс

«Microsoft использует дизайн-систему Fluent с 2012 года и за это время не вносила в неё существенных изменений. Принципы, изложенные в системе, использовались в Microsoft 365 и Visual Studio. Компания начала прислушиваться к замечаниям пользователей и анонсировала крупное обновление»

🍕 Утренняя статья
На что на самом деле смотрят эйчары при найме дизайнера в продукт?

«Тут про всё: где ищут, как скорят, сопроводительное, портфолио, резюме и даже больше. Всё собрали всё в кучу,
причесали, и сейчас выложили в публичный доступ»

💕 Behance
Mux is code for video

🍿 Что посмотреть вечером
Как проводить пользовательские интервью и использовать результаты для развития бизнеса

как улучшить свои навыки в области исследования пользователей
научитесь правильно формулировать вопросы и находить подходящих кандидатов для интервью.
познакомитесь с техниками проведения интервью и научитесь анализировать результаты

🖥 Сайт дня
https://c2montreal.com/fr/

Автор иллюстрации на обложке:
Stuart Wade

Подписывайся на канал, чтобы не пропустить очередной дайджест
https://t.me/ux_brunch

Как организовать панель "Assets" в Figma при помощи нейминга компонетов

Дизайн завтрак 🥪 — Thu, 05 Jan 2023 21:22:29 +0000

Как назвать компонент так, чтобы в последствии его было легко найти? Об этом и поговорим в этой статье.

Меня зовут Андрей, я практикующий UI/UX дизайнер и преподаватель по дизайну. Так же веду свой телеграм-канал, где ежедневно публикую всякие полезности. Буду рад видеть в числе подписчиков😉

Начать хотелось бы с того, что такое компоненты. Компоненты в Figma это особая группа объектов или какой-то один объект (текст, шейп и тд), которая неразрывно связана со всеми своими копиями. При изменении стиля, формы главного компонента эти изменения в точности копируются на всех его копиях.

При активации библиотеки компонентов, привязанной к проекту, на панели «Assets» отобразятся все опубликованные компоненты, доступные для использования. Тут-то мы и можем позаботиться о том, чтобы упростить себе работу.

Способы разделения панели “Assets” на папки

1. Нейминг страниц

Список компонентов на панели "Assets" может быть огромным и показаться непонятным для людей, которые недавно присоединились к проекту. Поэтому имеет смысл связанные компоненты категоризировать по страницам. В таком случае Figma отобразит каждую страницу библиотеки как раскрывающийся список, внутри которого можно будет найти компоненты, относящиеся к ней.

P.S. Кстати названия страниц поддерживают эмодзи:)

На изображении на панели "Assets" отображены все страницы проекта, на которых есть компоненты

2. Нейминг фреймов

Группы компонентов, помещенные во фреймы не только получают большее визуальное разделение, но и еще больше категоризируют панель “Assets”

Другими словами, каждый фрейм, на котором хранятся компоненты, на панели “Assets” также отобразится как выпадающий список.

Т.е. в тандеме с неймингом страниц панель “Assets” будет выглядеть как:

На изображении показано как старница "Icons" поделилась на дополнительные папки благодаря фреймам

Такая вложенность применяется только к одному фрейму.

Т.е. если у вас есть условный “Фрейм 1” на котором находятся “Фрейм А” со своими компонентами и “Фрейм Б” со своими, то на панели “Assets” выпадающим списком будет показан ТОЛЬКО “Фрейм 1”, остальные фреймы, которые находятся на нем, Figma учитывать не будет (как показано на "Рисунке Б" ниже)

Рисунок А. Тут видим, что два отдельных фрейма на панели "Assets" отображены как две папки

Рисунок Б. Как только два фрейма с "Рисунка А" объединяются общим главным фреймом - Figma начинает считывать как папку главный фрейм (Frame 1), а внутренние фреймы игнорирует. Их содержимое будет показано общим списком в папке "Frame 1"

3. Нейминг компонентов

Дополнительное разделение на папки можно добавить с помощью слэша “/” при нейминге конкретного компонента

На риунке видим, что при использовании слэша "/" в именах компонентов, мы добавили в папку "Emoji" (на странице "Smiles") еще одну папку "Sad" в которой у нас лежит два компонента

Спасибо за внимание

Если дочитали до конца, то, надеюсь, статья оказалась для вас полезной🌟

Также напоминаю, что веду телеграм-канал, в котором не менее интересно. Познакомиться с моими работами и мной можно тут