Создать Styleguide и Mockup на Figma
Часть 1:
В Figma нужен styleguide:
Как минимум, нужно определить цвета, шрифты, кнопки и значки, правила верстки, а также то, какие рекомендации по обеспечению доступности были и должны приниматься во внимание теми, кто будет использовать это руководство.
Обязательно показать различные режимы работы, такие как "по умолчанию", "при наведении курсора мыши", "активен для кнопок" и т.д.
Нужно помнить, что должны использоваться согласованные цветовые гаммы и типографика, в этом весь смысл!
Нужен краткий отчет, объясняющий выбор дизайна, например, почему был выбран определенный цвет и шрифты и как обеспечина согласованность и доступность дизайна. Можно использовать фотографии / скриншоты, чтобы объяснить свой выбор дизайна.
Часть 2:
Нужно созздать пользовательский интерфейс, который использует styleguide созданный выше:
Нужно помнить, что следующий пользовательский интерфейс и его элементы (например, кнопки, формы, значки) должны соответствовать единому стилю, что и должно быть styleguide-ом.
Постарайтесь максимально эффективно использовать в своем пользовательском интерфейсе различные принципы дизайна(например, баланс, контраст, акцент, повторение, выравнивание, близость).
Нужен краткий отчет, объясняющий выбор дизайна и то, как он соответствует принципам визуального дизайна. Используйте картинки с примерами. Также обсудите любые проблемы, с которыми вы могли столкнуться, когда вам, возможно, пришлось вернуться к своим рекомендациям и скорректировать их, поскольку вы обнаружили, что они требуют доработки.
Проект для части два:
Типовой лендинг цветочного магазина - три страницы - главная, о нас и контакты с формой обратной связи (переходы через prototype-ы)
Дедлайн - сегодня до конца дня
В Figma нужен styleguide:
Как минимум, нужно определить цвета, шрифты, кнопки и значки, правила верстки, а также то, какие рекомендации по обеспечению доступности были и должны приниматься во внимание теми, кто будет использовать это руководство.
Обязательно показать различные режимы работы, такие как "по умолчанию", "при наведении курсора мыши", "активен для кнопок" и т.д.
Нужно помнить, что должны использоваться согласованные цветовые гаммы и типографика, в этом весь смысл!
Нужен краткий отчет, объясняющий выбор дизайна, например, почему был выбран определенный цвет и шрифты и как обеспечина согласованность и доступность дизайна. Можно использовать фотографии / скриншоты, чтобы объяснить свой выбор дизайна.
Часть 2:
Нужно созздать пользовательский интерфейс, который использует styleguide созданный выше:
Нужно помнить, что следующий пользовательский интерфейс и его элементы (например, кнопки, формы, значки) должны соответствовать единому стилю, что и должно быть styleguide-ом.
Постарайтесь максимально эффективно использовать в своем пользовательском интерфейсе различные принципы дизайна(например, баланс, контраст, акцент, повторение, выравнивание, близость).
Нужен краткий отчет, объясняющий выбор дизайна и то, как он соответствует принципам визуального дизайна. Используйте картинки с примерами. Также обсудите любые проблемы, с которыми вы могли столкнуться, когда вам, возможно, пришлось вернуться к своим рекомендациям и скорректировать их, поскольку вы обнаружили, что они требуют доработки.
Проект для части два:
Типовой лендинг цветочного магазина - три страницы - главная, о нас и контакты с формой обратной связи (переходы через prototype-ы)
Дедлайн - сегодня до конца дня