UI设计师的必备技能

什么叫做模块化整合呢？模块化整合就是在现有的元素中找出他们之间存在的共性，分类排列整齐，就和家里需要把不同东西收纳整齐是一个道理。那么今天青藤酱就来说一说具体怎么实施呢？

一、模块化整合的优点

从用户的角度看，把所有相似类目的集合起来，更容易寻找出来，从视觉上感受到页面元素的统一性，更加耐看一些。对于UI设计师而言，这不仅对于交互和视觉上，也让页面信息具有模块化。

二、模块化整合的具体步骤

1、对原型内容有一个清晰的认知

取得原形，人们必须搞清楚每一个元素存有的目地用意，并与需求方确立下列关键点：

（1）信息内容等级

通过沟通交流确定页面最关键和主次的信息内容，先后推导。有利于融合控制模块信息内容全过程中兼具视觉表述。

（2）文本信息内容和字符长短

哪些文本能够省去，哪些不可以？要是没有确立，可以依据视觉显示信息实际效果再给出提议。

（2）按键

确立是不是有引导转化的要求，按键注重的高低等。

（3）页面预估

一部分原形服务提供者会对页面有自身的设想和预估。思索是不是能够实行，成本费等等。假如不能，必须提早沟通交流并和另一方达成一致。

2、对各元素分析，整合

我们面对合并出来的版目，要学会质疑，并不是每一个原型都是没有缺陷的，那么青藤酱建议用三种方法来整理元素和各类信息。

（1）考量每个元素的重要性，如果不必要，就可以借用知识点来认证自己的想法，并提出建议。

（2）从所有元素中找出同类，把同类事物归结成一个整体来看。

（3）分层思考，按键、点击入口还有模块之间是否有层级关系。可以按顺序整理收纳。

3、构建可能性的结构与布局

前期的准备工作就说到这里，设计师可以先用手稿大概描述出来结构和布局，分布的位置，还有交互的元素种类等。这个是十分重要的步骤，在此期间，还更应该考虑设计的延展性，因为下个版本要增减字段或者功能，设计就要大改，之前的布局方案就要重新思考了。

4、执行 – 采用可行性方案兼顾思考视觉表达

在所有方案中，选出一个或者两个可行的方案，在输出内容的同时，还得关注视觉的表达形式，比如按键是否使用线框、是否使用填充、卡片是否可以使用投影、是否使用底色、多种颜色组合使用，是否让布局看起来不协调。经过一系列的摸索，选择一个最合适的方案。

5、最后的成品检查

做得越多，千万不要丢掉初心。阶段性的反思和回顾能让设计更贴合需求的目标，设计完成之后，做一个小结，不好的东西加以改正。模块设计要是做得很优秀，就可以再使用相似的样式，这样可以更方便处理。

一个优秀的UI设计师离不开模块化整合，快按照步骤行动起来吧！青藤酱希望各位设计师都能设计出令人满意的作品。