Разрабатываем дизайн окна быстрого просмотра карточки товаров. Урок #2 Дизайн

Друзья, приветствую! Как и обещал, записал вторую часть видео, в котором покажу, как можно разработать окно быстрого просмотра карточки товара для интернет-магазина. Если вы не знаете о чем речь, то для начала рекомендую ознакомиться с первой частью, в которой был создан прототип этого окна. В процессе прототипирования была создана основа с расположением элементов. В этом видео опираясь на прототип перейдем к дизайну.

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

В итоге мы получим два варианта окна карточки для предварительного просмотра товара.

Напишите в комментариях, какой из вариантов на ваш взгляд лучше и почему вы так считаете.

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

В дальнейшем планирую больше уроков по веб-дизайну, показывать процессы создания дизайна сайтов, landing page либо каких-то отдельных блоков. Будет ли вам интересно смотреть такие видео? Если есть пожелания, напишите о них также в комментариях.