(转载）如何做一名优秀的UI（交互界面）设计师

一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌肉和骨骼，那么UI设计就是人的外貌和品格！都是一个成功软件产品必不可少的重要组成部分！对我而言程序懂得不多所以只是从UI设计与软件产品整体的关系和如何才能使软件产品得到最佳的UI设计角度来谈。现在我们的软件产品存在的一些问题有技术方面的问题，但是更多的问题来源于各个部门、各个项目小组的之间的配合。我们现有的开发流程一般都是由市场部门提出客户需求，产品设计人员提出产品设计报告，开发部门设计开发计划，由各个小组分别开发一个模块，最后整合成为一个完整的软件产品。在这些流程之间UI设计应该参与那一个部分，每一个部分应该做到什么地步才可以使产品得到最好的UI设计效果呢？下面我们会在每一个部分具体分析。首先分析一下现在的问题所在，在一些软件业比较发达的国家软件产品的UI设计过程贯穿了软件开发的自始至终，而且是必不可少的。而在中国产品UI设计并没有被广泛接受，就算是已经有了UI设计师的一些企业也没有对产品的UI有着足够的重视，一般来讲他们大都会把重点放在如何使用代码实现所需要的功能，在我看来这只是一个成功软件产品的一个部分。一个优秀软件产品的开发过程应该是由四个部分组成：

1软件产品的设计（业务建模）

2系统的设计（技术建模）

3分单元的开发（把软件各个部分拆分分单元编写代码）

4测试（分为单元测试、系统集成测试和产品功能测试），这些是由软件研发部门做的工作。

除去以上软件开发过程的四个部分还有用户需求和用户验收测试，这两个过程是由市场部门和产品用户一起完成。所以说用代码实现产品功能（coding过程）只是软件开发的一个步骤。现在我们回到UI设计的角度来看，作为UI设计人员我们需要全程参与到软件开发过程中，而不只是在某一个步骤参与，现在在大多数软件企业里UI设计师只是在产品的coding过程的时候才实质性的参与到软件开发过程里，而在其它几个步骤里只是参加甚至根本没有参加（在这里我要强调“参与”和“参加”是两个词的不同概念，“参与”指的是完全加入到开发行列开始进入设计阶段，而“参加”指的只是旁听会议或者提出一些简单的意见并没有开始进入设计阶段），这样就会大大降低软件产品的开发效率使开发成本成倍上升甚至导致整个产品的不成功！这并不是危言耸听，下面我们分析一下在一个软件产品的开发过程中UI设计应该怎么做、做到什么地步才能避免上边提到的那些问题？下面我会根据软件开发的过程解释上边的问题，刚才我提过软件开发过程的几个步骤，

1产品建模

2技术建模

3分模块开发

4测试，那么我们也分为这四个部分进行讨论：一产品建模时期：我们首先来了解一下“输入”和“输出”，在UI设计里是很重要的两个概念，经常会有人过来对我说“我们有一个软件产品需要美化一下”然后再也没有什么深入的解释了，仅仅这句话我的工作就要开始了，然而这个软件是给谁用的？是干什么的？我们却一无所知！成功的UI设计首先要有完整的“输入”，怎么才能叫做完整的“输入”呢？也就需要UI设计师从整个软件产品的策划阶段就开始介入，在产品用户（也就是客户）向市场部门或者产品部门提出产品需求的时候就要开始参与到产品策划开发过程中来，这一部分对于UI设计师而言就是第一个输入阶段，并且在这个阶段里UI设计师也需要提出一些对产品交互设计的意见，以便产品部门在做产品设计的时候更多的考虑到产品的交互性和功能的简单表现原则，有很多软件在设计阶段就被加入了许多并不是用的附加功能，其实一个好的软件设计就是要用最简单的结构实现用户的想法，一些可有可无的功能看上去很花哨往往会影响用户的判断能力，这些就是产品优化的一些概念了在此我需要简单的提一下如果想要深入研究可以看一些有关于产品优化的书籍甚至是心理学的书籍，有很多人认为软件的优化就是代码的优化（用最少的代码实现产品功能），在我看来这只是程序的优化是针对程序员而言的而不是整个软件产品的优化，产品优化包含了交互设计在现在的多数软件企业没有专门做这一部分的交互设计师所以往往这一部分被忽略，我认为这一部分应该又UI设计师承担起来，从文章的开头我就说过UI设计不只是图形界面的设计，就算是有企业里边有这样的优化人员或者交互设计师他们也要和UI设计师一起配合完成产品交互设计，作为UI设计师产品的交互性和易用性是在做设计的时候必须考虑的！

言归正传，产品设计人员经常不会过多考虑简单易用原理也就是产品出来用什么样的组合形式体现给用户，这也是UI设计师考虑最多的事情，所以UI设计师一定要在产品建模期间参与设计，给产品设计师一些意见。作为一名优秀的UI设计师我们还要在了解了产品的需求之后更深入了解这个产品的使用环境和用户群体的使用习惯。我们还需要了解市场上的同类软件产品的设计方案，研究他们的优缺点，以便在我们设计的时候吸取它们的长处避免它们的错误。在产品建模之后一般的都会由产品设计人员给客户做一次功能设计讲解，往往这样的讲解只是文字性质的需要让客户想象着理解，这就会造成很大的隐患有的客户根本无法理解你的讲解甚至对这样的讲解根本不认真听，因为他们根本不懂，在讨论过程中他们经常会同意产品设计人员的一切设计想法但是产品测试的时候他们又会提出种种不满意，我想这是一般的软件公司都会遇到的也是最最头疼的事情，但这并不能怪客户我说过客户只会关心视觉效果和软件的操作而并不会去关心我们是怎么实现这一切的。这种情况带来的直接后果就是产品的反复修改开发成本成倍上升，怎么避免呢？这就要靠UI设计师了，俗话说“眼见为实，耳听为虚”，所以需要UI设计师做出一个产品整体效果的demo。这个demo用的形式表现就可以，我们只需要将要体现的产品界面做一个拼凑就可以了，因为这并不是产品的最后样子，只是协助产品设计人员给客户讲解产品设计。产品建模时期UI设计师要了解客户的要求想法和产品设计人员对产品功能的要求深入了解产品，采集用户的使用需求、使用环境和使用习惯，了解市场同类产品的设计分析它们的优缺点。协助产品设计人员完成产品建模过程并制作产品展示demo模拟用户对主要功能的操作过程和界面呈现，生成交互原型（基本上产品的交互性和易用性问题都需要在产品建模的时期解决）。如果时间允许我们甚至可以提出一份“UI设计分析报告”，这份报告可以附在产品设计说明后，更有效的帮助客户了解我们的产品设计并且帮助开发人员更好的遵循UI的整体要求来完成开发工作。这个时期的关键是“交互设计”。二技术建模时期：在这个时期作为UI设计师我们已经了解了软件产品的功能需求并且拿到了一份产品设计人员的产品设计说明，可以进入界面样式的设计过程了。这个时候我们应该考虑更多的应该是产品的整体风格和界面的设计，通常我们也会做出几份方案给客户选择。有些客户会要求产品遵循一个整体的VI设计标准，那么我们就需要按照一个整体的已定的风格去设计软件的界面，要与客户公司的企业形象吻合。在这个时期软件的UI设计进入到了美术设计阶段，我们需要制定整个软件的风格，塑造软件的整体形象，并且具体的描述每一个界面中的元素和布局、文字字体等信息。在这个阶段我也不应过多的说什么，主要是每个UI设计师各自发挥你们的艺术专长用最简洁、最漂亮的界面表现软件产品。需要注意的就是在我们设计整体风格的时候一定要深入了解这个产品的理念，看看它是干什么用的。不同的产品要有不同的风格，这里边有很多的细节注意，不同的产品、同类的产品不同的内容、不同的传播介质，这些都会决定UI设计的风格。1不同的产品：比如一个游戏产品就需要将界面做的花哨一些或者用大的充斥；如果要是一个应用软件就需要突出使用方便和强大的功能设计要简洁。2同类不同的内容：比如一个可爱的游戏产品（像是卡通类游戏）就需要将界面做的活泼生动可爱一点；如果是一个角色扮演的战斗类游戏（像是枪战闯关类游戏）就要做的酷一点深沉一些。3不同的传播介质：我们要做的软件产品有的需要在网络上传播那么就需要我们考虑到网络速度的问题；有的就是利用光盘当作介质那么这样的软件就可以做一些比较花哨的效果。所以说不同的产品还需要单独考虑，这也需要UI设计师多多了解产品，保持与客户交流。还需要重点注意的就是我们在做图形化设计的过程中千万要贯彻在前一个阶段做好的交互设计，始终注意产品的交互性和易用性。在设计过程中我们一定要做出每种结构每一个步骤的效果图，不能只提供图标、按钮、背景图等，这样的话程序员根本不知道往那放这些东西，在这个时期我们就要最终确定软件界面的呈现形式。技术建模一般是由高级程序员完成的，他们会将整个软件开发分为一个一个功能模块，分配给一个一个的开发小组。但是这些负责技术建模的高级程序员考虑更多的往往是如何将整个设计用代码实现、怎么才能更有效的复用以前已有的模块等等，而不是软件是什么模样会有什么样的风格，所以作为UI设计师我们必须主动出击，多多和他们交流以保证我们的想法能够完整的实现，如果有技术实现的问题我们还要及时做出修改。

也许你是新手设计师，也许你是一个有丰富开发经验的开发者，但是有需求让你设计的网页和UI看起来更像一回事，至少看起来不是外行。

所以今天的文章应该对你有所帮助。用户界面设计过程中，有许多技巧并不需要很深的设计知识，但它们可以使你的用户界面和网页界面看起来有明显的提升。改进设计这件事，经验和技巧往往可以让人少走弯路。是一个专业的设计自学网站，为广大用户提供专业的设计课程学习，大家可以了解了解~

提升UI视觉体验的7个小技巧：

1按钮颜色突出重要性。

当为用户提供多种选择时，通过颜色所传达的情感是积极的还是消极的，可以简单快捷地进行设计。

事实上，红色和绿色按钮的颜色含义已经跨越了物理世界和数字设计领域。我们也可以在许多物理产品上看到类似的设计，包括交通信号灯、警告标志和物理按钮。

绿色表示通行，红色表示禁止。如果用户需要购买漏斗，请立即点击，而不是取消。

此外，如果您的网站或APP涉及到一些重要性不同的交互，除了按钮要识别相应的文本标签内容外，还可以通过颜色填充进一步区分层次结构:

这是一个简单的例子，有颜色填充按钮、幽灵按钮(没有颜色填充、没有框架)和没有框架的填充按钮。

在少数情况下，对系统有重要影响、破坏性或限制性的按钮也应突出显示，但红色可用于强调和警告。此时，相对非负面的按钮被视为低重要操作:

总之，用户区分按钮的核心是感知而不是复杂的逻辑判断，设计的基本规则在上面，但更重要的是根据情感和感知来设计。

2用字重和明暗来区分层次。

特别是在构建文字内容的视觉层次时，可以利用的属性很多，仅仅利用大小差异来构建就显得过于单一。

许多时候，可以借助于颜色，字重，明暗来区分。使更重要的文字更大，字体更粗，颜色更鲜明，或用更深的黑色来表现。综合运用这些属性来建立视觉层次。

3用留白隔离元素。

两者之间没有任何关系，如果要把它们分开，使用分割线似乎是理所当然的事吗？是的，但这确实是一种过时而笨拙的表现方式。您需要的是一种更好，更优雅，更符合当前的表现方式。

并非简单地使用分割线，而是使用留白或负空间进行间隔。在很大程度上，分割线是一种难以控制的视觉噪音，相对来说，留白要好得多。

大多数情况下，删除分隔线是一种更快的方法，当然，更多的时候你需要适当调整留白的大小。

使用分割线分隔内容不仅会使扫描页面花费更长的时间，而且增加的信息噪声会影响整个层次结构。

4用阴影代替框架。

如果你想突出一些元素，你不需要依靠边缘描述。使用阴影可以起到同样的效果，单独使用会显得更加整洁。边缘描述+阴影会显得太乱。

使用相对较少的小阴影无疑会让效果更容易，看起来也不会突兀。

5用色条改善视觉调性。

如果你觉得内容块太单调，可以根据你的目的强化这个块的视觉属性。在内容区的一侧添加色条，可以增强视觉属性，同时赋予这个区块内容情感。

色条可以是单色的，也可以是渐变的，这取决于你想要传达什么样的视觉体验。这种色条也能起到很好的作用。这当然很大程度上是用在相对素质较高的页面上的，如果页面本身已经很花哨，那就不太好用了。

例如，使用红色和绿色来识别不同的状态，可以用色条来识别触发的Tab或控件。

6用背景色区分块。

实际上，同样是为了区分内容的块和层次，这种方法同样优雅而快捷，几乎可以算是一种不费力的设计技巧。

为了区分两个不同块的元素，可以简单的用不同的背景来区分。本质上，它采用类似卡片设计的思路——用不同的卡片分类内容。

相对来说，使用有差异但不太明显的不同色块作为背景，在保证整体整洁的同时，也起到了区分的作用。

7「字」尽其用。

谁不喜欢漂亮的字体？当然，每个人都喜欢，但字体的功能实际上是不同的。从呈现文本的强可读性文本到装饰性的视觉字体，不同的字体需要处理不同的功能。

简单看几种不同类型的字体:

（1）衬线字体：Serif本身就是衬线的意思，这种字体字符的末尾通常会有小的装饰衬线。饰外，衬线还可以增强字体的可读性。普通衬线字体：Georgia,TimesNewRoman,Cambria。

（2）非衬线字体：即Sans-Serif字体，它相对来说更现代，衬线被去除后，线条感更强，更干净，更符合数字时代的某些显示要求。普通非衬线字体：Helvetica,Montserrat,Gotham。

人们通常认为衬线字体更适合长期阅读，也更适合印刷。但是衬线字体的衬线和角度大多更锐利，在一定程度上会被视为视觉噪音。在屏幕分辨率还没有达到要求的时代，衬线字体的显示问题很大。当然，现在屏幕分辨率提高后，这个问题几乎不存在，但在小字体、低分辨率和小屏幕上，这个问题仍然存在。

（3）手写字体:手写字体通常被认为是手写字体。呈现时，往往会有连写笔画，更接近传统书写字体。手写字体更随意有趣。常见的手写字体包括:AlexBrush、GreatVibes、Sofia。

（4）显示字体:显示字体是一种功能导向分类，通常指用作标题显示、海报、徽章等场所的字体。它们表现力更强，视觉特征更突出。直言不讳地说，它们是为了吸引用户的注意力。常见的显示字体包括:Algerian、Curlz、Gigi、Umbra。

其实，在网页设计中，大多数情况下只使用衬线字体和非衬线字体。在英文网站中，通常使用衬线字体+非衬线字体。请注意，如果有不同厚度和重量的字体，最好使用相同字体中的字体。在中文中，思源黑体和思源宋体是开源、免费商业化的设计中非常常见的选择。

在视觉设计中，我坚持使用两种字体，很少使用三种字体。后者最多用于强调视觉的商业或艺术项目，如横幅和海报。

好了，以上就是7个可以帮助到大家提升UI设计视觉体验的小技巧了！大家只要能够将这7个小技巧逐渐融入到你自己的UI设计创作当中去，相信能够有一个很不错的提升！最后，学习UI设计，就上~

1、ui图标设计的图像隐喻——类似的东西

它代表了现实世界中的一个实体。最典型的设计有放大镜图标，购物车图标，邮件图标等等。

2、ui图标设计的图像隐喻——参照图标ui图标设计的图像隐喻

它是类比对象设计的，例如压缩类和解压缩类的工具图标，通常使用包装器和拉链的图像来表达概念。

3、ui图标设计的图像隐喻——随机的图标

这个图标设计与功能/意义无关，也没有传达功能意义。它取决于使用者的长期观察和使用，并逐渐熟悉其含义。目前，界面上的许多“保存”按钮都使用软盘图标。然而，软盘早就消失了。许多用户甚至不知道软盘的存在。但是，用户通过很长一段时间了解它的功能，并在大脑中形成这样一个概念循环。

图标仅包含必要的元素,容易快速的感觉,也不会让用户很难吸引人:图标设计比其他更优秀的视觉元素,视觉上引人注目,可扩展和灵活:图标应该是可伸缩的,不管大小是可以理解的,完整的、容易阅读,不欺诈:它应该没有隐含意义,没有可能被误读。

以上就是ui图标设计的图像隐喻的全部内容了，这些概念对于使您的UI设计作品变得更加出色起着至关重要作用。如果您对此类项目有兴趣，可以关注我们UI设计的其他内容，如果想知道更多图标设计的相关知识及技巧等，也可以点击本站的其他文章进行学习。

ui交互如何设计ui设计的基础内容有哪些吗？一、ui交互设计的基础内容ui设计，即界面设计。就是软件和网站的产品，我们通常看见的软件界面都是ui交互设计做出来的，这就是一个界面设计。二、ui交互设计的特点1、简介和功能简介这个应该是ui交互设计特征中的一部分，是从事网站、移动应用程序、智能设备、移动终端的界面设计的。ui交互设计的特点就是将视觉和交互相结合，将交互作为一种设计目地。3、ui交互设计的未来发展趋势如何。

UI交互设计是什么无论你做UI还是做交互，本质上都是在做设计。设计的思维要有，做UI要考虑用户的视觉感受予以操作引导，做交互要考虑用户的操作方式和用户使用流程，本质上都是设计，只是考虑的着眼点不一样，但是一定要用设计的思维去考虑。

现在的界面设计，注重用户的视觉体验也注重用户的使用体验，两者是密不可分的。

交互、UI、体验设计师区别是什么

答题思路:

需要深入了解这三者之间区别和联系

在未来，UI和交互可能慢慢都变成体验设计师，简单来说它们的区别是

交互设计师更偏重于产品体验，围绕“好用”这一目标。

UI设计师更偏重视觉，围绕“好看”这一目标

体验设计师职责有需求分析、市场分析、竞品调研用户研究、交互设计、原型及文档设计等工作。每次的改版迭代都要围绕用户需求去做。基本是半个产品。这也是未来无论UI、交互可能都要努力成为的目标。