【大乐透】为什么你爱用的 App,都用卡片式设计?

大发彩票

2018-10-11

【其他福彩】为什么你爱用的 App,都用卡片式设计?

  如果您想在网上办理跨行汇款,请使用“工行与他行转账汇款”功能,您除了需要申请开通网上银行对外转账功能,还需要您所在地区开通网上跨行汇款功能。

    过去,许多长租公寓从“三旧改造”中来,旧宿舍、旧厂房、旧村居等被整栋盘下来,通过加装电梯,精致装修,文化植入,提供管家服务等,打造年轻人社区,由此成就公寓品牌,投入成本较大。例如热衷于在旧城区租地经营以降低成本的YOU+。

  广州队虽然功亏一篑,但在此次比赛中展现出了不错的磨合水平以及战斗力,让他们对于二十多天后将要开打的CBA新赛季充满期待。  主教练胡安说,“首恭喜琉球黄金帝王取得冠军,他们这次比赛打的非常好,实力非常强,我们预计到了这场比赛会非常艰难。

    三憨:不会“露脸”  憨书记有个套路就是不会“长脸”。2016年县级优秀表彰名额,他主动退出评选,最终留给给扶贫办两位同志。他的“把荣誉和机会留给年轻人”一句话,激励同志鼓足干劲,自己却在默默鼓掌。

  《寻找莲花生大士》纪录片导演龙安志先生常常在想:藏传佛教祖师难道也是量子物理学的鼻祖吗?探险途中,探险队不仅采访了佛教大德与历史学家,也采访了科研科创家,这使得该纪录片与其它拍摄喜马拉雅地区的纪录片截然不同。探险队力图求证佛教金刚乘与量子物理学之间的关联。在科技科研专家中,探险队采访了汉森机器人有限公司首席营销官林如琼博士,该公司发明了明星机器人索菲娅汉森,并在人工智能发展领域走在世界前沿。探险队也采访了浙江大学量子哲学教授DanahZohar,其在量子物理学方面出版了六本著作。此外,探险队还采访了历史学专家SumnimaUdas,她是尼泊尔蓝毗尼博物馆的佛教与圣境创始人兼主任。

A君导读:之前AppSo(微信号appsolution)通过5个设计原则和实践案例,分享了「卡片式设计」怎样才能让用户有良好的体验。 有些读者表示希望更进一步了解这样的设计风格。 今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的app都喜欢用这样的设计。 网页和手机app逐渐摈弃了传统单一的页面设计,向完全个性化的用户体验发展。

这种发展也是基于大量独立内容模块的流行。

其中,卡片就是最新一种独具创新的概念。

不管你怎么看待它,卡片短期之内还不会过时。 一、什么是卡片卡片是含有图片和文字在内的小矩形模块,它是用户了解更多细节信息的「入口」。

要平衡界面的美学和可用性,卡片基本是一个默认选择。 因为卡片用起来非常方便,还可以展示包含不同元素的内容。

卡片示例。 图片来源:MaterialDesign1.完美的拟物在用户界面加入卡片设计可谓完美的拟物,因为它们看起来就像日常生活中真实存在的卡片。

其实早在手机设备出现之前,卡片就已经存在了,比如名片、棒球卡、扑克卡等等。 当今,卡片可谓是目前使用较广泛的一种交互模型。

因此,对用户而言,其更能凭直觉认识到,这些卡片就代表真实生活中的某物。 此外,就小故事推广而言,卡片也是非常棒的选择,棒球卡就是一个典例。 你所需要了解的某运动员基本信息都显示在小卡片的正反面。

每张卡片都代表一个棒球运动员。

图片来源:liveauctiongroup2.内容架构卡片将内容划分成多个有意义的部分,这样还节省了一定的屏幕空间。

类似于「字词句段篇」的组成形式,卡片也是由最小信息单元组成,并汇总形成连贯的整体内容。 卡片组成示例。

图片来源:MaterialDesign像Facebook这类大企业,其采用卡片驱动型的界面用于台式桌面、手机网页及app客户端时,卡片布局就被认作设计环节中的核心了。

