ui要学什么软件

‘壹’ ui设计需要懂哪些软件

一、PS，很多人都使用过这个软件，用来抠图或者P一下自己的照片等等，进行一些简单的操作。PS的全称Photoshop，是Adobe公司的位图设计软件，Adobe公司出产了很多应用非常广泛的设计软件，PS是其中应用非常广泛的，它对图像、文字、图形、视频等都有很强的处理能力。也是我们作为UI设计必须要熟练掌握的软件，可以制作banner、海报、图标、界面等内容。

二、AI，全称Illustrator,是Adobe公司出产的矢量设计软件。在传统设计行业应用于插画、折页、宣传册、招贴等设计，在UI设计中可以用来制作图标、字体、2.5D立体图形、插画等设计内容。在UI设计中的应用也是非常广泛，比较重唤槐要的一个软件。

三、Xmind，这是一个思维导图软件，帮助设计师梳理产品结构，整体逻辑，也可以帮助设计师开拓思维、进行开放性思维、发射性思维梳理、形喊键成有逻辑的设计创新、创意。

四、C4D，全称CINEMA4D，是最近几年在UI设计中兴起的3维设计软件，主要应用于电商类产品、移动端启动页、宣传推广类设计中。因为大型的宣传策划活动都可以见到这个软件的身影，所以这个软件也是非常重要的。我们经常看到的天猫双11、京东618等大型活动的3维场景都可以在三维设计软件中进行设计。在日常设计中的3维图形、图像也可用这个软件进行制作。

五、Axure,是一款专业的原型设计软件，主要用在网页、移动端产品的原型图、流程图、说明文档等内容和渗友，可以快速的看到产品框架、梳理产品结构、前期简单界面展示等内容。

六、Sketch，只有Mac系统能用的软件，是现下比较流行的移动端界面设计软件。主要针对移动端产品的设计，相对于PS来讲，Sketch更加的简约、简单、功能更加实用移动端设计制作和输出。

七、AE，全称AfterEffects，也是Adobe公司的软件，主要用来视频制作、剪辑、动画制作，在UI设计中可以制作需要的动画，也可以配合界面进行操作动效展示。

八、Flinto，主要处理展示页面的动效，页面之间的跳转、页面动效可以用这款软件，可以帮助设计师展示自己产品的界面跳转和动效。

九、PxCook，中文名像素大厨，这是一款设计输出软件，当我们把所有的界面都得做完后，需要交接给程序工程师切图和标注，像素大厨可以帮助设计师更快、更方便的输出这些内容。

十、蓝湖，这是一款帮助整个团队进行协作的软件，可以共享产品文档、设计图等内容，可以有效解决团队成员之间的内容共享。

还有一些市场上在用的软件，比如墨刀、Dreamweaver、XD(ExperienceDesign)等软件。

‘贰’ ui设计师必须要学哪些软件

ANIMO：英国CambridgeAnimation公司开发的运行于SGIO2工作站和WindowsNT平台上的二维卡通动画制作系统，它是世界上最受欢迎、使用最广泛的系统，许多众所周知的动画片都是应用animo的成功典例。

RETAS：日本CELSYS株式会社开发的一套应用于普通PC和苹果机的专业二维动画制作系统，广泛应用于：电影、电视、派伍游戏、光盘等多种领域。其中文版本RETASMASTER由CELSYS在华出资设立的唯一机构厦门联合优创网络科技有限公司推出。

USAnimation：世界第一的2D卡通制作系统。应用USanimation您将得到业界最强大的武器库服务于您的创作，给您自由的创造传统的卡通技法无法想象的效果。轻松地组合二维动画和三维图像。利用多位面拍摄,旋转聚焦以级镜头的推、拉、摇、移，无限多种颜调色板和无限多个层。

3DStudioMax：常简称为3dMax或3dsMAX，是Discreet公司开发的（后被Autodesk公司尘友或合并）基于PC系统的三维动画渲染和制作软件。其前身是基于DOS操作系统的3DStudio系列软件。在WindowsNT出现以前，工业级的CG制作被SGI图形工作站所垄断。

Maya：美国Autodesk公司出品的世界顶级的三维动画软件，应用对象是专业的影视广告，角色动画，电影特技等。Maya功能完善，工作灵活，易学易用，制作效率极高，渲染真实感极强，是电影级别的高端制作软件。其售价高昂，声名显赫，是制作者梦寐以求的制作工具，掌握了Maya，会极大的提高制作效率和品质告液，调节出仿真的角色动画，渲染出电影一般的真实效果，向世界顶级动画师迈进。

