产品经理必备的6个UI设计小窍门，最后一个绝了！

　　一个好的UI作品，是设计师与产品两个共同完成的。

　　但对于每个人来说，工作内容和思考角度不同，就会不由自主的代入更多主观感受，缺少客观事实的表达方式

　　比如：“颜色不好看、字体不适合、要有品牌主题色等等”，这些表达方式都是不够具体，而且偏主观感受，我们可以换种具体的需求来表达，比如：“希望加点颜色对比，按钮的颜色加深，需要与背景色有层次区分”。

　　面向UI设计图思考时有一些简单的方法，在这里罗列几条，供参考。

　　一、两种类型的分割线

　　非贯穿式分割线：有的APP页面消息是一体的，但是又是每个不同对象发来的消息，如果用贯穿式分割线，就会让内容显得有分割感，从而失去整体性。

　　

　　在不同消息类型时，会用贯穿分割线，比如：“今日头条的各独立版块就会有贯穿分割线进行分割”。同样也可以使用卡片的方式进行分割，比如：“支付宝的首页，滑动到下方的时候，会用卡片的样式进行分类。”

　　

　　二、合理的图文顺序

　　根据APP的特性和用户阅读习惯，我们需要合理确定图片和文字的先后顺序，让用户一眼就能看到自己想看的东西，常见的比如新闻资讯、公众号文章等页面，就会把文字信息排在图片前面。

　　

　　而对于图片类型的网站、电商类网站等需要展示产品具体细节的页面，则尽可能把图片放大，聚焦用户视线。

　　

　　三、元素相关性

　　常见于icon图标的使用，这也是基本的设计原则。在使用图标或其他元素时，应该让各个元素的风格、样式保持统一性，相互产生关联，降低用户的识别难度。

　　

　　四、视觉相似性

　　相似性的原理构成部分，主要是为“形状、颜色、方向、纹理”，比如：“相同形状但是不同颜色的圆形图案，就属于相似，不同形状但是颜色相同，也属于相似。”

　　

　　有的时候为了凸显某一元素，可以选择不同的视觉来呈现，形成对比突出的效果，就像上图底部的菜单栏：用颜色来区分页面不同的位置。

　　

　　五、视觉层次对比

　　通过视觉的层次对比来突出重要信息，这个在各大网站和APP都运用得比较广泛，比如电商平台中“立即购买”的按钮样式会深一些。

　　

　　六、页面连续性

　　根据用户的阅读性习惯，不宜设置太多跳跃的页面，就像乘坐电梯时，喜欢盯着楼层看。

　　如果一个页面无法完全表达全部信息时，可以设置多张banner图的滑动模块或者进度表。

　　

　　关于对设计图的一些小窍门整理到此，当然知识远不止这些。

　　一个好的APP页面，能够在短时间内告诉用户该干什么，最简单例子就是：当用户看到搜索框就知道在这里搜索关键词；

　　把页面做具体，把描述变清晰，当遇到问题时，一定要把抽象化的东西具象化出来，这样才能明确产品的每个需求。

　　举报/反馈