UI设计优秀网站有哪些

网页和UI设计师常用的在线协同工具有BoardMix协同白板。BoardMix协同白板集思维导图、流程图、多种创意表达绘图工具于一体，打通协作成员之间的可视化捕捉灵感、创意表达、实时演示、高效协作整条链路，聚焦多人协作下的场景解决方案，远程用户可以进行合作、协作、头脑风暴和集思广益。

BoardMix协同白板可接入外部音频/视频会议平台，目前支持接入多个主流的音视频会议平台，包含各大主流办公软件等。支持一边操作，一边实时语音/视频沟通，及时获取团队成员的反馈，远程讲课也无障碍。BoardMix协同白板还可支持企业私有化部署，将BoardMix协作版部署到企业内部私有云服务器中，企业完全自主掌控，数据更安全、服务更稳定、协作更高效。

想要了解更多关于在线协同工具的相关信息，推荐选择BoardMix协同白板。BoardMix协同白板集自由布局、画笔、便签、多媒体呈现、脑图、文档等多种创意表达能力于一体，激发团队创造力无限延伸；同时更是支持插入常见文件类型并让其可视化呈现，添加便签标记想法，使用画笔挥洒创意。

\t我们先来看看线上UI设计培训为什么这么火爆。互联网飞速发展的是当代，网上授课成了一种新模式，节省时间的同时也为人们学习提供了便利。可以边上学业余时间学习，可以边上班下班后学习，工作学习两不误，不用到指定地点去学习，在家或在宿舍就可以学习。在线直播课堂授课教学，在课堂上可以随时和老师，同学们互动交流，不懂的可以及时问老师解决，讲课老师比较多，学到的设计经验多。项目实战教学内容融入的比较多，也比较新，每期班不断更新，真实商业案例实战教学，工作后遇到不懂的问题，也还可以找老师解决。

\t线上ui设计培训还可以培养出有较强的独立思维能力，自律能力，不迷信教师，能批判性地学习，多元化的学习方式，直播，录播，回播可以随心自由选择，不用担心错过任何一节课，学习时间还可以根据自己的情况来安排。还有就是线上UI设计培训费用相较于线下UI培训班学费便宜，这就是很多人选择线上UI设计培训。

\t那线上ui设计培训那个好？北大青鸟是一家专业的UI设计培训机构，北大青鸟UI设计培训课程教学内容根据企业招聘要求研发，学完就可以直接把所学到的UI设计技能运用到工作中去，快速适应工作岗位，融入企业设计团队。北大青鸟设计学院整合UID，UED，BVD三门设计课程，基于数字经济时代的特点，推出UID全链路设计课程高手班和大师班，满足了学员的不同需求。

\t如果你想转行学UI设计或者是想报名线上UI设计培训，可以报名北大青鸟线上UI设计培训进行系统学习！关于UI设计，了解更多，赶紧关注北大青鸟UI设计培训吧！

\t免责声明：内容来源于公开网络，若涉及侵权联系尽快删除！

1.PS

PS是一款图像处理软件，功能很强大，可以做界面设计、可以做图标设计等等。ps有很多功能，在图像、图形、文字、视频、出版印刷等各方面都有涉及。Adobe家族的顶梁设计软件、想从事UI设计工作PS软件一定要精通。

2.AI

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。在UI设计中AI软件专门做图形处理的工具，可以做矢量的图形，包括图标、文字设计等。AI是出版、多媒体和在线图像的工业标准矢量插画软件。 AI可以用来从事，平面设计，网页设计，UI设计等多种设计工作。

3.AE

在UI设计中AE主要用制作UI动效，例如转场动效、载入动效、粒子动效等等。适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。

4.ARP

Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。在UI设计中ARP主要用制作交互原型图。

5.Flinto

在网页交互设计中，Flinto是制作demo非常高效的工具，支持sketch导出。只要在sketch做好原型图然后通过插件就可以导入到Flinto。但Flinto的缺点在于，它缺少逻辑判断的功能。比如说点击一个区域可能有两张状况出现，此时Flinto并不能表现出这种逻辑关系，于是有了Origami作为补充。

6.Origami