LightWave：一个具有悠久历史和众多成功案例的为数不多的重量级3D软件之一。由美国NewTek公司开发的LightWave3D是一款高性价比的三维动画制作软件，它的功能非常强大，是业界为数不多的几款重量级三维动画软件之一。

Flash：由macromedia公司推出的交互式矢量图和Web动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。

‘叁’ UI设计需要学习用到哪些软件

大家都知道创意思维对于UI设计师的重要性，却也不能忽略基本功和工具对于设计师的必要性。

设计的基本功只有坚持不断的训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。设计工具也是一样，学习工具需要不断练习使用，才可以熟练的通过工具去表达设计理念与思维。

那么，转行UI设计或从事UI设计，到底需要学习哪些工具呢？

设计工具很多，我们不可能将所有软件全部学完，每个设计师也都有自己习惯使用的软件。我们只需在每类设计工具中选择精通一两前哪种即可，工具都是相通的，遇到类似的亮滚工具，设计师一般都会很快上手。

1、PS-AdobePhotoshop，一款由AdobeSystems开发和发行的图像处理软件。

相信不是设计行业的小伙伴也对它久仰大名，它是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像，其重点在于对图像的加工处理。

图片来源：PS启动页

那如何学习这么工具呢？

其实大家都知道，用实用的案例去学习一个工具，能让学习带有目的性，才能更快的掌握工具的使用方法，所以对于Photoshop的学习也是一样。

学习的途径一般有两种：看书、看教学视频。

在这里先给大家推荐两本PS的学习书籍，《AdobePhotoshopCC2019经典教》、《AdobePhotoshop国际认证培训教材》，这两本书都是权威认证的官方图书，针对Photoshop初学者深入浅出地讲解了软件的使用技巧，并用实战案例进一步引导读者掌握软件的应用方法。

视频的学习可能会比图书更生动形象，如果想要系统的自学PS，可以到某宝几块钱买一大堆视频，当然你也可以到我们官网，学习免费视频，该视频可以帮助你循序渐进、由浅入深的带着实际案例学习PS。视频链接：/course/215

2、AI-dobeillustrator，是一款应用于出版、多媒体和在线图像的工业标准矢量插慧键码画的软件。

它的功能强大，用户界面体贴，是大多数设计师选择矢量编辑软件的不二选择。

图片来源：AI启动页

关于AI的学习，也和PS的雷同，先了解软件，再通过实际案例去学习，在操作中熟练使用该软件。视频链接：/course/52

3、XD/Sketch，AdobeXD被定义为Photoshop的原型工具，是一款轻量级的矢量图形编辑器和原型设计工具，它常常被拿来和Sketch做比较。Sketch是一款轻量、易用的矢量设计工具，让UI设计的工作更加简单高效。

那你肯定会问这两个工具到底哪个好？

这完全取决于个人习惯和爱好。如果你已经习惯并喜欢使用一个工具，则无需切换其他的同种类工具。

4、AE-AdobeAfterEffects，Adobe公司推出的一款图形视频处理软件。

现如今动效设计在UI设计界面中越来越常见，国内很多互联网公司也开始重视动效设计了。产品中的动效设计可以给用户带来很好的视觉感受，更好的表达产品特色，让产品操作体验更加流畅。

5、C4D是UI设计中一款非常重要的工具，只要是涉足三维场景、产品、视效制作的地方，C4D都可以胜任。

C4D常常和AE这两款软件配合使用，协助我们完成3D渲染工作。它们好比一根麻花，是分不开的，同时也是互补的。

当C4D中画面做的过大，重新渲染的话，要老命一条，这个时候就可以打开AE调节一下；在C4D中颜色无法达到预期，那就打开AE重新润色一下；在C4D中这个灯光不好，效果不对，那就打开AE重新补光一下。

一旦你都会，并且掌握得行云流水，那么它俩合作呈现的视觉效果不仅狂拽酷炫炸翻天，同时也会为你的作品增添很多的质感，作品高大上加分很多！

最重要的是这俩软件会极大的缩短你工作的时间，却能收获极佳的效果。视频链接：/course/213

图片来源：阿多比设计学院学生作品

6、AXURE-AxureRP是一款专业的快速原型设计工具，它可以快速创建应用软件或Web网站的线框图、流程图、原型设计图。

作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。Axure不仅是UI设计师需要掌握的工具，在互联网行业也要求产品经理熟悉该工具的使用。

当然也有很多类似的工具，比如墨刀、Invision等，他们的优点各有不同，这些原型设计工具额优点不同，依据自己的习惯和爱好选择使用。

