淬火成钢

制作和设计是两个档次两个不同的工种，这已经被业界所认同。然而几乎每一个平面设计师都会被自己所处的领域禁锢，做化妆品的、做家用电器的、做房地产的，设计思维无不为日常工作所限制，久而久之，很容易丧失掉设计师最珍贵的思维自由驰骋能力。本期独家专稿，希望对各位搞平面设计的朋友有所帮助。

　

    （插图1：Gary Yang的个人主页：Viewpoint (个人观点) http://garyspage.yeah.net）

一、小心使用颜色

    平面设计师力求为客户设计美伦美奂的印刷品，如果没有严格的预算限制，都会使用丰富的色彩，甚至还使用了金银的专色。但是这种习惯并不适用于Web设计。Web设计中的颜色规范是216色，这来源于Windows系统和Macintosh系统各自色盘的公共部分，超出这216钟颜色的Web设计很容易在一些访问者屏幕上变成一种难以预料的颜色，所以这216色被称为Web安全色盘。从另外一个角度讲，降低颜色数，图象文件的字节数会明显减小，这样更合适在带宽有限的Web上传送。在多媒体光盘设计中，虽然光盘的数据传送比Web快多了，设计师也偏爱使用216或者256色盘以多媒体节目的流畅播放。如果你是在Macintosh上进行Web创作，那一定要使用Web安全色盘了，因为大多数人将会在Windows平台上观看你的作品。好在现在大多数的创作工具，象Adobe Photoshop\Illustrator、Macromedia Freehand\Fireworks\Dreamweaver等等，都为设计师准备好了216 Web安全色盘，设计师不必为此浪费时间了。

    （插图2：Dreamweaver提供了216安全色盘）

二、字体表现的问题

    字体是设计中的重要元素，有些设计中甚至是首要的设计元素，有些平面设计师偏爱使用字体进行设计。但是在Web设计中字体的选择范围却相当的小，你无法知道客户上网浏览的电脑上是否也装上了你使用的漂亮但是少见的字体，如果没有，你别出心裁的设计只能自己欣赏。为了达到目的，有些设计师将字体象素化做成图片，但是这样不适用于大段的文字，标题还可以，而且这将明显减慢Web页被下载观看的速度。这个矛盾在Flash出现之后得到很好的解决，设计师可以使用自己喜欢的字体设计，然后打散成矢量图形。毕竟，矢量图形比象素图的字节数小多了。但是在Flash中大量使用打散文字后的矢量图仍然会使文件字节数增加，同时值得注意的是，矢量图的重现是依靠电脑CPU计算的，过于复杂的矢量图形重现速度会很慢，这是设计师所不想见到的情形。总之，建议不要在创建Web页面时，对于段落文字的字体花太多心思了，没有太多的选择，经验表明大多数电脑都安装了这样一些字体：（中文）宋体、黑体，（英文）Arial，Verdana，Times。此外，中文9Pt的宋体字是现在Web页上段落文字的一个标准。

三、了解Web图形

    目前流行在Web上的图形格式非常有限，除了JPEG、Gif和新兴的Swf（Flash的格式）之外没有太多的选择。虽然有JPEG2000、PNG、SVG等等图形格式，技术特性令人叫好，但是要等它们流行起来还不是一天两天的事。了解图形格式的特性对Web设计师是必须的，它直接决定设计作品的特征。熟悉位图（Bitmap）和矢量图（Vector）的各种格式是设计师的基本功，这里不再展开说明这些图形格式的特性，市面上介绍这方面的资料书籍也非常多。我们也期望新的具有更好的特性的图形格式能够流行起来，这样会给设计师带来更大的创作空间。但是，很多经验让我们知道，市场占有率最大的，往往都不是最好的，我们使用Windows操作系统就是一例。平面设计师需要注意的是：Web是基于屏幕的媒体，视觉内容是以象素（Pixel）为单位的，即便是矢量图形，它重现的时候依然是在这十几寸的屏幕上用72dpi或者96dpi展示，颜色如前所说在216颜色范围内，因而要熟悉这些小而精确的图形。现在有些Web设计师喜欢画精确的象素图，完全没有做Blur一类的模糊和抖动，很多细节如果改动一个象素则会面目全非，这是Web图形设计师追求极端的癖好，不过这也真的形成了一种明显的风格。总之，相对于印刷媒体的图形而言，Web图形显得精细，小巧又有局限性。这点要在不断的设计过程中逐渐体会，传统的平面设计师要为此调整自己的习惯。

