Красивые карточки: Карточки для фотосессии новорожденной девочки купить

Совет дизайнера

Если текст накладывается на фотографию, то не используйте фотографии с мелкими деталями и множеством цветов — получится каша. Эффектный прием (который еще и улучшает читаемость) — сделать изображение монохромным или двухцветным и наложить сверху цветной фильтр.

Сайт рекламной мастерской МЕТРО/20

Пример применения градиентного фильтра для карточки

5. Кнопки на карточке

Карточка позволяет предпринять одно или несколько действий. На каждое действие должна быть своя кнопка или иконка, например, «сохранить на потом» и «купить» (для сайта интернет-магазина).

Карточка — часто (но не всегда) сама по себе кнопка: нажал на нее, перешел на страницу. Можно ввести одну кнопку СТА (call-to-action — «призыв к действию»), которая дает пользователю «подсказку». Например, надпись «узнать больше» приглашает кликнуть.

Сайт KAFEDRA. Практические курсы для архитекторов

Лэндинг проекта LASKA

Не забываем про SEO

Поскольку карточка — тоже ссылка, подумайте об использовании Rel nofollow.

Поисковые системы учитывают при ранжировании в том числе ссылки на сайт, которые размещены на других сайтах. Чем больше ссылок, тем выше рейтинг. Если вы ссылаетесь на сторонний ресурс, но не хотите передавать вес странице (например, это платная ссылка), поставьте в настройках галочку Rel nofollow — это сообщит поисковым системам, что ссылку не нужно учитывать при индексировании.

Rel nofollow

Атрибут, который скрывает нужные ссылки от поисковой индексации. Работает и с Google, и с Яндекс.

Подробнее о Rel nofollow

Еще пара советов, как работать с карточками

Любая карточка состоит из текстовых и изобразительных элементов. На ней можно расположить кнопки действия или сама карточка может работать как ссылка: кликаем на нее — и попадаем на привязанную к ней страницу.

Одна карточка — одна идея. На ней может быть много разных элементов, но они все должны формировать один понятный объект. Это должен быть цельный кусок контента для пользователя.

Сайт Bunch of questions. Собрание историй

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

Онлайн магазин Voodooboks

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

Лэндинг Mazda CX-5

Делайте красиво и просто. Картинка — король в дизайне карточек, качественные картинки привлекают внимание пользователей. В то же время сам дизайн должен быть простым: советуем использовать базовую типографику, чтобы текст легко считывался.

Шаблон лэндинга на Tilda.cc

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

Derevnya.com

Отталкивайтесь от задач сайта и продукта. От целей сайта и бизнеса зависит, какой контент показать пользователю. Нам нужно расположить элементы каталога в магазине одежды или сделать призыв к брони билетов? Карточки под разные цели будут отличаться.

Примеры классных карточек в вебе

Material.io

Dribble.com

Siteinspire.com

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

Автор: Инна Бурштейн, Ира Смирнова
Иллюстрации, дизайн и верстка: Юлия Засс

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Читайте также:

24 лекции TED для дизайнеров — подборка

Как не облажаться с дизайном

Как стать дизайнером — 3 составляющие профессии дизайнера

Визуальная иерархия сайта: оформление и организация контента

Флэт (flat) дизайн: лучшие практики плоского дизайна

Навигация по сайту — примеры как сделать навигацию удобной

Белое пространство: способы вёрстки контента на сайте

Обучение веб дизайну: 70+ лучших ресурсов о веб-дизайне

Как правильно писать тексты для сайта

Картинки для сайта — как подбирать фото и изображения на фотостоках

Как наказать пиратов и что делать, если ваш сайт украли

Где скачать иконки для сайта бесплатно?

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

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

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

Тренды графического дизайна при оформлении товарных карточек

1. Реалистичность

Это сочетание всех элементов дизайна: объект продажи должен выглядеть максимально естественно и быть помещенным в тематическую обстановку (кухонная утварь – на столешницу на кухне, мангал – на природу, на траву и т. д.). Идеально, если покупатель не усомнится, что ваш дизайн – фотография с продуманной до мелочей композицией.

Кейс: для создания реалистичного креатива сначала необходимо задумать историю и продумать композицию, в которой будет расположен предмет. Возьмем, к примеру, термос. У нас была идея показать уютную осень, где термос ассоциируется с теплом. Сперва мы определили, на чем будет стоять термос, выбор пал на теплый плед или шарф. Затем выбрали задний план – горные массивы. Потом совместили все составляющие и произошла магия. Следующим шагом добавили эффекты и атмосферные элементы, которые отличили дизайн от обычной фотографии. Добавили лучи солнца, которые пробивались сквозь облака, и блики на термосе. На фотографии крышка термоса была открыта, поэтому решили добавить легкий пар, исходящий от горячего чая, а также разместили рядом кружку этого самого напитка. Все вместе выглядело очень притягательно и придавало то настроение, которое мы задумали.

