好用的UI设计工具有哪些?求高手推荐

发布网友发布时间：2022-04-24 17:32

共16个回答

懂视网时间：2022-05-13 04:21

主要用途是，我想找人做个网站，我在做PPT时，想大体描述一下网页中都有哪些元素，他们的位置在什么地方，如何排版等。用PS设计效果图太慢，我的要求又不高，能大体展示一下网站的主要功能，表达出我的需求就可以了。

就是那种像PPT里面的图标，里面有很多个小构件，可以直接拖放排布的那种。
我要的只是做出大体的样子，让别人知道我想要的网页是什么样子，不需要实现功能，也不需要效果图。

回复讨论(解决方案)

参考这里，直接可以在线生成界面
http://www.jqmapi.com/

Axure也可以做。

Axure也可以做。
+1

太谢谢你们了

热心网友时间：2022-05-13 01:29

按UI的工作流程推荐一波：
一、项目前期准备：流程图工具-Visio
在正式进行UI界面设计之前，UI设计师需要对产品整体的流程进行思考。此阶段可以使用流程图软件Visio或XMind对需求的流程进行梳理，这会给后期的沟通减少很多不必要的麻烦。
二、原型设计工具-Mockplus

相比老牌原型工具Axure，Mockplus是一款简单、便捷的国产原型工具，可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标，拖出即可用，非常方便。同时Mockplus也支持多人协作设计。
三、矢量绘图工具-AI

AI是目前最强大的矢量图绘制工具之一，主要应用于印刷出版、海报排版、专业插画、多媒体图像处理和互联网页面的制作等。支持任意形状渐变、全局编辑、自定义工具栏、裁切视图、内容识别裁剪等特色功能，非常实用。
四、划参考线工具-GuideGuide
GuideGuide是一款可以应用于PS、AI、Sketch及XD里面的划参考线插件，安装非常方便。此外，它支持一键生成参考线，也可针对画布或者自定义选区新建参考线等。
五、UI界面设计工具-Sketch
Sketch可以说是一款专为UI设计师而生的矢量绘图工具。相对于PS，SKetch定位更加精准，操作更简单及轻量化。“设计，修改、演示”的一站式功能，可以帮助UI设计师快速完成界面设计，元素批量修改及快速演示等。但是目前只支持在Mac上使用。当然，没有Mac的，也可以用PS或XD进行界面设计。
六、配色工具- Material Design Color
对于UI设计师来说，配色是极其重要的一个环节，有人称之谓“成也配色，败也配色”也不为过。一个好的UI配色可以起到诸多作用，如：显示界面整体架构、明确层级关系及提升转化率等等。其重要性可见一斑。而配色一直是让UI设计师非常头疼的，对于新手小白更是如此。当然，有了配色工具-Material Design Color，这些问题都不用愁。其操作非常简单，便捷，灵活。
七、标注、切图、高保真原型工具-摹客iDoc
UI设计师做好界面设计后，就到了最让人恼火的环节了-如何将自己的设计稿快速交付（标注、切图、高保真原型等）给前端开发？用摹客iDoc的插件，就能轻松标注和切图，帮助设计师快速完成交付。支持sketch、PS、XD的设计稿和Axure、Mockplus的原型图。
八、圆角工具-Corner Editor
这是一款在PS上运行的插件-圆角工具。与PS里面的自带圆角编辑功能相比，Corner Editor操作起来更加简单便捷。除了可以单独设置圆角大小外，就算元素变形了，一样可以进行圆角处理。
以上是我的推荐，望采纳~

热心网友时间：2022-05-13 02:47

Photoshop。不用多说，任何一名设计师都必须掌握的一款软件，其主要功能涉及图像、图形、文字等各个方面，无论是处理加工图片，还是凭空创作作品，PS强大的功能都能一一事件，掌握PS是成为一名设计人员的前提。

Illustrator。一款功能强大的矢量图绘制图片，全球有97%的设计师使用AI进行艺术作品创作，无论是在小型设计还是大型项目中，AI都能淋漓尽致地发挥作用，同为Adobe公司产品，AI与PS之间具有良好的兼容性，配合使用常能发挥1+1＞2的作用。

CoreDraw。CoreDraw是加拿大公司Corel开发的一款软件，CoreDraw为设计师提供了高效矢量动画、页面设计、网站制作、位图编纂和网页动画等功能。利用CoreDraw您可以创作出很多精美的平面、动画效果，话费时间在同类软件中是最少的，帮你节省大量时间。

热心网友时间：2022-05-13 04:22

