优化卡片式规划的规律
卡式规划是近几年中很盛行的一种规划,不管是网页规划,仍是移动应用的规划中,卡片式规划都被广泛的运用到各个行业领域的规划傍边。下面来跟我们说说,八大规律能够优化你的卡片式规划。
一、了解结构
卡片与物理上的卡片类似。能够把它们了解为容器,将内部的内容信息分组、分层级展示,整合安排起来。
二、暗影/点击态
暗影或是边框线有助于使卡片愈加显着,详细使用哪一种视觉样式要视你的 UI 风格而定。
三、背景
卡片的另外一个长处是,能够随意配置背景的颜色,使用多样的视觉气氛,只需跟卡片放在一起不突兀就行。
四、字号和字重
文字越小,用户阅读的功率越低,用户需要花更多时间去辨认和阅读;文字越大,用户阅读的功率越高,用户能够快速辨认内容。错误的使用字重会影响界面的可用性和漂亮度。
五、比照
卡片已经是小层级的容器了,所以比照度在信息分层和优先级上起重要作用。
六、按钮
能够使用一般按钮、文本按钮或图标按钮。在笔直卡片上,按钮一般放置在底部上;在水平卡片上则是在右侧或底部。
七、信息空间排布
包裹着可聚焦元素的适宜内边距(Padding),以及能够安排信息的满足空间(Space)
在可聚焦元素之间添加恰当的空隙,也留满足的间距来对内部信息进行分组。
八、聚焦与悬停
鼠标滑过时,为了让卡片愈加突出,一般的做法是给卡片加深一点的暗影或许将卡片位置略微举高一些。
现在人们获取信息速度越来越快,卡片能忽略设备的差异给用户供给更好的服务。这也是以用户体会为中心的规划。相比传统单一的页面规划,卡片不仅作为信息载体,还能够供给更多个性化的用户体会,使界面规划明晰平衡、富有美感、简约时髦而又具备良好可用性。而卡片作为容器,能够适应不同屏幕巨细而不损坏信息的展示作用。