是时候重新审视正在流行的卡片设计趋势了!

总有一些新的设计趋势蓄势待发。现在谁又能忘记视差滚动这种设计手法呢?这种网页设计趋势从几年前一直延续到现在,越来越多的用户开始认可并关注这种视差滚动式的网页。

而在诸多新兴的设计趋势当中,基于卡片的网页设计也开始在整个网页设计浪潮中占有一席之地。虽然比例不高,但是对他认可的设计师和用户正在稳步增加。

也许你对于曾经火爆一时的瀑布流还有印象,它也算是卡片式设计的一个分支,而最典型也是最具有影响力的,是Pinterest,国内的花瓣和它有着异曲同工之妙。当用户打开这些网页的时候,他们会逐渐洞悉到这种看似简单的设计背后对于信息和内容的高度整合,也会逐渐折服于这种简单但优雅的设计方法。

当然,卡片式设计并不止于此。而在你的网站中采用卡片式设计也有着足够的好处。

信息架构与栅格系统

当你查看任何卡片式设计的时候,你是无法忽视整个设计中贯穿始终的栅格系统。每一个卡片的边缘都在整个设计中成为一套更大的栅格系统的一部分,他们在尺寸和间隙上保持着一致性与和谐性。

毫无疑问,规则的栅格化系统是有助于整个信息架构的建立的。信息架构为网站创造一套智能化的规则和流程,访客可以更轻松地吸收网站所提供的信息,明确每一个页面的功能和目的,掌控整个网站。

想想看,强调一致性的卡片式设计可以更好地引导用户的视觉。卡片的矩阵至少是按列或者按行对齐的,用户的眼睛可以沿着横向或者纵向有序地浏览。这种浏览方式可以让用户更快地找到对他们而言重要的内容。

拿摄影杂志Contrastly举个例子。如果你顺着栅格来浏览卡片会让你意识到这种信息架构的重要性。和许多网站一样,最新的文章在上面,旧的文章在下面。新的文章通常更重要,而文章下方的相关链接是同样重要的文章。这样的浏览方式确保了信息的条理,也让用户阅读更顺畅,黏度也更高。

图片的强相关性

我们不止一次听说“人是视觉动物”这个说法,而当我们遇上卡片式设计的时候,这个说法有了新的含义。卡片式设计让不同部分的样式设计趋于相同,在这种信息架构之下,同一个页面下的视觉的重要性令文案居于次席。

这也使得图片成为了卡片式设计的重中之重,而研究也表明,图片可以更好的提升网页设计。高品质的照片,和出现人脸的照片能更好的提高网页的转化率。事实上,有几种常见的图片处理方式,可以提升网页的 转化率。

换句话说,强化图片使用后的卡片式设计的网站会对用户更有吸引力。这也解释了为什么Alexa网站排名中,Pinterest 在美国排到了第15名。

看看Pinterest吧。当你在网站中搜索“美食”的时候,那些漂亮的照片和精心制作的美食会瞬间抓住你的眼球,你不会在第一时间注意到下面的说明,高品质的图片赋予你以网站的第一印象,然后才是其他。

提升用户体验

每个设计师都会告诉你用户体验最重要。而这也是作为设计师的我们应该置于首位并且试图做到的。卡片式设计之所以会引起如此广泛的认同和共鸣,很大程度是因为它对于用户体验有显著提升。通常卡片式设计会让用户持续地浏览网站,并不断回来,让用户在网站中停留的时间更长,并且持续不断地提升转化率。

拥有优秀的用户体验的网站会让用户毫无挂碍地找到他们想要的东西,而Dribbble就是这样的一个典型。Dribbble作为知名的创意作品展示社区,它的设计师深谙卡片式设计的优势,可以让用户体验更简单直观,也更好。

设计师们优秀的构思和精致的小样本就适合于展示,网站的卡片式设计和用户的诉求紧密地结合到了一起。最具吸引力的图片极为有效地抓住用户的眼球,网站的栅格式布局让每张图片都相对均匀地吸引用户的注意力,从而让用户最快地找到真正吸引自己的作品,然后他们会自然地点开图片,一探究竟。Dribbble 在卡片式设计的基础上,调整每一个交互和细节,让用户以舒适而方便的方式来发掘他们真正想要的东西。

