关于卡片设计、分割线、无框设计的思考

探探，运用卡片式设计，实现左右滑动代表感不感兴趣的操作，从而增加产品的趣味性。

但是，卡片也有它的弊端，如果不在何时的场合盲目的使用卡片设计，也会使你的设计变得低效和空间浪费。

举个例子，下面这种效果图，设计师们应该都不陌生，因为在各大设计网站上经常看到的。

但是，你认真分析下，好好的一个通讯录，明明只有简单的头像和名字的元素，非要包裹在卡片里，而且卡片与卡片之间还要留出间距。为了视觉效果，空间这么浪费，并且影响效率。

如果按照微信的策略好友可以加到5000，那找个人不得向上滑死么，肯定想日了哈士奇了（bi～～～消音器）。

2. 分割线设计

在UI设计中，最传统也是最常见的的分隔方式是“线”。它能起到分隔、组织、细化的作用，帮助用户了解页面层次，赋予内容组织性。

而“线”，可以分为：

（1）全出血分隔线

“出血”是一种平面印刷中的概念，而“全出血”指的是分隔线横向贯穿整个页面，一般为了区分更加独立性的内容信息。

比如：知乎的“想法”feed流里，就是采用全出血分隔线的形式，让信息分隔的更明显，更加独立性。 （可以点击看大图）

比如：google photo，用全出血分割线，来区分上面的默认分类和下面相册的模块内容。

（编辑：PHP编程网 - 黄冈站长网）

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