Одна из лучших бирж фриланса. Зарегистрируйся и работай на Weblancer.

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

/ Сергей Нуйкин / Веб-дизайн



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

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

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

веб-дизайн, дизайн карточки товаров

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

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

Понравилась статья?
Подпишитесь на обновления сайта:


Информация о политике конфиденциальности
Поделитесь статьей с друзьями:

Выражаю искреннюю благодарность читателям, которые поддерживают проект и рассказывают о статьях своим друзьям!

Комментарии к статье:
    • Арсентий

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

    • Сергей Нуйкин

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

Добавить комментарий:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Политикой конфеденциальности.