老钱庄股票论坛

 找回密码
 5秒快速注册
查看: 559|回复: 0

网页和app卡片式设计的魅力所在

[复制链接]
发表于 2017-3-10 17:35 | 显示全部楼层 |阅读模式
网页和app卡片式设计的魅力所在
编辑:AGO(安可)品牌顾问

在现在这个信息大爆炸的时代,网页和app所需要展示的内容越来越多。以前那种简单堆砌式的页面设计已经无法满足现在用户的需求了。用户见的越多,也变的越来越“挑剔”。对于一款app来说,他们除了要求界面好看之外,也要易于操作,简单易懂。那么我们如何在注重保障用户体验的前提下还能表现如此繁杂的内容呢?卡片式设计应运而生了。卡片式设计具有很强的兼容性。在新闻类网站和美食类app,你都可以看到它的身影。那么卡片式设计究竟有着什么样的魅力让它如此的受欢迎呢?AGO(安可)品牌顾问带大家来了解一下卡片式设计的魅力所在。
内容整合
卡片式设计将内容划分到不同的卡片上,每一张卡片代表着同一逻辑类型的内容。卡片的矩阵形排布可以很好的引导用户的视线。传统的列表设计模式,我们只可以纵向的浏览内容,但是卡片式设计可以让用户沿着纵向和横向有序的进行浏览。这种浏览方式更加的高效,用户可以更快的发现他们感兴趣的内容。卡片就是一个承载信息的“容器”
简洁明了
我曾经说过一款app或者一个网站其实就是一本书。我们设计师就是这本书的作者,我们要让这本书为读者(用户)所接受,首先我们就应该让它通俗易懂。现在这种快节奏的生活方式,人们不愿意静下心来读大部头。卡片式设计就将页面的内容进行分割整合,用户一眼就能看明白。
当我们说到卡片式设计的时候,简洁这个词应该第一个想到。一张卡片一条信息,一个卡片上可以展示多条信息,但是要做到有侧重,每张卡片要突出表现一条信息或者内容。
美观
卡片式设计中卡片其实就是带有文字与图像的矩形。研究表明,图像的使用可以有效的吸引用户的注意力。带有图片的页面对于用户来说,远比通篇文字的新闻通稿式页面有吸引力的多。
易操作
现实生活中,你接住别人递给你的名片,你将信用卡从pos机中刷过,你将酒店房卡插进卡槽。这一切都是需要手指来完成。现实的卡片设计的很适合手指操作,虚拟的卡片也同样如此。我们可以点击卡片来获取更多信息,滑动卡片来看下一条内容,这些操作手指都很容易实现。
适合响应式设计
我们都知道你的app和网站在不同的设备下保持适配是一件很重要的工作。而卡片式设计就能很好的帮助我们来完成这一点。卡片式设计从根本上来说就是将页面内容进行分解,然而再整合一个无法再进行分解的元素。而响应式设计要求的就是我们可以根据屏幕尺寸的大小对页面内容就行调整。卡片式设计就可以对页面内容进行分割重组来适应不同的屏幕。
卡片本身还具有很强的伸缩性,可大可小。卡片式设计可以在不同大小的屏幕中仍保持视觉风格的统一。传统的列表排布模式很难做到适配不同屏幕的情况下还保持视觉风格的统一。卡片的高度可以根据屏幕尺寸进行相应的调整。agobrand.com

关闭

老钱庄消息上一条 /1 下一条

关于老钱庄 | 广告合作 | 商务合作 | 意见反馈 | 免责声明 | 友情链接
    经营性网站备案信息 安徽黄埔网络科
技有限公司 安徽大时代投
资咨询有限公司 可信网站 网上交易保障中心

信息产业部信息备案:闽ICP备13021446号-4 茂名市公安局网警备案:4409023010511号
老钱庄股票论坛网友发表的帖子纯属个人意见,老钱庄股票论坛不负任何责任! 股市有风险,投资需谨慎!
共同建设网络精神文明,欢迎广大网友举报论坛上的不良信息,我们会在第一时间内及时处理!

[ 广告服务咨询QQ:2806911298 ] [ 合作联系电话 :15396270234 联系QQ : 800025923 ]

值班QQ: 800025923 值班电话:0592-5962326

小黑屋|手机版|Archiver|老钱庄

GMT+8, 2017-10-23 10:32 , Processed in 0.084813 second(s), 16 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表