网站首页 > 设计资讯> 文章内容

2016年网页设计趋势:卡片式设计如何在占尽优势?

※发布时间:2018-8-2 6:55:40   ※发布作者:habao   ※出自何处: 

  有数据显示2014年移动端使用率远远高于桌面端,网页设计都能很好的适应小屏幕。这个结论就是:简单的界面风格,比如:扁平化设计极简设计,尤其是卡片设计比往年都要流行。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :设计师Minz(微信号Designer_Minz),一枚成长中的设计师,点滴积累,人人都能成为设计师。

  基于这个卡面模式设计的网页我不敢否认,目前也许有基于这种设计的并且取得比较好的效果的网页我还没有发现,但是我更多看到的是设计效果马马虎虎的网页,动画效果是有的,但是“卡顿”是常有的事情,就是现在文章举例的效果也不怎么样,色彩效果不够鲜艳。如果只是是这种效果 ,不用这种所谓的“卡片式”设计也罢

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上海广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。带金字旁的女孩名字

  本文由 325游戏(m.325games.com)整理发布

关键词:网页设计尺寸