Еще один прием, который всегда важен для создания реалистичного дизайна – работа с тенями, именно они заставляют воспринимать объект реально, а не как (плохой/дешевый) фотошоп. Когда тени сделаны неправильно или неаккуратно, то взгляд покупателя сразу замечает подлог, недостоверность и распознает работу дизайнера-новичка.

Также важна работа со светом и цветом, что добавляет изображению глубину и позволяет покупателю воспринимать его реалистичным. В процессе работы многие об этом не задумываются и даже могут не обращать на это внимание в готовом результате. Но если сравнить варианты с включенными тенями и бликами и без них – отличия будут разительными.

2. Информативность

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

На обложке должно быть размещено название продукта, модель (если есть), ключевые отличающие факторы, а также триггеры, которые добавляют акценты: хит продаж, био, эко, купили более N раз и так далее. Если у товара есть несколько моделей (например, стекло для iPhone), то нужно крупно указать, для какой именно модели оно предназначено. Если есть несколько цветов, например в одежде, будет хорошо указать графически наличие еще и других цветов, так как на главной странице выдачи товаров покупатель может встретить только один какой-то цвет, а так он сможет узнать о других вариантах.

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

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

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

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

3. Стиль

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

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

4. Настроение

Лучшие помощники при передаче настроения – это цвета, тона и шрифты, которые могут добавить агрессии, утонченности и изысканности, лоска, серьезности или наоборот детской мультяшности. Также не будет лишним использовать дополнительные эффекты: туман, солнечные лучи, морозную наледь, и элементы: тематические 3D-объекты, например, овощи, фрукты, листья, мыльные пузыри и все то, что сочетается с тематикой продукта.

Добавление элементов – это простой способ добавить карточке жизни и настроения. Сложнее использовать изображение человека, в таком случае мы передаем эмоцию, которую испытает обладатель купленного продукта. Например, серьезный и брутальный мужчина с бородой в карточке триммера для бритья, или счастливая и улыбающаяся девушка в карточке подарочного косметического набора. Здесь важно быть осторожными: не каждый покупатель захочет отождествить себя с этим типажом, а значит, необходимо вдумчиво подойти к выбору модели.

5. УТП и бонусы

Люди любят подарки, и продавцы этим успешно пользуются, особенно в условиях высокой конкуренции на торговых площадках. Естественно, создавая дизайн, необходимо указать на картинке этот самый подарок. Для покупателя при просмотре ленты это станет одним из триггеров, и он отдаст предпочтение товару, к которому прилагаются «плюшки».

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

Испортить товар подарком сложно, в принципе, как и дизайн карточки – информацией о подарке. Главное, иметь под рукой вариант без указания подарка на случай, если подарочная продукция резко закончится. Покупатели не прощают ошибок: если они совершат покупку, но не обнаружат в посылке обещанного подарка, ждите сниженных оценок и неприятных отзывов.

Идеальное оформление товарных карточек – это…

Обложка:

• Подобран ракурс, где предмет видно объемно, с двух или трех сторон, а не только с одной стороны (фронтально).
• Шрифт подобран к стилю товара. Например, к винтажному ремню – шрифт с засечками, подчеркивающий античность.
• Соответствующая сцена, в которой находится товар. Для винтажного ремня лучше подойдет потертый деревянный стол, а не пластиковый хай-тек подиум.
• Объект показан крупно, а вся сопутствующая информация хорошо видна как на десктопе, так и на мобильном устройстве.

Остальные слайды:

• На 1-2 слайдах перечислены основные преимущества товара.
• Рассказано про технические особенности продукта (длину, материал, состав).
• Добавлен слайд, где указаны преимущества в сравнении с аналогом.
• Есть призыв к действию и мотивация к покупке.
• Есть дополнительный слайд, посвященный самому магазину, с размещенной на нем ссылкой, чтобы покупатели знали, где можно посмотреть полный ассортимент.
• Товар на последующих слайдах показан с разных ракурсов: таким образом, покупатель не только получает информацию, но и рассматривает продукт. На изображениях ремня крупным планом показана текстура кожи.
• Инфографика выполнена интересно: с иконками, линиями, заливками, фигурами – это заставляет внимательнее рассмотреть изображение.

Дизайн всегда можно исправить

Мы делали дизайн для так называемых Pop Tubes (гофров-антистресс). Получилось круто, ярко, как мы хотели. Но мы допустили ошибку, не показав в дизайне сам объект продажи: изначально мы сделали упор на заголовок и поместили его в центр, разбросав сами трубочки вокруг. Мы сделали ставку на интересный дизайн, который не зашел покупателям. Конечно, мы это изменили, разместив трубочки в середине макета, и сдвинув заголовок наверх. Это помогло значительно увеличить количество продаж у нашего заказчика.

Распространенная боль при создании дизайна – это исходные изображения товара. К сожалению, даже заказ фотосессии у фотографа не гарантирует стопроцентный результат. Мы получаем достаточно изображений низкого качества, сделанных профессионалами. И если с качеством отображения продукта еще можно работать (закрасить царапины, сдуть пылинки), то с недостатком ракурсов, увы, сложнее – многое приходится переснимать. Чтобы не пришлось платить дважды, лучше не экономить на количестве кадров, а также обеспечить взаимодействие фотографа и дизайнеров.

