产品经理经常会遇到一个棘手的问题，设计师怼你，你无话可说，什么暖色系冷色系，什么字体排版，什么画面的重心和平衡，这些专业术语一抛出来你就傻了，不知道怎么怼回去，遇到好说话的UI还好，如果是有个性的那种，工作就很难进行下去了。这里给大家整理出一套组合拳，必要的时候直接拿出来，基本能hold住场面。
一、信息的整理
信息的排布有四个阶段
- 单纯的放上去 没有规律，得让用户自己去找
- 列出来，以表格的形式，用户可以按照规律去找
- 主次分清的列出来，重要的部分用吸引眼球的方式凸现出来，用户一眼就能抓到
- 将情绪，气氛融入到设计中，能够让人感觉到你想表达的情绪和内容
我们在画原型图的时候如果能做到第三阶段，就能让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
网友评论