В мире веб-дизайна всегда появляются новые тенденции, каковые, в последствии, набирают громадные обороты. Кто забудет про параллакс скроллинг, показавшийся пара лет назад, и что популярен до сих пор? Не смотря на то, что сейчас, страницы с долгой прокруткой обращают на себя больше внимания визитёров сайта.
Одна из тенденций, которая не взяла громадного признания, по сравнению с другими, и пользовалась кое-какой популярностью только некое время – это карточный дизайн.
Самый популярный сайт, что демонстрирует эту тенденцию в дизайне – это Pinterest, но имеется и другие сайты, каковые довольно часто применяют данный подход к дизайну, и нужно подчернуть, что по уважительной обстоятельству. В то время, когда визитёры просматривают сайт, что применяет эту технику проектирования, они сразу же подмечают порядок и прекрасно организованную структуру за таким несложным, но в также время элегантным, подходом к дизайну.
В применении для того чтобы подхода к дизайну на вашем собственном сайте имеется много плюсов.
Грид- подход к информационной архитектуре
В то время, когда вы смотрите на любой карточный дизайн, нельзя не заметить в ее основе сетку. Это вследствие того что любой край карточки вправду складывается из разных сеток в большой, прекрасно организованной совокупности, что содействует гармонии и большей согласованности в том, как сайт выглядит.
Это, со своей стороны, существенно оказывает помощь информационной архитектуре сайта. Информационная архитектура – это очерёдность и интеллектуальный порядок, в которой ваши визитёры принимают данные сайта, в совершенстве в соответствии с целью каждой страницы и в целом, всего сайта.
1 thespaces
Поразмыслите: карточный дизайн «направляет глаза» ваших визитёров по логической цепочке. Любая карточка есть частью строки либо столбца, которая направляет поле зрения визитёров на протяжении однородных горизонтальных и вертикальных линий. Такое размещение оказывает помощь визитёрам осознать, какая часть информации серьёзнее.
2 contrastly
Заберём, к примеру, Contrastly, издание, посвященный фотографии. Следование его макету из сетки / карточки, окажет помощь вам осознать, что ответственнее, в информационной иерархии. Новейшие статьи размещены на верхней строчке, тогда как ветхие статьи появляются в нижнем последовательности.
Новизна, в большинстве случаев, связана с большей важностью, так что следование этому убывающему порядку в карточной совокупности разрешает пользователям скоро осознать, какое содержание ответственнее. Так, они смогут расставить приоритеты – в каком порядке просматривать эти сведенья.
Сильная зависимость от изображений
Мы слышали ветхую поговорку о том, что люди обожают глазами, столько раз, что она стала уже избитой, не смотря на то, что в карточном дизайне, она получает новый суть. Карточный дизайн опирается практически только на визуальные модальности; каждая копия на той же странице, в большинстве случаев, вторична по отношению к визуальной, с позиций информационной архитектуры.
Применение картин – это сильная сторона карточного дизайна, по причине того, что изучения подтверждают, что именно изображения продвигают веб-дизайн. К примеру, и использование и высококачественные фотографии людских лиц на снимках повышают коэффициент конверсии. В действительности, не считая всего вышесказанного, имеется еще пара способов, в которых, в случае если применять изображения в дизайне, возможно расширить коэффициент конверсии вашего сайта.
Иными словами, выговор на применении изображений делает карточный дизайн более привлекательным для визитёров. Это не совпадение, что Pinterest, в соответствии с Alexa, 15-й самый популярный сайт в Соединенных Штатах
3 pinterest
Глядя на результаты Pinterest, по окончании того как мы собрали в поисковике слово «еда», возможно заметить, что изображения – это первое, что завлекают глаз, в то время, когда вы находитесь на сайте. Вам все равно, что написано под фотографиями, по крайней мере, не дело первой важности. Высокий уровень качества, ослепительные картины, завлекающие ваше внимание, и лишь позже, решив , вы желаете определить больше (но уже с подачи данной картины), для чего вы в итоге и просматриваете описание.
Улучшенный пользовательский опыт
Любой дизайнер обязан вам заявить, что пользовательский опыт – это самое основное. Это те, для кого мы должны проектировать, прежде всего. Вторая обстоятельство в том, что карточный дизайн так прекрасно резонирует, и будет делатьэто обозримой перспективе, по причине того, что он оказывает помощь пользовательскому опыту.
И именно это заставляет визитёров сайта возвращаться , и что со своей стороны оказывает помощь им проводить больше времени в том месте, что, наконец, ведет к большему количеству переходов!
Обширный опыт пользователя сосредотачивается около людей, каковые в состоянии обнаружить ??необходимое им на вашем сайте без каких-либо преград; по большей части, они должны отыскать то, что они желают, и отыскать сходу и без какой-либо головной боли.
4 dribbble
Dribbble – это сайт, что прекрасно это осознаёт, по причине того, что его разработчики применяли карточки, дабы сделать пользовательский опыт несложнее и лучше. Данный сайт прекрасно известен в онлайн творческом сообществе в качестве примера для создаваемого пользователями мастерства.
Мысль сайта пребывает в том, дабы люди наслаждались иллюстрациями, изображениями и графиками всех видов, так что карточный дизайн вправду самый подходящий метод для реализации таковой идеи. Так как изображения завлекают глаз визитёра действенно и срочно, пользовательский опыт существенно улучшается, в то время, когда визитёры смогут скоро просмотреть карточки в макете сетки, дабы заметить, какие конкретно из них заинтересовали их. Когда они видят то, что их интересует, они смогут мгновенно надавить на карточку, дабы присмотреться.
Сайт, подобный Dribbble разрешает визитёрам отыскать необходимое место супер-удобным методом. Это воплощение широкого опыта пользователя!
Совершенен для мобильного дизайна
Вы, быть может, слышали, что мобильные устройства уже обогнали настольные компьютеры на огромное количество пользователей. Лишь в 2015 году в Соединенных Штатах, применение мобильных цифровых средств массовой информации доходит до 51% если сравнивать с настольными компьютерами, у которых 42%. Карточный дизайн подходит идеально, потому, что он принимает к сведенью эту тенденцию будучи легко совместимым с «отзывчивыми» фреймворками.
По причине того, что карточки предлагают контент «легко усвояемыми кусками», что облегчает отображение на мобильных фреймворках.
взглянуть на карточки с данной точки зрения: их размер и форма – это фактически мимикрия размера и формы смартфона либо планшета. Само собой разумеется, не совсем совершенное сходство из-за солидного числа разных дешёвых моделей, но все равно ??достаточно близкое сходство, в случае если наблюдать с позиций соотношения сторон.
f5eedhop
В следствии, карточками ни при каких обстоятельствах не прекратят пользоваться, пока спрос на интернет и мобильные устройства растет, и нет никаких показателей сокращения применения карточек в скором будущем.
Это не просто очередная причуда
Неприятность с некоторыми тенденциями в дизайне пребывает в том, что они преобразовываются в причуды, что делает их недолговечными и незапоминающимися. Не смотря на то, что, карточный дизайн, быть может, исключение! Из-за громадного количества преимуществ и практического применения, каковые он предлагает, он станет лишь более популярным со временем.
Это указывает, что он «выживет».
Он снабжает согласованность в информационной архитектуре сайтов и поддерживает одержимость пользователей четкими изображениями, что со своей стороны выступает как метод повышения посещаемости сайта. Следовательно, целый пользовательский опыт кроме этого приобретает огромную пользу от карточного дизайна легко вследствие того что он в действительности облегчает пользователям поиск того, что им необходимо на сайте. Благодаря росту мобильного интернета в последние несколько лет, данный подход к дизайну делается одним из главных, и с которым все больше людей сталкиваются и наслаждаются.
Мысль карточек в конечном итоге ветхая концепция, но ей дали еще одну попытку и обновили до нового подхода в веб-дизайне. Это легко пример, дабы продемонстрировать вам, что дизайнеры с креативным мышлением смогут забрать что-то старое и мирское и перевоплотить его во что-то очень актуальное и нужное в 21-м веке.
Случайные статьи:
- 12 Правил веб-дизайна от дона нормана
- 10 Ключевых показателей эффективности, которые улучшат маркетинговую стратегию b2b-бизнеса
ТРЕНДЫ ВЕБ-ДИЗАЙНА В 2017 ГОДУ — Суровый веб #133
Подборка похожих статей:
-
Лучшие практики карточного дизайна!
Карточки выбирают практически в любое время, в то время, когда необходимо отыскать баланс между чистой эстетикой и несложным юзабилити. В первый раз они…
-
5 Значительных мобильных тенденций дизайна 2015
Все больше пользователей применяют интернет посредством мобильных устройств, за последние пять лет настольные компьютеры уступают в этом . Morgan…
-
6 Простых правил для создания дизайна мобильных веб-сайтов
Согласно расчетам ComScore к концу 2014 года приблизительно 1.75 миллиарда человек в мире будут пользоваться смартфонами. А это значит, что наиболее…
-
Как быстро создать адаптивный дизайн перед последним обновлением алгоритма google
Так как Гугл заявил об обновлении метода, которое случится уже 21 апреля, следует задуматься уже на данный момент, каким будет ближайшее будущего вашего…