ui设计师的ui设计工具都有哪些?

发布网友

我来回答

11个回答

热心网友

工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师,你需要多掌握一些技能,才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议,接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。

1、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可以将图像保存为各种格式


3、Mockplus-强大的原型界面设计工具

支持平台:Windows&Mac

Mockplus是一款高效简单的app界面设计工具,产品经理圈子中比较流行的一款国产界面原型设计工具。

软件提供了封装好的3000多个图标以及200多个组件,拖拽即可进行UI界面设计,学习成本低,无需代码参与,所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有,怎么和开发进行有效的沟通呢。

特色:简单,零门槛

丰富的图标及组件

拖拽实现交互效果

小程序预览,随时随地跟客户演示


4、Zeplin-强大的协作工具

支持平台:只支持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无缝兼容


加分工具-Dreamweaver

支持平台:Windows&Mac

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


【界面设计工具推荐】

综上,如果你想要选择:最好的图片编辑和数码绘画工具:Photoshop

最好的图标设计和图形界面设计工具:AI

最好用的矢量绘图界面设计工具:Sketch

最简单高效的界面原型设计工具:Mockplus

归根结底,技多不压身,想要成为一名优秀的UI设计师,掌握界面设计工具只是其中一部分,UI界面设计需要设计师们掌握色彩搭配,设计规范,界面排版,沟通能力,切图标注,尺寸标注,用户体验等相关知识。因此需要的就是不断学习,不断坚持,不断的丰富自己的综合能力。

热心网友

我们在学习UI设计的过程当中,需要学习到很多知识,比如 PS,AI,AE,XD,ARP,C4D,蓝湖,默刀软件,这些都是一名UI设计必需要掌握好的软件。而学习到这些软件,可以通过视视频,书籍,网站等多种方法学习。
工欲善其事必先利其器,从这个阶段开始,觉得先学习软件工具了,一般UI设计要学习有以下8款软件(PS,AI,AE,XD,ARP,C4D,蓝湖,默刀软件)那么这几款软件在UI设计工作是负责什么的呢?
PS:PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的
AI:AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的
AE:AE软件在UI设计工作中主要用来做动效设计的
XD:XD或者sketch软件,Sketch(只能在苹果电脑上安装)XD软件可以在双系统上安装
Sketch和XD这两款软件功能是差不多的,XD的话是一款非常适合做UI设计工作,XD做图会非常快,因为XD的工具特别少,里面的工具是专门为做UI设计工作开发的一款软件,而且XD软件特别小,不会卡。
ARP:ARP或者默刀软件,ARP和默刀软件功能差不多二选一学习就可以了,这两款软件都是做原型设计的
UI设计是由很多很多界面组成的,这些界面每一步之间去交接的这个界面,如果说我们只做一个界面,UI设计师是可以做出来的,但是要做几十个上面个界面,如果我们一个个做是肯定会出问题的,所以需要先制作原型,我们根据原型再制作界面,这就是我们的前后联系,原型是不用做这个颜色,图标,细节的,只需搭建一个基础的版式就行,这个就是我们用ARP或者默刀软件做的。
C4D:C4D软件在UI设计工作中主要用来做建模的
蓝湖:蓝湖软件在UI设计工作中主要用来做标注设计的
就是我们做好了页面,这个页面的高底,宽度,包括页面的色值我们都需要标注出来,为什么需要标注呢,因为我们做的图,做完之后他就是张图片,这个图片我们用手机是点不了的,我们手机APP上的那些图之所以能点,那是因为有程序猿做了一个二次开发,这个东西我们不用懂,但是我们要标注出来,标注出来让程序猿知道你的颜色,你的色值,你的尺寸到时是多少,他才能开发出来。

热心网友

学习ui设计的工具软件推荐:
photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash
1、photoshop
给各位建议还是使用较新的版本的软件哦!因为一个新版本的功能更加全面,不然的话更新的意义何在呢?你说是吧!
2、AI
全称Adobe Illustrator是一款多媒体、在线图像和出版的工业标准矢量插画的软件。在生产多媒体图像的艺术家、专业插画家还是生产印刷线稿的设计者、或者是互联网页、在线内容的制作者,都不否认Adobe Illustrator不仅是艺术产品工具。也为线稿提供了无与伦比的控制以及精度。矢量图方大放小不会变形这是ai的优势,很适合扁平。劣势是ai不能切图,对于虚拟化的图标处理不是很好。
3、AE
Adobe After Effects在视频特技和设计的机构,如动画制作公司、电视台、多媒体工作室以及个人后期制作工作室。AE是动效这块效率较高的软件但是劣势是不能用AE画图标做界面。属于是一款层类型后期软件。
4、Axure
是负责定义规格和需求、界面与设计功能的专家能够快速创建应用软件和web网站的流程图、线框图、规格说明文档和原型的一个专业的快速原型设计工具。
5、Fireworks
是Adobe推出的一款网页作图软件,通过软件可以加速 Web 开发和设计,是一款优化与创建 Web 图像和快速构建网站与 Web 界面原型的理想工具。
6、CorelDRAW
出自加拿大Corel公司的平面设计软件;这款软件是Corel公司出品的矢量图形制作工具软件,这个图形工具给设计师提供了页面设计、矢量动画、位图编辑、网页动画和网站制作等多种功能。
7、Flash
是macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。

