2015流行卡风格网页设计经验总结
那些充满迷人图片和文字的小卡片在网站上非常成功,几乎成了默认的选项,但不要把流行趋势和实用性混为一谈,它们的流行不仅仅是因为它们的美观,还有其他原因。
这种瀑布流网页设计是从几年前开始扩展的。越来越多的用户开始认识并关注视差滚动式瀑布网页。
在许多新的设计趋势中,基于网卡的网页设计也开始在整个网页设计中占据一席之地,虽然比例不高,但设计者和用户的认同度正在稳步提高。
也许你对曾经的热瀑布流有印象。它也是卡片设计的一个分支。最典型、最具影响力的Pinterest在中国的花瓣。当用户打开这些网页,他们会逐渐明白,高度集成的一体化信息和内容会逐渐消退,这个简单而优雅的设计方法。
当然,卡片设计不仅仅是这样,而且在你的网站上使用卡片设计也很好。
信息体系结构与网格系统
当你看到任何卡的设计,你不能忽视整个网格系统贯穿整个设计,每个卡的边缘是整个设计中的一个较大的网格系统的一部分。它们保持大小和间隙的一致性和协调性。
毫无疑问,规则的栅格系统有助于整个信息架构的建立,信息架构为网站创建了一套智能规则和流程。访问者可以很容易地吸收网站提供的信息,明确每个页面的功能和用途,并控制整个网站。
考虑卡片设计的一致性,它能更好地引导用户的视觉。卡片的矩阵至少由一列或一行对齐,用户的眼睛可以以水平或垂直的顺序观看。这种浏览方式允许用户更快地找到对他们重要的东西。
拍杂志的对比为例,如果你通过一个网格浏览卡,你将会意识到这个信息架构的重要性。像许多网站,最新的文章是在顶部,和旧文章如下。新的文章通常是更重要的,和下面的链接的文章是同样重要的文章。这种方式浏览确保信息的完整性,并允许用户读取更顺畅更粘性。
图像相关性强
我们不止一次地听说过人类是视觉动物,让卡片设计风格在不同的部分相同,在信息架构下,在同一页面下的视觉复制的重要性排在第二位。
这也使得图片成为名片设计的重中之重,研究表明图片可以更好的改善网页的设计,高质量的照片和照片可以改善网页的转换,事实上,有几种常用的图像处理方法可以改善网页的转换。
换句话说,它将吸引更多的用户来加强卡设计的网站图片的使用后。这也解释了为什么Pinterest排名第十五位的美国在Alexa的排名。
看看Pinterest。当你搜索美食的网站,那些美丽的图片和精致的食物会吸引你的眼球的瞬间。第一次你不会注意到下面的说明。高品质的图片给你的网站的第一印象,然后其余的。
改善用户体验
每一个设计师都会告诉你,用户体验是最重要的,是我们应该放在第一位,作为一个设计师和尝试。广泛认同和卡设计共振主要是由于用户体验的重大改进。通常,卡的设计允许用户浏览网站不断,并不断回来,让用户留在网站不再继续提高转化率。
具有良好的网站的用户体验会让用户无挂碍地找到他们想要的东西,和Dribbble是一个典型的方式。Dribbble作为一个知名的创作展示社区,其设计者在卡设计的优点是精通,可以让用户体验更简单、直观,更好。
设计师的优秀思想和精致的小样品,适用于展示,及网站的卡的设计与用户的需求紧密结合。最有吸引力的图片非常有效的抓住用户的眼球,为每个图片门网站布局较均匀地吸引用户注意力,让用户快速找到自己工作的真实诉求,那么他们就会自然地打开图片,找到原因。对卡设计的基础上,调整每一次互动Dribbble和细节,让用户可以发现他们真正想要的舒适和方便的方式。
适合移动终端设计
2015年底,移动终端流量仅占美国总流量的51%。移动终端卡设计的良好兼容性使其逐渐成为时代潮流,甚至有了采用现有响应框架的趋势,与当前复杂、响应性较强的网页设计相比,卡的设计使内容更易于消化,使其更容易在移动终端上显示。
从不同的角度来看,屏幕上的卡片实际上更像是手机和纯平屏幕的简化抽象。当然,卡片同时匹配所有的屏幕不是一件简单的事情,但是有了响应式设计的经验,这似乎不是一件很难做到的事情。
因此,随着移动终端市场份额的增加,卡设计的增长势头不会放缓。
这不仅仅是一时兴起。
设计的发展趋势,这样的事情,有些人会很长一段时间的趋势成为流行,有的在短暂的辉煌逐渐沉默,卡样设计更像是前。一方面,它是连续进化的结果。另一方面,在移动终端崛起的时代,它是一种实用、易用的优势。具有强大后劲的卡片设计将变得更受欢迎。
它提供了一个架构的持续延续,您可以充分利用用户对清晰美观图片的痴迷,以提高转换率,用户体验的增强可以使用户更容易地在网站上找到自己想要的内容,无论需求或趋势如何,都将成为主流。
老实说,卡片设计不是特别新颖的东西,但它确实是目前设计中的一种滋补品。最重要的是它们是否有利于当前的设计,以满足时代的需要,并引领你走向更遥远的未来。