Как улучшить карточку букета?

Алёна!

Из‑за формулировок и расположения элементов так и хочется прочитать: 1 пион, 1 амми, 1 матиола, 1 грин бел…

Чтобы решить проблему, я бы разнёс номер букета с его составом, добавил к номеру слово «Букет» и написал, сколько каких цветов в букет входит. Ну, например:

Конечная вёрстка будет зависеть от того, что ещё есть на странице. В будущем присылайте полные скриншоты страниц или ссылку :‑)

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Комментарии

Сергей Сергеев

Что‑то мне подсказывает, что пользователю наплевать на порядковые номера букетов и можно сделать их скромнее. А вот цену — больше. В примере Михаила Нозика это самый маленький кегль.

Да и само предлагаемое решение какое‑то оторванное от реальности. Ради этой цифры пришлось бы обтравливать все фотографии. Получаемая от этого выгода гораздо меньше трудозатрат.

Сергей Попов

И опять на горизонте маячит занудная проблема «больших чисел». Что случится с карточкой букета № 29?

Миша Нозик

Сергей Сергеев, всё это можно сделать, ага. Но, кажется, что вы переоцениваете сложность обтравки фотографий.

Сергей Попов, можно и кегль номера уменьшить, и букет подвинуть. Или как‑нибудь интересно надвинуть цифры друг на друга.

Алексей Ильинский

Михаил, спасибо за совет.

Большой номер сделал вот почему:

Не хотел давать имена букетам и одновременно развести с ценой. Чтобы покупатель не прибавлял её к сумме.
Букетов всего 9. По этой же причине нет проблемы «больших чисел».

О том, что её будут прибавлять к названиям цветов, я не подумал.

Решение с цифрой слева используется при вёрстке для горизонтальных экранов планшетов и больших смартфонов: flawr.ru

Я хотел чтобы типографика образовывала стройный узел. Не была «размазана» по экрану. Сказать, что меня полностью устраивает моё решение, не могу.

Антон Шеин

В карточке самыми важными выглядят фотка и цена. В исходном варианте фотка букета отдельно стоит, в доработанном — на неё залезает цифра и текст. Из‑за этого на саму фотографию смотреть менее приятно.

По‑моему, простор для улучшения кроется в самой фотографии. Зачем у неё серый фон? Зелёный на сером смотрится неконтрастно, и ощущение от букета портится.

Кнопка купить и цена тоже важны. А вот состав букета и его номер — скорее, техническая информация. Например, номер нужен для заказа по телефону. Зачем он такой огромный и мешает фотографии — не понятно сходу.

Комментарии

Рекомендуем другие советы

Свежак

Текст

Дизайн

Вёрстка

Визуализация

Текст

Подступиться к макету

Типографика и вёрстка