Question

如何做一个优秀的UI设计师呢？

Answer 1

一、两道思维
很多 UI 拿到一个页面原型的时候，就立马打开各大设计网站找参考，然后照着参考页面上的效果，生搬硬套到原型上，这只是达到了单纯美化页面的效果。
那么拿到原型后应该带着怎样的思维来进行思考呢？
第一道思维：交互思维
先了解页面实现什么功能，功能的交互操作流程是怎样的，也就是说用户操作这个页面上的功能时，用户的行为路径是怎样的。
第二道思维：视觉思维
了解完功能、交互后，提取原型中视觉组成元素，细分归类，每一类应用统一性原则进行设计。
然后交互与视觉一同结合来设计界面。
二、思维应用
结合案例我们来看下两道思维是如何进行的。
第一道思维：交互思维
了解功能交互流程。
根据实例原型分析出用户行为路径：
用户行为路径：
注意点：
用户行为路径的获取，一定要跟产品经理、交互设计师进行沟通确认清楚。
用户行为路径某些步骤中，也有先后之分，比如第1步中，用户输入了账户地址后，才会有账户的相关数据显示。
用户行为路径可以支撑信息内容进行归类分组。
第二道思维：视觉思维
提取视觉组成元素。
视觉元素：
注意点：
提取视觉组件元素尽量详细归类。
如有视觉规范，视觉组件元素风格应用请遵循视觉规范。
如无视觉规范，同类视觉组件元素应用统一性原则进行设计。
三、检验方案
我们带着两道思维来检验一下这位设计师输出的方案：
问题1：交互层级
问题所在：
数据显示在前，输入在后，交互操作层级有点混乱。
问题截图：
问题解决：
用户行为路径中，第1步有个先后顺序，先输入地址，后显示数据，在进行信息内容布局设计的时候同样需要有先后顺序，所以交互操作层级一定程度上影响着布局排版。
问题2：步骤关联
问题所在：
「批量转账」按钮归类到了第1步的信息模块中，交互操作逻辑有点不通畅。
问题截图：
解决方案：
用户行为路径中，用户核心费用信息后，最有可能的行为就是点击「批量转账」按钮，所以「批量转账」按钮与转账费用信息的操作关联性比较大，应该在同一模块里会更符合交互操作逻辑。
问题3：颜色应用
问题所在：
主色、点缀色、辅助色各自的应用范围没有规则，颜色应用混乱。
问题截图：
问题解决：
一个页面或者项目中，各种颜色的应用范围需要有一定规范，文字使用什么颜色、按钮使用什么颜色、输入组件使用什么颜色、背景使用什么颜色都需要有对应的使用规则。
问题4：输入控件
问题所在：
输入类组件样式存在多样性，同样是输入框，有多种样式，会造成用户交互操作上的认知有误。
问题截图：
问题解决：
一个页面或者项目中，输入类组件样式应用统一性原则，保持视觉风格一致，从而减少用户操作认知偏差。
问题5：按钮样式
问题所在：
按钮样式应用到不具备按钮点击属性的对象上，用户会认为也是可点击，会造成用户交互操作上的认知有误。
问题截图：
问题解决：
一个页面或者项目中，不具备按钮点击属性的元素尽量不要套用按钮样式，减少用户操作认知偏差。
举个例子：人形的稻草套上人的衣服，成功了欺骗了人们，造成了认知偏差。
问题6：信息展示
问题所在：
同类信息内容的展示存在多样式，传达过程中加重了用户的认知负担。
问题截图：
问题解决：
一个页面或者项目中，同类信息内容的展示应用相似性原则保持视觉风格一致，因为相似性的布局可以更加高效地传达信息。
举个例子：电商页面，金额信息展示；理财页面，收益信息的展示；都是应用相似性的布局，即统一又高效地传达信息。
问题7：图标风格
问题所在：
图标风格不一致，图形反白风格，立体风格，线性风格。
问题截图：
问题解决：
根据产品的特性，建议统一的图标风格，选择线性、面性、渐变、立体等风格。
问题八：对齐间隔
问题所在：
页面元素的对齐、间隔没有规律，整体视觉显得松散，不严谨。
问题截图：
问题解决：
可以利用栅格系统，把页面信息内容规整起来。
四、优化方案
根据发现的问题，我们来看一下优化后的设计方案：
优化1：交互路径
根据用户行为路径，将相关联的信息归类到一个模块，每个步骤划分到一个模块，相关联的步骤合并到一个模块，模块内完成各自的操作展示任务，模块之间信息内容互不干扰，但从结构布局又能够形成符合交互操作逻辑。
优化2：颜色规范
规范颜色，配色的方法在这里不做深入讨论，这里方法的是基于品牌色通过饱和度、亮度、透明度的变化来得出文字各层级的颜色、边框的颜色。
优化3：输入控件
对输入类控件的样式进行了统一，让用户从视觉上就能够清楚地分辨出哪些是可以进行输入操作的，从而减少用户对交互操作上的认知成本，提高信息输入效率。
输入控件进行交互时，要有交互状态反馈，默认状态、选中状态、错误状态。视情况而定，可以增加鼠标移上状态和不可输入状态。
状态变化时的颜色应用，可以通过变换色相的透明度来保持色彩的一致性。
优化4：按钮规范
对按钮进行了分类，分为常规按钮、图标按钮、文字按钮；对按钮样式用颜色进行了统一；按钮要有交互状态反馈，不可点击状态、可点击状态、鼠标移上状态、鼠标按下。
状态变化时的颜色应用，可以通过变换色相的饱和度、亮度、透明度来保持色彩的一致性。
优化5：信息展示
对信息内容应用相似性原则进行了排版的统一处理，每个小类信息的标题与内容采用统一排版格式，然后重复应用，有助于提高信息获取效率。
优化6：图标风格
这里的图标应用于功能性图标，统一采用线性圆角风格。功能性图标需要注意图标的形状要能够正确有效地传达出功能的含义。
优化7：对齐间隔
应用栅格系统对视觉元素之间的对齐、间隔进行调整，使页面视觉更加严谨，页面信息更容易阅读。
五、总结
交互思维
了解页面中的功能交互流程，梳理用户操作行为路径，可以对行为步骤中的信息内容进行归类分组提供依据，最终有助于页面信息内容的排版布局。
视觉思维
提取视觉组成元素，对颜色、文字、控件、图标等每一类应用统一性原则进行规范设计，再通过视觉元素本身相互组合，最终应用回信息内容上，建立规范的视觉感。
设计一个页面，交互思维和视觉思维是互相配合的，缺一不可，最终都是为了共同去构造符合交互操作逻辑、满足视觉美感的界面。