图片来源：Axure启动页

上面说了这么多，可能你还是觉得这些工具很抽象，这些工具到底有什么作用，用在哪些地方合适，接下来小阿再给大家详细介绍。

1、字体

在设计工作中，可能会找不到满意的字体，又不想侵权，这时候就需要自己设计字体。

那用什么工具可以设计字体呢？PS、AI可以帮助大家解决这个问题，在这里我可以分享几个关于字体设计的视频，更直观的感受如何设计字体。视频链接：/video/BV12C4y1872f?p=2

图片来源：字由

2、Logo设计、电商设计等

目前将插画运用于Logo、Banner、电商等可以让产品的页面更加生动，像店铺首页及专题页设计，就可以利用C4D和插画，丰富画面视觉效果。

图片来源：阿多比设计学院学生作品

淘宝电商需要大量的修图，修图用到的工具用到最多的肯定就是PS，如：电器修图、首饰修图、化妆品修图、服装修图。电商设计有专题页、详情页等，这些设计会根据不同的效果使用不同的工具。视频链接：/video/BV1xZ4y1u73G?p=6

3、Banner设计

图片来源：阿多比设计学院学生作品

4、动效设计

AE交互动画设计，增强界面交互操作体验感，跳转交互、加载动效、点击效果等。除此之外，AE还可以和C4D配合使用，协助我们完成3D渲染工作，让页面更立体。

以上只是分析了工具的使用，要想通过工具表达设计理念，需要懂设计基础、理论，才能设计出符合设计规范的优秀界面。依据市场需求，我们总结出了当前市面上需求量最高的全链路UI需要具备的能力。除了设计软件、全链路UI设计还需要会手绘插画、设计基础、UI设计相关知识、了解其他相关知识以及综合软实力。

1、会插画：设计师可以通过手绘去了解线条、明暗关系、结构关系、基本造型、透视关系等，有这样的思维，在设计工作中可以帮助我们快速抓到绘制图形、图标、拟物风格作品的要点。

从各个招聘要求可以看出，UI设计越往后走越是要求从业者有丰富的美术功底，将插画和设计灵活运用，相辅相成才可以顺应目前用户的视觉体验。

而且好的创意和想法一定不是先来自于电脑，而是先来自于本上，手绘是创意和灵感最好的表现及表达方式，养成手绘的习惯和会手绘这件事能够更加拓展设计师的思维，把你对图形的需求快速呈现草图上进行快速的演变图形尝试对比，进而提高工作效率。

图片来源：阿多比设计学院学生作品

2、设计基础：UI设计也属于设计专业，所以必须掌握设计原则、平面构成、色彩构成、立体构成（即三大构成）等设计理论。

有了这些才可以灵活的去怎样根据不同行业不同人群去定位品牌色彩，分析Logo图形的形式与气质、图像抽象化变形正负型结合、字母和图形结合等等。

图片来源：阿多比设计学院学生作品

3、UI设计规范：每个行业都会有一定的规范，掌握了设计基础以及工具使用，还需要掌握对行业内网页设计、移动端设计的规范、方法、流程等才能真正开始做UI设计。

4、其他技术：所谓的全链路UI设计师，就是全程参与整个产品的生命周期。

从需求分析到需求评审，用户调研、情绪板梳理到交互设计，视觉设计到视觉评审，UI审查、验收到用户调研，这一系的工作需要设计师都懂，设计部分全会。

5、综合软实力：一个项目从来也不是一个人能独立完成的，与他人合作团结有效的完成目标才可以让自己的工作得到真正的认可。

在UI设计参与的项目流程中，UI设计需要和产品、交互设计师、开发、测试等项目中的各类角色沟通，所以一个合格的UI设计应该善于沟通，有良好的团队合作精神。

产品不断迭代，这也需要UI设计善于总结和分析问题的能力。在每一次产品上线后，收集用户、测试的问题，然后不断去完善自己的设计。

说了这么多，学习UI设计，不能只关注设计工具，应该有个整体的学习路线，让学习内容更加全面。

你再熟悉工具，没有设计基础支撑，也无法设计出一个好的产品。但是工具的学习也是必要的，因为只有通过工具才能将我们的设计理念更好的表达。

希望这篇分享对你学习UI设计有所帮助。

‘肆’ 学UI设计都是要会哪些软件

大家都知道创意思维对于设计师的重要性，却也不能忽略基本功和工具对于设计师的必要性。设计的基本功只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。那设计工具也是一样，学习工具需要不断练习使用，才可以熟练的通过工具去表达设计理念与思维。那UI设计到底需要学习哪些工具呢？