软件方面有：Photoshop、Illustrator、After Effects、Axure、Adobe XD、Sketch等。
技能方面可以向：运营广告设计、商业海报设计、品牌包装设计、网页界面设计、商业摄影、电商视觉设计、H5、AE、移动APP设计、多平台界面设计、小程序等。
理论方面需要学习：排版、配色、字体设计、三大构成、消费心理学、沟通学，以及思维导图、原型图、还有交互逻辑、规范、切图，了解程序，用户体验，还有营销课程方面的内容。
在线协同工具/平台：Axure、JustinMind、蓝湖、摹客。
重点讲讲在线平台吧，像身边好多设计师都在用的就是蓝湖，可以在线协同切图、标注、下载还能最直观的进行演示，这部份就是在给需求方演示的时候就更直观了因为需求方很多时候并不是那么懂。而且这个平台还支持蛮多插件的。

热心网友时间：2022-05-13 06:13

PS、AI、AE、Axure、蓝湖等等，UI设计的工具很多，在学习时可以自行选择一类工具中的一种熟练掌握。

热心网友时间：2022-05-13 08:21

亲自去看看就知道了，不要听别人讲，事物都是相对的，有说好的肯定也有说不好的，还是要自己去看，去感受了

热心网友时间：2022-05-13 10:46

axure用来做原型设计，苹果系统用sketch、安卓系统用ps、xd，再将设计图纸传到蓝湖上来做设计协作，保证更高效

热心网友时间：2022-05-13 13:27

ps，、ai，、ae，、axure、c4d、墨刀、Sketch、PxCook、蓝湖

热心网友时间：2022-05-13 16:25

好用的UI设计工具有Pixso协同设计、Photoshop等，更推荐选择Pixso协同设计。

作为一款高效的在线协同设计软件，Pixso可助力多人实时协同作业，使设计协作不受时空*，更快完稿。项目成员可在线随时查看最新版的设计稿，告别过去反复上传下载文件的繁琐模式。特色“观察者模式”还可助力用户在远程会议、教学培训等场景中跟随演示者视角，更直观查看设计内容。
交付流程中，Pixso提供强大的自动标注功能，系统将自动生成智能标注，将设计师在Pixso中所绘制的每一个元素的尺寸、位置、间距和颜色等信息直接呈现在代码里，使交接更顺畅。通过一个链接、产品经理、设计师和研发人员可以在同一桌面共同作业，告别重复繁琐的步骤，大大提升交付效率。

想要了解更多关于UI设计工具的相关信息，推荐选择Pixso协同设计。团队成员面对一个复杂的设计项目，不再需要等主视觉完成后再进行子页面设计。在Pixso完全可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。并且可以创建一个组件，在任何地方重复使用它，当主组件样式更新，所有组件将自动同步发生改变，满足更多的设计需要。

热心网友时间：2022-05-13 19:40

色彩感和设计感是重要的
专业能力是基础，设计师需要终生学习。
除此之外，设计师的软实力也要加强，比如团队协作能力，是很多企业对求职者的根本要求。在众多工作的执行过程中，优秀的团队协作能力能让你赋能团队，让项目执行更高效。
团队协作能力优秀的设计师，往往懂得沟通。提高与团队成员沟通效率的方法有很多，设计师们除了通过蓝湖提高与产品经理、工程师的沟通效率外，要谨记“见人说人话”的道理。
在跟其他部门的同事沟通时，站在他的角度上思考，用适合他的语言与他进行沟通，往往事半功倍。

热心网友时间：2022-05-13 23:11

工欲善其事必先利其器，目前最火职位UI设计师们是如何选择自己称手的设计工具呢?UI设计师选择UI设计工具的标准是什么呢?厦门中软UI培训老师为你讲解UI设计师选择UI设计工具的标准：
1. 流畅性；2.可靠性；3. 专注于UI的界面
4. 基于矢量的工作流程
我提到的三个设计工具都可以做矢量图，这里我最喜欢的设计工具是有着非破坏性布尔运算的Affinity。最不舒适的是Sketch，它的功能有一定的局限性。

热心网友时间：2022-05-14 02:59

没有最好的产品，只有最适合的工具，个人使用习惯和喜好不同对产品原型工具评价也会有所偏差。现在主流的原型界面设计软件基本就那几款吧，比如Framer、Shireframe、v-proto，前几款对技术和入门还是有要求的，后者是国产，更符合国人使用习惯，而且零基础的人也能很好的使用。

热心网友时间：2022-05-14 07:04

UI设计软件相关的技术
学习UI图形界面设计，常用的几个软件分别是
一、Photoshop
二、Sketch
三、蓝湖
四、Axure

热心网友时间：2022-05-14 11:25

ps sketch xd 蓝湖

热心网友时间：2022-05-14 16:03

我设计用的 Sketch，设计完成后的标注切图用蓝湖自动完成，协作也是

热心网友时间：2022-05-14 20:58

在前几篇文章中，小编姐姐分享了《UI设计流程大解析》，今天我们来谈谈各个流程中都需要什么样的工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师，你需要多掌握一些技能，才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议，接下来我们就来盘点一下那些UI设计师需要掌握的设计工具。

一、流程图工具

1、Mindnode

Mindnode是在Mac和IOS上的流程图工具，它同时具备专注性和灵活性。是进行头脑风暴和组织规划生活事务的绝佳工具。

