Рекомендуемая коллекция | Этот артефакт пользовательского интерфейса, мне он очень нравится!

внешний интерфейс дизайн дизайнер
Рекомендуемая коллекция | Этот артефакт пользовательского интерфейса, мне он очень нравится!

Недавно мой друг-фанат приватно задал мне вопрос, как дизайнеры с социальным страхом должны работать над совместным дизайном и доставкой?

Я думаю, что есть принцип, который может эффективно облегчить это беспокойство, то есть не общаться лично, если проблема может быть решена онлайн! Для этого я порекомендовал ему профессионалаПлатформа для совместной работы над дизайном — Айк. Будь то менеджер по стыковочным продуктам или фронтенд-инженер, весь процесс онлайн-сотрудничества и доставки может быть выполнен, что может минимизировать частоту личного общения!

И, что самое приятное, небольшие команды могут использовать его бесплатно и доставлять его онлайн без каких-либо затрат. Каков конкретный метод совместной доставки, слушайте меня медленно~

Онлайн-сотрудничество в полном объеме сокращает количество личных сообщений

Как UI-дизайнер, я работаю продакт-менеджером, а затем фронтенд-инженером. Если вы используете Mock для совместной доставки, весь процесс может быть осуществлен онлайн, что может значительно сократить количество личных сообщений для всех.Это важный инструмент для социальных страхов!

  1. быстрый обзор

Когда менеджеры по продуктам просматривают черновики дизайна, в дополнение к редактированию обычного текста Mockup также предоставляет 5 инструментов просмотра для совместного использования, а именно прямоугольники, круги, прямые линии, стрелки и кнопки. А также может ссылаться на документы или веб-сайты, чтобы помочь в объяснении, что может сделать комментарии к изменениям более четкими и конкретными.

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

  1. Резка в один клик

В инструменте дизайна, который вы используете, установите соответствующий плагин Mocket, используйте плагин, чтобы разметить и вырезать все материалы в эскизе дизайна, а затем загрузить его на платформу Mocket.Весь процесс вырезания изображений не превышает 2 минут. , и работа по резке сделана.

Разработчики внешнего интерфейса могут загружать различные платформы (iOS/Android/Web) в соответствии со своими потребностями в этом проекте проекта.

), различное увеличение, разные форматы (PNG/WebP/SVG/JPG), а также вы можете настроить размер выреза, быстро настроить размер выреза и добиться самодостаточности для фронтенд-инженеров.

  1. Умная выноска

Надо сказать, что маркировка – это кропотливая работа. Всякий раз, когда дизайнер считает, что он отметил это достаточно подробно, интерфейс всегда может @you: Какой интервал, почему он не отмечен! Для давней и сложной проблемы «маркировки» у Айка тоже есть соответствующее решение!

Прежде всего, давайте поговорим об автоматической аннотации.Когда мышь щелкает или наводит курсор на элемент на схеме проекта, Mockup автоматически отображает ширину, высоту, интервал, цвет и другую информацию модуля. Кроме того, когда вы нажимаете и удерживаете клавишу Alt, наведите указатель мыши на слой, вы также можете автоматически рассчитать процентное значение площади в качестве эталона и просмотреть метку процентного содержания.

Существование автоматических аннотаций может снизить рабочую нагрузку дизайнеров на 80%.Для особых стилей дизайна, таких как тени в эскизе проекта, дизайнеры могут использовать ручные методы аннотаций, такие как текстовые аннотации, аннотации координат, аннотации размеров и аннотации цветов. аннотацию области и т. д., чтобы вручную объяснить эскиз проекта.

Более эффективное сотрудничество между дизайнерами

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

  1. Поддержка совместной доставки основного программного обеспечения для проектирования

Ikei имеет высокую степень совместимости с эскизами дизайна на различных платформах и поддерживает доставку всех основных программ для дизайна Sketch/Photoshop/XD/Figma/Axure.

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

  1. дизайн-система

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

Mock Design System — это эксклюзивная платформа системы дизайна в Китае, которая поможет вам управлять всеми ресурсами дизайна в облаке, включая цвета, логотипы, значки, текст, компоненты, элементы измерения, тени и другие материалы, для эффективного совместного использования и быстрого повторного использования. ресурсов.

наконец

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

Адрес официального сайта:https://www.mockplus.cn/get-idoc