产品经理懂UI设计师，4个小技巧

你们好，我是Kevin。这是2019年第136篇原创

国庆假期持续的天天一本阅读计划进行中。我在假期的前半段花了时间阅读交互、设计的书籍。用于提高和弥补本身创业后在设计沟通和交互策划的知识框架。

今天的复盘与整理来自：《写个你们看的设计书》，书本总共202页。本书来自国外设计师，美国罗宾·威廉姆斯(RobinWilliams撰写的。

同时在假期我更新了个人原型组件库，若是你须要能够点击这里查看并下载得到。

国庆更新|Kevin的原型部件库，374个原型部件

设计4个强调点

我在工做中，随着UI页面的辨识积累可以大概判别出什么是好的设计做品、什么是通常的设计，但我却没有办法告知一个标准让团队成员也快速具备这样的能力。但这本书中反复说起的4个强调点指出

对比contrast

对比的基本思想是，避免页面上的元素太过类似。若是元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让他们大相径庭。

重复repetition

上设计中的视觉要素在整个做品中重复出现。能够重复颜色、形状、材质、空间关系、线宽、字体、大小和图片。

对齐alignment

任何东西都不能再页面上随意安防。每一个元素都应当与页面上的另外一个元素有某种视觉联系

亲密性proximity

彼此相关的项应当靠近鬼归组在一块儿。如何多喝项目之间存在很近的亲密性，他们就会成为一个视觉单元，而不是多个孤立的元素。

一个对齐与亲密性的案例

左边的宣传单页通过亲密性与对齐的整理后来的效果。你能够看到效果是很是明显的！在没有增长元素和调整文案的状况下。

我见多太多设计师要求产品经理缩小与精简文案来知足他们的设计。其实咱们应该首先思考的是设计上有没有可能优化点，而不是在没有开始前就“砍需求”，固然产品经理也应该输出须要、价值最高的文案。

设计中避免的问题

在对齐上：

避免在页面上混合使用多种文本对齐方式（也就是说，不要将某些文本剧中，而另一些文本右对齐）

重复性上避免：

避免重复太多的一个元素，重复太多会让人套现。要注意对比的价值。

对比上避免：

要造成对比就加大力度，不要将一种粗线与一种更粗线进行对比。不要将棕色文本与黑色标题创建对比。避免使用两种或多种相似的字体，若是各个项不一样，干脆让他们大相径庭！

一个对齐、对比、重复性案例

能够看到经过对比，狗的头像方向与大小进行了变化、背景白色与黑色显明。一样重复了商店的hugs名字。增长了对齐效果，字体的排版有了虚拟的边界。

设计的路径是什么？

在这本书里，还介绍了一个设计师的路径应该是：

从中心点开始-将信息分组-建立重复

肯定但愿用户最早看什么，除非有了设计规范不然就应该建立一个有强烈对比的中心点；

按逻辑进行分组，将元素与组件的关系组合。经过组之间的距离来作亲和性；

创建一个能够明显感觉到边界的对齐，好比垂直线条和照片边界等，切记勿用线条来作边界。最后建立重复能够是字体的样式、和页面中的元素。

好，今天的分享就在这里。