适宜于移动端设计

移动端流量超过桌面端流量早就不是什么新闻了。2015年仅美国一地移动端流量就占据了总流量的51%,而卡片式设计对于移动端的良好兼容性,使得它逐步成为大势所趋,甚至有取现有响应式框架而代之的倾向。相比于目前复杂多变的响应式网页设计,卡片式设计让内容更容易被消化,也可以让它们在移动端更轻松地显示。

换个角度来看,屏幕上的卡片其实更像是手机和平板屏幕的简化抽象出来的。当然,卡片要一次性匹配所有屏幕并不是一件简单的事情,但是有了响应式设计的经验,这似乎也并不是一件难于实现的事情。

这样一来,随着移动端市场份额的增长,卡片式设计的增长势头也不会减缓。

并不仅仅是一时风潮

设计趋势这种东西,有的会长期成为众人所追捧的潮流,有的则在短暂的辉煌之后逐渐沉寂。卡片式设计更像是前者,一方面它是持续的进化之后的成果,另一方面它在这个移动端兴起的时代,呈现出实用而易用的显著优势,后劲十足的卡片式设计会在接下来越发流行。

它提供了一致性的继续你想架构,充分运用用户对于清晰而漂亮图片的痴迷提升转化率。卡片式设计对于用户体验的提升,使得用户可以在网站上更容易找到他们想要的内容,不论是出于需求还是由于趋势,它都将成为主流。

坦率的讲,卡片式设计并不是特别新颖的东西,但是它的确为目前的设计诸如了一阵强心剂。老的东西并不一定是过时的,重要的是它是否有益与当前的设计,迎合时代的需求,能否带领你我走向更遥远的未来

时间: 2025-01-06 17:33:35

是时候重新审视正在流行的卡片设计趋势了!的相关文章

2017年UX设计流行的六大趋势

UX设计在接下来的2017年会有怎样的发展趋势呢?让我们一起回顾去年用户体验设计领域中的变化,来展望新一年用户体验设计的发展趋势吧. 1. 原型制作的爆炸性增长 随着用户体验设计师和用户界面设计师的界限变得越来越模糊,这两种独立的设计也必将会成为更加融合的设计流程.2017年随着新型原型设计工具的不断推出,将概念变为现实将比以往更加容易,原型设计也会成为每个设计流程中的一部分.新的原型设计工具将会大幅提升设计师们的工作效率,让他们可以花更多时间为用户设想,而不是每次都将时间用于重新设计.设计师们

3年创业经历 写在新年来临之际

不记得有多久没有写写自己的生活总结了,时间过的真快,马年即将呼啸而过.太久没有审视自己的内心,时间仿佛总是很紧,让我来不及细细品味.这3年,我经历了很多,收获了很多,失去了也不少,我自己好像也不经意间改变了很多.28岁了,在羊年到来之际,写点什么吧. 从2012年初回老家创业至今,已整整3个年头.几个小伙伴一点一滴把公司做了起来,第一年收支平衡,第二年就开始盈利,现在团队10来人,在咱们这个小城市互联网圈子也算小有名气.这些成绩的背后,付出了多少艰辛汗水,只有自己知道.很忙,儿子很忙,这是我妈对

关于JavaWeb开发的一些感悟

从事JavaWeb的开发已经三年了,从最开始的啥都不会,到慢慢的能够独立做项目,从一开始的一片茫然,到现在的心中有数.对于技术.业务也有了自己的看法. JavaWeb开发所涉及到的知识点非常多,涉及到非常多的底层知识,特别是网络编程.多线程.浏览器等等.但我们可能处于一个比较幸运的时代吧,我们并不需要对这些底层知识有非常精深的了解,就可以写出令人满意的程序. 我个人习惯将JavaWeb的知识分成两大块,一块是前端,一块是后端.这也是现在流行的开发趋势(甚至已经是事实了) 所谓后端,首选就是语言,