设计工具很多，UI设计需要学习哪些软件没有一个固定的答案，因为每个设计师都有自己习惯用的软件。我们不可能将所有软件全部学完，每类设计工具我们选择一两种去学习到精通，如果今后的工作中遇到类似的工具会很快就能上手使用。

1、PS-AdobePhotoshop，是由AdobeSystems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名，更是设计专业人员必须掌握的设计工具。Photoshop主要处理以陪雀像素所构成的数字图像，其重点在于对图像的加工处理。

图片来源：PS启动页

那如何学习芦衫早这么工具呢？其实大家都知道，用实用的案例去学习一个工具，能让学习带有目的性，才能更快的掌握工具的使用方法，那对于Photoshop的学习也是一样。那学习的途径有很多,比如看书学习、看教学视频学习等。

在这里先给大家推荐两本PS的学习书籍，《AdobePhotoshopCC2019经典教》、《AdobePhotoshop国际认证培训教材》，这两本书都是权威认证的官方图书，针对Photoshop初学者深入浅出地讲解了软件的使用技巧，并用实战案例进一步引导读者掌握软件的应用方法。

2、AI-dobeillustrator，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。它的功能强大，用户界面体贴，是大多数设计师选择矢量编辑软件的不二选择。

关于AI的学习，也和PS的雷同，先了解软件，再通过实际案例去学习，在操作中熟练使用该软件。

3、XD/Sketch，AdobeXD被定义为Photoshop的原型工具，是一种轻量级的矢量图形编辑器和原型设计工具，它常常被拿来和Sketch做比较。Sketch是一款轻量、易用的矢量设计工具，让UI设计的工作更加简单高效。那你肯定会问这两个工具到底哪个好？这一切完全取决于个人习惯和爱好。如果你已经习惯并喜欢使用一个工具，则无需切换其他的同种类工具。

图片来源：Sketch工具页

4、AE-AdobeAfterEffects,Adobe公司推出的一款图形视频处理软件。现如今动效设计在UI设计界面中越来越常见，国内很多互联网公司也开始重视动效设计了。产品中的动效设计可以给用户带来很好的视觉感受，更好的表达产品特色，让产品操作体验更加流畅。

图片来源：阿多比设计学院学生作品

5、C4D是UI设计中一个非常重要的工具，只要是涉足三维场景、产品、视效制作的地方，C4D都可以胜任。C4D常常和AE这两款软件配合使用，协助我们完成3D渲染工作。它们好比一根麻花，是分不开的，同时也是互补的。

当C4D中画面做的过大，重新渲染的话，要老命一条，这个时候就可以打开AE调节一下；在C4D中颜色无法达到预期，那就打开AE重新润色一下；在C4D中这个灯光不好，效果不对，那就打开AE重新补光一下。

一旦你都会，并且掌握得行云流水，那么它俩合作呈现的视觉效果不仅狂拽酷炫炸翻天，塌侍同时也会为你的作品增添很多的质感，作品高大上加分很多！

最重要的是这俩软件会极大的缩短你工作的时间，却能收获极佳的效果。

?????????????????????????????????图片来源：阿多比设计学院学生作品

6、AXURE-AxureRP是一款专业的快速原型设计工具，它可以快速创建应用软件或Web网站的线框图、流程图、原型设计图。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。Axure不仅是UI设计师需要掌握的工具，在互联网行业也要求产品经理熟悉该工具的使用。

当然也有很多类似的工具，比如磨刀、Invision等，他们的优点各有不同，这些原型设计工具额优点不同，依据自己的习惯和爱好选择使用。

‘伍’ UI设计主要学习哪些软件

ui设计要学习Photoshop、Illustrator、Flash等图形软件的操作，还要学习配色、排版、字体设计、三大构成、消费心理学、沟通学、思维导图、原型图，还有交互逻辑、规范、切图、了解程序、用户体验以及营销。

‘陆’ ui设计需要学什么软件

传统意义上的UI设计学习需要学习AdobePhotoshop、租液派Illustrator、AfterEffect等软件，推荐使用Pixso协同设计，该工具包含多种设计软件功能，较海内外其他同类工具，Pixso协同设计性能更高效，操作更流畅。

Pixso自带组件变体、自动布局等专业设计工具，支持埋粗UI/UX设计和原型播放，一体化完成高保真产品设计，直接拖拽使用自带的设计资源库，还可以将项目中常用的图标、自制组件一键保存，共享至团队资源库，省去大量重复劳动，形成统一视觉规范。

