网站ui设计优秀模板

1、有哪些UI设计师的好网站

1、站酷
站酷(ZCOOL),中国人气设计师互动平台。深耕设计领域十年,站酷聚集了470万优秀设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
2、花瓣
花瓣网, 设计师寻找灵感的天堂!图片素材领导者,帮你采集,发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西
3、千图网
千图网是专注免费设计素材下载的网站!提供矢量图素材,矢量背景图片,矢量图库,还有psd素材,PS素材,设计模板,设计素材,PPT素材。
4、behance
Behance 是 2006 年创立的著名设计社区，在上面，创意设计人士可以展示自己的作品，发现别人分享的创意作品（上面有许多质量上乘的设计作品），相互还可以进行互动（评论、关注、站内短信等）。
《Behance》是一款Android平台的应用。

2、UI设计和网页设计的区别？

要想了解这两者的区别，就先来看看他们的定义是什么。UI设计是指软件的人机交互、操作逻辑、界面美观的整体设计，用自己的话来说就是设计软件和用户的互动方式。而网页设计是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。现阶段的UI设计，通常来说是一定程度上包含了网页设计的内容的，目前的UI设计面向的方向很广泛，除了UI设计，还包括了网站管理、网页设计、交互平台设计、app移动界面设计、用户体验、产品设计、电商包装设计等。而网页设计通常来讲是专门负责网站中各个页面的设计。而网页设计中，最先提到的就是网页的布局。布局是否合理、美观，将直接影响到用户的阅读体验及访问时间。

总之，UI设计包含有网页设计的内容，但是网页设计是一种更专业的网页界面、布局等设计。

3、如何利用UI设计一个清晰的网站结构

UI网页设计和网站建设不同，网站建设单单只是通过程序源码实现网站功能的实现，而UI设计则是体现在视觉角度，当两者相辅相成之时则将会成就网站建设的核心。深圳网站建设公司都会配备有专业的全职设计师，可能在设计师的需求上大都是创意，然而在我们真正做一个项目或者工程的时候则会发现“艺术家并不是需要创新，而是需要会活用技巧。”优秀的设计效果离不开技巧的运用，而技巧的运用则能够烘托出设计之美。
新华针对UI网页设计的实战经验和总结，以直观的改善网页视觉效果为目的来提升网站的高级感为目的，从网页的设计层次、字体、结构、对比、透明度等诸多因素上进行对比和调整，其详细内容可以分为以下几点：

1、使用色彩和字重来创造层次结构，而不是单纯的大小对比

在对UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。

单纯实用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。

如果可以的话，你甚至可以采用两到三种颜色：

（1）主要内容采用深色（诸如标题，但是不要用纯黑）

（2）次要内容采用灰色（比如文章发表日期）

（3）辅助性内容采用浅灰色（比如页脚中的版权声明）

类似的，在UI设计的时候，通常两种不同的字重足以营造出优秀的层次感：

（1）大多数的文本采用正常的字重（400到500，具体取决于字体）

（2）对于需要强调的文字采用较重的字重（600到700，具体取决于字体）

应当尽量不要让正文部分字重低于400，因为这一部分字体字体本身尺寸已经较小，低于400会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。

2、不要在有色背景上实用灰色的文本

在白色背景下，将黑色的文本改成灰色，是不错的淡化其视觉效果的做法，但是在彩色背景下这么做，则是另外一回事。

实际上，让白色背景下文本由黑变灰实际上是达到降低对比度的效果。

但是在彩色背景下，想要降低对比度是应该让文本逐步接近背景色，而不是改为灰色。

想要降低和背景色之间的对比，通常有两种方法：

（1）降低白色文本的不透明度

降低不透明度，能够让背景的颜色透过来一些，以一种不冲突的方式降低前景文字和背景之间的对比度。

（2）基于背景色手工挑选文本的颜色

当背景是图像或者图案的时候，半透明的文本会影响可读性，这个时候最好是基于背景主色调来挑选相应的文本色。

（3）阴影设计

相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。

如果你对此有兴趣，Material Design Guideline 非常清晰地给你讲明白了这样的阴影的制作细节。

4、尽量少使用 Borders

盒子模型是网页前端最常用到的工具。当你需要在两个元素之间创建分隔的时候，尽量避免实用两者的边界直接接触。

