卡片式网站建设的优势以及未来发展

首页> 缘震优势

缘震优势

2019-08-23 10:40:20

好的卡片设计不会使用太多的加载时间，同时它也能在不同的屏幕上切换自如。小的模块对于用户来说更能吸引注意力（尤其在移动端），它在Pinterest上培养大家的习惯，然后在Facebook和Twitter上面推广，卡片设计能应用于各个领域的网站设计。

　　在这篇文章中，我们将会探讨卡片设计的崛起：为什么它们有用，它们如何适应于响应设计和material design，在未来又会发生什么？

　　什么是抽屉式设计？

　　为了了解抽屉式设计，你首先得先了解卡片是什么。

　　每一个卡片拥有属于自己的信息。一张卡片能包含所有信息 — 视觉、文本、链接等等— 但是所有这些内容都是一张卡片里面的内容。

　　这种独立填满整个屏幕抽屉式展现信息的方式被Guardian 叫做“抽屉模式”。它让用户更加直接清晰的看到整个界面，也有利于用户快速的寻找他们需要的信息。（最重要的是，这种方式能够有利于我们自己控制，下面的文章我会解释为什么。）

　　让人觉得很有吸引力的是：它们使用的卡片界面是相互叠加的。

　　Trello 能让用户创建他们自己想要的任何卡片列表。所有人都能创建“to-do”卡片，同时能够按照自己的需求进行分类。

　　Trello不仅让卡片具有灵活性，而且还能被用户随意摆放。Trello的成功是因为相较于传统列表式布局，它让用户感觉很简单。

　　UI卡片在移动端和响应式设计中的应用

　　正如上文提到的，卡片为响应式框架提供了出色的兼容性，因为一些像Des Traynor把他叫做“网页的未来。

　　这种设计能够在移动端随意很好的转换。”

　　首先，它能够自己扩展或者收缩去适应任何屏幕的尺寸。设计师可以很灵活的控制卡片的比例（几组卡片能够更好的适应彼此）。例如,你可以设计固定的宽度和一致的间距来适应可变动的高度。

　　比较上面The Verge的网页截图和下面的移动端截图：

　　注意他们两个的文本信息、图像和颜色的风格都是一致的。卡片设计让用户在不同的设备上有一致性的体验。

　　你可以看到这个优势在UXPin的e-book里面被利用。注意他们从移动端到全屏的界面是非常清晰的。

　　UXPin移动端界面：

　　UXPin全屏的界面：

　　另外一个优势是如何让卡片适应人们手指操作。在触屏上，操作它就像按动一个按钮一样不需要花费多少精力。这个想法很简单：点击卡片，让它与内容交互。

　　像菲茨定律适应于网页设计展示那样，点击区域越大就越容易相互作用。还记得我们有多少次挣扎在移动设备上点击一些文本链接么？

　　卡片和Material Design

　　Material Design很依赖卡片式设计，卡片描述在Material Design指南里值得你去寻找一个好的解释。

　　卡片设计的未来

　　卡片设计模式不断的重塑自身以适应新的挑战，而响应式和移动端也许会受最大的影响。就像2015&2016网页设计趋势描述的那样，这种设计流行的转变是因为 Material Design 在安卓系统里面的应用。

　　1.技术

　　卡片不可能永远是静态的。随着网络性能的提高，也能够支持更丰富的多媒体内容。你可能会看到更多细节的元素，比如自动更新内容但是不会影响整个用户体验。

　　视频能更换图片（设计师思考这个问题很多年了）也许会变得很流行。Use Your Interface（上图），这些GIF动画功能让整个页面体验非常愉悦。

　　2.深度的交互

　　在不久的将来，卡片也许能够变得更加的有创意。就像我们看见 Material Design，它非常依赖个人的交互，随着自动排序和实时更新等功能的更新（比如天气预报）。

　　Windows手机里面已经开始应用卡片式自动分类方式，很有可能其他移动手机也会使用这种方式。

　　3.尺寸

　　图片并列的布局趋势，也让卡片更好的使用大尺寸屏幕。

