优化卡片式规划的规律

2021-06-30

优化卡片式规划的规律

卡式规划是近几年中很盛行的一种规划,不管是网页规划,仍是移动应用的规划中,卡片式规划都被广泛的运用到各个行业领域的规划傍边。下面来跟我们说说,八大规律能够优化你的卡片式规划。

一、了解结构

卡片与物理上的卡片类似。能够把它们了解为容器,将内部的内容信息分组、分层级展示,整合安排起来。


二、暗影/点击态

暗影或是边框线有助于使卡片愈加显着,详细使用哪一种视觉样式要视你的 UI 风格而定。


三、背景

卡片的另外一个长处是,能够随意配置背景的颜色,使用多样的视觉气氛,只需跟卡片放在一起不突兀就行。


四、字号和字重

文字越小,用户阅读的功率越低,用户需要花更多时间去辨认和阅读;文字越大,用户阅读的功率越高,用户能够快速辨认内容。错误的使用字重会影响界面的可用性和漂亮度。


五、比照

卡片已经是小层级的容器了,所以比照度在信息分层和优先级上起重要作用。


六、按钮

能够使用一般按钮、文本按钮或图标按钮。在笔直卡片上,按钮一般放置在底部上;在水平卡片上则是在右侧或底部。


七、信息空间排布

包裹着可聚焦元素的适宜内边距(Padding),以及能够安排信息的满足空间(Space)


在可聚焦元素之间添加恰当的空隙,也留满足的间距来对内部信息进行分组。


八、聚焦与悬停

鼠标滑过时,为了让卡片愈加突出,一般的做法是给卡片加深一点的暗影或许将卡片位置略微举高一些。


现在人们获取信息速度越来越快,卡片能忽略设备的差异给用户供给更好的服务。这也是以用户体会为中心的规划。相比传统单一的页面规划,卡片不仅作为信息载体,还能够供给更多个性化的用户体会,使界面规划明晰平衡、富有美感、简约时髦而又具备良好可用性。而卡片作为容器,能够适应不同屏幕巨细而不损坏信息的展示作用。






沪ICP备12017671号-1 沪公网安备 31011702001625号  版权所有 © 上海开杰信息技术有限公司