虽然 Border 是分隔两个元素的好办法，但是它不是唯一的方法，使用过多会让整个布局的设计感降低，甚至会造成混乱。

所以你可以尝试下面的办法来规避：

（1）使用 box shadow

box shadow 同样可以营造出边界感，而且更加微妙，并不会显得突兀，不会分散用户的注意力。

（2）实用不同的背景色来区分

通常，相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分。所以，你所需要做的就是在不同的区块采用不同的背景色，并且尝试删除边框，因为你根本不需要它。

（3）增加额外的留白

创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。

5、不要让小图标无端地放大

当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去 Font Awesome 或者 Zondicons 这样的网站找几个免费的矢量图标，然后放大到符合你需求的尺寸。

它们都是矢量图标，照说是可以无损放大的。但是一个通常只有16×16 的图标放大三四倍，它固然无损，但是在视觉上就显得颇为不专业了：缺乏细节，总感觉过于矮胖。

可是，如果这些小图标是你唯一能够搞得到的素材的话，那么不妨试着将它置于另外一个带有颜色的图形当中：

这样的设计不仅能够让图标达到预期的视觉体积，而且看起来要比单纯放大，看起来细节会更多一些。当然，如果你手头不是那么紧的话，最好还是买几个大尺寸的高素质图标，比如 Heroicons 或 Iconic。
真正而有效的UI设计需要符合用户、符合网民的需求进行设计，在网站建设的基础上完成网站的维护，网站建设离不开UI设计，所以掌握以上技巧后运用到设计中辅助网站建设，将会使得用户对网站的体验感和高级感更加满意。

4、老板问我，很多网站都提供免费建站模板，你一个UI设计，觉得自己设计和模板建站比，有什么本质区别？

首先，设计是服务于商业的，一般建站工具所设计的模板是有一个流程的，要保证生产效率高，产出多，让客户有选择，并且大部分主题较为商业化，特色比较不明确这才能够保证用户在短时间内选出大范围内适合自己的模板。 而设计师找到现成模板，可以借助其产品思路，再去想一些更契合公司文化的内容，以此调整到最适合自己公司的企业文化。