热心网友

学习UI设计,软件只是UI设计的第一阶段,新手或者零基础的小伙伴可以从软件入手,到后面的设计理论,规范,交互这些设计思维学起。
学习UI设计,首先要明白UI设计师需要做的工作,大致介绍就是界面、图标、动效、交互、切图、标注等,这些内容都需要用到不同的软件。
在这里主要列举UI设计常用的四款软件:PS,AI,AE、ARP、XD、另外还有一些辅助软件偶尔也会用到

热心网友

你好,学UI设计需要掌握不少软件,当前UI设计热度呈现持续上升的趋势,很多从事软件,网站,增值服务,手机等企业和公司都设立专门的UI设计部门。UI设计师的供不应求,出现了大量的UI设计师缺口,导致以高薪酬高回报高待遇来作为招聘原则的公司也越来越多。
UI设计各方面的数据都说明值得大家去选择学习,一般学习费用在2W左右,时间在4-6个月不等。但是很多人不知道如何去选择,千锋的很不错,给你一个建议就是去实地的考察,可以多方面去综合的对比和考虑。

热心网友

UI设计工具,主流的可以看mac上的sketch,海外的figma,国产的Pixso,
相比于海外比较火Figma,Pixso 有一些自己的本土化优势,比如
使用流畅,加载不延迟
中文语言,使用无障碍
本地私有化部署,数据更安全
更具体的来谈一下Pixso比较明显的一些实用的功能,像
1)强大的设计功能
用过sketch的都知道,在mac上怎么用怎么顺手,但是其他系统就不支持了。而pixso相当于在线版本,可协作的sketch,什么地方都可以用,设计功能也很强,可以实时协作,支持设计组件,设计体系,响应式设计,标注,自动切图,低代码交付等。
2)实时自动保存
以往使用传统的设计软件,做图过程中总会担惊受怕,害怕软件突然崩溃、或是临时停电,要是没有及时保存文件,辛苦一下午做好的图说没就没。
但如果你使用 Pixso 来进行 UI 设计,原本担心的事情就不再是问题。Pixso 主打多人云端协作设计,它和许多人用过的在线文档一样,会自动将所有的编辑操作实时保存到云端,不需要手动 Ctrl + S 保存。正因为如此,设计师或者产品经理就可以专注于设计本身,无需担心意外闪退啥的。
3)支持导入多种外部文件
从其他设计工具切换到 Pixso,基本上也能做到无缝衔接。Pixso 支持导入 sketch、svg 和 xd 文件,这意味着在多数场景下,我们可以用 Pixso 来替代 Sketch、Adobe IIustration 和 Adobe XD。
4)便捷的历史版本管理,相信经常和甲方爸爸斗智斗勇的设计师都经历过,改了 10 版,最终还是用回第一版的惨痛经历,比这更绝望的是,第一版的源文件没有单独保存,找不回来了。基于类似的场景,Pixso 加入了版本管理的功能,可以将某个设计节点以类似「快照」的方式保存下来,方便后期随时找回。
5)个人用户免费
对于中小团队或个人设计师来说,每年为 Sketch、Adobe IIustration 和 Adobe XD 花费的订阅费,也是一笔不小的支出。目前使用 Pixso,个人用户去注册账号,以后用都完全免费。

热心网友

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

热心网友

UI 设计师是产品设计团队不可缺的一份子,工作内容非常的专业,平时会用到各种工具,包括蓝湖、PS、Sketch、AI 等等。

热心网友

  Photoshop:在UI设计中PS软件主要用来绘制界面设计,图标设计等。
  Sketch:Sketch是一款适用于所有设计师的矢量绘图应用。
  CorelDRAW软件:这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。
  Axure
RP:作为一款专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
  除了基础软件的使用要掌握,UI设计师还需要学习各种理论知识,比如手绘、色彩、创意、审美、动效、版式设计、规范、切图、心理学、交互逻辑、思维导图等知识。要想成为一个优秀的UI设计师,其关键还是在于设计思维和审美意识的培养,工具只是展示思维的工具而已。

热心网友

蓝湖 XD PS AI CDR 等等

热心网友

一般来说,UI会用到这些工具

1. Mason

现如今,视觉稿(Mockup)和原型(Prototype)是网页和 APP 设计过程中最常用的方法。两种方式都很有效,不过也都可能会在时间和花销上对整个项目产生压力,影响团队和项目的整体推进,尤其是在时间和精力都非常有限而项目又非常复杂的情况下。

