如何让你的设计被记住?

下面简单为大家介绍一下，我是如何把"呼吸"贯穿到界面设计中的。我划分为三大类：节奏，维度，活力。

【呼吸之节奏】通过卡片化、差异化、栅格化来体现

1. 卡片化的展示方式

元素区分开，形成韵律

卡片能把封面和作品名称打包，更凸显整本的概念

海外版本初期内容较少，采用双列卡片布局方式，更能体现精致封面的细节，符合海外用户喜好大图这一特征

2.更强调差异化

局部采用complexion reduction的设计语言，用更大更突出的标题字体，更多的负空间，来拉开页面信息层级，突出页面主要功能，这也是节奏的一种体现。

3.柵格化

本次版本采用H5的承载形式，降低使用门槛；在柵格化以后，不仅可以较好的适配多屏幕，还能让界面形成有序的节奏感！

【呼吸之维度】通过单页面&多页面两个层面来体现

1.单页面的维度体现

把页面延伸至z轴，打造页面纵向的层级感

2.多页面的维度体现

平滑且有继承关系的转场，能够很好的帮助用户理解产品架构。

【呼吸之活力】通过色彩、微交互两块来体现

1.色彩