一、项目前期准备:流程图工具-Visio
在正式进行UI界面设计之前,UI设计师需要对产品整体的流程进行思考。此阶段可以使用流程图软件Visio或XMind对需求的流程进行认真梳理,相信这会给你后期的沟通减少很多不必要的麻烦。
二、在线原型设计协作平台-摹客
摹客的早期产品是Mockplus,Mockplus是一款简单、便捷的国产原型工具,可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标,拖出即可用,非常方便。作为专业的原型设计工具,Mockplus能快速、高效地进行原型设计。现在摹客已经发展升级为设计+协作的一站式产品协作设计平台,支持全流程协作、高保真原型设计、自动标注切图和Sketch/PS/XD/Axure/Figma设计稿交付。从产品、设计到开发,All in One。
三、矢量绘图工具-AI
AI是目前最强大的矢量图绘制工具之一,主要应用于印刷出版、海报排版、专业插画、多媒体图像处理和互联网页面的制作等。在新版中新增了任意形状渐变、全局编辑、自定义工具栏、裁切视图、内容识别裁剪等全新功能,非常实用。
四、划参考线工具-GuideGuide
GuideGuide是一款可以应用于PS、AI、Sketch及XD里面的划参考线插件,安装非常方便。此外,它支持一键生成参考线,也可针对画布或者自定义选区新建参考线等。
五、UI界面设计工具-Sketch
Sketch可以说是一款专为UI设计师而生的矢量绘图工具。相对于PS,SKetch定位更加精准,操作更简单及轻量化。其“设计,修改、演示”一站式功能,可以帮助UI设计师快速完成界面设计,元素批量修改及快速演示等。但是目前只支持在Mac上使用。当然,没有Mac的,也可以使用PS或XD进行界面设计。
六、配色工具- Material Design Color
对于UI设计师来说,配色是极其重要的一个环节,有人称之谓“成也配色,败也配色”也不为过。一个好的UI配色可以起到诸多作用,如:显示界面整体架构、明确层级关系及提升转化率等等。其重要性可见一斑。而配色一直是让UI设计师非常头疼的,对于新手小白更是如此。当然,有了配色工具-Material Design Color,这些问题都不用愁。其操作非常简单,便捷,灵活。
七、标注、切图、高保真原型工具-摹客
UI设计师做好界面设计后,就到了最让人恼火的环节了-如何将自己的设计稿快速交付(标注、切图、高保真原型等)给前端开发?
相信很多设计师都会在心里大骂,我是设计师,不是切图仔!到底什么时候才能摆脱这些密密麻麻的标注?到底什么时候才能摆脱熬夜,加班?好了,直到我发现了开发阶段的协同平台-摹客,UI设计师的春天来临了。那么,我们用一张表来看看,摹客能给设计师解决哪些烦恼?
八、圆角工具-Corner Editor
这是一款在PS上运行的插件-圆角工具。与PS里面的自带圆角编辑功能相比,Corner Editor操作起来更加简单便捷。除了可以单独设置圆角大小外,就算元素变形了,一样可以进行圆角处理。
一般有PS、AI、CAD等等,还需要自己的创新思维够严谨,如果是零基础的话可以选择一家专业的培训院校进行学习。
UI设计师常用的软件一般有Pixso、Sketch、Photoshop、Mockplus等软件。相对来说Pixso用起来更方便。
Pixso可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具,更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,使设计师真正专注于创造本身。ixso不仅实现了和Sketch、AdobeXD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在网页上就可以尽情自由创作。Pixso通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,直接在原型基础上,快速邀请团队成员开启设计协作,自动生成切图标注,打开浏览器就能获取CSS、iOS、Android代码片段,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。
想要了解更多关于设计软件的相关信息推荐选择Pixso协同设计。Pixso自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计,直接拖拽使用自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。