郑州郑东新区受欢迎的ui设计培训班，郑州云和数据UI设计培训班火热报名招生中，作为河南省更具影响力高新技术企业，专注IT教育、UI/UE、Java大数据、PHP、Web前端、云计算、Python人工智能、跨境贸易、网络安全、VR等领域研究与服务。郑州云和教育一直坚持做职业教育，良心教育，采用小班制授课，双师资教学，实时更新的课程体系，大量实践项目，学员毕业即拥有1-2年工作经验，贴近企业需求，学员就业率和平均薪资在同行业内均处持平水平，因此云和教育成为河南省专业的IT培训机构。

UI设计该怎么呈现

如何尽可能早且有效的利用产品定位和产品生命周期，去进行设计目标推导与对应的策略定制。

1.配色/图标什么的是基础吗

之前一直没有太多关注过如何定义一个APP的配色，或者如何画一个漂亮的icon。曾经的上级指示都是这些基础对商业的不可量化。

所以其实APP的配色/图标与主品牌是一脉相承的，它是品牌的延续与象征。它以较直观的态度传达给用户，这个产品以及品牌的调性，并以此建立较强有力的视觉识别性。所以我觉得它是可以有条件的展示在我们设计方案里的，但一定注意它的篇幅和表达的方式，维度在品牌传达这一层就对了。

至于如何展示和定义你的APP配色，一般2类情况：

(1)在品牌主视觉配色基础上的适配

这种情况一般适用品牌主视觉方案已经设计完毕，APP端作为延续。这个时候一般注意配色从CMYK模式到RGB的转换，所以作为APP的配色，具体色值上可以稍做调整，使它更适配于LED屏的用户感知与舒适度。

(2)0-1定义APP配色

这种情况下我们从感性和理性2个角度去定义颜色。

从感性的角度分析：情绪版应该大家都熟知的了，根据不同的行业和用户定位得到相应的关键词。对应不同的关键词再搜集对应的图片，从图片和自然感知中提炼出主色。

2.界面框架，只是框架而已吗

在之前的文章中有写过，匹配产品定位的界面框架一旦输出，对整个APP之后的迭代与功能设计都有很直接的影响。定义整体的UX框架方案，是实践设计目标与策略的过程，基本围绕着这3个出发点：(1)匹配产品定位(2)满足业务拓展性(3)符合舒适度美学。

(1)定义整体框架

首先我们从宏观角度分析，一方面产品的业务线处于什么情况，是相对独立的业务主线产品(举例：拉勾)?还是平台级产品(里面包含了许多垂直的业务线，举例淘宝)?如果是平台级产品在整体框架设计时就需要考虑跨端跨业务的框架拓展型。

举个栗子，就是在定义平台框架的时候要考虑这个框架与容器是不是同时适用于底下的子业务线，同时当这个框架到了H5、小程序、PC的时候需要做哪些适配调整，是否都可以很好的进行兼容适配。

另一方面，整体框架设计的类型是否符合设计目标。举个栗子，无框式超大留白的框架设计虽然看上去逼格非常高，但在大部分商业产品中它的实用性却非常低的。假设说我们今天需要做一个电商类的app，设计目标是希望能够提升业务转化以及购买效率，那么展示效率与功能分区就显得尤为重要，它就更适合一个相对紧凑的卡片式为主的框架设计。

(2)具体容器解析

我们特地把单独的容器部分拿出来解析，是因为自定义容器是展示核心业务较主要思考呈现，同时还可以配合运营做很多提升业务效率的配置。在做具体设计的时候，我们需要区分“端上固定”模块和“运营配置”模块之间的差别。

“端上固定”模块：

顾名思义就是开发端上需要写死的模块。写死的模块意味着，无论一个配图还是一句文案，也只有开发童鞋修改后通过发版才能实现内容变更。一般适用于相对固定的产品功能以及UGC用户生产内容。比如：拉勾上传简历功能、斗鱼的直播间列表。

“运营配置”模块：

相对“端上固定”，“运营配置”就不需要跟着发版，可以随时后台上传替换模块内的内容，适用于需要PGC生产的内容。说到这里很多童鞋可能马上就联想到banner，弹窗的运营位了，但其实除了这些之外还有很多容器模块是需要灵活配置为“运营配置”模块才能更有效的提升运营业务价值。

3.如何展示亮点设计

在我们概述完大部分的整体思考路径与设计方案后，我们需要由面到点，从全局提炼细节，突出自己的设计方案亮点。

(1)完成理论实践，并可以量化价值的设计case。

大家应该都了解，一些和设计息息相关的数据UV/PV/GMV/相关业务指标...etc，以及一系列在实践中很好应用来解释设计方案的理论支撑比如5W1H、GSM与五度分析...etc。这些数据和理论是支撑我们设计更饱满更有说服力的重要支点。

(2)影响上中下游环节的设计case

除了对业务提升价值的项目外，我们有时候也需要注意对品牌设计、产品、运营、技术等上中下游造成影响力的设计项目。通常这类设计大部分也都是设计自驱发起的，能起到提升各方人效和业务效率的作用。

4.规范与组件库的定义真的备受关注

感觉近期面过的80%的公司都对组件库的定义非常关注，所以我们要做的不仅仅只是放一个视觉规范或者组件库的全景图，而需要对组件库进行拆解。