联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui设计师必备的几大app ui设计软件,你都熟练掌握了吗

Time: 2021-04-15

工欲善其事,必先利其器。要做好app ui设计,就必须要有方便好用的ui设计软件。只有借助这些你熟悉且擅长使用的ui设计软件,你才能有能力设计出更好地ui作品。今天就让faceui为大家介绍app ui设计软件。

  ui设计师必备的几大app ui设计软件

  1、Sketch-强大的矢量绘图工具

  支持平台:只支持Mac

  Sketch是一款强大的界面设计工具,专为UI设计师打造的软件,可让你的界面设计变得更简单,更高效。在Sketch中用户能轻松地设置图层面板,可批量命名图层、智能标注页面、填充头像和文字等,可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能,因为它是基于矢量的,所以可导出PDF,JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件,越来越能满足不同人群的设计需求,所有你需要的工具都触手可及。

  2、Photoshop-强大的图片处理软件

  支持平台:Windows&Mac

  Photoshop是最流行的图像编辑器之一,UI设计师入门的必备界面设计工具。PS作为UI界面设计神器,有着强大的图片编辑和处理功能,想要什么的图形都可以用PS来实现,可用于摄影的后期制作,可给图像添加各种滤镜,调整亮度,对比度等,生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项,调整图像大小和分辨率也不会丢失图像质量。

  3、Mockplus-强大的原型界面设计工具

  支持平台:Windows&Mac

  Mockplus是一款高效简单的app界面设计工具,软件提供了封装好的3000多个图标以及200多个组件,拖拽即可进行UI界面设计,学习成本低,无需代码参与,所以对于UI设计师来说是一个非常好的选择。

  值得一提的是Mockplus最近发布的一款摹客设计系统可谓是给UI设计师提供的一大福利了,该系统提供标准色、标准字、图标、布局等等这类大纲,几乎囊括了一份设计规范文档该有的所有内容,并且支持Sketch插件,意思是设计师们可在Sketch中一键复用你自己的设计规范,节省了大量的操作时间。

app ui设计软件

app ui设计软件(图片来自网络)


  4、Zeplin-强大的协作工具

  支持平台:只支持Mac

  专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师,你需要把你的设计传达给开发团队,而Zeplin的设计是为了实现这一目标。Zeplin操作很简单,设计师直接从Sketch上传制作的UI界面设计,应用会自动生成一些注释,在面板右侧会直观的看到每个元素的大小,颜色,边距甚至是某些元素的代码信息。

  另外,UI设计师还可以直接在UI界面上给开发人员添加注释,标记,备注等。填补了开发与设计之间的沟通障碍,为设计师和开发人员节省了大量宝贵的时间。

  5、AE-强大的动效视觉处理软件

  支持平台:Windows&Mac

  Adobe After Effects简称“AE”,是Adobe公司推出的一款关于图形和视频处理的界面设计工具。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理,是一个灵活的基于层的2D和3D后期合成软件,包含了上百种特效及预置动画效果,可与Premiere,Photoshop,Illustrator等软件无缝结合,创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处,将图像视频特效合成技术推到一个新的高度。

  ui设计要做好哪些方面的设计内容

  1、应该从何考虑设计规范

  “先定义最主要,再往上瞎展开”无论是颜色、字体、间距,都应该先定下最常用的参数,再往次级,次次级依次展开,这样条理清晰。

  “避免相近的参数出现”当两个参数肉眼难以区分,在同一层级去做区分是没必要的。同时会导致延伸时混淆,增加工作量,力求既统一又快速。

  2、颜色

  主要颜色一般分为主色与辅色,一般用于主要按钮、文字、顶栏等。次要颜色为无色感的基础色,一般用于背景,列表、框条类控件;标记颜色时,建议用方块儿上写文字的方式来写,方便设计师可以直接吸取颜色。一些比较接的颜色,应该举例做注明。

app ui设计软件

app ui设计软件(图片来自网络)


  3、字体、字号

  字体一般在规范最好只有一种字体,最多不超过两种。其它特殊的字体比较少量,可以特别说明;字号先以使用量最多的为基准,定义为中号字,其次在加大号字,小号字,再以此细化分为特大号,特小号等,以此类推,字号最好不超过5种。

  4、字体颜色

  字体颜色一般分强调字色以及内容字色,强调字色一般为品牌色。内容字色一般先以正文字色为最清晰的字色其次在展开次级内容颜色,如人名,副标题等,再往后如时间、输入框占位字符等除反白字外,一般字色不要超过五种。

  5、字间距

  统一间距的管理,能让界面产生韵律感,而不会感觉散乱。建议以彩色小块分别来表达不同的间距,直接在界面上标示,清晰明了,设计师也能快速取下色块来量度。一般先定义最常用的一般间距,然后再根据需要定义出更宽的区分间距以及更窄的亲密间距,如此类推。间距总数一般不超过7种。

  6、图标

  由于APP里的图标一般为系列性的图标,所以应该定义切图大小以及分量大小两个参数,切图大小是保证图标输出大小统一,方便日后坐标以及程序猿的实现,而份量大小则是保证视觉上大小的统一。另外有些图标具有多个状态,需要把不同状态的配色标记,线状的图标还需要描边的参数。

  7、控件

  整理为一张大图里,图层整理清晰,方便设计师放在PS里查看对照。注意标图文字加大,缩小时也能看清标题。

  以上就是faceui为大家介绍的关于app ui设计软件的相关内容。当然,上述介绍的这些ui设计师必备的软件固然功能强大,但是要想设计好的ui产品,关键还是要会熟练使用。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开