电商新发展优颂乐购迎风起航

现如今电子商务发展的新时代已经到来,许多社会人士以及刚毕业的年轻人都渴望发展自己的事业,而在网络购物行业飞速发展的优颂乐购商城也在学习中不断的进步,优颂乐购商城项目发展的速度加快,也使得加盟优颂乐购商城的加盟商盈利的更多,优颂乐购商城现已经找准自己未来要走的路,而加盟商值得拥有! 优颂乐购拥有先进潮流的时尚风格,简洁舒适的设计布局,种类繁多的商品货源,在商城的旗下服装鞋帽.电器家居.电子数码.美妆美肤.母婴玩具.箱包礼品等等各种日用百货.并在发展的同时建立了新型的电商市场,优颂乐购商城的总部立志

架构设计:系统间通信(10)——RPC的基本概念

1.概述 经过了详细的信息格式.网络IO模型的讲解,并且通过JAVA RMI的讲解进行了预热.从这篇文章开始我们将进入这个系列博文的另一个重点知识体系的讲解:RPC.在后续的几篇文章中,我们首先讲解RPC的基本概念,一个具体的RPC实现会有哪些基本要素构成,然后我们详细介绍一款典型的RPC框架:Apache Thrift.接下来我们聊聊服务治理和DUBBO服务框架.最后总结一下如何在实际工作中选择合适的RPC框架. 2.RPC概述 2-1.什么是RPC RPC(Remote Procedure

Atitit 项目语言的选择 java c#.net  php??

Atitit 项目语言的选择 java c#.net  php?? 1.1. 编程语言与技术,应该使用开放式的目前流行的语言趋势1 1.2. 从个人职业生涯考虑,java优先1 1.3. 从项目实际来说,java优先2 1.1. 编程语言与技术,应该使用开放式的目前流行的语言趋势 目前来看,工业型的语言只有java 和c#.net系列可以入选.不过综合考虑历史与未来长期趋势,java是唯一的选择. 如果确实要使用一些其他语言,建议限制在小范围模块内使用,防止扩散 1.2. 从个人职业生涯考虑,j

25年 Linux 之路:没有它互联网可能不会这么精彩

1991年8月25日,芬兰电脑科学专业的学生李纳斯·托沃兹(Linus Torvalds)不经意间对朋友提及自己的新玩意儿:“我在打造一个免费开源的操作系统.”他说自己只是兴趣之举. 不过他所做出来的东西远超“兴趣”那么简单.今天,开源操作系统Linux已成为世界上最重要的电脑程序之一.听名字你可能陌生,其实它一直常伴在你左右:你的手机.平板的操作系统都是基于Linux构建的.就算你在使用iPhone和Mac,你也同样与Linux打过照面了.因为几乎所有的网站和网页都是由Linux在带动.Fac

对话数据分析之王:SAS联合创始人兼CEO

(上图为SAS公司联合创始人兼CEO Jim Goodnight) SAS公司联合创始人兼CEO Jim Goodnight在2004年被哈佛大学评美国最伟大的商业领袖之一,同年他被Inc.杂志评为全美25名最具魅力创业家.2011年,Forbes发表文章称他为数据分析之王,当时SAS公司估值就超过了100亿美元. 在接受记者采访的时候,Jim Goodnight讲述了他的创业故事,以及在过去的40多年如何用数据分析软件改变世界的历程.Jim Goodnight特别指出,SAS公司还是全球第一代

优秀网页设计的11个灵感来源

转:http://www.studentboss.com/html/news/2014-05-30/148514.htm 吸引人.友好的网页设计,能够吸引更多的访问和用户.但是并非所有的网站创始人都能成为优秀设计师,在这种情况下,很多创始人都选择了模仿或是借鉴其他网站的设计.但是这样做的坏处是,有的时候你所模仿的设计并不能吸引你自己的受众. 为了了解创始人都是从何处寻找网页设计灵感,我们走访了青年创业者协会的11位创始人. 在设计博客或是网页时,你从哪里获取灵感? 1.PSFK PSFK总是能告