动静有法 Sketch+Principle UI设计基础教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 设计师常用软件

我之前认识一位设计师,他想法很多,创意新颖,但是在软件操作方面不是很熟练,不能将想法付诸实践,经常通过口述或者画草图的方式,将想法传达给软件操作比较熟练的设计师来帮忙。但是最后却没有实现他想要的效果。这个例子告诉大家创意和软件操作熟练度是相辅相成的,一位优秀的设计师一定要有独特的想法和熟练的软件操作能力,否则就会像刚才的案例那样最后不能达到理想的效果。

熟练地操作软件是设计师必备的技能,是实现创意的基础,任何想法都需要通过软件来实现。如果你是一位新人设计师,有很多的设计想法,就更需要掌握1~2款软件,实现脑海里的想法。

目前,用于完成设计的软件有很多,是不是需要熟练掌握每款软件呢?答案是肯定不需要。先要了解一下这些软件各自的优点和缺点,了解每种软件能具体做什么,再来考虑是否需要学习。下面介绍几款UI设计师常用的设计软件。

1.Sketch

Sketch可以说是一款专门为UI设计而生的软件,网页UI(Web UI)、移动端UI(GUI)设计都可以胜任。在Sketch的主界面中,可以快速地找到需要使用的功能工具,尤其是图标、界面的设计绝对是效率非常高的设计利器,容易理解并且操作简单,它还可以搭配各种插件,有了插件的配合Sketch将如虎添翼,让设计师更专注于设计本身。

Sketch是针对Mac计算机的一款矢量软件,并不是专业的位图编辑工具。如果使用Windows系统或者去掉人物自拍照中脸上的一颗痘痘,那么它不是你要找的工具。

2.Principle

如果说Sketch是专门为UI设计而生的静态设计软件,那么Principle就是专门为UI设计而生的动态设计软件。

Principle与Sketch一样属于轻量级软件,用户可以将在Sketch中设计好的界面直接导入Principle,它的主界面布局也和Sketch类似,因此和Sketch配合起来可以说是天衣无缝的。Principle的使用简单、易上手,无论是移动端和网页端的交互,还是界面动画,都可以利用Principle在短时间内轻松模拟出UI设计中常见的手势动效,并且可以将动效设计完成后生成的GIF动画快速分享到Dribbble等专业设计网站。

3.Adobe XD

Adobe XD是一款Mac和Windows双平台都兼容的UI设计软件,UI界面设计和UX原型设计都可以胜任,也可以快速地为静态界面制作出动效。

4.Adobe Photoshop

Photoshop是像素处理软件,简称“PS”。它是最主流的设计软件之一,有很强大的图片处理功能。例如对已有的图片进行编辑加工处理,以及制作一些特殊效果。

任何行业的设计师都可以用Photoshop处理自己设计的作品。它的功能全面且强大,对图片、文字、图形、颜色等的处理都能胜任,布尔运算和图层样式等对于UI设计来说也是很常用的功能,可以使作品达到理想的效果。它还有很多辅助功能,比如动画功能,也可以帮助设计师完成一些简单的UI动效。

注意,Photoshop是像素软件,所以它的设计都是按照尺寸来设计的,它的源文件并不能像矢量软件那样在放大或缩小的同时,保持图片清晰。

5.Adobe Illustrator

Illustrator是矢量图形软件,简称“AI”。如果说Photoshop有很强大的图片处理功能,那么Illustrator就有强大的矢量图形处理功能。和PS一样,它的普及度也很高。

它拥有顺畅、灵活的矢量图编辑功能,它的文字处理、上色、排版等功能都很强大。不仅可以方便地绘制矢量插画,在印刷制品(如书籍、海报等)的设计制作方面应用也比较广泛。在UI设计中,扁平的图标、界面等的设计制作都可以胜任。

6.Adobe After Effects

Adobe After Effects是Adobe公司推出的一款图形视频处理软件,简称“AE”。它有很强大的视频编辑能力,可以帮助设计师做出高度灵活的动态图形,高效率地完成设计师脑海中的视觉动态效果。它还有一个优势,那就是它和Adobe公司的其他设计软件可以紧密结合,在PS、AI、XD等软件中绘制的静态图形可以直接导入AE中。它可以导出多种视频格式,深得从事动态设计工作的设计师的喜爱,影视公司、电视台、动画制作公司和个人后期工作室等经常利用AE来完成动态设计。