一般来说,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 等主流的、必须的平台。
PS - Adobe Photoshop
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。不但是最受欢迎的图像处理软件,同时也是目前最主流的UI设计软件,适合界面设计、图标设计、手绘。
AI - Adobe Illustrator
Illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。作为一款专业的矢量图形软件,在UI设计中,illustrator一般用于图标设计,手绘插画设计。
Sketch
Sketch是目前最火的UI设计工具。Sketch的界面非常棒,是为想要设计图标或界面的用户而特制的,支持多个文件分层,使用了最佳的文字渲染和文字样式算法,画布具有无限尺寸,而且切片工具非常棒。遗憾的是,Sketch目前只有Mac版。
XMind
XMind 是一款非常实用的商业思维导图软件,应用全球最先进的Eclipse RCP 软件架构,全力打造易用、高效的可视化思维软件,强调软件的可扩展、跨平台、稳定性和性能,致力于使用先进的软件技术帮助用户真正意义上提高生产率。XMind一般用于制作流程图与架构图。市面上同种类的软件有很多,像Mindmanage、Visio等等。但是我个人比较喜欢使用这款软件,不但界面美观、操作方便,还有很多美观的模版。更重要的是它有中文版,并且是免费的。
Axure - Axure RP
Axure是一款专业的快速原型设计工具。是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
AE - Adobe After Effects
After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。AE在UI设计中主要用于动效设计。
PR - Adobe Premiere
Premiere是一款编辑画面质量比较好的软件,有较好的兼容性,且可以与Adobe公司推出的其他软件相互协作。目前这款软件广泛应用于广告制作和电视节目制作中。 也是视频编辑爱好者和专业人士必不可少的视频编辑工具。它可以提升您的创作能力和创作自由度,它是易学、高效、精确的视频剪辑软件。Premiere提供了采集、剪辑、调色、美化音频、字幕添加、输出、DVD刻录的一整套流程,并和其他Adobe软件高效集成,使您足以完成在编辑、制作、工作流上遇到的所有挑战,满足您创建高质量作品的要求。
ID - Adobe InDesign
InDesign主要用于各种印刷品的排版编辑,可以将文档直接导出为Adobe的PDF格式,而且有多语言支持。它也是第一个支持Unicode文本处理的主流DTP应用程序,率先使用新型OpenType字体,高级透明性能,图层样式,自定义裁切等功能。它基于JavaScript特性,和与兄弟软件Illustrator、Photoshop等的完美结合,界面的一致性等特点都受到了用户的青睐。
XD - Adobe Experience Design
Experience Design是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。设计师使用Adobe XD可以更高效准确地完成静态编译或者框架图到交互原型的转变。能高效率轻松完成线框图、视觉设计、交互设计、原型制作、实时预览和共享。
UI设计用到的软件有很多,将来也会研发出跟加智能便捷的软件来简化我们的工作,但软件始终都是设计的工具,就像电脑永远也取代不了人脑一样,设计重要的还是你的设计思维和想法。我整理了这些UI设计常用软件的安装包,有需要的戳我
UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。UI 设计分为实体 UI 和虚拟UI,互联网说的 UI 设计是虚拟 UI, UI 即User Interface(用户界面)的简称。
UI 设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量 UI 设计的合理性。
UI设计目前的前景还是很不错的,很多企业都缺少 UI设计师。而且可以看到的是,现在社会的发展,更多的智能机和智能机器人研发出现,这些都离不开UI 设计师。所以说 UI 设计的是很有前途的,是不会失业的。而且 UI 设计门槛不高,要入门也不难的。
从工作内容来说,UI 设计在当前的互联网领域、科技领域可以说无处不在,
好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向,一个是交互设计,另一个是视觉设计。
总的来说,UI 设计相比较于编程而言,还是非常适合大众学的并且就业前景很广阔。学完 UI 设计,能获得一份稳定而又不失乐趣的工作,同时有利于追求更高品质的生活,在艺术领域可以获得更多的启迪。
第一阶段:学习基础美术绘画知识,比如一些简单素描,平面设计、PS的使用(制图、切图、修图)掌握一系列UI课程的基础知识。
第二阶段:学习Web前端和UI设计知识,网站整体界面设计,App界面设计,UI交互设计等,通过项目实操练习可做一些企业官网型的网站。
第三阶段:学习Web前端更深的知识,学习运用Html代码,为UI设计打下扎实的根基。
主要使用PS、Sketch、Ai,辅助使用Axure、AE等软件。
关于软件的使用方法其实软件不难学,按照咱们的课程安排,系统学习1到2个月就可以把软件掌握到非常熟练的程度。软件学习是UI设计师的入门阶段,不建议花太多时间和精力,有规划地学习,可以起到事半功倍的效果。
可惜很多初学者都很容易走进一个误区,认为先自己学一下软件,有基础会更加容易一些,但是往往学得非常零散,知识点不够系统,像30天学会photoshop、50天学会UI这类教程就不用看了,浪费了时间和精力不说,学的东西跟UI设计实际工作没有多大关系。
以上的内容分享,仅供参考。
学习UI设计,需要掌握设计规范的同时,还要熟练运用多种软件,界面、图标、动效、交互、切图、标注等都需要用到不同的软件。
在这里主要列举UI设计常用的8款软件,PS软件,AI软件,AE软件,ARP或默刀软件,XD或sketch软件,蓝湖软件,C4D软件,DW软件。
我们在学习UI设计的过程当中,需要学习到很多知识,比如软件 PS,AI,AE,ARP,XD、C4D这些都是一名UI设计必需要掌握好的软件。
而学习到这些软件,可以通过视视频,书籍,网站等多种方法学习。
工欲善其事必先利其器,从这个阶段开始,觉得先学习软件工具了,一般UI设计要学习有以下8款软件(PS 、AI、 AE、ARP或默刀软件,XD或sketch软件,蓝湖软件,C4D软件,DW软件)
学习UI设计软件只是会软件的工具,更重要的是要把用户体验和设计结合到一起,下面是我给大家的几点建议:
1、做设计不要把生活孤立起来,要在生活中寻找美好的东西,记录下来,你会发现生活中的点点滴滴都会给你很多不错的灵感。
2、多关注国内外的热点,了解外国的设计发展方向,提高自己对未来发展趋势的敏感度,及时把握市场动向。
3、多练习去尝试自己去设计东西,积累经验,可以参考别人好的设计手法。
4、找一些优秀的设计作品,总结他们的经验,找出他们的创意点和吸引人的地方,结合自己的设计理念整理出来。但是不是让你照搬他们的作品,或者照着做,这只会局限你的思路,要加入自己的想法进去。
5、提升设计思维,设计思维不是我们通过几个作品的学习就能学会的,设计思维是一个过程而不只是思想。
(1) 以人为本,这个说的是你必须要站在用户的角度出发身临其境的看问题,重视用户体验。
(2)高度的专注性,设计师需要在得到用户痛点之后去帮助用户解决问题。
(3)把你即刻的想法快速的用手绘的方法表现出来,展现给客户。
当然做设计应该多交流,多去学习,有很多同学会想着通过自学把UI设计学会,其实这样说吧, UI设计是近些年才从美国引入中国,在国内的发展也才几年时间,你会发现国内的很多网上教程或者视频是没有UI设计相关的学习资料,而且国内很多大学也是没有教UI设计的专业,,UI设计领域最牛逼应该大型的互联网公司里面的UI设计师。而你要想进入几乎是不可能的。所以UI设计你要想学好,只有两种方式 第一种:可以去实体有实力的机构去学习,培训费用至少2万,还有一种是线上培训学,这种比较适合一些上班族,下班后在家就可以学,而且费用只需是实体费用的十分之一。
假如你是属于平时上班比较忙,没时间到实体培训学,或者是考虑转行UI设计,想进一步了解UI的行业的发展前景,可以和我交流哦。