更多课程 选择中心

UI培训
美国上市教育机构

400-111-8989

UI培训

UI设计必备哪些工具

  • 发布:UI培训
  • 来源:UI问答
  • 时间:2019-11-25 13:51

一、项目前期准备:流程图工具-Visio

Visio工具地址:https://products.office.com/zh-cn/visio/flowchart-software

在正式进行UI界面设计之前,UI设计师需要对产品整体的流程进行思考。此阶段可以使用流程图软件Visio或XMind对需求的流程进行认真梳理,相信这会给你后期的沟通减少很多不必要的麻烦。

二、原型设计工具-Mockplus

Mockplus工具地址:https://www.mockplus.com/mockplus-rp

相比老牌原型工具Axure,Mockplus是一款简单、便捷的国产原型工具,可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标,拖出即可用,非常方便。作为专业的原型设计工具,Mockplus能快速、高效地进行原型设计,同时支持多人协作设计 。

三、矢量绘图工具-AI

AI是目前最强大的矢量图绘制工具之一,主要应用于印刷出版、海报排版、专业插画、多媒体图像处理和互联网页面的制作等。在新版中新增了任意形状渐变、全局编辑、自定义工具栏、裁切视图、内容识别裁剪等全新功能,非常实用。

四、划参考线工具-GuideGuide

GuideGuide工具地址:https://guideguide.me/

GuideGuide是一款可以应用于PS、AI、Sketch及XD里面的划参考线插件,安装非常方便。此外,它支持一键生成参考线,也可针对画布或者自定义选区新建参考线等。

五、UI界面设计工具-Sketch

Sketch工具地址:https://www.sketch.com/

Sketch可以说是一款专为UI设计师而生的矢量绘图工具。相对于PS,SKetch定位更加精准,操作更简单及轻量化。其“设计,修改、演示”一站式功能,可以帮助UI设计师快速完成界面设计,元素批量修改及快速演示等。但是目前只支持在Mac上使用。当然,没有Mac的,也可以使用PS或XD进行界面设计。

六、配色工具- Material Design Color

Material Design Color工具地址:https://www.materialpalette.com/colors

对于UI设计师来说,配色是极其重要的一个环节,有人称之谓“成也配色,败也配色”也不为过。一个好的UI配色可以起到诸多作用,如:显示界面整体架构、明确层级关系及提升转化率等等。其重要性可见一斑。而配色一直是让UI设计师非常头疼的,对于新手小白更是如此。当然,有了配色工具-Material Design Color,这些问题都不用愁。其操作非常简单,便捷,灵活。

七、标注、切图、高保真原型工具-摹客iDoc

摹客iDoc工具地址:https://idoc.mockplus.cn/

UI设计师做好界面设计后,就到了最让人恼火的环节了-如何将自己的设计稿快速交付(标注、切图、高保真原型等)给前端开发?

相信很多设计师都会在心里大骂,我是设计师,不是切图仔!到底什么时候才能摆脱这些密密麻麻的标注?到底什么时候才能摆脱熬夜,加班?这时候就出现了开发阶段的协同平台-摹客iDoc,UI设计师的春天来临了。

八、圆角工具-Corner Editor

这是一款在PS上运行的插件-圆角工具。与PS里面的自带圆角编辑功能相比,Corner Editor操作起来更加简单便捷。除了可以单独设置圆角大小外,就算元素变形了,一样可以进行圆角处理。

以上就是UI设计师必备工具清单。工具毕竟是工具,它只是辅助我们工作,帮助我们提升工作效率。UI设计最重要的还是设计师们的技术能力了。

免责声明:文章内容摘取自Mockplus,作者Thomas,版权归原作者所有,如有侵权,请联系我们删除。

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:未来5年UI设计会饱和吗
下一篇:UI设计与平面设计都有哪些区别呢

平面设计培训都学什么?平面设计的就业前景如何?

什么样的人适合学习UI

UI零基础难学吗?有哪些学习UI设计的方法?

学UI设计可以做哪些工作

选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省