5、如何做出优秀的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产品设计的外延)，包括:软件的安装导航界面、产品的演示宣传动画、一些附带的桌面壁纸或者屏幕保护、代表软件的卡通小精灵、有时还会被要求设计软件的logo和广告banner等等。技术建模时期的关键是“风格和界面设计”。 三.分模块开发时期:这个时期软件开发过程进入实现阶段，也是需要人力最多的时期，这样就会分散UI设计师的精力。软件会被切分为若干个小的模块进行代码编写，最后整合成一个完整的软件产品。对于一个程序员来讲他们大多根本不会考虑到产品应该是什么样子应该有什么整体风格，他们所考虑的只是如何用代码实现设计的要求，而且在现在的软件企业多都实现了模块的复用，这样会大大节约人力成本，那么程序员只是对原有模板进行修改使之适应新的软件产品，这样就会对UI设计的最终贯彻和实现带来很大的麻烦。做出的每一个模块虽然已经能够使用但是都是“各自为政”没有统一，因此我们也需要主动的协助和监督程序员完整的实现UI设计的要求，如果有技术无法实现的问题需要及时沟通改正设计方案。有的时候有些模块需要有单独的风格，比如一些已有的软件产品需要集合到某一个新的产品中去，这样就会加大了设计师的设计难度，我们必须要在保证产品整体风格不变的情况下将原有产品的设计风格集合进去，使之更加适合新的产品表现形式。如果我们仍旧保持原有产品的风格那么当各个模块集合起来之后往往会使新的产品感觉很松散，进入每一个功能都会觉得是另外一个软件，使人对软件的印象不深刻。在这个阶段我们还是要主动一些，跟进各个模块界面的实现。现在很多软件企业都存在很多UI设计师和程序员的协作问题，不是程序员做不到UI设计的要求，就是UI设计师坚持一些自己的想法不能改动，还有的时候经常会有人过来没头没尾的说帮我做点东西吧!当软件集成到一起再一看，就是很多不同风格的东西堆砌到一起，从头到尾都不舒服，领导或者客户看了以后极度不满狂批一阵，最后得出结果UI设计做的不到位。 有人说UI设计师就要背着软件不成功的黑锅，因为人们根本看不见代码怎么写的，功能是怎么实现的，他们只知道对软件的样子和使用进行。让一个用户一个软件他们只会说这个软件好用看上去也不错挺漂亮的，但是做为一个普通用户决不会有人说这个软件程序写的不错。这么一看我们会联想到现在软件开发之中主要的冲突在UI设计师和程序员之间，其实这只是表面的表现形式。实质上这个现象体现了现在软件企业的一个通病就是这个开发组之间的协作关系混乱，程序员和UI设计师之间是平级协作关系，程序员是不会对产品负责的，这样看来UI设计师只应该听项目经理的，无论对设计做什么样的改动或者增添什么样的东西，都应该由开发项目经理和产品经理协商之后决定，只有他们可以对最终的产品负责。这样也可以避免很多程序员和UI设计师之间的争执和矛盾。但是现在大多说软件企业的产品经理和开发项目经理没有做到这一点，他们也根本不了解UI设计师和程序员的工作，也无法把握他们的工作量，这样无序的管理会造成很麻烦的后果。其实可以建立一些合理的流程管理制度，就算企业没有作为UI设计师也可以自己起草一份适合自己和企业的“UI设计需求申请单”，里边应该列出我们需要的“输入”内容、工作时间、最终的“输出”结果等等栏目(可以自己根据要求灵活决定)。这样形成一个有参与人、有依据、有存底的工作流程，出现问题或者争执的时候我们有据可依，这只是一个习惯性的东西因不同的企业而议不一定都要建立需求单。在分模块开发时期UI设计师应该做的是，在模块开发的前期做出产品每个模块的效果demo(可以用图片的形式表现)要求程序员按照demo的样式进行模块开发，协助和监督程序员严格按照UI设计要求生成最终产品，把握各个模块的统一，经常了解程序员的工作进展及时对不合理或者难以实现的设计进行讨论设计出新的方案。分模块开发时期的关键是“协助和监督程序员生成最终产品”。 四.测试时期的输入和输出: 软件产品的测试会分为三个测试阶段，第一个是分模块开发完成之后每一个模块进行的单元测试;第二个是将各个单元集成为一个整体的产品进行集成测试;第三个就是整个产品在交付使用前进行的整体测试。在测试过程中UI设计师的任务相对会轻松一些，我们只需要跟着测试人员走几遍流程，如果在其中发现没有按照UI设计要求的部分及时要求改正就好了。 我们还会经常遇到客户在测试过程中突然觉得那里不合适需要修改，这也是最最头疼的事情了，有的时候他们说的并不一定对，只要我们设计的每一个步骤都有一定的道理能够说服他们就一切ok了。如果他们执意要修改设计方案，那么我们没办法只能按照客户需求修改。但是如果前边按照本文的流程走下来我想这样的可能性不大就算是修改也不会是大动干戈。在修改过程中我们还是需要先做出效果图，让客户确定再具体实施，这样也会避免很多麻烦的。测试时期的关键是“检查整个产品发现问题及时改正”。如今软件的越来越多的考虑到人的因素，“以人为本”的设计理念贯穿了整个软件产品开发的始终，因此软件产品的UI设计过程最重要的两个部分就是行为和构造，也就是交互设计和界面设计。上面我们按照软件开发的四个阶段，逐个的分析了每个时期UI设计的任务。由此我们可以看出UI设计并不完全是一个美术设计的过程，还有很重要的一个部分就是交互性和易用性的设计。我们要时刻把自己放在软件的用户角度来考虑，设计出最简单易用，界面友好的软件产品。 善于使用继承，让美工团队去设计窗体的界面，程序团队只去实现窗体功能。来源:网络更多

6、七个网页界面ui设计细节你掌握了吗

素马主张任何高大上的产品概念设计最终落地都化解为版式与图片。随着用户对产品使用的体验要求越来越高，新锐的版式加上精美的图片，还需要加上独特的动效设计（前端制作工艺）才行。那么，除了网页设计三大块版式、图片、动效外，我们这些看似搬砖，每天做细节设计的ui设计师，是否有大的研究和作为呢。今天分享的这篇文章，主要是针对ui界面中非常细小的设计技巧进行讲解。

