Как создать сайт с современным карточным дизайном

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

Как создать сайт с современным карточным дизайном?

  1. Начните с прототипа. Набросайте приблизительный функционал сайта, проведите мини-брейнсторм со своей командой и не забудьте пригласить нашего project-менеджера, который поделится с вами самыми актуальными идеями. В конце процесса у вас должен появиться рабочий черно-белый прототип сайта, с примерным расположением картинок и функциональных кнопок. На этапе прототипа не стоит заморачиваться с красивыми рисунками, цветом кнопок и размеров шрифтов, желательно просто набросать читабельный вариант сайта на любом подручном листе от руки. Так вы сможете оценить понятность и отзывчивость сайта, ведь если ваш прототип сайта не работает в черно-белой версии, вряд ли у вас получится достичь успеха в финальной версии.
  2. Оставьте достаточно пустого пространства между карточками. При просмотре с любого устройства наиболее выигрышным будет тот сайт, разработчики которого нашли компромисс между компактностью и беспорядком. Добавьте несколько лишних пикселей между карточками — и вы увидите, насколько легче будет восприниматься ваш сайт.
  3. Добавьте тени и естественных цветов. Карточный дизайн — это не панацея. Уделяйте особенное внимание цветовому решению, наличию теней, типографике и читабельности шрифтов на сайте. Не стоит пренебрегать тенями, ведь при грамотном использовании теней карточка компании на экране смотрится не менее эффектно, чем на столе у вашего потенциального клиента.
  4. Выбирайте простые шрифты. Шрифты без засечек, светлый воздушный фон, контраст между картинкой и текстом — это практически стопроцентный “рецепт успеха” для современного карточного дизайна сайта.
  5. Одна карта — одно действие. Не стоит требовать от пользователя всего и сразу, в таком случае он быстро поймет, что вы претендуете на его деньги, время или то и другое. Кнопка вообще далеко не всегда украшает ваш сайт, а если этих самых кнопок будет чересчур много, на них вообще перестанут обращать внимание.