在Pixso协同设计，只要完成一个交互动作的设置，画板上都会有浅蓝色的箭头，可以直观地看到整个原型的交互逻辑，点击箭头就可以进行调整。这无疑是提供了其他设计工具无法提弊贺供的“设计+原型动效”一站式体验，让UI设计与原型交互的工作区无缝衔接。

‘柒’ UI设计主要学习哪些软件

UI设计需要学习的软件分为4款，分别有PS，AI，AE，ARP，外加两个辅助插件如思维导图，马克鳗等软件，这些都是一名UI设计必需要掌握好的软件。

1、Photoshop

AdobePhotoshop，简称“PS”，是由AdobeSystems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

2、Adobeillustrator

Adobeillustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。

作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

3、AfterEffects

AdobeAfterEffects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以举戚塌及多媒体工作室。属于层类型后期软件。

AdobeAfterEffects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成，以及数百种预设的效果和动画，为您的电影、视频、DVD和MacromediaFlash作品增添令人耳目一新的效果。

4、AxureRP

AxureRP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是RapidPrototyping（快速原型）的缩写。

AxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和仔知规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理

5、思维导图

思维导图正圆又叫心智导图，是表达发散性思维的有效图形思维工具，它简单却又很有效，是一种实用性的思维工具。

思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接。

思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。

‘捌’ UI设计需要学习哪些软件啊

首先第一个是PS，全称Adobe Photoshop

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的图片处理工具，Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

在UI设计中主要起的作用也是绘制图标和界面这块用途偏重扁平化效果多一些。

第三个是AE，全称Adobe After Effects

‘玖’ UI设计需要学习用到哪些软件

一、UI设计主要软件：PS?即Adobe?Photoshop

对于最细小的软件图标，是用矢量绘图软件制作的，这样放大才不会失真，没有虚边。比如CorelDraw、Illustrator、FreeHand等都可以用来做图标，没什么限制。但是据行业数据统计，UI设计行业中，常用的主要软件为：PS和AI，其中PS为市场占有率最多，AI通常被用来纯矢量图辅助设计。

二、思维导图软件：MindManager或XMind?

MindManager或XMind都为思维导图软件，具体使用哪个软件并不重要，根据个人习惯就行。?

思维导图想必大家在进行策划分析和头脑风暴时，都用过。在UI设计中，也是经常用到。主要用来整理产品需求思路、产品架构、产品的交互逻辑等等。总之，在做视觉之前，他都是大家整理思绪的好帮手。

三、快速原型设计工具：Axure?RP或者Skech?

Axure?RP是一个专业的快速原型设计工具，Axure?RP是美国Axure?Software?Solution公司旗舰产品，是一个专业的快速原型设计工具。主要让定义需求和规格、设计功能和界面的专家（产品经理、UI设计师）能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为中慎专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。?

另外还有skech软件，Sketch让我们尽可能少的设计，将UI放在了首位，让我们专注于响应式的设计而不是照片的编辑，关注于交互和动画而不是人造的材质，但其市场占有率正在枝培握设计的发展阶段，多数集中于Axure。

四、动效设计：AE软件?

越来越多的国内公司开始关注动效设计了，越来越多的团队意识到动效在产品用户体验中的重要性。?

作为UI设计师，我们为什么需要动效设计？?

终极一点：就是让用户更加爽、更加爽的用你的产品（app、软件、智能硬件端等等）。动效设计可以将本来静态的图片用动态的逻辑表达出来，大多为了表达抽象的交互体验设计而制作动效，这样整个团队也能对未来产品的各类动态体验设计都有一个直观的认知。总之，在交互体验设计中用处太多，太强大了。?

五、前端设计：Dw软件?

即Dreamweaver，是html开发工具，编写静态页面和css样式，提示很给力，设计人员用的多一点。我们UI设计师也是需要了解学习前端的布局和设计的。?

说起设计师希望学前端的初衷，大概还是因为各种华丽的网页特效/交互太过吸引人，这种感觉大概就是：“Hey，我的设计稿（静态图片）可以做成网页访问了呢！?好在，“展示”猛庆对于前端技术来说反而是最简单的部分。所以，放下你对“编程”两个字的恐惧，从“称不上是编程语言”的?HTML/CSS?开始，先做点有成就感的东西出来吧！对于设计师来说，最有成就感的一定是“可以看到的东西”，而?HTML/CSS?正是用来干这个的。以至于最后UI设计师们能够更好的配合前端工程师们做好设计。