浅谈APP中UI设计的全局思维

想成为一个优秀的UI设计师？

你需要具备以下要素，比如：

1. 平面设计大牛？

2. 深刻了解互联网，是一个开发网站多年的设计师？

3. 产品经理转行？

4. 新手小白，但对PS、AI等软件熟练操作？

······

好了，来做一个题目吧

问题：学校要建一个跑道，请你以UI角度进行分析？

答案......

当然没有一个固定答案，取决于UI设计师对于用户体验的理解，以怎样的思维去思考问题、分析问题、解决问题甚至提出新问题。

做ui设计是围绕产品与用户所展开的工作内容，与做工程项目本质意义也是相通的。不要以为这些都是项目、产品需要思考的问题，UI设计只需要根据交互文档线框，进行色彩的填充与图标的绘制。作为一个UI设计师同样需要具有全局思维，设计思维决定了我们输出效果图的质量。因此对于一个APP项目设计来说，不要急于去打开软件，画图；而是需要我们从项目、用户体验、产品、美学艺术、运营推广、逻辑布局等多维度进行思考。

--- 思考问题 ---

首先我们要对整个项目进行思考，以学校操场跑道为例，我们需要进行如下思考：整个跑道设施需要的成本是多少？建筑面积是多少？使用人群是怎样的？是否需要其它辅助设施？周边环境是怎样的？需要多少人工？工期是多少？风格是怎样的？布局是怎样的？同理，我们可以对APP项目需求进行思维发散，比如：该项目需要开发一个怎样的产品？这个产品的预算是多少？开发的周期是多久？哪一些用户人群在使用这个产品？运用怎样的风格去设计这个产品？主色系是什么...有了这些疑问，能够让我们更充分的去了解项目产品的需求，以便我们更好的展开问题。

--- 分析问题 ---

我们还是以学校跑道为例，目标人群为学校的师生，他们喜欢什么样的跑道？设计跑道时需要符合他们的喜好，通过分析，可能标准规格的跑道更合适学校的师生，但可以在细节上做些创新。该学校的周边是否有其它场所也配置了跑道？需要对周边的配置设施进行调研，参考一下其它场所跑道的规格及样式。如果需要建其它的辅助设施什么设施更合适？足球场？篮球场？网球场？沙坑...由于经费及工期的限制，可能沙坑是更好的选择。主色系的选择是单色的还是彩色的？通过调研，彩色的塑胶跑道更受师生们的欢迎。工程怎么实施？是全部外包给雇佣工程队还是自己准备材料后再雇佣工程队？通过分析，可能自己购买材料再雇佣工程队搭建更为合理。

同理，用于APP UI设计中，以全局思维去分析问题，便于我们能够将用户体验体现在各个环节中。使用人群年龄层面、社会属性的不同决定了我们更终为谁服务，分析用户的生活方式、使用习惯，在目标顾客的心目中为整个APP创造独特的风格、合理的布局方式，以便符合这一类人群需要和审美倾向。同时，我们需要对竞品进行分析，竞品主要有哪些？都使用了怎样的设计方式、风格，对竞品的优点进行提取，加以吸收优化，以便更好的利用到我们的设计当中。了解了成本预算、建筑面积，可以理解为整个项目的投入是怎样的，需要产出的品质是怎样的，是否素材、图片等相关界面需要广告公司、ar技术等的外部支持、锦上添花。开发了基础功能后，是否需要设计一些辅助功能，比如：个性化头像、根据不同情况设置不同的背景图片、以及配合不同场景的动效设计等。在规定的开发时间内是否能完成所有的工作，是否需要分版本对用户体验进行优化？色系的选择， 主色系的选择通常会与品牌的色系一致，辅色系的选择可根据想表达的风格制定，比如想做出对比冲突较强的效果可以选择色谱中与主色系对应的互补色或者是临近互补色；想表达的风格柔和、含蓄，可选择临近色，总之，没有不美观的色彩，只有搭配不好的色值，需要我们根据实际情况进行搭配设计。

设计师对项目产品的这些需求点，通过分析后，有步骤、有次序、有主次的进行分类、整理、消化、输出，充分理解每个需求点与视觉元素的搭配关系、每个需求点与用户体验之间所建立的关系、每个视觉元素与用户体验之间的相互关系。

--- 解决问题 ---

对整个工程项目我们做好了分析，确定了目标。我们需要搭建一个标准400米的彩色塑胶跑道，还需要同时建一个小型的沙坑，现在我们需要根据我们所要搭建的跑道，购买相应的材料。当然根据需求去购买材料、勾画图纸（这一部分可能是团队中其它人员去完成）。

好了，工程队沟通好了，跑道开始搭建起来了......

同理，用于APP UI设计中，前期我们对项目产品进行了充分的分析、定位，接下来是对项目产品的设计阶段，根据需求文档，我们可以对需求的框架以美学的方式，在不影响功能实现的情况下，做出更合理、更舒适、更美观的布局分配；对整个APP的表现风格、颜色、字体运用以更优化的形式进行设计。同时要体现出产品的行业特性、理念、用户的心理、使用习惯、以及是否符合当下的设计流行趋势、人们的审美需求，这些都是十分重要的细节。总之，需要我们运用构成原理、形式美学、色彩表现等方法，以更精炼、准确的视觉元素去传达更全面、更精准的产品信息。

更后

接到一个APP项目，请不要急于填色、画图标，请先进行如下思考：

要设计一APP，想表达的是什么，通过UI设计能解决怎样的问题......

本文转自：http://www.jianshu.com/p/65479c2e7632