建站常识
「卡片式设计」能让用户有良好的体验?
2019-01-10 17:05:34
网站建设 ’的详细内容'>青岛网站建设的H5网页和手机 app逐步向完全个性化、良好的用户体验发展,也渐渐抛弃了传统单一的页面设计。大量独立内容模块的流行和运用,其中,卡片就是最新一种独具创新的概念。
一、什么是卡片
卡片是含有图片和文字在内的小矩形模块,它是用户了解更多细节信息的「入口」。要平衡界面的美学和可用性,卡片基本是一个默认选择。因为卡片用起来非常方便,还可以展示包含不同元素的内容。
1.内容架构卡片
将内容划分成多个有意义的部分,这样还节省了一定的屏幕空间。类似于「字词句段篇」的组成形式,卡片也是由最小信息单元组成,并汇总形成连贯的整体内容。卡片组成示例。图片来源:Material Design像 Facebook 这类大企业,其采用卡片驱动型的界面用于台式桌面、手机网页及 app 客户端时,卡片布局就被认作设计环节中的核心了。Facebook 充分利用了盒子风格的设计(即卡片——译者注),将信息归类,哪怕是在怎么也滑动不到底端的页面上。
2.完美的拟物
在用户界面加入卡片设计可谓完美的拟物,它们看起来就像日常生活中真实存在的卡片。卡片其实在手机设备出现前就已经存在了,比如名片、棒球卡、扑克卡等等。卡片日趋成为使用较广泛的一种交互模型。因此,对用户而言,其更能凭直觉认识到,这些卡片就代表真实生活中的某物。
3.视觉享受
研究发现图片可以提升青岛网站建设的网页或 app 的整体设计,因为图片可以快速有效地吸引用户的注意力。基于卡片的设计通常主要依靠视觉设计,而使用大量图片就是卡片设计的一大亮点。所以,加入图片也使得基于卡片的设计更加引人入胜。
二、如何设计卡片
在同一页面布局中,卡片宽度应保持不变,但高度可以相应调整。卡片最大高度限于该平台可用空间的高度,但也可以临时延伸。例如,在显示评论框的时候。卡片高度既可固定,又可调整。
从设计角度来看,卡片各角最好是圆角,并且最好稍有一点阴影。圆角使卡片看起来更像一个内容块,阴影则可以反映出深度。圆角和阴影。
这些元素在没有分散用户注意力的前提下,能给设计带来一些视觉亮点。另外,还能给人一种卡片像是要从页面中跳出来的感觉。除此之外,还可以加入动画和动效。
卡片的优势设计恰当的话,卡片可以提升 app 的用户体验感。因为其功能性以及外形的原因,它们成了用户界面的一个增值元素,对用户来说,也更能凭直觉交互。
近期更新
- [2021-01-15] 建设网站细节也十分重要
- [2020-12-09] 网站颜色对于网站建设来说有什么样的影响?
- [2020-11-27] 网站建设时,设计首页时务必要重视的几点
- [2020-11-25] 青岛网站建设时如何选择图片?
- [2020-11-18] 建设营销型网站有什么注意事项?
- [2020-10-30] 青岛网站建设前期有什么必需的工作?
- [2020-10-21] 手机端网站设计的必要性有什么?
- [2020-09-14] 在青岛,企业网站建设对企业有哪些作用?
- [2020-09-07] 手机建站时容易进入哪些误区?
- [2020-08-11] 网站建设的误区
- [2020-07-29] 青岛网站设计、网站内页设计需要提供什么资料?
- [2020-07-14] 青岛网站建设在网站设计方面有哪些特色?
延伸阅读
- [2014-11-13] 网页设计师如何跟客户沟通
- [2013-03-04] 如何将新闻做成伪原创
- [2015-02-03] 时刻关注网站的健康程度
- [2012-11-20] dede的图集生成缩略图
- [2020-06-19] 网站建设好之后,如何进行网络优化
- [2012-05-09] 网页设计与平面设计的差异
- [2015-03-12] 制作网站应选择什么语言最安全
- [2011-10-10] 力图seo网站建设六大戒条
- [2015-03-23] 网站工作者必须掌握的技巧
- [2019-05-06] 企业微官网大势所趋,快人一步,即刻领先。
- [2016-02-13] HTM5网站特点
- [2012-03-19] 网站登录窗口的设计