申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
13165158935
知识普及 » 「卡片式设计」能让用户有良好的体验？
「卡片式设计」能让用户有良好的体验？
奈薇网站建设
于
2019-09-23 11:09
发表
阅读次数
1535
次
青岛网站建设
的H5网页和手机app逐步向完全个性化、良好的用户体验发展，也渐渐抛弃了传统单一的页面设计。大量独立内容模块的流行和运用，其中，卡片就是最新一种独具创新的概念。
一、什么是卡片
卡片是含有图片和文字在内的小矩形模块，它是用户了解更多细节信息的「入口」。要平衡界面的美学和可用性，卡片基本是一个默认选择。因为卡片用起来非常方便，还可以展示包含不同元素的内容。
1.内容架构卡片
将内容划分成多个有意义的部分，这样还节省了一定的屏幕空间。类似于「字词句段篇」的组成形式，卡片也是由最小信息单元组成，并汇总形成连贯的整体内容。卡片组成示例。图片来源：MaterialDesign像Facebook这类大企业，其采用卡片驱动型的界面用于台式桌面、手机网页及app客户端时，卡片布局就被认作设计环节中的核心了。Facebook充分利用了盒子风格的设计(即卡片——译者注)，将信息归类，哪怕是在怎么也滑动不到底端的页面上。
2.完美的拟物
在用户界面加入卡片设计可谓完美的拟物，它们看起来就像日常生活中真实存在的卡片。卡片其实在手机设备出现前就已经存在了，比如名片、棒球卡、扑克卡等等。卡片日趋成为使用较广泛的一种交互模型。因此，对用户而言，其更能凭直觉认识到，这些卡片就代表真实生活中的某物。
3.视觉享受
研究发现图片可以提升
青岛网站建设
的网页或app的整体设计，因为图片可以快速有效地吸引用户的注意力。基于卡片的设计通常主要依靠视觉设计，而使用大量图片就是卡片设计的一大亮点。所以，加入图片也使得基于卡片的设计更加引人入胜。
二、如何设计卡片
在同一页面布局中，卡片宽度应保持不变，但高度可以相应调整。卡片最大高度限于该平台可用空间的高度，但也可以临时延伸。例如，在显示评论框的时候。卡片高度既可固定，又可调整。
从设计角度来看，卡片各角最好是圆角，并且最好稍有一点阴影。圆角使卡片看起来更像一个内容块，阴影则可以反映出深度。圆角和阴影。
这些元素在没有分散用户注意力的前提下，能给设计带来一些视觉亮点。另外，还能给人一种卡片像是要从页面中跳出来的感觉。除此之外，还可以加入动画和动效。
卡片的优势设计恰当的话，卡片可以提升app的用户体验感。因为其功能性以及外形的原因，它们成了用户界面的一个增值元素，对用户来说，也更能凭直觉交互。
「卡片式设计」能让用户有良好的体验？相关标签：
企业做网站
，
网站开发
，
网站注册
，
网站建造
相关热点推荐
5G时代，网站建设公司
建设一个成功的网站必不
企业上网的几个理由
邮件推广操作过程中的细
青岛网站建设报价与费用
八大要领做网站就这么简
网页设计配色基础：RG
list-style-
青岛网站建设之前应该做
百度快照更新方法
为什么网站制作价格越来
中小企业如何进行网络营
企业建站需要准备的资料
SE0作弊是短视行为,
企业网站建设的目的是什
青岛网站设计之网页设计
网站建设中企业所面临的
《中国移动互联网市场趋
设计中的色彩：灰色
网站离开百度该如何生存
网站的实际内容是优化重
网站关键词摆放的四个关
企业建站的内容建设
网站结构和网站优化的关
用户对SEO的作用
迭代的设计
网页顶尖设计师的思考与
企业如何建立自已的网站
网站被K后怎么办以及应
网站建设的类型一般有哪
成功的用户界面的八个特
影响网站排名的六个因素
如何创建一个新的网站
如何突出页面设计重点内
软件界面设计要素——视
响应式网站在企业网站中
网站建设财富秘籍：高手
制作网站的基本原则
瞬间的快感之细节提升用
交互设计(8)—深广度
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户