UI设计三步走

UI设计三步走：色彩、布局、层次，分别对应：印象、操作、体验，我们可以用食客吃饭的步骤来分析这个问题，即色、...



UI设计三步走：色彩、布局、层次，分别对应：印象、操作、体验，我们可以用食客吃饭的步骤来分析这个问题，即色、香、味儿，食客第一眼先看到颜色和形式，看看是否能勾起食欲，给自己对这道菜的期盼设置一个起点，然后进入第二步，闻一闻是否够香，确定自己是否该咬一口，也有个别的菜，忽略第一步直接进入第二步，比如臭豆腐，比如Google，他们都是不考究色彩，但注重布局和功能摆放的例子，接着就是第三步，尝一尝，看看是不是对自己的口味，也就是说我们网站设计的功能和流程是否合理。第三步设计不合理的情况也很多，比如有的餐桌上的棒骨，10来个人围着一块骨头，肉也不烂，撕不下来，谁都不敢下手，不知所措，最后没人吃，被东道主打包带回家了，这种情况即使好看又有香味也没有，大厨已经忘记了这东西是用来吃的。

很多二流的美工，现在还停留在第一步，色彩设计，这样的美工做出来的东西你会发现色彩鲜艳、大量使用圆形或圆角矩形等不规则形状，而进一步操作一下，却发现缺这少那，功能摆放不合理，让用户不知所措，也就是说还没进入第二步，更不用说第三步了。当然，这里并不是反对用这样的形状或显眼的颜色，只是举例说明一下。

如果用户是食客，那我们就是那个大厨，正在烹饪一道色香味俱全的美食，基本上来说，我们的UI设计应该与食客的食用过程相反，我们应该先理解业务和流程，即清楚我们要给用户带来什么功能，然后开始根据各个功能点的逻辑关系，摆放按钮等可视元素，最后根据我们的业务所面向用户群进行着色，比如关爱性质的可以用橘黄的颜色，技术的可以用蓝色，儿童的可以用调皮一点的形状等等，这就随个人喜好和考验美工的色彩把握能力了，这非本人所长，不发表言论。

根据以上的内容分析，本人认为UI设计并非美工一个人的责任，而是产品经理、程序员、美工三个岗位的共同努力，因此，特别是程序员和产品经理，也要参与一些基本的布局（第二步）工作和参与层次设计（第三步）工作，不要指望美工给你一个可交付的产品。

    关注 聚才