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



另一个新的网站建设趋势已经到来。你有没有听说过基于卡片的网站设计?是的,这是建站的最新趋势。它的优点和未来发展有哪些?
在现实生活中,视觉信息总是有吸引力的,卡设计的应用不仅仅是一种趋势。
数据显示,2014年的移动终端使用率远远高于桌面,网页设计可以很好地适应小屏幕。这一结论是:简洁的界面风格,如:平面设计,简约设计,特别是卡片设计比以往任何时候都要多。
一个好的卡片设计不会使用太多的加载时间,但它也可以在不同的屏幕上自由切换。较小的模块对用户更具吸引力(特别是在移动端)。它在Pinterest上培养人们的习惯,然后在Facebook和Twitter上推广他们。卡片设计可以应用于各个领域的网站设计。
在本文中,我们将研究卡片设计的兴起:为什么它们很有用,它们如何适应响应式设计和材料设计,以及将来会发生什么?
什么是抽屉设计?
要了解抽屉设计,您必须先了解该卡片是什么。
每张卡都有自己的信息。一张卡片可以包含所有信息 - 视觉,文字,链接等 - 但所有这些内容都是一张卡片。
这种用抽屉式显示信息独立填充整个屏幕的方式就是卫报称的“抽屉模式”。它使用户能够更直接,更清晰地查看整个界面,并帮助用户快速找到所需的信息。 (最重要的是这种方法可以帮助我们控制自己,我将在下面的文章中解释为什么。)
让人感兴趣的是它们使用的卡接口相互叠加。
Trello允许用户创建他们想要的任何卡片列表。每个人都可以创建“待办事项”卡,同时可以根据自己的需求对其进行分类。
Trello不仅提供了卡的灵活性,而且还可以由用户放置。 Trello的成功是因为与传统的表格布局相比,它使用户感觉很简单。
移动终端中的UI卡应用和响应式设计
正如刚才提到的当时,该卡为响应式框架提供了出色的兼容性,因为Des Traynor称他为“网页的未来”。
这种设计可以很容易地在移动端进行转换。 ”
首先,它可以扩展或缩小以适应任何屏幕尺寸。设计者可以灵活地控制卡的比例(卡组可以更好地适应彼此)。例如,您可以设计固定的宽度和一致的间距以适应不同的高度。
比较The Verge的网页和以下手机屏幕截图的截图:
请注意,它们的文字信息,图像和颜色在风格上都是一致的。卡片设计允许用户在不同设备上获得一致的体验。
你可以看到这个优势在UXPin的电子书中使用。请注意,从移动到全屏的界面非常清晰。
UXPin移动界面:
UXPin全屏界面:
另一个优点是如何使卡适应人们的手指。在触摸屏上,操作就像按下按钮,不需要太多的努力。这个想法很简单:点击一张卡片,让它与内容交互。
像Fitz的网页设计定律一样如图所示,点击面积越大,交互越容易。请记住我们有多少次努力点击移动设备上的某些文本链接?
卡和材料设计
材料设计依赖于基于卡片的设计。 “材料设计指南”中的卡片描述值得寻找一个很好的解释。
卡片设计的未来
卡片设计模式不断重塑自己以适应新的挑战,并且响应和移动可能是最受影响的。正如2015年和2016年的网页设计趋势所描述的,这种设计变化是由于Android中使用Material Design。
1.技术
卡不能总是静态的。随着网络性能的提高,也可以支持更丰富的多媒体内容。您可能会看到更多详细的元素,例如自动更新内容而不会影响整体用户体验。
视频可以改变图片(设计师多年来一直在想这个问题)可能会变得非常流行。使用您的界面(上图),这些GIF动画功能使整个页面体验非常愉快。2.深层次的互动
在不久的将来,卡片可能变得更具创意。 就像我们看到Material Design一样,它很大程度上依赖于个人交互,具有自动排序和实时更新(如天气预报)等功能。
卡式自动分类方法已经开始应用于Windows手机,其他手机很可能会采用这种方法。
3.尺寸
图片布局和并置的趋势也使得卡片可以使用更大的屏幕。
大卡可以放置更多细节和复杂的字体,从而在视觉上让用户感觉舒适。 当大卡和小卡交替使用时,大卡在视觉上更加舒适。
Arkitekter(见上文)是如何使用大中尺寸作为信息布局。 一些卡片有链接,一些卡片是静态信息。 不同尺寸的卡片使整个页面更透气。
4.可穿戴
感谢Google Glass,它为可穿戴设备上的用户界面设计奠定了基础。
尽管很多人认为Google Glass会失败,但有些人认为它有市场。 无论如何,可穿戴设备的UI设计必须充分利用空间进行设计,而卡设计是其最实际的选择。

卡设计已成为所有媒体和设备的常用设计方法。 随着技术的进步,他们目前的形式可能随着技术的变化而变化,但它们确实存在
毕竟,这些布局不是一张桌子。 不要忘记,这张卡片不久之前只是一张包含内容的纸张。
目前,卡网站建设被认为是精简的,突出内容的亮点受到用户的欢迎。 趋势之后的网站将不会被淘汰。



上一页:网站如何正确使用面包屑导航?下一页:营销手机网站建设需注意八个要素
关注微信
  • 微信
联系电话
  • 13770851495 联系电话
回到顶部