把这十二条背下来，你就能跟设计师愉快的聊天

   产品经理经常会遇到一个棘手的问题，设计师怼你，你无话可说，什么暖色系冷色系，什么字体排版，什么画面的重心和平衡，这些专业术语一抛出来你就傻了，不知道怎么怼回去，遇到好说话的UI还好，如果是有个性的那种，工作就很难进行下去了。这里给大家整理出一套组合拳，必要的时候直接拿出来，基本能hold住场面。

一、信息的整理

   信息的排布有四个阶段

1. 单纯的放上去 没有规律，得让用户自己去找
2. 列出来，以表格的形式，用户可以按照规律去找
3. 主次分清的列出来，重要的部分用吸引眼球的方式凸现出来，用户一眼就能抓到
4. 将情绪，气氛融入到设计中，能够让人感觉到你想表达的情绪和内容

   我们在画原型图的时候如果能做到第三阶段，就能让UI很快的get到我们的意图，再加上他们自己的设计就能产出非常接近你想象的画面。

IMG_0922.JPG

二、贴近和远离

   将同类要素贴近配置，就是在界面排版四大原则中的亲密性原则，相关的内容放在一起，用户想到就能看到

IMG_0923.JPG

三、排列、对齐

   这是排版原则中的对齐原则，图与文，间隔一致。

IMG_0921.JPG

四、视线的移动
编排要素的时候，要考虑通过设计让读者以怎样的顺序去阅读信息，让读者按照人普遍习惯的方式去阅读能让信息更容易被接收到

IMG_0920.JPG

五、构成与重复

   排版原则中的重复原则，表达同样意思的图标或者意象尽量前后一致。用统一的元素将不同种类的元素编排起来，帮助用户理清阅读的线路。

IMG_0919.JPG

六、字形字体

   不同的字形会有不同的味道，不同的风格特色，表达不同的场景情绪。字体大小说明了元素的轻重缓急，主次分明。

IMG_0918.JPG

七、重心和平衡

   版面构成的要素是有分量的区别的，为了使版面达到平衡，左右，上下的要素就要达到分量相等的感觉，而分量主要体现在颜色的深浅，字体的大小，面积的大小，颜色深分量就重，字体大分量也自然就重，互相搭配起来才能让整体显得协调好看，这点是排版中极为重要但是又极容易被忽视的。

IMG_0917.JPG

八、对称带来的稳定感

   对称分为镜像对称，边角对称，移动对称和居中平分；对称给人的感觉是稳定与和谐，是人审美的基础。

IMG_0915.JPG

九、易读的文字编排

   尽可能的使文章易于阅读，每行的字数不宜过长，切割不宜过多，让用户不用怎么移动眼球就能完成整篇的阅读。一般以16-20个字为一行

IMG_0914.JPG

十、统一线宽

   根据使用目的来选择合适的线框样式，不能喧宾夺主，抢了内容的风头，尤其在选择特殊线框样式的时候要慎重

IMG_0913.JPG

十一、直线与曲线的灵活应用

   线条可以用来区分不同类型的信息，而直线和曲线给画面带来截然不同的感觉，直线比较直接，果断，而曲线比较柔和，婉转

十二、设定虚拟边框

   排版设计以在版面中设定假想边框为基础，将全部要素配置在边框内

IMG_0916.JPG

   **深刻理解这十二条，牢记于心，在跟UI同学交流时会显得专业很多。另外要特别感谢产品经理李尚蔚的分享才得以著成此篇。本书借鉴了《版面设计的原理》**

私藏大厂内部使用产品需求文档，添加微信并截图转发本文章的朋友圈直接赠送
作者微信号，欢迎私信交流哦

我的二维码.jpg