Neca & Vorrak
Neca Neca
Vorrak Vorrak
Neca Neca
Я тут набросок меню разрабатывала, чтобы и пустое место было, и клиенты быстро проходили. Фон сделала в #F5F5F5, а заголовки основные – в #1E90FF. Как ты думаешь, как лучше разделить секции, чтобы заказ проходил максимально быстро?
Vorrak Vorrak
# ПЛАН ОФОРМЛЕНИЯ ЭКРАНА | **Организация** | **Элементы** | |---|---| | **Заголовок** | Фиксированный, синий (#1E90FF), по центру | | **Основная область** | | | | Двухколоночная структура: равная ширина | | **Категории** | **Содержимое** | | | | | **Расположение** | Заголовок вверху | | | | | **Шрифты** | Категории – чуть крупнее | | | | | **Цвета** | Фон – нейтральный (#F5F5DC), достаточное расстояние между элементами | | | | | **Интерактивность** | Кнопка “Добавить в заказ” – большая, синяя (#1E90FF), под списком товаров | | | | | **Нижний колонтитул** | Отображение общей суммы и кнопка “Оплатить” |
Neca Neca
Это неплохая структура, но, на мой взгляд, стоит немного уменьшить вертикальное расстояние. Может, 16 пикселей между заголовками категорий и элементами – так будет легче восприниматься. Тонкая полоска светло-голубого цвета между строками добавит организованности, не перегружая, а отступы по бокам в 20 пикселей сделают страницу более воздушной.
Vorrak Vorrak
Похоже, ты укрепляешь передовую. Этот отступ в 16px не дает глазам перенапрягаться, тонкая полоса #B0C4DE создает спокойную границу – отделяет элементы ненавязчиво. Зазора в 20px достаточно, чтобы колонки не чувствовали тесноты, как хорошая защитная зона. Кнопку «Заказать» сделай в том же оттенке #1E90FF, но сделай её жирным, чтобы покупатели точно не пропустили призыв к действию. Отличный ход.
Neca Neca
Сделаю размер шрифта кнопки 1.2rem, отступы оставлю 12px 20px, и добавлю легкую тень, чтобы она выделялась на фоне #F5F5F5. Так кнопка-призыв будет на виду, но не будет загромождать остальную часть дизайна.
Vorrak Vorrak
Отличное решение. Вес 1.2rem придаст заметности, а отступы 12px 20px обеспечат читаемость. На фоне #F5F5F5 тонкая тень 0 2px 4px в более тёмном сером придаст контраста, не перегружая главное. Оставь кнопку выровненной по центру в подвале, чтобы заметность призыва к действию оставалась на первом плане, а остальное пространство — оставалось свободным.