UI功夫:PC和APP界面设计全流程图解
上QQ阅读APP看书,第一时间看更新

前言

UI,其实是一个较为宽泛的概念,它的全称是User Interface,包括图形UI设计、交互设计以及程序设计。但是在国内的互联网公司中,提到UI时一般是指交互设计和图形UI设计。而人们口中常常提到的UI则通常是图形UI设计,也简称为GUI。这也是本书讲解的主要内容与重点,后文中为了简化和帮助理解,也统称为UI。

能做UI的软件非常多,较为常用的主要有Photoshop(下文简称PS)、Adobe Illustrator(下文简称为AI)、Flash以及UI新秀Sketch。而具体选择什么样的软件进行设计,主要与以下几个方面有关。

1.团队习惯。通常一套UI会有一定的延续性和拓展性,这就使得设计工作有一定的交际。而不同的软件之间不具备有非常完美的兼容性,因此为了工作的顺利开展,通常一个团队会尽量使用相同的设计软件。

2.产品风格。一般的PC端软件界面以及手机端APP界面会使用PS偏多,而游戏界面,尤其是一些矢量风格的游戏界面,有时候会选择Flash或者AI。

3.程序的契合。在一些特殊情况下,为了减少数据包,程序会建议用一些特定的文件格式,为了保证画面质量,设计师往往会尽量优先选择某款软件。

在目前所接触到的团队,大部分设计师会选择PS为自己的常用软件。PS是目前世界上最优秀的图形处理软件,它最早用于处理扫描仪的图像。其强大的图形处理功能不仅受到UI设计师的喜爱,也深受广告、摄影等领域从业者及爱好者的喜爱。作为Adobe公司的旗舰产品,PS在版本功能发展和跨PC、Mac平台的优势以及不同版本兼容性方面都非常良好。

本书主要介绍如何运用PS进行UI设计,以实际工作流程为出发点,介绍PC端、移动端、写实图标的制作以及设计资源的输出,通过实际案例让初学者在掌握软件技巧的同时,能进一步掌握UI设计的基本流程。希望本书能为各位有志成为UI设计师的朋友带来帮助。

本书课程案例PSD源文件

WWW.DEENFU.NET进行下载

欢迎各位同学来信进行交流

squallkan@qq.com