01

-

使用色彩和字重来创造层次结构，而不是单纯的大小对比

在对UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。

“这段文字重要吗？那么让它更大一些吧。”

“这段文字是比较次要吗？那么让它变小一点吧。”

单纯使用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。

“这段文字重要吗？我们让它色彩更加大胆一些吧。”

“这段文字是比较次要吗？我们让它的色彩更浅一些吧。”

如果可以的话，你甚至可以采用两到三种颜色：

・主要内容采用深色（诸如标题，但是不要用纯黑）

・次要内容采用灰色（比如文章发表日期）

・辅助性内容采用浅灰色（比如页脚中的版权声明）

类似的，在UI设计的时候，通常两种不同的字重足以营造出优秀的层次感：

・大多数的文本采用正常的字重（400到500，具体取决于字体）

・对于需要强调的文字采用较重的字重（600到700，具体取决于字体）

应当尽量不要让正文部分字重低于400，因为这一部分字体本身尺寸已经较小，低于400会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。

02

-

不要在有色背景上使用灰色的文本

在白色背景下，将黑色的文本改成灰色，是不错的淡化其视觉效果的做法，但是在彩色背景下这么做，则是另外一回事。

实际上，让白色背景下文本由黑变灰实际上是达到降低对比度的效果。

但是在彩色背景下，想要降低对比度是应该让文本逐步接近背景色，而不是改为灰色。

想要降低和背景色之间的对比，通常有两种方法：

1、降低白色文本的不透明度

降低不透明度，能够让背景的颜色透过来一些，以一种不冲突的方式降低前景文字和背景之间的对比度。

2、基于背景色手工挑选文本的颜色

当背景是图像或者图案的时候，半透明的文本会影响可读性，这个时候最好是基于背景主色调来挑选相应的文本色。

03

-

阴影设计

相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。

如果你对此有兴趣，Material Design Guideline 非常清晰地给你讲明白了这样的阴影的制作细节。

04

-

尽量少使用 Borders

盒子模型是网页前端最常用到的工具。当你需要在两个元素之间创建分隔的时候，尽量避免使用两者的边界直接接触。

虽然 Border 是分隔两个元素的好办法，但是它不是唯一的方法，使用过多会让整个布局的设计感降低，甚至会造成混乱。

所以你可以尝试下面的办法来规避：

1、使用 box shadow

box shadow 同样可以营造出边界感，而且更加微妙，并不会显得突兀，不会分散用户的注意力。

2、使用不同的背景色来区分

通常，相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分。所以，你所需要做的就是在不同的区块采用不同的背景色，并且尝试删除边框，因为你根本不需要它。

3、增加额外的留白

创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。

05

-

不要让小图标无端地放大

当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去 Font Awesome 或者 Zondicons 这样的网站找几个免费的矢量图标，然后放大到符合你需求的尺寸。

它们都是矢量图标，照说是可以无损放大的。但是一个通常只有16×16 的图标放大三四倍，它固然无损，但是在视觉上就显得颇为不专业了：缺乏细节，总感觉过于矮胖。

可是，如果这些小图标是你唯一能够搞得到的素材的话，那么不妨试着将它置于另外一个带有颜色的图形当中：

这样的设计不仅能够让图标达到预期的视觉体积，而且看起来要比单纯放大，看起来细节会更多一些。当然，如果你手头不是那么紧的话，最好还是买几个大尺寸的高素质图标，比如 Heroicons 或 Iconic。

06

-

增加带有颜色的单边边框提升个性

当然，你可能并不是一个对于平面设计有着足够经验的设计师，但是依然可以让你设计的界面有足够的视觉吸引力。

最简单的方法，就是在界面的边框中的一边添加上单色甚至渐变的边框，这能让平淡无奇的界面一下子变得鲜活起来。

比如在警告弹出框的侧面：

或者在导航栏的底部，以示触发：

或者在整个页面的顶部：

这并不需要什么平面设计的经验，但是会明显强化设计感。

退一万步讲，你不知道选取什么颜色，简单，上Dribbble 的色彩搜索中随便找几个看着漂亮的颜色，其实也就够用了。

07

-

