申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
13165158935
知识普及 » 「卡片式设计」能让用户有良好的体验？
「卡片式设计」能让用户有良好的体验？
奈薇网站建设
于
2019-09-23 11:09
发表
阅读次数
1055
次
青岛网站建设
的H5网页和手机app逐步向完全个性化、良好的用户体验发展，也渐渐抛弃了传统单一的页面设计。大量独立内容模块的流行和运用，其中，卡片就是最新一种独具创新的概念。
一、什么是卡片
卡片是含有图片和文字在内的小矩形模块，它是用户了解更多细节信息的「入口」。要平衡界面的美学和可用性，卡片基本是一个默认选择。因为卡片用起来非常方便，还可以展示包含不同元素的内容。
1.内容架构卡片
将内容划分成多个有意义的部分，这样还节省了一定的屏幕空间。类似于「字词句段篇」的组成形式，卡片也是由最小信息单元组成，并汇总形成连贯的整体内容。卡片组成示例。图片来源：MaterialDesign像Facebook这类大企业，其采用卡片驱动型的界面用于台式桌面、手机网页及app客户端时，卡片布局就被认作设计环节中的核心了。Facebook充分利用了盒子风格的设计(即卡片——译者注)，将信息归类，哪怕是在怎么也滑动不到底端的页面上。
2.完美的拟物
在用户界面加入卡片设计可谓完美的拟物，它们看起来就像日常生活中真实存在的卡片。卡片其实在手机设备出现前就已经存在了，比如名片、棒球卡、扑克卡等等。卡片日趋成为使用较广泛的一种交互模型。因此，对用户而言，其更能凭直觉认识到，这些卡片就代表真实生活中的某物。
3.视觉享受
研究发现图片可以提升
青岛网站建设
的网页或app的整体设计，因为图片可以快速有效地吸引用户的注意力。基于卡片的设计通常主要依靠视觉设计，而使用大量图片就是卡片设计的一大亮点。所以，加入图片也使得基于卡片的设计更加引人入胜。
二、如何设计卡片
在同一页面布局中，卡片宽度应保持不变，但高度可以相应调整。卡片最大高度限于该平台可用空间的高度，但也可以临时延伸。例如，在显示评论框的时候。卡片高度既可固定，又可调整。
从设计角度来看，卡片各角最好是圆角，并且最好稍有一点阴影。圆角使卡片看起来更像一个内容块，阴影则可以反映出深度。圆角和阴影。
这些元素在没有分散用户注意力的前提下，能给设计带来一些视觉亮点。另外，还能给人一种卡片像是要从页面中跳出来的感觉。除此之外，还可以加入动画和动效。
卡片的优势设计恰当的话，卡片可以提升app的用户体验感。因为其功能性以及外形的原因，它们成了用户界面的一个增值元素，对用户来说，也更能凭直觉交互。
「卡片式设计」能让用户有良好的体验？相关标签：
做网站
，
做网站
，
设计网站
，
网站建设
相关热点推荐
做网站到底是什么个概念
外部链接的优化之三高级
网页界面设计教程六：版
网页的审美需求
如何进行网站首页改版
网页设计中排版与布局小
建站必读2
青岛网站建设布局对网站
网站建设的类型一般有哪
网络营销的五个阶段
网站设计中不应该做什么
探讨运用seo技术做网
品牌包装是网站设计的灵
什么样的网站更具有旺盛
让百度快照更新的方法上
网站定位的个人建议
网站中不应该出现的几种
制作自己的网站
如何搞定站内搜索的产品
设计师要会思考
如何加强用户体验，降低
“互联网+”热的冷思考
软件定制开发
网站建设办法与内容要相
什么是网络推广？
罕见网站设计心得
告别刻板沉闷，青岛网站
微信营销推广的特性-奈
网站优化需跟随搜索引擎
搜索引擎算法：HITS
企业建站，第四代标准将
搜索引擎是如何判断新闻
发布文章选好正确的时间
影响网站排名的一些不必
动态设计在互联网时代的
网站建设和品牌包装的核
八个优秀的图片和图标的
HTML5响应式网站地
设计商业网站域名
网络营销的核心标准
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户