专栏名称: Cocoa开发者社区
CocoaChina苹果开发中文社区官方微信,提供教程资源、app推广营销、招聘、外包及培训信息、各类沙龙交流活动以及更多开发者服务。
目录
相关文章推荐
51好读  ›  专栏  ›  Cocoa开发者社区

卡片式设计用户界面

Cocoa开发者社区  · 公众号  · ios  · 2016-11-24 08:13

正文

请到「今天看啥」查看全文



卡片上的信息布局整齐简练


摘要性的格式易于消化


卡片几乎可以被用来容纳任何形式的信息,其摘要性的信息属性也易于用户快速消化。用户通过卡片可以很容易地访问到他们感兴趣的内容。进而让用户愿意参与到对卡片的浏览和操作中来。


用户可以快速浏览、滑动卡片。


视觉上赏心悦目


基于卡片式的设计通常都严重依赖于其视觉效果。而卡片本身又对图片有很强的依赖性。多项研究都已经指出图片确实能够提升网站或应用程序的设计效果和浏览体验,因为图片能够快速有效地吸引用户的注意力。因此,在卡片中如果能突出使用图片,那自然会对用户产生更强的吸引力。


卡片以视觉信息取悦用户


易于响应式的设计


关于卡片最重要的事情是它们几乎是可以无限变形的。卡片式的设计在桌面电脑和移动设备都工作良好,因为它以更易于用户消化的方式向其呈现内容。正因为卡片作为一个内容容器,能很容易的放大或缩小,所以对于响应式的设计来说,卡片是一个非常合适的选择。卡片在多设备间能创造出一个一致独立的美学效果,这就是为什么它能在不同设备间如此容易的创建出一致体验的原因。


卡片非常适合响应式和移动端设计


为手指而设计


卡片完全适合手指操作,看起来似乎也是专为移动端所创造的样式。数字卡片的使用和现实中的卡片一样,为用户提供了舒适的体验。用户无需思考如何操作,很容易理解翻转卡片查看更多信息或滑动查看更多卡片。


卡片几乎是无限可操作的:他们可以充分利用动画和运动。


卡片式设计的最佳案例


卡片式设计的精髓在于桌面端和移动设备的交集设计,在互动性和可用性之间寻求平衡点。然而成功的卡片式设计需要具备清爽干净的美学特征,并且能让用户直接轻松地交互。


瀑布流


卡片出现在一个瀑布流中时,便能够创建出一系列符合自然时间轴的事件。例如Facebook在news feed中呈现最近时间段内容的快速预览。Facebook的news feed是以卡片区分内容的无止境的瀑布流。卡片在这里的关键是分解内容,它们将内容分离成无止境的瀑布流,并使内容易于分享。这种交互模式促使用户乐于分享平台的信息。







请到「今天看啥」查看全文