Создать Styleguide и Mockup на Figma

Часть 1:


В Figma нужен styleguide:

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

Обязательно показать различные режимы работы, такие как "по умолчанию", "при наведении курсора мыши", "активен для кнопок" и т.д.

Нужно помнить, что должны использоваться согласованные цветовые гаммы и типографика, в этом весь смысл!

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


Часть 2:


Нужно созздать пользовательский интерфейс, который использует styleguide созданный выше:

Нужно помнить, что следующий пользовательский интерфейс и его элементы (например, кнопки, формы, значки) должны соответствовать единому стилю, что и должно быть styleguide-ом.

Постарайтесь максимально эффективно использовать в своем пользовательском интерфейсе различные принципы дизайна(например, баланс, контраст, акцент, повторение, выравнивание, близость).

Нужен краткий отчет, объясняющий выбор дизайна и то, как он соответствует принципам визуального дизайна. Используйте картинки с примерами. Также обсудите любые проблемы, с которыми вы могли столкнуться, когда вам, возможно, пришлось вернуться к своим рекомендациям и скорректировать их, поскольку вы обнаружили, что они требуют доработки.



Проект для части два:

Типовой лендинг цветочного магазина - три страницы - главная, о нас и контакты с формой обратной связи (переходы через prototype-ы)


Дедлайн - сегодня до конца дня

Читайте на 123ru.net