并非每个按钮都需要颜色

很多时候，按钮本身所处的语境和按钮上的文本内容会让人感到迷惑。像BootStrap 这样的框架就让设计师按照语境和语义来进行选择：

“这是一个积极的操作？让这个按钮是绿色的吧。”

“这是否是要删除数据？那么将按钮设置为红色的吧。”

的确，语义和按钮本身的设计息息相关，但是还有更重要的维度被忽略了，那就是层次结构。

网页上每个操作其实都位于整个交互金字塔的某个位置。绝大多数的页面其实只有一个主要操作，搭配一些不太重要的次要操作，以及为数不多的几个三级操作。

在设计这些交互的时候，通过层次结构来呈现这些交互的重要性是很重要的设计环节。

・主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。

・次要操作应该明显，但是不突出，采用幽灵按钮或者和背景对比度较低的色彩是比较合理的。

・三级操作应该是可被发现，但是不明显的，他们最好被设计为链接。

“破坏性的交互所涉及的按钮难道不应该是红色的么？”

没必要！如果破坏性的交互所涉及到的按钮不是主要操作的话，让它按照次要操作甚至三级操作的按钮来设计就好了。

如果这样的操作是主要操作的话，可以让它是大号的、红色的带有加粗文本的按钮：

小结

-

以上总结的七个ui界面设计小细节处理技巧，都是大量的项目实战工作中总结出来的，容易理解也容易执行。有人可能说，连一个像素都在磕，又不是搞科学研究火箭发射，有必要吗？我只能说，这是一个工作的专业度问题和态度问题。也许一像素并不影响ui界面的美观问题，但是却是一位大师和普通工人的区别。

7、国外有哪些好的ui设计网站 知乎

　10个国外较优秀的UI设计网站。作为设计师，除了要有庞大的素材库，要保持高度的行业敏锐度，得到第一手行业资讯，还要不断地学习充电。通过它们，你就能每天收到设计行业最新的相关资讯，包括行业动态、设计作品、创意灵感以及素材等等。

1、UIparade:灵感UI设计目录网
UIparade:灵感UI设计目录网是一个致力于设计师UI设计作品分享的网站，提供世界是最有才华的设计师们的优秀作品，帮助设计师们获得UI方面的设计灵感，提供丰富的设计参考案例，同时还提供收费版的在线设计工具。

2、MaterialUp:创意UI设计灵感分享网
MaterialUp:创意UI设计灵感分享网是一个致力于移动应用和网站程序、概念设计作品展示的网站，每周都会更新最新收录的创意设计，帮助设计师们寻找极富灵感思维的设计作品，设计没思路？没灵感？那么你就赶紧订阅这个网站吧。

3、HudsandGuis:科幻UI界面分享博客
HudsandGuis:科幻UI界面分享博客是一个致力于分享电影里的科幻类UI界面设计的站点，我们都看过钢铁侠系列的电影，对于里面的带有浓厚未来科技理念的UI界面设计有着强烈的视觉冲突，该博客就是分享此类的UI界面设计资源。科技UI界面是从国外的科幻电影里衍生出来的新设计理念，这样的UI设计拥有超前的想象力和极简的设计元素，是提醒未来科技发展的最佳创意思维，越来越多的科幻电影采用了这样的视觉展示资源，让电影里的未来气息更加浓厚，如果你喜欢此类UI设计的话，不妨多关注这个博客网站，你会收到到很多超酷的UI资源。

4、Mantia:苹果UI设计网
mantia.me是一个苹果手机UI设计站点，网站提供免费的icon图片和桌面以及UI设计下载和使用。网站作者曾经是iTunes团队人之一，参与了iTunes图标的设计。

5、Android Design:安卓UI设计网
安卓系统的UI界面总比不上IOS的优秀和炫丽，很多手机控对安卓的UI一直建议非常多，这不谷歌Android团队也看不下去了，终于宣布推出安卓UI指导性质的网站:Android Design:安卓UI设计网。该网站上有很多资料，其中包括一般风格指南、设计样式，以及Android的部分默认UI 构件 — “Building Blocks”。网站还重点介绍了Android 4.0中用户界面元素，有些新特征在老版本中可能不能立即得到支持。但就长远来说，这是一个不错的改变。

