作者：金景文化编著
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
PhotoshopCS6图标设计高手之道试读：
前言
图标在生活中无处不在，既有文字传达信息直接、清晰的优点，也有图像吸引注意力的优势，所以才有这样的评价—一套UI界面主要卖点就是图标。
本书主要采用少量基础知识与大量操作案例相结合的方法，系统详细地向读者介绍了各种用于不同途径的图标各自有什么特点和要求、有哪些设计要点以及怎样处理细节和质感等内容。
内容安排
本书主要按照图标的大体分类将内容划分为8章。本书基本上就没有太多的知识点，更多的是从各种类型图标的具体设计要求和规范准则入手，力求让读者制作出符合行业规范并能够真正应用到UI界面中的图标。
第1章 图标设计入门
：本章主要介绍电脑图标的发展历史、图标设计的准则、图标的存储格式以及分类等基础知识。了解这些最基本的内容有利于找准大方向，通过后面章节的具体强化和丰富可以真正触及图标设计的精髓。第2章 图标设计基础：本章主要介绍图标的渲染风格、图标的透视规则、图标与视图的关系以及图标输出时需要注意的问题。看完本章的内容后，各位读者已经对图标的大致设计思路和具体制作流程有一个比较模糊的认知。
第3章 iOS图标设计：本章主要介绍iOS图标的特点、iOS图标的尺寸和格式以及设计图标图形时一些较为有效的构思方法。本章配有8个操作案例，经过大量的练习后，可以设计出一款具有自己风格的iOS图标。
第4章 Android图标设计：本章主要介绍Android系统的发展历程和优势、Android图标与iOS图标的不同点以及绘制时需要注意的问题。文章配有11个案例，从各个方面详细讲解了Android图标的质感刻画方法。
第5章 Mac OS X图标设计：本章主要介绍Mac OS X系统的优势、Mac图标的特点以及Mac图标质感的实现方法。与Windows图标相比较，Mac图标最大的特点就是质感逼真，造型简洁，大量使用拟物的手法。
第6章 Windows图标设计：本章主要介绍Windows图标的特点、Windows图标的尺寸和格式、Windows图标的设计要点以及如何选择并确定图标具体内容的方法。由于普通PC机比Mac机的屏幕分辨率低，所以Windows图标也需要设计得简洁，质感也应该简单一些。
第7章 其他类型图标设计：本章主要介绍图标设计的基本准则，包括可识别性、风格统一性、创意性和与环境协调性，一款图标只有同时具备这4个标准才是真正成功的作品。
第8章 设计不同风格的图标：本章主要列举几种时下比较受欢迎的图标类型，包括涂鸦风格的图标、可爱的图标、超真实风格的图标和3D风格的图标。操作案例也列举了7款质感极其逼真、极具创意的图标。
本书特点
本书采用以少量理论知识为辅，大量操作案例为主的教学方式，分别介绍不同类型图标的设计要求和制作方法，力求使读者能够制作出符合标准的图标作品。
■ 通俗易懂的语言
本书无论是在讲解理论知识还是应用案例方面都采用非常通俗易懂的语言进行叙述，抛弃艰涩难懂的教科书式叙述方式，使每一个读者都能轻而易举地看懂并理解所教授的知识。
■ 基础知识与操作案例相结合
本书采用基础知识和操作案例相结合的讲解方式，首先在章节前面使用极短的篇幅阐明每种类型图标的具体设计要求，然后通过精美的商业案例细化枯燥的基础知识。
■ 技巧和知识点的归纳总结
本书在应用案例的过程中穿插了大量的提示和小技巧，这些小技巧都是通过长期的实战经历积累起来的，可以帮助读者更深入地理解知识点或操作步骤。
■ 多媒体光盘辅助学习
为了确保学习的有效性，增强读者的学习兴趣，本书还附赠了多媒体教学光盘。教学光盘中提供了本书中所有应用实例的相关素材和源文件以及精确完整的操作步骤教学视频，使读者可以跟着本书做出相应的效果并能能够快速应用于实际工作中。
读者对象
本书适合UI设计爱好者、试图进入UI设计领域发展的读者以及相关设计专业的大中专学生阅读，同时对专业设计人士也有很高的参考价值。
作者在撰写本书的过程中力求严谨，但由于时间有限，疏漏之处在所难免，望广大读者批评、指正。第1章图标设计入门
在开始进行图标设计制作工作前，要首先了解图标设计的一些基础知识。例如图标的发展史、图标的基本属性、好图标的特征、图标的常用格式、图标的分类和设计要求等。了解了这些内容后，再开始设计工作，才能保证设计出来的图标可以正确地应用到相应的行业中，避免走弯路、犯错误。本章针对图标设计的一些基础知识进行学习，为进行更深层次的设计工作做准备。
本章知识点
■ 了解图标的发展历史
■ 图标设计有哪些准则
■ 了解图标的属性
■ 什么样的图标才是好图标
■ 图标支持哪些格式
■ 掌握图标的分类
■ 不同种类图标的设计要点
图标展示
1.1 了解图标发展历史
谈到图标的使用和发展，可以追溯到1970年符号学创建的初期。图标的广义概念就是人类使用符号来传达意义，包括文字、讯号、密码、文明符号、图腾、手语等，这里所说的图标指的是计算机屏幕上表示命令、程序的符号和图像。1.1.1 1973～1989年
接下来对图标发展历史进行介绍，通过介绍可以进一步了解图标的发展过程，理解图标设计风格和技术的进化，同时预测图标设计的未来。
1973年，Xerox Alto成为第一个使用图形用户界面的计算机，一般把使用窗口、图标、菜单、鼠标指针这4大元素与计算机进行交互的界面叫做图形用户界面。Xerox Alto的屏幕是竖着的，是一个单色的显示器，分辨率为606像素×808像素，如图1-1所示；系统的典型界面如图1-2所示。它的诞生为未来的计算机系统定义了新的基准。图1-1图1- 2
1981年，在Xerox Star系统中开始使用图标，这是第一台全集成桌面电脑，包含应用程序和图形用户界面，如图1-3所示。界面中的图标都是72像素×72像素的黑白图标，如图1-4所示。当时的显示器的分辨率只有72点/英寸，每一个图标刚好是一平方英寸。图1-3图1-4
Xerox Star系统中的图标十分抽象，只用了圆形和矩形。当时制订的一些图标到今天都还在被使用，例如折了一角的空白纸张表示文档，淡黄色的文件夹表示目录，放了纸的桶表示垃圾回收站，如图1-5所示。图1-5
提示：XeroxStar系统中所有图标都具有很好的一致性，在图标的细节上表现很好。例如当收件箱或发件箱有信件未处理时，收件箱或发件箱的图标的外层就会多了一层；时钟的图标与日常可以见到的时钟非常相似；图标的名称也作为图标本身的一部分。
1983年，Apple公司推出办公电脑―Lisa，如图1-6所示，它具有16位CPU、鼠标、硬盘，支持图形用户界面和多任务的操作系统。相对Xerox Star系统来说，Lisa系统的分辨率比较低，虽然系统中的图标多了细节，像垃圾回收站有条纹和盖子、计算器有数字等，但在某种程度上来说，Lisa系统中的图标跟Xerox Star系统中的图标相似，也是黑白的，而且只有48像素×24像素的尺寸，如图1-7所示。图1-6图1-7
1984年，Macintosh电脑是苹果电脑继Lisa后第二部使用图形用户界面的电脑，即最早的苹果机，如图1-8所示。Macintosh系统首次将图形用户界面广泛应用到个人电脑上。Macintosh系统的图标独特且有趣，图标为黑白色，大小为32像素×32像素，如图1-9所示。图1-8图1-9
提示：在Macintosh系统中的图标很容易被辨认，有很好的一致性，在抽象跟具体之间把握的很好，在设计时还考虑到不同语种的人的使用。
1985年，Windows1.0系统发布。是微软第一次对个人电脑操作平台进行用户图形界面的尝试。界面中的图标功能不全面，更像是占位符的图标，如图1-10所示。图1-10
提示：Windows1.0系统中的图标采用了32像素×32像素的黑白模式，但在细节表现和美观上面有很多不足之处，图标之间的定位、风格和阴影都严重的不统一。这就使得图标的辨识度不高，常常会被认错。
同年，Amiga公司推出了Amiga多媒体计算机，该计算机使用Amiga OS操作系统。Amiga OS操作系统是一个真彩色的操作系统，该系统中的图标具有很强的独特性，图标使用了黑、白、蓝、橙4种颜色，但是每一个图片的尺寸大小都很随意，使整套图标看起来很混乱，如图1-11所示。图1-11
这套图标的优点在于每一个图标都有“选择”和“未选择”两个状态，两个状态之间有完全不同的外观。但是Amiga系统比较混乱，操作系统、图形界面、操作设计等看起来都是匆忙完成的，可以想象，Amiga系统在商业上也是失败的。
一套图标不仅反映了计算机系统本身的接口，也反映了系统里面的某些特性。相对于Amiaga系统，同时期推出的iOS系统图形界面的图标优点明显，iOS系统的图标大小均为32像素×32像素，颜色为黑白色，如图1-12所示。其次，iOS操作系统很简洁，操作性也很好。图1-12
1989年，当Apple公司和Microsoft公司还在各自的图形界面上停滞不前时，另外一个操作系统的出现大大地推进了图标的发展，这就是NeXTSTEP系统，这是一个面向对象的系统，后来发展为OPENSTEP系统。
提示：NeXTSTEP系统的图标使用的是48像素×48像素的尺寸，采用了彩色和阴影效果，如图1-13所示。尽管图标的风格并不统一，它在某些地方的创造性设计还是可圈可点。NeXTSTEP系统最初用的显示器是黑白的，但过了不久就能够支持彩色显示器。图1-131.1.2 1990～2000年
1990年，Microsoft公司发布了Windows3.0操作系统，如图1-14所示。系统中的图标获得了改善，图标采用了32像素×32像素的尺寸、16色和阴影效果，整套图标在视觉效果上有了很好的表现，如图1-15所示。图1-14图1-15
1991年， Macintosh系统在发布了7个版本之后引入了有阴影效果的彩色图标，如图1-16所示。图标采用了很多蓝色和黄色的阴影效果，使得这套图标的颜色看起来很精致。图1-16
1992年， Windows 3.1系统中的图标也出现了一些简单的阴影效果，整套图标的实用性也因此得到很好的改善。在这套图标中也首次出现了一些渐变效果，如图1-17所示。图1-17
1994～1997年，Macintosh操作系统（后被改名为Mac OS）在经过大约3年的“预览版”之后，第8个正式版本在1997年发布。在这个版本中引入了新的图标风格，被人们称为Copland风格，如图1-18所示。图1-18
在Copland风格中的图标应用了伪3D效果，用了大概26°倾斜的等距栅栏。图标的颜色从256色扩展到了百万色，与Mac OS的白金外表很好地融合在一起，使整体显得精美、独特。
提示：等距经常被应用于三维空间的表现，意思是没有透视点，两条平行线在视觉效果上不会相交于等距空间的某一点上。
1995年，在Microsoft公司的重要产品Windows 95系统中，大多数图标被重新绘制，在图标某些地方也应用了Copland风格。这套图标仍然采用了32像素×32像素的尺寸，16色，如图1-19所示。如果安装了随后发布的Microsoft Plus!插件，可以使用256色的图标。图1-19
1997年，Macintosh系统发布了Mac OS 8，为用户提供了更快、更美观的苹果电脑操作系统。在Mac OS 8系统中的图标使用了高光效果模拟光源的效果，如图1-20所示。Macintosh也开始实现一个等距风格强烈的阴影效果。图1-201.1.3 2001～2011年
2001年MacOS
Mac OS X之前版本的图标尺寸都是32像素×32像素的，随着版本的升级，图标支持的颜色数量也不断增加。在Mac OS X系统中图标可支持平滑的半透明图形，同时图标风格也有了很大的改变，新图标的尺寸为128像素×128像素，16倍于之前版本的图标面积，并且采用了24位深度和8位的半透明遮照效果，如图1-21所示。图1-21
改变后的图标形成了一种更真实的全新风格，新的图标已经具有写实的风格，而不再只是象征性的符号。图标有128像素×128像素的足够空间来展示细节，反锯齿使表现曲面和曲线成为可能，透明和半透明的通道可以表现复杂的阴影效果，所有的特性使图标向华丽的图片转变成为可能。改变后图标应用了很多透明、半透明以及阴影效果。
图标会根据系统的需要自动改变尺寸，让用户很难辨认缩小后的图标，同时，写实手法太重的图标也扼杀了人们的想象空间。
2001年WindowsXP
参考Mac OS X中的图标，Microsoft公司在Windows XP系统中重新设计了图标，如图1-22所示，这套被称为Luna的图标的尺寸比以往版本要大，色彩也更绚丽。尽管Luna图标的尺寸比Mac OS系统小，只有48像素×48像素，但相对以前版本来说，尺寸上的变化也算是惊人的，而且有数百万种颜色，并支持8位的透明色彩。图1-22
这套图标中最特别的是视觉效果中风格的改变，改变后使图标显得更有趣、更多彩、更具活力。图标与Windows XP系统的外观很好地结合在一起，透视的使用使图标具有动态的活力，边框和细节表现的很柔和、很融洽、来自左上角的光源使图标之间很容易区分，计算
试读结束[说明：试读内容隐藏了图片]