在线ui画图-初学ui设计需要哪些软件

学习UI设计,软件只是UI设计的第一阶段,新手或者零基础的小伙伴可以从软件入手,到后面的设计理论,规范,交互这些设计思维学起。

学习UI设计,首先要明白UI设计师需要做的工作,大致介绍就是界面、图标、动效、交互、切图、标注等,这些内容都需要用到不同的软件。

在这里主要列举UI设计常用的四款软件:PS,AI,AE、ARP、XD、另外还有一些辅助软件偶尔也会用到

Adobe Photoshop

Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。PS可以用来从事,平面设计,网页设计,UI设计等多种设计工作。在UI设计中PS的使用率在90%以上,所以作为一个合格的UI设计师。PS是肯定得掌握的。PS可以在UI设计中,绘制界面设计,图标设计等

Adobe illustrator

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。在UI设计中AI的使用率也是非常之高,主要可以用来绘制图标,界面等设计,插画等

Adobe After Effects

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。在UI设计中主要主要是用来做动效设计,交互效果,

Axure RP

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

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。

在UI设计中主要起的作用主要是用来做交互原型图

Sketch

这里重点介绍一下Sketch,它是个很好的界面设计工具,很方便,完全就是为扁平化界面而生的。这在做做流行的扁平化界面设计方面确实方便,比ps效率会高,现在很多UI设计师都喜欢用,但是我们做设计,肯定会接触到各种东西,你可能要画个拟物图标,做个宣传海报,做个网站bannr,做个酷炫的字体效果,那就还是得乖乖打开ps,在图像处理方面目前地球上没有什么软件能超过ps,还有一点,目前Sketch只有mac版,如果公司没有给你配苹果电脑的话就还是安静的用Adobe公司的PS和XD吧,能做好东西就行,不要太纠结一定要用哪个工具。

Experience Design CC

Adobe XD官方版全称Adobe Experience Design CC,是Adobe旗下专业的交互原型设计工具。Adobe XD官方版跨平台支持Win10 与 macOS,并且所有用户均可免费下载使用。Adobe XD CC 2018可快速进行APP设计、网站设计,UX/UI 产品设计,是设计师、产品经理和开发者们必备的设计工具

Adobe Dreamweaver

简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 ,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

Cinema 4D

UI设计师的附加软件,最近几年非常流行的建模软件,建模渲染效果特别好!因而,成为了设计创意工作者的效率生产工具。现在,无论是影视后期、还是工业设计、或平面设计行业,C4D软件都得到了广泛的运用。用来做一些平面软件达不到的3D效果,视觉效果,能做很多的概念设计,这个软件,能让你的设计表现力更丰富更有趣。

Mindjet MindManager简称思维导图

MindManager,中文商标译作C,俗称“脑图”,又叫“心智图”,是一款创造、管理和交流思想的通用标准的绘图软件,由美国Mindjet公司开发,界面可视化,有着直观、友好的用户界面和丰富的功能。在UI设计中主要用来整理交互逻辑思维层。

蓝湖

蓝湖,产品设计协作平台&原型制作工具。中文版、全免费,支持Mac、Web、iOS。 支持从Sketch一键分享、在线讨论、自动为设计图生成标注,而且只需简单几步就能将设计图变成一个可以点击的演示原型,支持分享给同事,让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。

墨刀

一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理

现在原型工具有很多,那我今天就罗列一些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应用程序的软件工程师提供了非常好的设计图。

第六款:

是一个专门用于移动应用的产品原型工具――可以构建和部署全交互式的移动应用的原型,并且可以模拟出相似的成品。基于Web的在线环境,它可以让你制作流行的 iPhone,iPad,Android 手机以及任何带有屏幕界面的产品原型。

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

Pixso属于一款小而美的UI设计工具,设计功能全而精,不会过于复杂全面而难以入手,但又能很好的包含UI设计工作时所需要的功能。

钢笔工具:相较于传统的AI软件更加灵活,可以直接增加无方向路径。

智能形状工具:不仅提供了诸多预设图形,还可以拖动锚点进行快速转换,以此进行高效画图。

自动布局:能够快速的将多个对象创建父级框架,进行有序排版,当增加或删减对象时,都

自动调整其他对象位置进行重新排版。

历史版本:可以随时保存当前版本,需要时可以随时回溯。

想要了解更多关于ui设计的相关信息,推荐选择Pixso协同设计。该工具无缝衔接以往工作,支持Sketch、XD、SVG等文件导入导出,自由进行Sketch的文件格式转换。并且,文件自动保存到云端,一键回溯到任意历史版本,再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统,所有UI设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动。