6、FluiDui:智能手机UI设计测试平台
　 FluiDui:智能手机UI设计测试平台是一个针对于苹果手机和安卓手机系统UI设计的网站，可以在线通过谷歌浏览器试用Fluid UI，进行一些换肤、位置、图标等测试。苹果手机和安卓手机的流行也为手机系统的UI设计添加了一把火，想这样的可以在线通过浏览器来调试系统UI的网站少之又少，如果你是手机系统UI的设计师，那么这个网站绝对要去试试了，不过需要注册以后才可以试用，登录后有非常丰富的图标、套图、模版可以在线测试的。

7、LovelyUI:可爱的UI手机界面设计库
LovelyUI:可爱的UI手机界面设计库是一个致力于智能手机界面设计作品展示的博客网站，由众多程序界面设计师上传分享出来的，该网站分类详细，用户可以更加分类来查看不同的界面UI设计。手机系统的界面UI就跟大厨做菜一样，你的菜谱要征服用户的胃，应用程序界面也需要吸引用户的眼球才能让一个应用程序有良好的用户体验，要想提高自己的设计能力就需要去取经，该网站就是你取经的必备网站之一。

8、GetUIcolors:在线UI颜色分享网
GetUIcolors:在线UI颜色分享网是一个帮助设计师发现最佳颜色搭配的网站，当你在设计UI素材的时候合理的颜色搭配就显得非常重要，该网站把搭配好的颜色整合在一起供设计师使用，直接复制即可。

9、UI Cloud:UI设计素材云搜索引擎
UI Cloud:UI设计素材云搜索引擎是一个针对UI设计素材搜索的网站，通过关键字搜索你所需要的素材，并且下载是完全免费的，漂亮的网站UI设计加上优秀的素材下载资源，绝对是你找素材的好应用。
UICloud平台收集了来自世界各地的互联网上最好的UI元素设计作品，并提供了一个搜索引擎为你找到所需要的最好的UI素材。
该平台的目标是要创造最大的平台，展示其顶级的用户界面设计，并为开发人员轻松快速地创建项目，辅助其获取得到最好的UI素材。目前已收录超过22444个UI作品。

10、Fltdsgn:平板UI设计分享网
Fltdsgn:平板UI设计分享网是一个提供平板APP和html5网站模版UI作品展示的网站，帮助设计师们寻找灵感，激发你的创意思维，支持邮箱订阅最新更新，每天都可以让你找到创意模版设计资源。在该网站你除了可以寻找合适的UI外，还可以提交自己的设计作品，该网站收录的创意作品，除了有截图还会发布作品设计来源，也可以作为宣传自己团队的平台来使用。

