河南洛阳软件开发-洛枫

企业资讯 行业新闻 常见问题

河南洛阳软件开发新闻动态

因为专注 · 所以专业 品质创造价值

为啥你喜欢用的App,是卡片式设计?

时间:2019/3/8 11:15:40  来源:洛枫软件  浏览:102次

      洛阳小编今天分享一下app设计:网页手机app逐渐摈弃了传统单一的页面设计,向完全个性化的用户体验发展。这种发展也是基于大量独立内容模块的流行。其中,卡片就是最新一种独具创新的概念。


  不管你怎么看待它,卡片短期之内还不会过时。

  卡片是含有图片和文字在内的小矩形模块,它是用户了解更多细节信息的「入口」。要平衡界面的美学和可用性,卡片基本是一个默认选择。因为卡片用起来非常方便,还可以展示包含不同元素的内容。

  在用户界面加入卡片设计可谓完美的拟物,因为它们看起来就像日常生活中真实存在的卡片。其实早在手机设备出现之前,卡片就已经存在了,比如名片、棒球卡、扑克卡等等。当今,卡片可谓是目前使用较广泛的一种交互模型。因此,对用户而言,其更能凭直觉认识到,这些卡片就代表真实生活中的某物。此外,就小故事推广而言,卡片也是非常棒的选择,棒球卡就是一个典例。你所需要了解的某运动员基本信息都显示在小卡片的正反面。

  卡片将内容划分成多个有意义的部分,这样还节省了一定的屏幕空间。类似于「字词句段篇」的组成形式,卡片也是由最小信息单元组成,并汇总形成连贯的整体内容。

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

  在同一页面布局中,卡片宽度应保持不变,但高度可以相应调整。卡片最大高度限于该平台可用空间的高度,但也可以临时延伸。例如,在显示评论框的时候。

  从设计角度来看,卡片各角最好是圆角,并且最好稍有一点阴影。圆角使卡片看起来更像一个内容块,阴影则可以反映出深度。

  这些元素在没有分散用户注意力的前提下,能给设计带来一些视觉亮点。另外,还能给人一种卡片像是要从页面中跳出来的感觉。

  设计恰当的话,卡片可以提升app的用户体验感。因为其功能性以及外形的原因,它们成了用户界面的一个增值元素,对用户来说,也更能凭直觉交互。

  卡片是一个可以装入任何内容的设计盒子。将不同内容置于卡片之中,可以方便用户理解,这样一来,用户可以轻松了解其最关注的内容。这也使用户可以通过各种方式来交互。

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

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

  卡片手势也应该一并考虑并置于卡片集内。在同一页面尽量减少滑动手势的数量,这样就可以减少互相重叠的可能性。比如,可滑动的卡片不应该包含可滑动的滚动图片,这样就能保证在滑动卡片时只出现一次交互。

  卡片的作用就在于分散信息流,它们将事件从无穷尽信息流中分离出来,打包后再共享出去。让用户发掘其自身兴趣所在。

  今天小编就分享到这儿,欢迎关注洛阳软件。小编希望各位读者能明白为什么卡片设计越来越流行。小编也相信,卡片设计在短期内还暂时不会被淘汰,毕竟卡片是设计持续用户体验最灵活的布局之一。现如今,用户希望快速地发现有用信息,无论在什么设备上,卡片的反馈总是很好。而且较好的用户体验永远都是「以人为本」。


  文章出处:洛枫软件www.102s.net


关于我们

企业简介
经营理念
洛枫优势

新闻动态

企业资讯
行业新闻
常见问题

产品中心

软件开发
网站建设

案例展示

案例展示
联系我们

0379-63639963

洛枫服务热线

Copyright © 2010 - 2016 www.102s.net 版权所有 洛阳洛枫网络技术有限公司 豫ICP备08004193号

在线留言
微信平台

联系我们

0379-63639963

124544883@qq.com

返回顶部