四、动态特性、交互性和多媒体的特性

    1、动画的特征是Web设计中的重要元素，这在传统的平面设计领域中是没有的，动画为Web带来了美妙丰富的视觉内容，值得设计师去不断学习和探索。在初期的Web设计中，Gif图形提供了一些简单的动画，虽然使用Java也可以创建不错动画，但是作为设计师，能写Java语句的人太少了。况且Java运行起来太慢，有时慢得令人难以忍受。不过当初程序员们利用编程技巧在Web页上用Java创建了眩目的动画时，还是引得设计师们羡慕不已。作为不熟悉写代码的设计师，他们可能会用Adobe AfterEffects或者Macromedia Director创建动画，但是，毕竟QuickTime的动画并不很合适低带宽的Web环境，用Director创作的难度也不小。所以Flash的出现，设计师为之欢呼雀跃，设计师庆幸有了一件好的动画创作工具，容易使用而且非常适合Web传送，所以现在到处可以见到Flash的站点。不过Gary Yang坚持认为：会使用AfterEffects和Director的人，才称得上是真正的多媒体艺术家。

    2、Web页面的交互性是设计师和程序员共同关注的内容，一般来讲，设计师主要用DHTML、Javescript、Shockwave（包括Flash）等技术创建客户端的交互页面，程序员通过编写CGI程序等方式来实现服务器端驱动的交互性Web页面。要做一个好的Web设计师，这些技术方面的知识也是应该具备的，至少要了解这些技术实现了什么。Web站点的开发队伍中，设计师要与程序员频繁的交流意见，对此知之甚少则严重影响开发的速度和质量。

    3、Web飞速发展过程中出现了很多令人兴奋的东西，其中多媒体的特性和虚拟实境的实现是最富吸引力之一的技术，追随者日众。其中流式音视频（Streaming Audio and Video）有Quicktime、Real、WMF等等，这些技术丰富了Web上的多媒体特性，随着网络带宽的改善，应用将越来越广泛。此外，Quicktime 、Metastream 、Cult 3D、IPIX等都在致力与Web虚拟实境（3D物件）的实现，Web的虚拟实境现在已经进入商业化应用的阶段了。所以建议Web设计师们要不断学习这些新东西，Web上似乎每天都有新东西出现，新的技术、方法和设计如雨后春笋，如果置之不理，很快就会感觉自己什么都不会做了。 

    好的Web设计师要有非常全面的知识和敏锐的感觉，当然谁也不敢说他自己是最好的，因为Web领域涵盖了很多艺术和技术的内容，而且还在不断快速地发展着。所以设计师队伍会进一步分工，以往一个人一脚踢到底的做法过去了，现在建设Web站点是许多设计师共同努力的结果。这里，我们可以不妨大致这样为设计师分工，各个工作虽然可以兼任，但至少这样分工有利于管理和发挥各自的专长：

    1、插画设计（创建页面的位图和矢量图）；

    2、Web界面设计（创建Web页面的风格、导航元素，确定浏览历程等）；

    3、Web动画设计（创建Shockwave、Flash动画）；

    4、Web音视频设计（创建Quicktime、Real等流媒体内容）；

    5、Web虚拟实境设计（创建VR，包括三维物件模型的制作）

    网站策划、内容编辑以及程序编写虽然不在设计（Design）范畴之列，也紧密相关。很多设计师对此也非常熟悉，那真是如虎添翼了。

    以上的内容你可以对号如座了，哪怕只在一方面出色，也是非常了不起的了。Web世界是充满梦幻的世界，赶快开始你的梦幻之旅吧！

    在本文快要结束时，我们再次联系到Gary Yang，他向本刊的读者留下这样一段饶有趣味的话：

    “设计有点象烹饪，是一个发挥创造力的过程。同样的原料和作料，为什么味道会如此之大？因为这里边的“变数”（也就是与结果相关的因素）太多，其数量几乎是一个超越人类探测的极限的数字。我们无法知道人有多少思想，以及半分钟后他又会冒出什么念头，所以设计思想和设计过程的结果也是一样的难以推测和枚举。”

    “我有时会下下围棋，我知道这19*19的格子里本身并没有什么玄机，只是一黑一白交替落子的动作一出现，注定没有人知道有多少种方案供选择，这个数字大得远远超越人类的计算能力，所以棋手才觉得有意思。设计也是一样的情形。”

    “当然，创造归创造，我们必须依赖一些基本的东西，或者说框架，使用文字、形状（图形图片）、颜色、格式这些基本要素，还得有直觉和灵感。”

    “设计的结果要让你的客户满意，并吸引受众，这几乎是设计师工作中所有幸福和痛苦的根源。”