Facebook充分利用了盒子风格的设计(即卡片——译者注),将信息归类,哪怕是在怎么也滑动不到底端的页面上。

3.视觉享受基于卡片的设计通常主要依靠视觉设计,而使用大量图片就是卡片设计的一大亮点。 研究发现已证实,图片可以提升网页或app的整体设计,因为图片可以快速有效地吸引用户的注意力。 所以,加入图片也使得基于卡片的设计更加引人入胜。

比如Dribble,一个面向设计师等创意类作品的人群,提供作品在线服务,供网友查看的交流类网站。

要展示这类内容,基于卡片的设计是再合适不过的选择了。 二、如何设计卡片在同一页面布局中,卡片宽度应保持不变,但高度可以相应调整。 卡片最大高度限于该平台可用空间的高度,但也可以临时延伸。

例如,在显示评论框的时候。 卡片高度既可固定,又可调整。

图片来源:Intercom从设计角度来看,卡片各角最好是圆角,并且最好稍有一点阴影。

圆角使卡片看起来更像一个内容块,阴影则可以反映出深度。 圆角和阴影。 图片来源:MaterialDesign这些元素在没有分散用户注意力的前提下,能给设计带来一些视觉亮点。 另外,还能给人一种卡片像是要从页面中跳出来的感觉。 除此之外,还可以加入动画和动效。

图片来源:Behance三、卡片的优势设计恰当的话,卡片可以提升app的用户体验感。

因为其功能性以及外形的原因,它们成了用户界面的一个增值元素,对用户来说,也更能凭直觉交互。

1.易于理解的形式之前AppSo(微信号appsolution)灵感早读栏目分享过「内容至上原则」。

卡片是一个可以装入任何内容的设计盒子。 将不同内容置于卡片之中,可以方便用户理解。

这样一来,用户可以轻松了解其最关注的内容。 这也使用户可以通过各种方式来交互。 包含不同内容形式的卡片集。

图片来源:MaterialDesign2.响应式设计以及移动界面设计关于卡片,最重要的是它们基本上极度容易被掌控。 不管在台式桌面还是手机客户端,加入卡片设计的效果都非常好,因为内容可以通过更易理解的卡片呈现给用户。 就响应式设计而言,它是不错的选择,因为以内容盒子呈现的卡片可以方便地扩展或收缩。 最后,加入卡片,在跨平台设备上设计出统一的美感也就不会步步维艰了。 这也是为什么通过卡片可以在不同设备上轻松设计出相同的用户体验感。 3.设计时不要忘了「心中的拇指」卡片是为拇指而设计。

这句话听起来好像卡片是专为app设计的一样。 手机app设计可作为卡片普及的一个核心部分。 数字卡片其实和实体卡一样,它还可以给用户带来舒适的体验。

用户也不必太关注于这些到底是怎么做到的。

他们就喜欢卡片的简单,并可凭直觉了解相关物理性,比如如何翻转卡片以获取更多信息,或者左右滑动以获取其他卡片信息。

设计的时候一定要思考用户会如何使用他的拇指在界面上交互。

所以,界面内容的大小一定不要让用户在交互时感到不适。

——译者注左右滑动。 图片来源:Dribble卡片手势也应该一并考虑并置于卡片集内。

在同一页面尽量减少滑动手势的数量,这样就可以减少互相重叠的可能性。

比如,可滑动的卡片不应该包含可滑动的滚动图片,这样就能保证在滑动卡片时只出现一次交互。 向下滑动。 图片来源:Dribble四、何时使用卡片1.信息流卡片以信息流形式呈现,制造了一条自然的事件时间轴。

想想Facebook如何通过卡片防止用户快速扫览新闻动态里最新事件,错失重点。

Facebook的信息动态(NewsFeed)是一条无穷尽的信息流,而卡片则是独立的信息流集合。 卡片的作用就在于分散信息流,它们将事件从无穷尽信息流中分离出来,打包后再共享出去。