Answer 2

现在从事UI设计师的人越来越多，竞争越来越大，我们必须要不断的提升自己
优秀的设计师应该具备哪些技能

1、图标设计能力
UI设计师需要掌握各种图标设计能力，线性和剪影图标是目前工作中运用最多的图标设计形式。网上各种素材库的图标已经很多了，为什么还需要自己设计，因为项目是千变万化的，网上下载的图标没法成套使用。你需要根据产品设计的风格进行统一设计，做有风格独特又符合产品气质 的图标。
2、图形设计能力
经常有问UI设计师需不需手绘能力，我的答案是会不会用纸笔去画不是重点，重要的是掌握 电脑绘制准确，美观，独特的图形能力。
UI设计师需要掌握图形绘制能力，在实际工作项目中，会有各种各样的图形绘制需求。比如App界面设计中的各种引导页、启动页、那么这些图形你可以用手绘板绘制，也可以用鼠标绘制。
3、设计编排能力
UI设计师首先是一名设计师，而不是画图师，所以图标插画什么的都只是设计师表达想法的一种形式。如果你的作品集里只是一些看起来毫无联系的图标，一副简单的插画，或者零散几个界面。这样的作品集会让人觉得你设计思维零散，是一个个没有连续的片段。
很多人欠缺在这里。包括工作很多年的设计师都如此。那么如何让别人看到你对于设计想法的闪光点，所以需要锻炼你的设计编排能力，从设计的立意，到设计的视觉呈现，文案的编排，展示的排版，所以系统性的主题设计组作品，是非常让你容易让你的作品从一堆简历中脱颖而出。
4、设计提案能力
经常遇到有设计师拿着一张图来问我，这个logo颜色怎么样，这个图形如何优化修改。一般这样的问题我都拒绝回答。为什么了？因为这很容易喜欢我的老板陷入我喜欢红色，不喜欢绿色这样的陷阱中。实际上他也不知道他喜欢什么颜色。这样的修改是无止境的。
一个合格的设计师，应该具有设计提案能力。通过图形+文字的形式告诉你的需求方，你的设计为什么这么设计，你考虑了什么。为什么使用这样的颜色。有理有据的设计说明，而不是一张零散的图片，是更具有说服力。
5、海报banner设计能力
这个肯定有同学会困惑了，设计海报banner这不是平面设计师、运营设计的事情吗？在过去一段时间是的，分工是越来越细了。那么你在做界面设计的时候搭配好看的banner，以及展示的海报编排。这些能力你也必须掌握。况且很多公司并不会分工那么细致。运营设计、平面设计、UI设计你都需要去掌握。所以越来越多的UI设计招聘偏向于视觉设计师这个定义来招聘。
6、界面设计能力
目前应用范围最广的就是App界面设计。有人说界面设计看起来很容易，不就是把一些元素堆积在界面上吗。调调文字大小，排排版吗？确实很多人就是这么做的，所以造成了很多作品集里App界面看起来大同小异。那么好的作品应该是考虑了很多，有自己独特的设计语言。这点很重要，让自己的App看起来是如此的不一样。界面的用色，界面中的配图，以及交互体验的细节都独居匠心。
7、交互思维能力
UI设计师的界面还是要服务于产品设计，那么对于界面的设计不应只停留在美学的思考，还应该思考界面的逻辑，界面元素的摆放，通过深入了解产品的行为目的后，更好的用视觉手段表达产品意图，这就需要对设计师的逻辑思考能力，界面交互综合能力提出更高要求。
8、沟通理解能力
对这点也非常重要，大多数设计师不是单打独斗，而是和一个团队一起工作，你需要保持良好的沟通能力。比如经常改图的问题。不是别人说1你就做1,有可能你按照要求做了1，别人依然说你好。比如产品要你换样式，你要弄清楚原因，是不符合当前的风格，又或者产品想突出什么，弄清楚意图才去做设计，事半功倍。且给对方留下喜欢思考，乐于沟通的好印象，这样的员工到哪里都受欢迎。相反你默不作声，吭哧吭哧的不断改图，说不定别人想，这人能力真差，怎么说都改不到我想要的。
UI设计师不能单单只会设计，调研能力也很重要。你的眼界决定了你的高度，设计师最忌讳“闭门造车”。设计师需要了解当前的流行元素是什么?思考下一步的流行趋势是什么?当你拿到产品需求，不要着急动手做。这个时候你最应该做的是“调研”。很多人会说：“这不是产品的工作吗?”。没错，产品前期是要做调研，但是UI设计师的调研跟产品的调研角度是不一样的。我们的调研是从视觉、交互角度出发的。我们要知道你们的竞争对手是怎么做的，然后再寻找适合产品风格的视觉定位，所谓“知己知彼，百战不殆”。最后，协作能力很重要。现在产品研发从无到有的过程，分工越来越细，各个环节各个部门配合，协同作战越来越紧密。作为一个UI设计师不要以为产品和技术跟自己没有关系，这是最致命的。设计师需要了解你工作环节的上下游是如何工作的，了解提交产品给你的原型，页面结构，交互形式，产品逻辑，遇到不明白的就跟产品负责人讨论，不然就会照猫画虎反类犬。同时，设计师还要清楚的知道需要给技术提交什么标准的文稿。以iOS开发为例，需要标注文档，图标要求1倍、2倍、3倍，掌握sketch这些工作会变得非常简单。
以上我的回答希望对你有所帮助