Mason 提供了一个更好的解决方案,它让你无需设计线框图、原型和视觉稿,而直接拿现成的组件来编辑和设计,并且确保最终输出的产品既具备功能,也是像素完美的,最后通过 Mason 的平台进行部署,甚至你都不需要有代码编写的经验。

Mason 的设计方法看起来很激进,但是实际上非常的易用。无论是调整还是维护,Mason 都能确保控件和元素都很容易处理。在 Mason 中修改、发布,然后就能正常使用。无需亲手编写代码,诸如注册、登录等各种常见的功能都能够正常输出使用。

这款工具并不会*你将网站投放到特定的平台或者托管环境下,你可以在你最熟悉的服务器或者服务商那边部署。这可以大幅度节省管理费和时间,并且你会发现团队协作更加高效了。

2.摹客(国产UI神器,强烈推荐)

这款国产的工具快速易用,Sketch / PS / XD / Figma / Axure / Mockplus设计稿一键上传 , 设计评审讨论 , 自动标注一键生成,手动标注自由发挥 。

1. 自动标注:
鼠标hover图层即可自动生成标注,一键转换为百分比标注,还可以放大镜查看细微标注。
2. 手动标注:
文字、坐标、颜色、尺寸、区域5种工具自由选择,信息传达更准确。
-用文字工具添加备注说明;
-用坐标工具添加位置信息;
-用颜色工具吸取图层,色值智能生成;
-用线段工具标注尺寸,数值自动生成;
-用区域工具标注局部图层,宽、高自动生成。
3. 单位自由转换:
支持iOS的pt,Android的dp,Web的rem,还可以保留0-3位小数,标注更自由。
4. 完整的标注属性:尺寸、边距、不透明度、字体大小、字重、行高、字间距等。相关属性一键复制即可使用。

除了智能的标注方式,摹客的切图、交互、全貌画板、文档管理等功能也很实用。最值得一提的是,摹客基础功能完全免费。

3. Overflow

设计师讲述故事最有效的办法之一,是将故事中的节点连在一起,将用户历程线性地呈现出来。这样的方式会让访客更好的理解他们所看到的内容,同时能够更加专注于细节的呈现,并且构建有效的反馈机制。

作为世界上第一个为设计师量身定制的用户流程图工具,Overflow 可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好的呈现作品,讲述故事,以交互式的流程同用户进行沟通,吸引用户的注意力。

Overflow 是一款跨平台的工具,可以与目前最流行的设计工具无缝地集成起来,允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。

4. UXPin

UXPin 可能是目前对于设计团队来说最理想的快速原型工具,尤其是当产品的 UX 设计和研发高度依赖快速反馈循环机制的时候。UXPin 可以让设计团队在向开发交付原型之前,充分地进行设计、共享和测试。

开发人员所需要的数据,实际上在每个项目设计完成之时,就会自动生成。所以,在将设计交付给开发人员之前,甚至可以使用检测工具,验证一下产品的部署是否和设计元素相互匹配。

UXPin 还提供一个完整的设计系统解决方案,帮助你保持整个产品的 UI 元素的一致性。而每个产品的 UI 组件都可以使用一段代码记录下来,因此可以更加轻松快速的扩展产品的功能。

5. Creately

UI/UX 设计当然不仅仅是线框图和视觉稿,它是动态的,系统化的,而这也是 Creately 这款工具的价值所在。这款图标工具适合生成工作流程,支持不同的图表类型,包括流程图、思维导图、UML 图标、线框图等。它所提供的图表功能和协同工作的功能,可以帮助设计师完成一半以上的工作。

使用 Creately 来创建图表,可以轻松创建出足够漂亮的图表,其中配备的1000多个专业的设计图表模板,可以快速地完成各式各样的 UX 设计项目。

6. PowerMockup

有许多 UX 设计师会使用 PowerPoint 来构建交互式原型,有了 PowerMockup 之后,你再也不需要寻找其他的工具来辅助你的工作了,它就可以帮你创建高效可共享的交互式原型。

在构建原型的时候,只需要从 PowerMockup 不断增长的资源库找到对应的形状或者设计元素,拖拽到 PowerPoint 当中,然后进行设计即可。为了实现互动,你所需要调用的也无非是 PowerPoint 当中的幻灯片和动画功能,很简单。

7. Visual Inspector

Visual Inspector 让设计师、开发者和负责维护的人员能够实时地在网站中检查和解决各种 UI 问题,并且同其他的工作人员随时共享信息。

这款工具不需要你懂得代码,只需要几秒钟就可以启用 UI 工具,并且几乎可以任何类型的网站(使用 HTML 代码,或者 WordPress 系统的)进行协同工作。这款工具不是免费的,终身授权的版本只需要付费49美元即可。

8. Fluid UI

Fluid UI 是一款可以用来设计线框图、原型图和视觉稿的综合性工具,它还为项目经理和分布式设计团队提供了非常完善的协作功能。它拥有非常全面的组件库,横跨桌面端、iOS 和 Android 等主流的、必须的平台。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com