Читайте также:

красивых поздравительных открыток — Fine Art America

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

Результаты: 1 340 548

Результаты: 1 340 548

Нейтралитет

Priska Wettstein Land Shapes Series

Эндрю Макара

Открытка с сердцем на фоне луча

Радужная зебра — поздравительная открытка «Ода фруктовым полосам»

Поздравительная открытка «Портрет собаки Вести»

Поздравительная открытка «Небеса небес»

Поздравительная открытка Прогулка по берегу моря

Открытка Любовь в облаках

Открытка с ранункулюсом в стеклянной вазе

Поп-арт 3 Поздравительная открытка

Поздравительная открытка возрождения

Красная бабочка на цветущей ветке сливы Поздравительная открытка

Красивый рождественский натюрморт Поздравительная открытка

Потрясающая открытка в одиночестве

Красная скамейка в снегу Поздравительная открытка

Поздравительная открытка с полосатым сердцем невесты

Открытка с котом и подсолнухами

Лунный свет над озером Поздравительная открытка

Окей, осень, поздравительная открытка

Весенние феи от Шоны Эрбак Поздравительная открытка

Поздравительная открытка «Три — толпа зебр»

Зимний вид на традиционную поздравительную открытку Гальштата

Открытка «Свет в лесу»

Поздравительная открытка Милость диких тварей

Красочная поздравительная открытка одиночества

Открытка «Рассвет над австралийским озером»

Открытка «Закат в Скалистых горах»

Тигровая лилия 1 Поздравительная открытка

Винтажная карта автомобиля с красочной поздравительной открыткой

красочные тюльпаны открытка

Красивое озеро Морейн в Банфе Поздравительная открытка

Надежда уходит глубоко поздравительная открытка

Открытка со скрытой нишей

Лодки Longtale на прекрасном пляже Поздравительная открытка

Открытка с утренним светом

Поздравительная открытка с фигуристой осенью

Ангельский дуб Древо жизни Поздравительная открытка

Раковина наутилуса — поздравительная открытка с совершенством природы

Летний пейзаж с поздравительной открыткой проселочной дороги

Поздравительная открытка с арабскими лошадьми и песчаной бурей

Поздравительная открытка Синко

Поздравительная открытка «Вечерние тени на круглом доме Таоса»

Поздравительная открытка Majestic Sombrero Galaxy

Цветок магнолии на художественной текстуре Поздравительная открытка

Открытка «Девушка и океан»

Облачные отражения Поздравительная открытка

Поздравительная открытка каскадов Хавасу

Поздравительная открытка Волна

Поздравительная открытка с рисунком животных бета-рыб

Открытка с видом на поле подсолнухов в Канзасе

Открытка с Энди Уорхолом

Поздравительная открытка с бирманским котенком

Оригинальная картина маслом на холстесовременная поздравительная открытка

Естественная абстрактная винтажная красочная открытка

Поздравительная открытка Моултон Барн

Поздравительная открытка со святой ночью

Портрет обыкновенного канюка в черно-белой поздравительной открытке

Открытка с красивым пейзажем и деревом

Поздравительная открытка с гавайской зеленой морской черепахой

Разноцветная поздравительная открытка с алыми ара птицами

Портрет слона в черно-белой поздравительной открытке

Абстрактная поздравительная открытка пустыни

Красное дерево на лугу канолы Поздравительная открытка

Камни дзен в воде Поздравительная открытка

Уральская сова Поздравительная открытка

Поздравительная открытка безмятежности

Поздравительная открытка с морским овсом

Поздравительная открытка с портретом гризли

Поздравительная открытка с тропическим песчаным пляжем Баваро

Поздравительная открытка «Стой на месте»

Поздравительная открытка «Танец над мостом»

Поздравительная открытка «Бог — астронавт»

Поздравительная открытка космонавта

Весенний фон с ромашками Поздравительная открытка

1 — 72 из 1 340 548 красивых поздравительных открыток на продажу

12345

Следующая

Wall Art

AllCanvas Printsart Printspostersframed Printsmetal Printscrycry Printswestestreies

Home Decorma Decorshand Towlshand Towlshand Towlshand COWNENTSMANCERORN. 0002 Apparel

Мужские футболки для футболок Tankswomen’s Topswomen Topslong Shirtssweatshirtskid. Сумки-тоутСумки-переноскиКофейные кружкиПазлы

Пляж

Пляжные полотенцаКруглые пляжные полотенцаСумки-тоут для выходныхСумочки-переноскиПортативные зарядные устройства

Сумки и сумки

Сумки Tote BagsWeekender Tote Bags Carry-All Pouchs

Оригиналы

Оригинальные произведения искусства для продажи

Разное

Подарочные сертификатыНаборы образцовСоздай собственные продукты

3 Все

3 Все