Answer 3

ui设计要学的东西很多，软件是基础的东西，要想做好出好的ui设计就得先熟练掌握ui设计的基础软件，软件方面有：PS、 AI、AE、ARP，不过对于新手，还是一定要先把Photoshop学扎实。Ui设计学习起来也是需要花时间和精力的，所以基础软件一定要先学扎实。
1、有强逻辑能力UI设计其实涉及到的能力很多，毕竟在UI领域中包含了图形、人机交互、界面美观等多个元素。那么作为一个UI设计，或者说我们单纯称之为设计，在设计的过程中，这种逻辑性是至关重要的。
2、美感美感是一个很笼统的概念，更是一个难以判定的概念。就拿有些时候我们就很难去认同一些时装秀上的新品服饰，因为它们太另类了。而作为一个UI设计，不需要你的美感是超越大众的，但一定是符合大众审美的。
3、擅于揣测用户心理UI设计不是平面设计，更不是美工。它是一个与用户息息相关的职位。你设计出来的东西，是会有无数人去亲身体验的，而不像平面设计做一副海报，大家只是看看而已。
所以UI设计里面要考虑的用户元素太多。如果不能切身站在用户的角度去思考，设计出来的东西很多都会很不实用。所以，UI设计也同样需要对用户的心里有着相当的把控，这样才能做出符合用户使用习惯的软件。

Answer 4

设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。与之相应，UI设计师的职能大体包括三方面：

一是图形设计。承担美术工作，负责软件产品的“外形”和“颜色”设计。　　

二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。　　

三是用户测试与研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。有经验的设计师能很好的把握住用户审美。

Answer 5

首先要学好UI技术，有了足够强的技术，才可以更好的实现自己的目标