　　大卡片上能布局更多的细节和复杂的字体，它从视觉上让用户感觉很舒服。大小卡片交替的时候，大卡片在视觉上更让人感觉舒服。

　　Arkitekter（如上图）是怎样应用大尺寸和中等尺寸作为信息布局的。有些卡片有链接，有些卡片是静态的信息。大小不同的卡片呈现方式，让整个页面更有呼吸感。

　　4.可穿戴的

　　多亏了谷歌眼镜，它让卡片的UI设计在穿戴设备上奠定了基础。

　　尽管有很多人认为谷歌眼镜会失败，但是也有一部分人认为它有市场。不管怎样，穿戴设备的UI设计必须要很好的利用空间来设计，而卡片设计是它最实用的选择。

　　要点

　　在所有的媒介和设备上，卡片设计已经成为设计常用的一种方式。他们当前的形式可能会随着技术的发展随着技术有所改变，但是他们确实是存在的。

　　毕竟，这些布局并不是一个表格。别忘了，在不久前卡片只是一张包含内容的纸片而已。

　　当前，卡式的网站建设以精简，重点内容突出的表达形式受到用户的欢迎，跟着趋势走的网站必然不会被淘汰。

网站质量不是伪命题这么建才有效

互联网已经发展了几十年，对我们的影响很多，不但社会进步了，人们生活水平也提高了。人们对于网站的需求也越来越大，无论是企业还是个人都想制作网站来发展自己。现在现在网站制作不同于以往只是随便搭建一些框架，上传一些内容，就是网站。企业对网站质量要求是越来越严格了，并不是口头上说说要有一个高质量的网站，然后转头选了个模板。只有真正高质量的网站才能企业有帮助，才能更贴近客户。那么，网站质量不是伪命题，怎么建才有效呢？

网站质量不是伪命题这么建才有效

　　一、定制高质量网站

　　一般企业都觉得，只有定制的才是高质量的网站。企业制作网站定制原创，从根本上提升网站质量，这是一个真命题。像一般的模板网站或者仿制网站，并不能称为高质量网站，只能说是高质量的模板网站，与定制存在差别。很多企业原意花成千上万的费用来打造一个网站，目的在于要让自己与众不同。定制网站的首要特点就是外观好看，能够吸引客户，让客户产生点击的欲望。其次就是网站框架布局，还有内容展示方面，要能充分展示企业文化，企业形象，还有对产品的适当宣传。通常制作定制网站都会对企业进行分析，分析网站使用群体，分析客户需求，分析企业需求。高质量的网站都是这么制作出来的，并不是低价网站能过到的效果。

　　二、有质量的内容

　　建一个有质量的网站，需要提供有质量的内容。网站内容一直被客户诟病，很多企业只是一味地给网站填充内容，不考虑内容质量。虽然网站得到更新，但对于客户对于搜索排名，却没有什么提升。内容可读性差，客户自然不爱看。内容质量低搜索引擎也不爱抓取。提升内容质量有助于提高网站收录排名，这无需质疑。所谓日常更新，不是简单的给网站上传点资料就了事，关键在于内容质量。很多时候这些内容都是通过网络收集，再转抄到企业网站里，这些内容都是使用率很高的，已经有的内容搜索引擎就不会再收录。因此，提升网站质量就要从提升内容质量开始。

　　三、提高客户体验

　　提高客户体验主要在于制作网站时功能要符合客户需求，功能要好用，网站内容要有质量，网站风格要吸引客户。人们为了提高自己的生活质量，都处于高节奏工作中，如果客户打开网站出现加载状态，时间短的还好，时间长的会降低客户耐性选择关闭网站。那么网站有多好看，内容多有趣，客户也不会知道，提升网站速度是提升客户体验的一方面。有些企业为了使网站丰富有趣，就会在网站里增加视频或者酷炫功能，这使网站整体加载速度都变慢。如果电脑质量差一点，宽带慢一点的，这些内容就无法展示。因此，提高客户体验至少不能在速度方面让客户等待。不实用的功能或者质量差的网站配置都应摒弃。