现在原型工具有很多,那我今天就罗列一些baiUI设计师和产品经理经常用到的工具,以此提高工作效率,又好又快的完成工作。
第一款:Axure
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理
第二款: Adobe XD
Adobe XD是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。使用Adobe XD可以更高效准确的完成静态编译或者框架图到交互原型的转变。Adobe XD 面向网站设计、移动 APP 设计等设计工作。
第三款:Mockplus(摹客)
Mockplus,一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。从设计上,采取了隐藏、堆叠、组合等方式,把原本复杂的功能,精心安排。上手很容易,但随着你的使用,功能层层递进,你会发现更多适合自己的有用的功能。新手不会迷惑,熟手可以够用。值得一提的是这是一款国产工具,我认为是国内目前最好的工具。因为目前Mockplus的在线原型设计协作平台已然走在国内甚至国际(很多老外也购买摹客英文版)的前列,不论是原型设计、流程协作还是设计规范,都能够在摹客完成,非常方便。并且支持Figma、Sketch、PS、Axure、XD几乎所有主流工具的插件,界面和语言对国内设计师也非常友好。有兴趣可以去摹客官网注册试试。网页链接
- 可分工协作,多人编辑同一个项目;
- 通过评论和标注原型,完成对项目的审阅;
- 提升开发团队的生产力;
- 大大降低沟通交流成本。
第四款: Justinmind
JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。justinmind的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的高保真原型。不用进行编程,就可以在原型上定义简单连接和高级交互。
第五款:Balsamiq Mockups
Balsamiq Mockups是一款共享软件,每个lisence授权是79美刀,对个人用户来说,价格不菲。它推出之后如此受欢迎的原因是在软件产品原型图设计领域,特别是web原型图设计领域,还没有哪款产品有如此丰富的表现形式。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽(当然,跟使用者的设计水平也有关系)。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持目前如火如荼的iPhone手机元素原型图,这为开发iPhone应用程序的软件工程师提供了非常好的设计图。
第六款: Proto.io
Proto.io是一个专门用于移动应用的产品原型工具——可以构建和部署全交互式的移动应用的原型,并且可以模拟出相似的成品。基于Web的在线环境,它可以让你制作流行的 iPhone,iPad,Android 手机以及任何带有屏幕界面的产品原型。
1.基础工具
Office 系列必须会用,这是职场人的基础,这里不再多说了,使用 Mac 的同学也要会用 Pages、Keynote、Numbers。另外石墨、语雀等在线工具也有很多团队用于协作。这些工具大家都有一定的基础,学起来也不难。
2.信息架构工具
这些也不用多说了,UI 设计师和交互设计师、前端设计师、产品经理都要保持密切协作,甚至有很多 UI 设计师具备全链路的能力,如果不想当一个只会画图、没有思维的工具人,这些必须要掌握。
3.原型制作工具
纯粹的美工,噢不,是 UI设计师,在实际工作中可能不需要深入使用这些工具,但是为了了解交互、和交互设计师协作,这些软件多少要有了解。
4.图形处理工具
这就是 UI 设计师的核心了,PS 是使用最广泛的,用 Sketch(Mac)和 XD(Windows)的也很多,Sketch/XD 比较轻量级,基本能满足 UI 设计师的日常工作需要,如果想在插画方面深入学习的话,可以学 AI。
在这里主要列举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的行业的发展前景,可以和我交流哦。
2022-03-12 · 让设计更流畅,协作更高效
Pixso是一款专业的在线UI/UX设计工具,内置众多大厂的优秀设计规范,提供海量设计模板和素材,集成众多大厂优秀的设计系统,所有UI设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动,本地化字体资源,及专属私有化部署。
Pixso自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计,直接拖拽使用自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。
想要了解更多关于UI设计的相关信息推荐选择Pixso协同设计。Pixso通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,直接在原型基础上,快速邀请团队成员开启设计协作,自动生成切图标注,打开浏览器就能获取CSS、iOS、Android代码片段,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。
2020-09-10 · 专注大学生职业技能培训在线教育品牌
Photoshop
不管是简单的平面设计还是高深的UI设计PS是常用也是应用很广的软件,其他的软件不会,这个就需要你掌握了,这个是入门UI的必要工具。Photoshop并非一个单纯的图像编辑软件,它的应用领域涉及图像、图形、文字、视频、出版等各个方面,非常广泛。它常见的应用主要有:平面设计、修复照片、广告摄影、影像创意、艺术。
Adobe Illustrator
有些设计师乐意用它,同时也有一些效果的实现上AI比PS要快。用AI做UI的关键在于,首先要明白AI做设计做的是哪些东西。对于USER INTERFACE 重要的一个方面就是对于ICON 的设计,其次才是界面的设计,在设计的过程中,首先要对于交互界面做一个了解,懂得分析界面的具体设计流程。
Adobe After Effects
作为一款图形和视频处理软件,AE可以对多层的合成图像进行控制,制作出天衣无缝的合成效果,一般适用于一些动画和特效。包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,属于层类型后期软件。
Sketch
现在很火的一款软件,一大特点就是快,用Sketch好像没有冷启动时间一样,是一款素描绘画类的软件,有一些公司要求作图用这个软件。软件都是相通的,如果很好地掌握PS,上手这个也是很快的。Sketch它决不是简单地针对UI设计开发特别的功能、去掉不太用的功能,而是在基本的操作层次上给UI设计师带来了得更好地体验。
Axure
是一个专业的原型设计工具,做原型图用的,一般产品经理常用。