思索总结：谈谈卡片式计划

本文作者团结现实项目中的获得了一些思索举办总结并归纳出一些卡片式计划的小常识点，同时但愿本身通过本次的总结举办常识沉淀，以及跟各人一路切磋下卡片式的计划。

卡片式计划对付我们来说并不生疏，从计划类网站上或市场上的一些APP中也会看到许多的卡片式计划的案例，卡片式计划也是UI计划中最常用的方法之一。

最近在新项目标计划中也实行行使了卡片式计划，团结现实项目中的获得了一些思索举办总结并归纳出一些卡片式计划的小常识点。同时但愿本身通过本次的总结举办常识沉淀，以及跟各人一路切磋下卡片式的计划。

来历于一般：

在实际糊口中的卡片式计划可以说是无处不在，譬喻身份证、交通卡、银行卡、手刺、便利贴、扑克牌、游戏卡……诸云云类的糊口常见品都是以卡片的方法存在，其配合点都行使一个容器中承载着内容，而且具有“便携性、信息简捷和相对独立性”。

UI计划中卡片的行使场景

在项目计划之初我说明白一些行使卡片计划的App，而且从中清算总结了几个较为常见的卡片式计划的行使场景。

1. Feed流

卡片式的feed流计划是一种非经常见的计划，早在前几年Facebook、Google+等产物就行使了这一方法，Feed流作为一种长内容的前言，用户必要长时刻的滑动看内容并筛选有用信息，卡片式计划很好的办理了内容与内容的区块脱离，让用户在长屏幕滑动中仍旧可以很好的明晰每一块的内容。

现实案例-淘宝微淘

2. 瀑布流计划

瀑布流的呈现让单屏地区内表现了更多的内容，而内容较多的环境下，行使卡片式设谋略好的对内容举办了地区分别，让阁下上下的内容从整体中具有相对的独立性。

现实案例-Pinterest

3. 阁下滑动组合型内容

卡片式计划具有较强的条理感，对比于拉通平铺更能泛起内容可滑动感觉，而且块状化的计划让内容具有较高的地区支解感。

现实案例-QQ音乐

4. Tips提示

作为非界面牢靠内容，卡片式计划可以让tips提示计划变得更自由，在切实用户体验的基本上，它可以呈此刻任何我们想要它呈现的位置。

现实案例-淘票票会员提示

5. 团结手势的单块可互动内容

若页面中有且只有一个主内容，而且必要用户举办快速筛选时，可思量这种团结卡片式计划与手势计划的方法。大大加强了用户对付计划的体验感知和富厚视觉示意。

现实案例-探探首页

6. 卡券类计划

卡券类的计划现实上是一种物化映射的进程，我们在实际中看到的卡券造型，团结卡片式的拟物化计划，让用户在屏幕上可以更直观的感知，晋升了计划的代入感。

现实案例-京东领券中心

8. 荟萃型成果进口

荟萃型成果进口每每会有多个进口，行使卡片式计划让进口形成一个地区整体，可以做到既同一又相对独立。

现实案例-淘宝微淘存眷账号

9. 小我私人主页顶部内容卡片

小我私人主页的计划每每会在气氛上营造陶醉感，卡片式的计划可以把要害信息举办归纳综合收归，让本来单个的内容形成一个整体。

现实案例-美团外卖会员

法则切磋

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!