8、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产品设计的外延），包括：软件的安装导航界面、产品的演示宣传动画、一些附带的桌面壁纸或者屏幕保护、代表软件的卡通小精灵、有时还会被要求设计软件的logo和广告banner等等。技术建模时期的关键是“风格和界面设计”。 三.分模块开发时期：这个时期软件开发过程进入实现阶段，也是需要人力最多的时期，这样就会分散UI设计师的精力。软件会被切分为若干个小的模块进行代码编写，最后整合成一个完整的软件产品。对于一个程序员来讲他们大多根本不会考虑到产品应该是什么样子应该有什么整体风格，他们所考虑的只是如何用代码实现设计的要求，而且在现在的软件企业多都实现了模块的复用，这样会大大节约人力成本，那么程序员只是对原有模板进行修改使之适应新的软件产品，这样就会对UI设计的最终贯彻和实现带来很大的麻烦。做出的每一个模块虽然已经能够使用但是都是“各自为政”没有统一，因此我们也需要主动的协助和监督程序员完整的实现UI设计的要求，如果有技术无法实现的问题需要及时沟通改正设计方案。有的时候有些模块需要有单独的风格，比如一些已有的软件产品需要集合到某一个新的产品中去，这样就会加大了设计师的设计难度，我们必须要在保证产品整体风格不变的情况下将原有产品的设计风格集合进去，使之更加适合新的产品表现形式。如果我们仍旧保持原有产品的风格那么当各个模块集合起来之后往往会使新的产品感觉很松散，进入每一个功能都会觉得是另外一个软件，使人对软件的印象不深刻。在这个阶段我们还是要主动一些，跟进各个模块界面的实现。现在很多软件企业都存在很多UI设计师和程序员的协作问题，不是程序员做不到UI设计的要求，就是UI设计师坚持一些自己的想法不能改动，还有的时候经常会有人过来没头没尾的说帮我做点东西吧！当软件集成到一起再一看，就是很多不同风格的东西堆砌到一起，从头到尾都不舒服，领导或者客户看了以后极度不满狂批一阵，最后得出结果UI设计做的不到位。有人说UI设计师就要背着软件不成功的黑锅，因为人们根本看不见代码怎么写的，功能是怎么实现的，他们只知道对软件的样子和使用进行评论。让一个用户评论一个软件他们只会说这个软件好用看上去也不错挺漂亮的，但是做为一个普通用户决不会有人说这个软件程序写的不错。这么一看我们会联想到现在软件开发之中主要的冲突在UI设计师和程序员之间，其实这只是表面的表现形式。实质上这个现象体现了现在软件企业的一个通病就是这个开发组之间的协作关系混乱，程序员和UI设计师之间是平级协作关系，程序员是不会对产品负责的，这样看来UI设计师只应该听项目经理的，无论对设计做什么样的改动或者增添什么样的东西，都应该由开发项目经理和产品经理协商之后决定，只有他们可以对最终的产品负责。这样也可以避免很多程序员和UI设计师之间的争执和矛盾。但是现在大多说软件企业的产品经理和开发项目经理没有做到这一点，他们也根本不了解UI设计师和程序员的工作，也无法把握他们的工作量，这样无序的管理会造成很麻烦的后果。其实可以建立一些合理的流程管理制度，就算企业没有作为UI设计师也可以自己起草一份适合自己和企业的“UI设计需求申请单”，里边应该列出我们需要的“输入”内容、工作时间、最终的“输出”结果等等栏目（可以自己根据要求灵活决定）。这样形成一个有参与人、有依据、有存底的工作流程，出现问题或者争执的时候我们有据可依，这只是一个习惯性的东西因不同的企业而议不一定都要建立需求单。在分模块开发时期UI设计师应该做的是，在模块开发的前期做出产品每个模块的效果demo（可以用图片的形式表现）要求程序员按照demo的样式进行模块开发，协助和监督程序员严格按照UI设计要求生成最终产品，把握各个模块的统一，经常了解程序员的工作进展及时对不合理或者难以实现的设计进行讨论设计出新的方案。分模块开发时期的关键是“协助和监督程序员生成最终产品”。 四.测试时期的输入和输出： 软件产品的测试会分为三个测试阶段，第一个是分模块开发完成之后每一个模块进行的单元测试；第二个是将各个单元集成为一个整体的产品进行集成测试；第三个就是整个产品在交付使用前进行的整体测试。在测试过程中UI设计师的任务相对会轻松一些，我们只需要跟着测试人员走几遍流程，如果在其中发现没有按照UI设计要求的部分及时要求改正就好了。我们还会经常遇到客户在测试过程中突然觉得那里不合适需要修改，这也是最最头疼的事情了，有的时候他们说的并不一定对，只要我们设计的每一个步骤都有一定的道理能够说服他们就一切ok了。如果他们执意要修改设计方案，那么我们没办法只能按照客户需求修改。但是如果前边按照本文的流程走下来我想这样的可能性不大就算是修改也不会是大动干戈。在修改过程中我们还是需要先做出效果图，让客户确定再具体实施，这样也会避免很多麻烦的。测试时期的关键是“检查整个产品发现问题及时改正”。如今软件的越来越多的考虑到人的因素，“以人为本”的设计理念贯穿了整个软件产品开发的始终，因此软件产品的UI设计过程最重要的两个部分就是行为和构造，也就是交互设计和界面设计。上面我们按照软件开发的四个阶段，逐个的分析了每个时期UI设计的任务。由此我们可以看出UI设计并不完全是一个美术设计的过程，还有很重要的一个部分就是交互性和易用性的设计。我们要时刻把自己放在软件的用户角度来考虑，设计出最简单易用，界面友好的软件产品。善于使用继承，让美工团队去设计窗体的界面，程序团队只去实现窗体功能。来源：网络更多