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