1 НЕДЕЛЯ РЕДИЗАЙНА: КРАСИВАЯ страница подписки

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

На прошлой неделе я начал:

• эффективно использовать сетки выравнивания
• «нарушить» правила, используя для дизайна сетку из 16 столбцов вместо традиционной сетки из 12 столбцов.
• создать свою собственную дизайн-систему с рекомендациями для всего: от выбора размеров шрифта заголовка, подзаголовка и основного текста до обработки пространства между элементами как собственных элементов

Пустому пространству можно придать одинаковую высоту и ширину, как размер шрифта.

• Это одно из первых правил моей собственной дизайн-системы: «Для форм высота поля ввода должна быть вдвое больше высоты шрифта. Пример: размер шрифта 16 пикселей = высота поля ввода 32 пикселя.
• Это осознание заставило меня начать думать о дизайне по-другому. Вместо того, чтобы упорядочивать только текст и изображения, я также начал упорядочивать пустое пространство.

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

• Первоначальный дизайн имел всего около 7 элементов (считая все элементы на панели навигации как одну группу).
• В новом дизайне всего 5 элементов, что сокращает время, необходимое пользователю для понимания информации на странице.
• Элементы нового дизайна расположены симметрично, что придает дизайну ощущение гармонии.

• Получите приглашение на собеседование в компанию или агентство. (Проверьте меня на dominique.squarespace.com)
• Сосредоточьтесь на более эффективном включении ритма, непрерывности и гештальтов дизайна закрытия в мои проекты.
• Погрузитесь в анимацию для дизайнеров пользовательского интерфейса.