封面设计欣赏
设计首页>>网站设计欣赏>>正文
Www 网页上的视觉传达与艺术表现
上一篇：搭配的艺术--谈主页用色
二：信息爆炸时代最热门的信息传递方式
在这信息爆炸时代，许多信息是靠不同形态的信息媒体透过复杂的信息网络系统传递。
目前最热门的信息网络系统是网际网络﹝Internet﹞，最热门的资讯传递方式是全球信息网﹝World Wide Web﹞。从个人的角度而言，「网际网络是一种交互式的媒体、是一种通讯的方法，是一种吸收新知识的工具。」若从结构的层面来观察，「网际网络是一群网络的集合。」而全球信息网则是在网际网络上结合多种媒体，不受时间空间限制，传递信息的方式。
根据一九九五年七月份，纽约美联道琼社外电所报导的文章「网际网络，未来商机可观」:
「据专家估计，全球网际网络用户在未来六年内将成长十七倍，于公元二仟年达到五亿五仟万，为业者创造不可置信的商机与投资机会。以网际网络提供商务软件工具与服务的巿扬也将从一九九四年的五百万美元成长至六亿二仟五百万美元。至于全球网际网络用户更将自去年底的三仟万用户增至五亿五仟万户。」
该报导也引述了旧金山 Volpe Welty 公司分析师柯翰的研究 :
「网际网络市场未来可能会分成五大类--网际通路〔连接用户与全球计算机网络的通路〕网际专业服务、网际网络的产品与服务提供及其它如音乐、光盘等相关产品。这些项目在网际网络爆炸性成长的前景下，都蕴涵了无限的商机。」
在工商特报七月份的「网际网络将成摇钱树．专文报导中也引述了美国 Forrester 研究集团的预估：
「一九九四年网际网络相关产品与服务的销售总额已经达到了三亿美元，迄二十世纪末时，网际网络的使用者将增至一亿人，此一市场规模更将激增至一百亿美元，俨然是一棵潜力十足的摇钱树。」
看看这些数据，网际网络上人潮与信息汹涌，它将冲击整个国家、企业以及个人，这个影响可以预测是全面的。
三：多媒体的目的在于提供更好的人际沟通
从西方戏剧发展的历史来看，公元前五世纪时希腊人在酒神﹝Dionysus﹞的庆典中，一面看戏，一面狂欢。戏剧除了提供娱乐，让大众喧泄当时日常的情绪之外，也反应了当时社会的伦理、道德、政治和宗教观念。二千多年来，人类即使发明了电视甚至多媒体，对戏剧的基本要求依然不变，依然要喧泄情绪，依然希求自己之理想被别人认同。
荒谬大师卡缪﹝Albert Camus﹞曾经说过，世界上祇有两个地方最令他感到欣悦，那就是足球场与剧场。不过，他如果还活着且能活到二十一世纪，或许他会很满意的坐在电视机前欣赏以交互式多媒体方式呈现在他眼前的一场任他自己选择的足球比赛或是戏剧演出。因为他不需要像过去一样要亲自到足球场或是剧场，只要透过电视机萤幕上使人感到「临场感」的景像，就可以使其个人的情绪与现场活动密切互动而得到身心两方的欣悦。「临场感」是多媒体在帮助人们沟通时希望达成的要务之一。
人类在互通信息的同时也在交换彼此的情绪，如果没有好的沟通情绪，所谓话不投机半句多，双方可能说没有两句话就结束谈话了。因此若要利用多媒体的方式做有效的沟通，则必须让沟通双方有临场感，并引起彼此的「良好沟通情绪」。
由于「多媒体系统」以新传播科技结合文字、图像、声音、影像、动画和录像，很容易帮人们有效且迅速的交换文字、语言、面部表情、影像等重要沟通因素，因此能为人际间的沟通提供「临场感」和「良好沟通情绪」。 四：多媒体沟通方式的原则
生活在多媒体时代，人类无论运用那一种新媒体科技进行沟通，都必需透过计算机屏幕或是类似计算机屏幕的屏幕。人类的第一部计算机 - ENIAC，最初被发明时只是用来当计算器用的。它是一个庞然大物，一点趣味都没有。但是发展到现在，人类却必需透过它与外界沟通。到底是什么因素改变了它的作用呢？
回顾一九六二年，麻省理工学院有一群计算机专家思考如何使单调的计算机表现出一点视觉趣味。后来他们利用一台迷你计算机，再加一个阴极射线管﹝CRT displayer﹞设计了世界第一个计算机游戏，称之为「太空战争」﹝Spacewar﹞。这游戏在很短的时间就到处风行起来。
到底是什么原因使「太空战争」那么受人欢迎？经过分析，这群专家认为「动作」﹝action﹞是使「太空战争」受人欢迎的主要因素。因为玩计算机游戏的人必须从计算机屏幕上随时捕捉瞬息变化的信息，经「思考」判断之后立即对计算机做出反应的动作。「思考」和「动作」的两种行为在玩计算机游戏的过程中，要随时求取平衡。从那时候，电脑不再只是人类的一个计算工具，而是一个可以沟通的对象。人类跟计算机的关系，从此，由过去单向控制的关系变成交互式沟通的关系。
若是信息的传递只是单方向的，我们无法对我们所接收到的信息作任何响应。如此的沟通方式势必会引起听众的不耐烦和不悦。良好的沟通关系在于双方都能尽情表达彼此的想法，对于共同关心的主题做相互的了解。多媒体亦然，它需要良好的交谈关系，做双方向的资讯传递。
一个充满「动作」的交互式沟通行为必须是及时的。在这很短的、及时的时刻里，计算机屏幕上所呈现的画面必须是很容易理解的，甚至是赏心悦目的，如此才能够不断地激发人跟计算机地沟通情绪。
因此充满「动作」的交互式沟通方式，也就是现在我们讲的多媒体的沟通方式的原则是：
﹝一﹞能进行双向互动的沟通；
﹝二﹞能实时的沟通，有临场感；
﹝三﹞有容易理解的内容；
﹝四﹞有容易找寻的内容；
﹝五﹞有赏心悦目的视觉效果；
﹝六﹞以上综合表现能不断激发人跟计算机的沟通情绪。 五：什么是网际网络﹝Internet﹞？
什么是 「网际网络」〔lnternet〕呢？这个答案事实上必须视您从什么角度观察而定。
回顾「网际网络」的发展历史，可以追溯到一九六○年代。那时美国政府考虑到核战爆发时，保持电子通讯系统的畅通乃是克敌制胜的要件，于是一个分布式的分封交换网络计划 ARPANET 于焉成形。
一九六九年时，美国将西海岸四所大学和研究所的主计算机以 5OK BPS 的线路连接起来，架设了一个小型的通讯网路，此即网际网络的滥觞。到了一九七四年的时候，ARPANET 已经是拥有 100 个节点的网络。
网际网络的初期，从事的通讯服务最主要的有三种：电子邮递系统〔Electronic Mail〕、档案传输〔File Transfer〕和远程登录〔Remote login〕。这些服务可以让使用者跨越时空的限制，在各种不同的计算机间，迅速而且有效地交换信息、分享资源，由于网际网络的通讯方式不但方便，而且稳定安全，使用人囗越来越多，网络上服务的种类也不断推陈出新，例如：小地鼠信息查询系统〔Gopher〕，网络论坛〔Netnews〕．．．等 。
一九九三年，美国伊利诺州大学香槟校区尚在攻读硕士的安德森，与几个同僚共同开发出网际网络新的服务种类--全球信息网〔World Wide Web〕的浏览器 Mosiac，随即在同年四月份时正式在该校的国家超级计算机应用中心〔NCSA〕推出，揭开了全球信息网应用的序幕。
全球信息网整合了交互式的图形、声音、文字、录像于一身，采用相同的语言─ TCP/IP 通讯协议在网络上做信息的传递；而传统的网际网络服务种类，所传达的内容除了文字外．．还是文字。因此，全球信息网，从此很快地赢得了网络使用大众的青睐。
就个人的角度而言，我们可以帮网际网络下个定义：「网际网络是一种交互式媒体、是一种通讯的方法，是一种吸收新知的工具。」这个「媒体、通讯、工具」的操作实体是在网络及计算机上进行，而连接的单位当然是一个又一个不同规模的网络，或是各种不同大小的主机、计算机。在这样网网相连的情况下，我们所操作的计算机只要连上了其中任何一个网络，也就是连上了网际网络，便可以对全世界进行无远弗届的通讯了！
若从结构的层面来观察，我们也可以这么解释网际网络：「就实体上而言，网际网络就是一群网络的集合。」
对于企业家或是商人而言，网际网络所代表的意义可不仅于此。对于无店铺经营业者〔例如：邮购业〕来讲，寄发二十万本的型录会花掉大概四百万元的经费，而建构一个一般的网络上虚拟店铺，软硬体加起来，只会花掉大约三十几万。网际网络上面人气旺盛，况且成本低廉，未来必然成为举足轻重的行销通路。
想要上网络，必须透过网络服务提供〔lSP，lnternet Service provider〕公司的协助，申请帐号或网址。我们最常听到的：中华电信的 HiNet，资策会的 SeedNet，还有教育部的 TANet。它们怡好是台湾地区三个较大的网络服务提供者，其中 TANet 是纯粹学术用途。一般的民众或企业，可以透过 HiNet、SeedNet 或其它的 lSP 厂商来上网。
| -- 作者：福星 -- 发布时间：2002-12-23 15:37:39 -- 五：关于图形设计部份
﹝一﹞关于图形的主体 1. 清晰可见，去除不必要噪声。 ﹝二﹞关于图形的意义 1. 简单明了。 ﹝三﹞关于图形内文字的本身 1. 清楚容易视认。 ﹝四﹞关于图形内文字的装饰 1. 没有过分花俏装饰，造成文字辨识不易。 |
一：美的原则
什么是美呢? 美的事物应该具备什么条件呢?
我们根据人类美感的共通性可以定出十个美的原则：连续、渐变、对称、对比、比例、平衡、调和、律动、统一、完整。
在讨论美的原则之前，必须先了解「单位形」的意义。单位形是在相同或相似的形象组合中最基本的单位元素。单位形可以单独重复排列，或组成「单位形组合」，再以「单位形组合」为基础，作有规律的反复排列。下列图例说明以一个「单位形」配置构成八种「单位形组合」。
以一个「单位形」配置构成八种「单位形组合」图例
每一个「单位形组合」又可以重复以线状﹝又称二方连续﹞、面状﹝又称四方连续﹞、环状、放射状、镜照式的方式发展成复杂有趣的平面构图。下图是以环状发展构成的平面构图。
以环状发展构成的平面构图
以下是关于十个美的原则的概述：
﹝一﹞连续
「连续」是一种没有开始、没有终结、没有边缘的严谨性秩序排列，它祇是反复的一种特殊情形，因此有规律的反复并不一定能产生连续。「连续」是无限地扩张，它可超越任何架框限制。「连续」包括「二方连续」和「四方连续」。
「二方连续」是单位形向左右或上下作反复的规律式排列。它可作直线方向、曲折式、波浪式的方向延申。
四方连续」是单位形向左右也向上下延申的现象，可产生四方连续的图形。由二方连续造成的线条加上左右上下反复的排列，是创作四方连续图形的方法之一。
﹝二﹞渐变
「渐变」就是逐渐的改变，其有一定的秩序与规律。「渐变」除形状渐变外，尚有「大小渐变」、「色彩渐变」、「位置渐变」和「方向渐变」等等，均可单独或混合运用。
任何构成元素之渐变，都有其开始与终结，或由一方开始，经渐变又回复原来的循环现象。例如形状渐变，可从某一形状开始，逐渐变化成为另一形状，或由另一形状又逐步回复到某一形状。无论是开始或终结，在渐变的设计中均可成为设计上的焦点，且在开始与终结的整个重复过程中，均会造成节奏感。
渐变形成的方式可由上而下、由左而右、或由中央发射、或作多元化的发展。
渐变的表现形式包括：
﹝1﹞自然形象之渐变、﹝2﹞形状之渐变、﹝3﹞大小之渐变、﹝4﹞位置之渐变、
﹝5﹞方向之渐变、﹝6﹞色彩之渐变。
﹝三﹞对称
视觉上，以一个点或一条线为基准，上下或左右看起来相等的形体，称为「对称」。「对称」具有相称、均齐、均整的意思。左右对称的形体向来都被认为是安定且具有机能的。
对称」的表现形式包括：
﹝1﹞线对称、﹝2﹞点对称、﹝3﹞感觉对称。
通常对称的图形具有单纯简洁的美感，以及静态的安定感，但易流于单调、呆板。一般来说，单纯的对称图形具有大方、强力的性格；细密的对称图形则能增加作品的充实感。许多商品设计即运用此特性而设计。
﹝四﹞对比
将相对的要素配置一起，相互比较，以形成二种抗拒的紧张状态，称为「对比」。这种造成相对排斥性质的要素，即一般所谓的「对比要素」。
「对比要素」包含的范围非常广泛，举凡造形、色彩、质感、方向、面积等均属之。圆形、三角形、方形是属于造形的对比，例如红砖、金砖两者具有相同的造形，而其质感因明显的不同，具有对比的性质。
对比现象的强弱与否，端赖对比要素的配置关系而定。一般而言，不同的要素结合在一起，彼此刺激，会产生对比的现象，使强者更强、弱者更弱、大者更大、小者愈小。亦即经由对比的关系可以增强个别要素所具有的特性。
「对比」的表现形式包括：
﹝1﹞线形的对比、﹝2﹞形状的对比、﹝3﹞份量的对比、﹝4﹞明度的对比、
﹝5﹞彩度的对比、﹝6﹞色相的对比、﹝7﹞质地的对比、﹝8﹞动态的对比、
﹝9﹞位置的对比、﹝10﹞其它的对比。
﹝五﹞比例
在造型上所谓的「比例」乃是指长度或面积等属于量度之间的一种比率，它描述的是部份与部份；或部份与全体之间的关系。
在人类的历史中，「比例」一直是被运用在建筑、家俱、工艺以及绘画上。尤其是希腊、罗马的建筑中「比例」被当是一种美的表征。除了建筑之外，有几个理想的比例，古代的学者就把它公式化，而作为设计的基本原理，以便求得统一与变化。其中最基本并且最重要的比例就是「黄金比例」。
古希腊人把「黄金比例」认为是最完美的比例而活用时造型中。它的基本方法是把一条线分割成大小两段，小线段与大线段之长度比等于大线段与全部线段之长度比。这种比例分割方法就是「黄金比例」。 ﹝六﹞平衡
「平衡」是指两个力量相互保持的意思，也就是说把两种以上的构成要素，互相均匀地配置在一个基础的支点上，以保持力学上的平衡而达到安定的状态。
在造形的秩序中，「平衡」是极重要的一项。由于造形的作品，并不是真正讲究实际的重量关系，所以「平衡」一词，在平面造形的世界中，应当是属于视觉的平衡。这和力学的平衡、数学的平衡以及其它学科中所讲的「平均」是不一样的。
对「平衡」来说，有对称和非对称平衡之分。在「平衡」的练习中，着眼点在于如何求得视觉上的安定与心理上的平衡。例如形态、色彩、材质在画面中所具有的重量、大小、明暗、色彩、强弱、质感．．．等，都必须保持平衡状态，才会令人产生安定的感觉。
﹝七﹞调合 当两种构成要素共同存在时，若成相差距过大，即造成「对比」。若两种构成要素相近，则对比刺激变小，能产生共同秩序使两者达到调和的状态。如黑与白是一种强烈对比的颜色，而存于其间的灰色便是两者的「调和」。
「调和」在视觉上可使我们产生美感。因此，调和的原则一直是人们关心的课题，尤其是色彩或造形皆是须不断探讨的问题。然而为了达到「调和」，各要素间的统一仍是必要的；如色相的配合、调子的配和以及明度的配合，皆能产生「调和」。在造形上如线的粗细与形的大小均会影响，但只要在造形上能一致的话，也可产生调和感。 「调和」要素除了色彩与造形外，质感也是相当重要的因素。如以同材质作为建筑物或庭园设计的材料，也是获得「调和」的方法之一。
﹝八﹞律动
凡是规则的或不规则的反复和排列，或属于周期性、渐变性的现象，均是「律动」。它给人具有抑扬顿挫而又有统一感的运动现象。
一般说来，律动和时间的关系密切，因为在其它具有时间性的艺术领域中，均能表现律动美，如音乐、舞蹈、电影、戏剧、诗歌等。以音乐来说，利用时间间隔会使声音的强弱或高低表现出律动美，而呈现抑扬顿挫的变化。 而在我们的生活环境中，四季的变化、植物的成长、动物的运动以及各种生理反应等都存在着律动的现象。此外自然界中的海浪、沙丘、麦浪、炊烟、屋瓦等形象，亦具有连续发展的反复，并呈现出视觉的一种律动美。
﹝九﹞统一
结合共同的要素，把相同或类似的形态、色彩、肌理诸要素作秩序性或画一性的组织、整理，使之有条不紊而相互发生关连或共通的作用，是为「统一」。
「统一」是美好的根本秩序。一般说来，统一可表现高尚权威的情感，也可以达成如平衡及调和的美感。然而过份的统一，将会失去生动而流于呆板。例如大小形态、色彩完全相同，且作等距离排列时，便会产生单调的感觉。 所以在讲究统一的同时，还须要注意到变化的问题。「变化」也是美的形式之一，所谓「变化」是在异质的诸要素中求变化。换句话说，即是将不同的形态、大小、色相、明度、彩度、方向、肌理作有机性的组织使之生动、活泼而不流于紊乱，才是适切的变化。
﹝十﹞完整
任何一件艺术作品，不论运用了那一种美的原则，或经过多么复杂的创作过程，艺术家到作品完成的那瞬间追求的是作品的「完整」性。完整性依人类的感觉、需求的不同分为感官方面﹝包括各种知觉﹞、意念方面、功能方面。譬如一出好的戏剧演出，除了带给观众视觉和听觉方面的完整性外，也会为观众提供剧作家想表达的一个完整的创作意念。
二：平面设计编排构成原理
多媒体观众一方面从计算机屏幕上所呈现的视觉表征得到信息，做出反应；另一方面根据其美感经验，从计算机屏幕上赏心悦目的视觉呈现，引起他的良好沟通情绪。一个赏心悦目的视觉呈现有赖于设计者的创意﹝idea﹞、表现技巧﹝technique﹞、编排﹝lay-out﹞能力。
目前许多国内设计的计算机屏幕视觉呈现是依赖设计者的感觉来处理，或者凭其多年的实务经验来完成。但是「感觉」对想学习多媒体设计的人是很难捉摸的，「经验」更是残酷的。因此将「美的原则」运用于平面设计的编排与构成，形成「平面设计编排构成原理」，可以帮忙初学者；甚至对设计师而言，在其面临缺乏「感觉」的时候，还能创作出具水准的作品。
﹝一﹞大小的对比
大小关系为造形要素中最受重视的一项，几乎可以决定意象与调和的关系。大小差别少，给人的感觉较沈着温和，大小的差别大，给人的感觉较鲜明，而且具有强力感。
﹝二﹞明暗的对比
阴与阳、正与反、昼与夜等等，如此类的对比语句，可使人感觉到日常生活中的明暗关系。初诞生的婴儿，最初在视觉上只能分出明暗，而牛、狗等动物虽能简单识别黑白，可是，对彩度或色相却无法轻易识别，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。
﹝三﹞粗细的对比
字体愈粗，愈富有男性的气概。若代表时髦与女性，则通常以细字表现。细字如果份量增多，粗字就应该减少，这样的搭配看起来比较明快。
﹝四﹞曲线和直线的对比
曲线很富有柔和感、缓和感；直线则富坚硬感、锐利感，极具男性气概。自然界中，皆由这两者适当混合。平常我们并不注意这种关系，可是，当曲线线或直线强调某形状时，我们便有了深刻的印象，同时也产生相对应的情感。故我们常为加深曲线印象，就以一些直线来强调，也可以说，少量的直线会使曲线更引人注目。
﹝五﹞质感的对比
在一般人的日常生活中，也许很少听到质感这句话，但是在美术方面，质感却是很重要的造形要素。譬如松弛感、平滑感、湿润感等等，皆是形容质感。故质感不仅只表现出情感，而且与这种情感融为一体。
我们观察画家的作品等，常会注意其色彩与图面的构成，其实，质感才是决定作品风格的主要因素，虽然色彩或对象物会改变，可是，作为基础的质感，是与一位画家之本质有着密切的关系，是不易变更的。若是外行人就容易疏忽这一点，其实，这才是最重要的基础要素，也是对情感最强烈的影响力。
﹝六﹞位置的对比
在画面两侧放置某种物体，不但可以强调，同时也可产生对比。画面的上下、左右和对角线上的四隅皆有潜在性的力点，而在此力点处配置照片、大标题或标志、记号等等，便可显出隐藏的力量。因此在潜在的对立关系位置上，放置鲜明的造形要素，可显出对比关系，并产生具有紧凑感的画面。
﹝七﹞主与从的对比
版面设计也和舞台设计一样，主角和配角的关系很清楚时，观众的心理会安定下来。明确表示主从的手法是很正统的构成方法，会让人产生安心感。如果两者的关系模糊，会令人无所适从，相反地，主角过强就失去动感，变成庸俗画面。 戏剧中的主角，人人一看便知。版面中若也能表现出何者为主角，会使读者更加了解内容。所以要有主从关系是设计配置的基本条件。