2、百度脑图

百度脑图是一个线上，云端操作的思维导图工具。即时存取，方便分享\协同，不受终端*，在任何地方都可以打开。

3、Xmind

同样的，Xmind是一款流行思维导图软件，打造易用、美观、高效的可视化思维管理工具。

4、MindManager

其实，思维导图工具都是大同小异，具体的你用的舒不舒服，需要你亲自实践，你觉得哪个合适你，你就选择用哪一个。

二、原型图工具

所需工具：Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)

1、Sketch

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

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

特色：

a、出色的用户体验；

b、非常简单易用；

c、提供大量实用的插件。

Sketch是一款轻巧、易用的矢量设计工具。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成，能省去不少时间。内含网页流程图模板、移动线框包、迷你暗色流程线框图、iPhone框架模板、Apple Watch交互流程包。　在原型框架素材的基础上，用 Sketch 画出符合产品需求的框架图。如下：

2、POP

Prototyping on Paper，一款手机 App，把纸上的东西变为原型。拍照后可在手机上编辑热区，手机上快速模拟原型动效。

3、墨刀MockingBot

墨刀，是一款在线的高保真原型与线框设计交互工具，相信很多设计师都用过。可自动标注、代码样式、下载多倍率切图，解决设计师与多平台开发对接时的交付问题。

三、原型交互demo工具

所需工具：Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)、Mockplus(原型界面)

1、Axure

你可以用 Skecth 设计完后，直接上 Marvel，实现高保真交互展示。且 Marvel 有 Sketch 插件，可以一键导入。如果你设计的是手机 App，用 Marvel 后，就可以直接在手机上给别人演示啦。

2、Marvel

3、Principle

Principle 主要用于实现较复杂的交互动效，操作比 Marvel 难一些，适合有动画基础的人。

4、墨刀

墨刀也是原型工具，也可以实现交互的功能。你比方说，你在墨刀里做了一些原型页面，可以通过交互演示给客户看。这样更直观一些。不多说了。

5、Mockplus

支持平台：Windows&Mac

Mockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。

值得一提的是Mockplus最近发布的一款摹客设计系统可谓是给UI设计师提供的一大福利了，该系统提供标准色、标准字、图标、布局等等这类大纲，几乎囊括了一份设计规范文档该有的所有内容，并且支持Sketch插件，意思是设计师们可在Sketch中一键复用你自己的设计规范，节省了大量的操作时间。

特色：

a、简单，零门槛；

b、丰富的图标及组件；

c、拖拽实现交互效果；

d、小程序预览，随时随地跟客户演示。

四、设计和切图工具

所需工具：PS、AI等(设计)、Cutterman (切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。

设计过程就不说了，只要你是一位UI设计师，页面怎么做那你肯定清楚。当你设计完成页面以后，要做的工作就是：标注、切图。

1、界面设计工具(Photoshop)

支持平台：Windows&Mac

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

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

特色：

a、照片处理技术(剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能)；

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

c、批量处理照片；

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

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

2、标注、切图的工具有很多，在这里只不过是推荐几款常用的给你。

1)Cutterman

切图插件，需要你安装到PS插件里。能够自动将你需要的图层进行输出，以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。

注：需要安装Adobe Air文件，要不然没有办法安装该插件

2)PxCook

PxCook既可以标注，也可以切图。是高效易用的自动标注工具, 生成前端代码, 设计研发协作利器。只需点击拖拽, 即可轻松获得间距尺寸, 字体, 阴影圆角等所有信息。PNG, JPG也能手动测量。支持标注单位：PX , PT , DP/SP , REM。还可以生成前端代码，支持Win/Mac, 支持PS/Sketch等。

3)Zeplin

Zeplin 是配合着 Sketch 非常好用的一款插件，设计稿完成后，可以直接从 Sketch 导入到 Zeplin 中。Zeplin 可以帮你自动生成尺码标注、CSS 样式代码、需导出的图片(在 Sketch 中设好切片的设计稿，在 Zeplin 中可以直接导出)，以及共享成员间可以备注和评论。

五、动效视觉处理工具

1、AE

支持平台：Windows&Mac

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

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

特色：

a、震撼的视觉效果；

b、与Premiere，Photoshop，Illustrator无缝兼容。

六、前端工具

1、Dreamweaver

支持平台：Windows&Mac

Dreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。

七、项目进度管理的工具

所需工具：Trello(任务管理)、Bearychat(团队沟通)。项目进度管理的工具也有很多，在这里只是推荐几个。ui设计工具大揭秘

1、Trello

Trello 是国外非常火的任务管理软件，据说拥有 1900 万注册用户，国际红十字会、谷歌、美国迪尔公司都在使用。

2、Bearychat

Bearychat 是中国版的 Slack，聊天群组 + 工具集成，取代 QQ 或微信作为团队工作中的及时聊天沟通工具。归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。希望以上分享的五款界面设计工具可以帮到你们。