Origami是Facebook开发的一款动态工具，它的优点是能很细致地表达一款动效的状态出来，支持各种逻辑的跳转，并且可以调动手机摄像头，模拟拍照功能，可以调用JS代码。但它的缺点在于不能做太多的页面，二十个页面以上的效果就会卡，不支持sketch的导入，需要手动拷贝文件夹。对设计师来说，因为代码思维操作，学起来也稍微显得有点困难。

视觉设计基础内容：通过对UI行业的讲解增加对整个行业深刻的认识，零基础学习PS和AI，在实际商业案例中学习PS/AI软件功能，多种商业案例、多类设计风格的学习让设计师面临各种需求时有所应对。

品牌运营视觉设计：学习手绘技能，结合手绘技能融合商业设计，系统打造商业品牌价值体系；每个品牌项目设计赋予准确的文化、理念、精神、与价值定位。电商运营视觉设计：C4D空间场景搭建+PS高级合成，站在营销和创意的角度，设计出吸引人眼球的高流量宣传页面。 PC端+移动端双重讲解，学习高竞争力的电商应用知识。产品交互UI设计：学习Sketch软件操作，熟悉项目全流程介绍、项目产品认知；能够制作PC、APP、电视、小程序等客户端界面设计及交互；融入行业新知识、加入行业特性。

想要了解更多关于UI设计的相关信息推荐选择Pixso协同设计。Pixso是一款专业的在线UI/UX设计工具，内置众多大厂的优秀设计规范，提供海量设计模板和素材，集成众多大厂优秀的设计系统，所有 UI 设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动，本地化字体资源，及专属私有化部署。

ui设计需要用到的软件很多，现列举一些ui设计常用的软件如下：

Photoshop、Adobeillustrator、AdobeAfterEffects、AxureRP、sketch。

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

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

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

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

（5）Sketch，即Sketch-A-Etch，是一款素描绘画类的软件，玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像，并且可以给它们上色。

Sketch-强大的矢量绘图工具

支持平台：只支持Mac

Sketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。

在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG（可选择2x）等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。

特色：

出色的用户体验

非常简单易用

提供大量实用的插件

Sketch插件集合可戳：sketch.im

2. Photoshop-强大的图片处理软件

请点击输入图片描述

支持平台：Windows＆Mac

Photoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片；并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。

PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。

特色：

照片处理技术（剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能）

强大的图层功能 处理副本时保存原件

批量处理照片

兼容其他Abode套件程序，如After Effect，InDesign，Illustrator

Photoshop可以将图像保存为各种格式

PS插件集合：2018最新PS插件合集 原来成为PS大神可以如此简单

3. 摹客原型-快速的在线原型界面设计工具

请点击输入图片描述

支持平台：Windows＆Mac

强大的高保真原型设计，和协作平台完全融合。快速产出和精细设计两不误：产品经理、UX设计师可快速完成交互原型设计，轻松制作流程图；UI设计师可做到像素级的保真度。

特色：

全新的主辅画板模式，可以灵活创建不同的交互效果。

支持多人同时在线编辑同一项目，共同完成APP原型设计。

自带钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能，设计创作自由随心

支持页面交互、状态交互、命令交互，以及设置多种触发方式和曲线，快速制作交互原型。

设计稿中支持直接绘制流程图，清晰呈现项目逻辑。

适用情景：中高保真原型，快速原型， WEB/移动端/平板原型，线框图，视觉稿

4. Zeplin-强大的协作工具

请点击输入图片描述

支持平台：Windows＆Mac

专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师，你需要把你的设计传达给开发团队，而Zeplin的设计是为了实现这一目标。Zeplin操作很简单，设计师直接从Sketch上传制作的UI界面设计，应用会自动生成一些注释，在面板右侧会直观的看到每个元素的大小，颜色，边距甚至是某些元素的代码信息。

另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。

特色：

良好的用户体验

轻松查看界面的间距，尺寸，颜色等

创建样式，帮助设计团队保持一致。

通过插件快速同步Sketch中的项目

支持PS，Sketch，Adobe等工具

5. AE-强大的动效视觉处理软件

支持平台：Windows＆Mac

请点击输入图片描述

Adobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。

AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。

特色：

震撼的视觉效果

与Premiere，Photoshop，Illustrator无缝兼容

\t1、Photoshop

\tPhotoshop并非一个单纯的图像编辑软件，它的应用领域涉及图像、图形、文字、视频、出版等各个方面，非常广泛。它常见的应用主要有：平面设计、修复照片、广告摄影、影像创意、艺术文字、网页制作、建筑效果图后期修饰、绘画、绘制或处理三维帖图、婚纱照片设计、视觉创意、图标制作、界面设计等等。目前的影视后期制作及二维动画制作也有所应用。

\t

\t2、Illustrator

\t它是美国ADOBE公司推出的专业矢量绘图工具，出版、多媒体和在线图像的工业标准矢量插画软件。强大的功用和简洁的界面设计风格，为线稿提供高精度和控制，适合任何小型设计到大型复杂项目，目前已经占据了全球矢量编辑软件中的大部分份额，据不完全统计，全球有97%的设计师在使用Illustrator进行艺术设计，尤其基于Adobe公司专利的PostScript技术的运用，Illustrator已经完全占领专业的印刷出版领域。

\t

\t3、Fireworks

\tAdobe

FireworksCS3是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具，可以加速Web设计与开发。它不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库,并可与Adobe

PhotoshopCS3、AdobeIllustratorCS3、AdobeDreamweaverCS3和AdobeFlash

CS3软件省时集成。在Fireworks中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和Flash的其它资源。然后直接置入Dreamweaver

CS3中轻松地进行开发与部署。

\t

\t4、CoreDraw

\tCorelDRAWGraphicsSuite是加拿大Corel公司的平面设计软件，该软件是Corel公司出品的矢量图形制作工具软件，这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。它包含两个绘图应用程序：一个用于矢量图及页面设计，一个用于图像编辑。这套绘图软件组合带给用户强大的交互式工具，使用户可创作出多种富于动感的特殊效果及点阵图像即时效果在简单的操作中就可得到实现——而不会丢失当前的工作。通过CoreDraw的全方位的设计及网页功能可以融合到用户现有的设计方案中，灵活性十足。该软件提供的智慧型绘图工具以及新的动态向导可以充分降低用户的操作难度，允许用户更加容易精确地创建物体的尺寸和位置，减少点击步骤，节省设计时间。

Pixso不仅实现了和Sketch、AdobeXD的无缝衔接，更基于优秀的组件变体、自动布局、实时协作等特色功能，团队成员面对一个复杂的设计项目，不再需要等主视觉完成后再进行子页面设计，让UI设计师在网页上就可以尽情自由创作。

该工具不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具。更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，组件级自动布局，增加或删除内容都无需手动调整，智能排版，且自适应不同屏幕尺寸。使设计师真正专注于创造本身。

想要了解更多关于UI设计的相关信息推荐选择Pixso协同设计。利用Pixso设计资源，快速开启原型制作，模拟最终产品形态和交互效果，实现了模拟画笔的特色，提供精细化矢量设计，自由切割线段，连点成面。基于云端协同编辑，Pixso将产品经理、设计师、开发的日常工作连接起来，实现协作更高效，设计更流畅。

利用Pixso设计资源，快速开启原型制作，模拟最终产品形态和交互效果，实现了模拟画笔的特色，提供精细化矢量设计，自由切割线段，连点成面。基于云端协同编辑，Pixso将产品经理、设计师、开发的日常工作连接起来，实现协作更高效，设计更流畅。

直接在原型基础上，快速邀请团队成员开启设计协作，自动生成切图标注，打开浏览器就能获取CSS、iOS、Android代码片段，还能根据团队配置，进行定制化功能开发，自定义管理权限，规避数据泄露风险。自带组件变体、自动布局等专业设计工具，支持UI/UX设计和原型播放，一体化完成高保真产品设计，直接拖拽使用自带的设计资源库，还可以将项目中常用的图标、自制组件一键保存，共享至团队资源库，省去大量重复劳动，形成统一视觉规范。

想要了解更多关于平面设计软件的相关信息推荐选择Pixso协同设计。Pixso可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具，更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，使设计师真正专注于创造本身。