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

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%的公司都对组件库的定义非常关注，所以我们要做的不仅仅只是放一个视觉规范或者组件库的全景图，而需要对组件库进行拆解。

UI设计 要学什么在进入一个未知的领域前，我总倾向于先梳理这个领域的架构，待有了比较全面认知后再深挖。

这其实也是大学专业课程设置的思路，先学习一门导论课，了解基本概念，再进入细分领域。

学习UI设计也是一样，先对整个设计专业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填充完整。

如果有条件，可以尝试了解一个新的互联网产品出炉的工作流程。这样，在局部学习前，就能对重难点、课程框架都心中有数。

要想成为一个合格的UI设计师，需要学习2块知识。

分别是软件知识和理论知识

UI设计学习软件知识

主流的软件：PS AI AE ARP

UI设计学习理论知识

理论知识：

素描、色彩、管理、运营、文案、演讲、作品集、创意、审美、 动效、版式设计、规范、切图、心理学、沟通学、了解程序、适配、竞品分析、 UE 交互逻辑、思维导图、原型图、标准化布局、电商设计、平面构成、立体构成、色彩构成、交互逻辑、思维构图、 拟物化与扁平化设计、产品思维 、代码基础、小程序设计、H5页面制作、专题页设计、IOS设计、规范、Android设计规范 、GUI设计 、WUI设计、 APP设计、 UE 用户体验  、审美能力、 UI设计项目设计流

程、 原创作品、互联网思维、网络营销等知识!

技术基础

如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了 Photoshop 、Axure、 Illustrator，After Effects涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。

娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。

稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。

不过，学完这些软件之后，切忌炫技，学到这步，你只是学会了修图，还只在美工的地步，并谈不上设计。

因为往往就有一部分人会有错误的认知，一提到学习设计，就想到学习软件，同时埋头在软件一学就是一年两年，有的人甚至更久，可以说是盲目学习，所以这里给大家重新认知一下，设计并不等于软件。

绘图基础

有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。

通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。临摹的内容，可以有两方面选择：一种是系统自带的图标。

比如Mac OX、Windows，或者移动端iOS、Android的原生图标，都是精心打磨过，既能帮助初学者了解平台设计规则，又能在临摹中逐渐巩固常用软件的技术。

另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识。

各平台设计规则

iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好。

在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。这些平台的设计规则，在搜索引擎上都能被检索到。

作为UI设计师，这些也是必备的知识，也是要必学的一点。

理解能力

作为设计的上游，产品经理常常会直接发需求文档给设计，能读懂产品文档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉化，就是产品经理们最爱合作的设计师了。

对于新手来说可能有点慌，不知如何下手，同时如果是自学的人也会比较困难，自学的人一般都是没有实战项目经验，当你真正去工作的时候，肯定会表现出一些慌张无法下手，这也是我接触很多自学的人所倾诉的内容，他在公司不可能问领导，问同事也不好意思，有时只能到网上找帮助，或者问老师来解决。

所以对于新手来说，前期的学习是至关重要，你所接受的知识体系会决定你以后的工作发展，系统的学习UI知识是非常关键的。

刚接触一门新知识，总是会出现很多的问题，刚迈入设计领域新人，除了学习专业知识，坚持正确的工作习惯也很重要，有些习惯的养成，会非常方便你的工作，但是这些习惯必须要坚持，而且效果显著。

1、养成随改随存的好习惯

谁敢说自己的电脑不会卡机不会死机。所以建议大家经常保持Ctrl+S的标准手势。

2、对图层进行整理

为主要的图层命名以及建立图层组，将源文件整理的“干净、整洁”是每个设计师应该养成的良好习惯，这样在你过了很久再回来修改文件，也不会浪费更多的时间。

3、画矢量图形就用形状和路径工具

通常大家在绘制矩形的时候会怎么绘制呢。其实好多种方法，个人觉得这里使用形状工具是最上上的选择。路径和形状工具的好处在于，你在经历了各种修改之后，图形依然不会损失质量。

4、记住常用的快捷键

适当的记住一些常备的快捷键，可以更好的加快设计速度。

Cmd/Ctrl + T – 自由变换

Cmd/Ctrl + S – 保存文件

Cmd/Ctrl + A – 选择全部

Cmd/Ctrl + D – 取消选择

Cmd/Ctrl + I – 颜色反相

Cmd/Ctrl + Shift + I – 选区反相

Cmd/Ctrl + 点击图层缩略图 – 选择所选图层的选区

Cmd/Ctrl + Option/Alt + A – 选择所有图层

Option/Alt+ 点击两个图层之间 – 剪贴蒙版

Cmd/Ctrl+ G – 图层编组

Cmd/Ctrl+ Shift + G – 取消图层编组

5、备份好设计初稿和过程稿

设计师经常碰到这样的情况：例如先前按照需求设计出的作品结果被一顿神改，改的最后我会自问一句“这是我做的。”大家有木有这样的经历。

这里建议大家将自己的设计初稿、过程稿、确定稿，最终定稿文件都单独保存起，以后可以留作对比，观察每个文件细节和处理的进步。

比较可恨的是，当你遇到这样的客户，“确实不怎么样，还是用以前的吧。”你就傻眼了吧。

6、将PS 的历史记录设置的数大一点

我一般都是100，因为你也不知道你做的到里的时候就会觉得不对劲想回去重做，这时你发现……尤其是你在用过了橡皮擦之后你懂得吧。

7、将看到的网站好的作品保存整理

很多设计师都是从不断的看不断的临摹中成长起来的，很多时候需要设计一个作品前也要看一些参考网站设计，那这时候有一个自己整理的网页设计图库岂不美哉。这就靠你平时的积累了，看到好的网站建议使用浏览器的”整个网页保存为图片”将网页保存为无损png格式。

整理时建议按照行业、颜色、风格分类保存，这样便于日后查找参考。

8、使用智能对象

很多设计师明知智能对象很有用，但就是不常用，甚至是不用。实际上，智能对象的优点在于，它可以保留图像的源内容及其所有原始特性，从而让您能够做出各种调整，但是原始图像是不会被破坏的。你还可以恢复之前的对象。

使用智能对象，会保留像素图像的特性。当图层中的内容表现效果最佳(质量最棒)时，非常适宜于转换为智能对象。这样调整大小、选择时便不会损失画质了。

9、使用调整图层

图层中的调整图层相对独立，想怎么改，就怎么改，混合模式、不透明度、设置，都可以修改，比原图层直接修改有效多了。这是个很不好的习惯。如果有一天客户说“我觉得还是上次那个颜色效果更好”，这时候你就知道不用调整图层的坏处了。如果直接在原图层内修改，破坏性的编辑，以后修改起来不方便。而调整图层则解决了这个问题。

做UI这一行，很多问题都是难免的，实践出真知，有些时候，工作上的亏一定要从中吸取教训，不能白白受气，这也是为以后的工作打下了坚实的基础。