Dropbox Paper

🏁 Онбординг для новичка

Привет! Ты присоединился (-ась) к большому и сложному продукту, которым пользуются миллионы людей. Вместе с тобой нам предстоит проектировать понятные интерфейсы, которые прежде всего будут удобными.

Получение доступов

Мы работаем в Figma. У нас есть корпоративное пространство, поэтому напиши наставнику, чтобы он пригласил тебя в наши проекты. Инвайт придёт на корпоративную почту.

Раньше мы работали в Sketch, поэтому часть макетов всё ещё хранится в Dropbox. Если чего-то не хватает в Figma, наверняка макет можно найти там. Инвайт в Dropbox придёт также на корпоративную почту.

Если тебе нужен Principle, After Effects, Photoshop, обращайся в Техподдержку ВК.

Тебе нужно поставить дев-сборку VK с самыми свежими фичами, которые ещё находятся в разработке. Для этого ты должен следовать инструкции.

Знакомство с командой

У нас маленькая, но дружная команда. Мы вместе работаем, ходим на обеды, проводим время вне офиса. Периодически устраиваем тимбилдинги, когда выбираемся вместе куда-нибудь (например, на скалолазание или картинг).

Если у тебя появляется вопрос или ты хочешь показать макет — смело пиши любому дизайнеру. Кроме того, у нас есть чат «ноготочки 💅», где можно получить быстрый фидбэк практически 24/7.

Командные чаты:

«ноготочки 💅»— быстрый фидбэк по макетам;

VKUI Figma · Internal — вопросы по Figma и дизайн-системе;

VKUI Library · Changelog — сюда загружаем новые иконки, чтобы добавить их в репозиторий;

дизайн-чат — флудилка с маркетингом;

Team · Департамент дизайна — командный чат, куда другие сотрудники приносят фидбэк и баги по дизайну.

Каждый четверг в 11:00 мы проводим ревью, где дизайнеры показывают свои последние работы и получают обратную связь в свободной форме. После выступлений участники закидывают ссылки на макеты и краткое описание задачи в резюме встречи и получают фидбэк в Figma. Это помогает держать планку дизайна в компании на высоком уровне и быть в курсе, чем занимаются другие дизайнеры — именно поэтому эта встреча является обязательной для всех.

Рабочий процесс

Нам очень помогает дизайн-система: не нужно с нуля собирать типовые экраны и реализованные компоненты. Все они уже созданы и описаны. Загляни в проект VK → VKUI Libraries. Если будут вопросы по дизайн-системе — пиши Мише или Ване.

Структура проектов в Figma

Чтобы ускорить свою работу в Figma, прочитай эти гайды:

+Figma: онбординг;

+Figma: использование компонентов;

+Figma: создание компонентов.

Мы нарезаем графику для разработчиков сами, используя плагин Android Resources Export и проставляя префикс ic_. Для iOS стандартно 1 ×, 2 × и 3 × в PNG. После выгрузки оптимизируем в ImageOptim. Подробнее про иконки можно почитать в руководстве.

Если нужно оптимизировать растровую графику в JPG, то лучше всего подойдёт Squoosh.

Чтобы не запутаться в файлах в Figma, придерживайся правил именования и работы с макетами.

Ещё мы пользуемся плагинами, которые будут тебе полезны:

VK Data для заполнения данными из ВКонтакте;

VKUI Toolkit для финализации иконок;

Appearance для переключения тем;

Arrow Auto для карты экранов;

Reattach Instance иногда помогает восстановить связь с мастер-компонентом;

Easing Gradient для нелинейных градиентов;

Android Resources Export для экспорта под Android.

​​Получение доступов

​​Знакомство с командой

​​Рабочий процесс

Получение доступов

Знакомство с командой

Рабочий процесс