（美术学专业论文）网页界面设计形态研究.pdf

摘要 网页界面设计作为人们交流 沟通与传达信息的手段 引起了设计领域的巨 大变革与进步 设计作品从物质实体 真实可感的形态向非物质数字 虚拟感触 的形态转变 观众与设计作品的 交流由 被动接受转化为主动交互参与 这些变化 归根结底是媒介载体技术功能进步的结果 论文共分四个部分 第一部分 明确了网页界面设计形态是以非物质化的数字设计形态与人们进 行交互的这一基本概念 这一课题的讨论虽已被设计行业越来越重视 但由于文 化异常情况下理论研究的空白 所以成果往往是囿于技术 欣赏与评价阶段 第二部分 以媒介变革与文化史的角度分析了每个阶段设计形态的特点 涉 及到了实体 文字 符号 图像等等作用于人体视觉的静止凝固或使观众被动接 受的形态表达方式 通过这些原始依据总结出由 于技术进步网页界面设计形态具 有的数字性 信息性 延续性 系统性 交互性 动静融合性等优势特点 第三部分 网页界面在高科技环境下形态表现上更加多变 汇聚与复杂 设计 涉及到的具体表现形式分为两种 一种是运用计算机技术 软硬件设备及科技概 念进行设计创作 表达属于自 身特点的设计 另一种则是将传统设计形态以数字 化的手法或工具表现出 来 这两种方式 使得更多的形式 形态与艺术语言相互 融合渗透 产生出标新立异 新颖离奇 妙趣横生的新视觉形态 第四部分 由于大众的 参与 众多网页界面设计新形态的 产生不断 地改变着 人们的艺术观念 新技术环境下审美发生了 变异 人性化的设计角度与新艺种的 出现将使设计与审美提升到前所未有的高度与深度 从这四部分分析 总结 整理与归纳得出网页界面设计形态是对自 身的表现 和与传统设计形态的综合 变革与融合 审美观念随新形态的产生与时代的发展 将会发生相应的变化 关注人性化 功能化与生活化的设计才会走向成功 关键词 网页界面设计设计形杰数字让vr ff ab s t r a c t as a k i n d o f me a n t o c o mmu n i c a t e i n t e r c o u r s e i d e a s a n d e x c h a n g e i n f o r ma t i o n w e b i n t e r f a c e h a s l e a d a g r e a t r e v o l u t i o n a n d a d v a n c e me n t i n d e s i g n i n g f i e l d wo r k s b e g i n t o c h a n g e f r o m s u b s t a n t i a l o b j e c t s a n d r e a l c o n fi g u r a t i o n i n t o i mm a t e r i a l d i g i t a l f i c t i t i o u s o n e s c o mmu n i c a t i o n b e t w e e n s p e c t a t o r s a n d w o r k s b e c o m e a c t i v e mu t u a l p a r t i c i p a t i o n i n s t e a d o f p a s s i v e a c c e p t a n c e a l l t h o s e d i v e r s i f i c a t i o n s a r e r e s u l t i n g i n t r a n s f o r m a t i o n o f me d i a c a r r i e r t e c h n o l o g i e s f u n c t i o n s f i r s t p a r t d e fi n e t h e b a s i c c o n c e p t t h a t w e b i n t e r f a c e i s d e p e n d i n g o n i mma t e r i a l d i g i t a l f o r m t o c o mm u n i c a t e w i t h p e o p l e a l t h o u g h t h i s t a s k h a s b e e n p u t i n t o t h e s p o t l i g h t o f d e s i g n i n g i n d u s t r y t h e p r o d u c t i o n s a re a l w a y s l i mi t e d w i t h in t h e t e c h n i c a l a p p r e c i a t i o n a n d c r i t i c a l l e v e l b e c a u s e o f l a c k i n g t h e o r y r e s e a r c h u n d e r t h e c i r c u ms t a n c e o f c u l t u r a l d e v i a t i o n s e c o n d p a r t 1 a n a l y z e c h a r a c t e r i s t i c s o f e v e r y d e s i g n i n g m o d a l i ty f r o m t h e a n g l e s o f m e d i a re v o l u t i o n a n d c u l t u r a l h i s t o r y w h i c h i n v o l v e i n t o n o u m e n o n s c h a r a c t e r s i c o n s a n d i m a g e s t h a t c o u l d i m p a c t o n h u ma n s v i s u a l s o l i d i f i c a t i o n o r ma k e t h e s p e c t a t o r s a c c e p t t h e m i n a p a s s i v e w a y 2 s u m u p i t s a d v a n t a g e s t h a t i s d i g i t a l i n f o r m a t i v e c o n t i n u o u s s y s t e ma t i c i n t e r a c t i o n a n d d y n a mi c s t a t i c t o g e t h e r t h i r d p a r t w e b i n t e r f a c e b e c o m e m o r e a n d m o r e c h a n g e a b l e a n d c o m p l i c a t e d t h e r e a r e t w o k i n d s o f s p e c i f i c r e p r e s e n t a t i o n s t h a t a re rela t e d t o d e s i g n i n g o n e i s t o u s e c o m p u t e r t e c h n o l o g y s o f t a n o t h e r i s t o u s e d i g i t a l t e c h n i q u e s o r t o o l s t o r e p l a c e t h e t r a d i t i o n a l o n e s w h i c h c o u l d s h i f t i t i n t o v a r i o u s s h a p e s f o r ms a n d a r t i s t i cpr o vi s i o ns a t l a s t c r e a t e a k i n d o f n e w u n c o n v e n t i o n a l v i s u a l c o n f o r ma t i o n f o r t h p a r t ma n y w e b i n t e r f a c e w i t h v a r i o u s p a t t e r n s c h a n g e p e o p l e t a s t i n g s t a n d a r d s b e c a u s e o f p u b l i c p a r t i c i p a t i o n n e w t e c h n o lo g y n o t o n l y p e o p l e s t a s t i n g s t a n d a r d a n d p rod u c e m a n y m u l t i l a t i t u d e t a s t i n g i ma g e s c h a n g e c a rin g a b o u t h u m a n i s m b u t a l s o i n fl u e n c e d e s i g n i n g c rea t i o n a n d t a s t i n g c o n c e p t i o n f r o m t h e f o u r p a r t s a n a l y s i s s u mma r y rec o l l e c t i o n a n d i n d u c t i o n w e c o u l d c o n c l u d e t h a t w e b i n t e r f a c e i s t h e p r e s e n t a t i o n f o r o u r s e l v e s a n d i s t h e c o m b i n a t i o n r e v o l u t i o n f o r d e s i g n i n g c o n f o r m a t i o n t a s t i n g c o n c e p t i o n w i l l b e a l t e r i n g w i t h t h e d e v e l o p m e n t o f t i m e s o n l y p a y m o r e a t t e n t i o n o n h u m a n n a t u r e f u n c t i o n a n d v a l u e o f l i f e w i l l l e a d u s t o s u c c e s s e s a n d a p r o mi s i n g f u t u r e k e y w o r d s w e b i n t e r f a c e d e s i g n i n g c o n f o r m a t i o n d i g i t a l i n t e r a c t io n 引言 有专家这样概括 1 9世纪是铁路的时代 2 0世纪是高速公路的时代 2 1 世纪将是信息网络的时代 川 还有专家甚至预言 再过几年 当互联网人口超 过全球人口的1 5 时 非上网的人口 在精神 经济 文化 社会和现实生活中就 有处于边缘地带的感觉 7 12 1借助于网络获取信息 学习 娱乐 购物与通讯已成 为一种生活习惯 所以将我们生活的这个历史时期定义为一个 网络时代 是最 恰当不过的 这个时代与先前的某个时代一样 经历了一次由技术引发的彻底的 改良 运动 这次运动改变着人们的交流关系 并构成了不同于以往媒介时期由交 流关系所产生的设计形态 网页界面设计形态 网络是一种实用工具 而网页则是信息传播的载体 它的产生将观众与设计 者之间关于作品的理解与交流推向了一个非物质虚拟境地 改变了传统媒介时期 现场 交流方式在时空范围上受到的束缚与限制 并将交流中设计作品信息载 码的损失降到了最低限度 产生了不同时空人与人 人机之间更为广泛有效的交 流 并凭借着高效 快速 准确传递信息这一优势 成为现代设计研究与发展的 重心 许多传统设计形态先前的物质生存环境转变为非物质化的数字生存环境 设计处理的对象不再是具体的实物 而是宇宙间生生不息的信息资源 通过对这 些资源的数字复制 存储 制作与发布 把传统设计作品通过看不见的 比特 演绎得淋漓尽致 达到了传统设计无法达到的表现效果与艺术高度 传统设计形 态在网页界面中存在方式与表现手法发生了 质的变化 传统时空观念被打破 相 对静止的少了 动的多了 创作中不仅要处理平面的视觉要素 也要考虑声效 影像 动画等动态的高科技全新内容 一方面要转换头脑中来自 传统的平面知识 加强空间概念 动感概念 另一方面 对于形态视觉空间与感性空间的构成与审 美也要有一种重新的定义 打破传统特定环境 时间 空间概念 传统设计形态 与网页界面设计形态在艺术特点上有何差异 它们在表现形式上有何不同 网 页界面设计具有怎样的审美价值 这些价值会对传统艺术品种与社会生活带来 怎样的影响 本文尝试通过与传统媒介时期设计形态审美与功能价值的比较研 究 站在时代发展的角度看待问题 全面阐释网页界面设计形态的艺术特点与表 现手法 以及在实际运用中带给欣赏者的全新审美感受 希望通过对于这一课题 的研究能逐步廓清我们心中长久的迷惑 一网页界面的定义及设计现状 一 网页界面的定义 网页界面艺术设计形态的概念是从传统设计形态概念演化而来的 谈到形态 一词 就不能不谈到与其意思相近而又不同的形状与形象 形状 是指物体或图 形由外部的面或线条组合而呈现的外表 形象则是指能引起人的思想或感情活动 的形状或姿态 在艺术创作中 常用于表现生物的神情面貌或性格特征 同一形 象可以具有不同的形状 p 1 比如 公共安全出口的指示标志 可以用箭头 奔跑 者 或脚印等多种形状 来作为 安全出口 标志形象 从这个意义上出发 可 以说形象是一种抽象的图形或形体 形 原形 式 法也 许慎之 说文解 字 它包括 法则 法度 法制 有 用法 的含义 也就是一种 格律 形态 是事物内在本质在一定条件下的表现形式 包括形状与情态两个方面 对 于设计形态的研究 不仅涉及到识别性 还涉及到人的心理感受直至思悟 正如 阿恩海姆在 艺术与视知觉 中所说 设计形态永远不是对于感性材料的机械 复制 而是对于现实的一种创造性把握 它把握到的形象是含有丰富想象性 创 造性 敏锐性的美的形象 是外部客观事物本身的性质与观看者的本性之间的相 互作用 14 1因此 我们所要表现的不仅仅是事物表面的 现实的 真实的貌相 而是从我们看到的事物中提炼出的本质的样态 苏联美学家莫 卡冈 在他的 艺术形态学 中 认为 艺术作品首先作为某 种物质结构 声音 体积 颜色斑点 词汇 动作的组合 也就是说 作为具 有空间 时间特征的对象被创作出来 存在并出现在知觉面前 艺术作品的 物质结构方面是它的本体论状态 是它的现实存在的主要基础和条件 同时是它 直接感性可感的面貌 他还认为 分类的本体论方面要求符号学方面来补充 15 1 因为艺术作品的外在形式一方面是物质结构 另一方面是形象文本 物质结构作 为某种艺术信息的载体 它荷载信息 并把这种信息从艺术家那里传输给欣赏者 这种符号是创作者和欣赏者之间沟通的桥梁 设计作品与自 然实体传达信息最大 的区别在于使用了形象文本 艺术的形象符号特征 这些特征可分为两个方 面 以生活本身的形式再现生活 是 再现符号 艺术符号不再现物质存在的 具体性 则为 非再现符号 事实上 一切造型活动的结果都是以形态的构成 形式存在的 传统的设计形态是设计的物化形式 原型 样式 文字说明 图样 模型以及电脑程序等 成为设计形态的具体形式 设计总是以这些固定形式的表 现而体现的 对于网络设计而言 其本身是中性的 它提供的仅仅是一个信息承载的空间 它的意义在于 一 用户通过它的机制 能够获得特定功能的实现 例如上传 下载 浏览 通讯等等 二 它推动了传统艺术活动方式的变革 使实时交互 创作 按需收视成为可能 三 网络为艺术群体的组建 活动与联系创造了新的 条件 其中 特定功能的实现才是网络的根本意义 16 1 网络主要包含站点定位 网 站结构与程序设计 网页界面设计三个方面 前两种是理性的 一种是客观因素 一种是技术因素 后一种是艺术设计的领域 它具有感性的审美特征与艺术个性 网页界面设计形态 是以非物质化的数字设计形态与人们进行交互 其中形态构 成的元素如点 线 面 体 文字 图形 色彩等都表现出了非物质的 特性 非 物质与物质只是相对而言 非物质设计必须要借助物质设计为基础手段 如动态 网页中 程序的设计必须由电 脑硬件的支持才能完成 此外 在网页界面设计中还 包含有很多层面 既有程序设计的层面 又有功能 价值的层面 还有方法 服 务的层面 以 及空间 感觉 思想与哲学等诸名的层而 非物后扮字0 设计形杰 的运用 使网页界面的艺术设计语言更加丰富 二 网页界面理论研究现状 一项新技术的产生一般离不开工具的参与 但是却同工具有着截然不同的概 念 新技术是在科技与人类创新思维实践共同催化下产生的 它脱离不了时代背 景 创新思维是在传统文化的土壤中萌发并生长出来 新科技也是从成熟的知识 经验积淀中裂变而升华的 因此 一种技术从实验室走向社会的一瞬间就有了文 化色彩 而文化从根本上说就是人化 其首要特性就是人文性 网页界面设计形 态的出现同样离不开这个规律 它以前所未有的技术带来前所未有的形态 进入 了人的生活 成为了一种最为时尚 最为抢眼的新文化形态 因此 也肯定具备 了人文性 网页界面设计形态新技术的发展大大快于社会文化的发展 使社会文 化在网络技术洪水溃堤时没有做好心理准备 因而在文化心理方面产生了许多断 裂 错位与冲突 在网页界面设计形态更复杂 更多重面貌 更反叛传统 更非 统一标准等人文特征面前 许多人不适应活生生的有无穷创造力的网络新文化时 代 较为武断地否定网页界面设计形态的文化性与其文化理论研究较长时期的真 空状态 成为文化史上难以见到的反常现象 在以往的文化史上 每当产生一种 新的文化形态时 总是以文化精英利用各种宣传工具和有沟通渠道的舆论阵地发 动一场激烈的文化变革运动 而后波及至大众 被社会逐渐认可后而完成的 其 间文化精英围绕新文化形态的出现总是难免一场论战 论战的过程是对新文化理 论体系形成的过程 也是对新文化功能与审美价值深入学术研究与宣传的过程 这里有两个明显的特征 一 文化精英始终控制着文化最前沿的理论 并主导其 发展方向 大众处于被引导的被动地位 二 理论对文化发展具有前瞻性 从文言文到白话文 从旧体诗到新体诗 都具有这种特点 大众在传播媒介 并不发达的时代 接受最新信息与高层次教育的机会渺茫 他们更信服于精英们 的观念 痴迷于他们的理论 遵从于精英所构建的设计体系与程序 以精英的美 学标准尺寸去测量一切事物 以精英提供的创作模式去创造雷同格式的文化作 品 因此 文化变革进程虽有对抗 但总是在有条不紊的秩序下进行 胜利的变 革方与屈服的保守方都是文化强体的精英阶层 他们按自己的游戏规则进行较 量 所以 文化形态具有较强的传承关系 审美价值体系结构从未没有从根本上 受到过破坏 但在高度发达的网络时代 掌握网络界面设计操作技术的大众 不 再置身于信息交流之外 他们每天接触全世界最新发生的事件并与之互动交流 他们不再是旧时对文化精英顶礼膜拜的一代大众 他们是网页界面文化形态主要 创造者 各种层次 各种文化背景 各种价值观不同的人都以自己的美学标准去 创造自己的作品 根本不顾及精英的想法和传统的美学准则 也不屑于什么游戏 法则与理论指导 在这一次大的 文化变革中 精英第一次被忽视 而呈现出隐退 状态 他们失去了新文化变革引导的地位 显得跟不上文化变革的形式 因而 也造成了大变革局面下理论研究的空白 面对这种局面 要保持头脑的高度清醒 讲设计文化也好 讲设计审美也好 归根结底是要把它落实到设计形态 设计形 态的现代化 设计形态如何进一步地和新技术相结合 如何体现新的审美价值 是摆在大家面前的一个重要课题 也是解决网页界面设计众多问题的根本切入点 二传统设计形态与网页界面设计形态的比较 设计作为人类与动物生存方式区别的标志 其源头可追寻到 制造工具的人 产生的那个遥远而伟大的瞬间 设计的粗略形态在瞬间的智慧与原始材料撞击的 火花中诞生 从开始用劳动改造自 身生存环境的那一刻起 到现代的 信息社会 形态获得了丰富的表意 并伴随着科技的发展 传播手段的进步 一步一步走向 完善 从甲骨 竹简到纸张 再从电 视到电脑 现实形态 终于在 i n t e r n e t 的空间中摆脱了物质重力的束缚 自由地飞翔在理想的数字世界 传统的附着于 设计实体中用于传递信息的形象文本与概念形态 背离了原有形态的单纯性 从 凝固 单一媒体向动态 多媒体转变 由 直观感触向虚拟现实转变 如从静态文 字 标注到动态的滚动文字 导航按钮 从静止的点线 到不断闪烁 扭曲运动 的点线 形态的这种转变 归根到底 是媒介载体技术功能变化的结果 这种结 果下产生出的形态存在于不同人类文化阶段与媒介时代的变化与更替之中 它们 是研究数字时代网页界面设计形态构成的原始依据 一 传统设计形态的特点 从媒介材料发展的角度看 人类设计的形式大体可划分为自然媒介时期 人 工媒介时期和当代的数字媒介时期 而从文化史的角度界定 我们可以把信息的 传播与交流分为四个不同的阶段 口传文化阶段 印刷文化阶段 机械电子文 化阶段和比特文化阶段 1 7 1 其中 口传文化阶段处于自然媒介时期 印刷文化 阶段 机械电子文化阶段处于人工媒介时期 比特文化阶段基本归属于数字媒介 时期 设计形态在每个文化阶段与媒介时期都有不同的特点 从历史的角度看去 当原始人用一块石头敲击另一块石头来打造出一个工 具时 设计就在这瞬间自然而然的产生了 1 8 1 设计形态也就诞生了 口传文化阶 段的人类所能利用的媒介就是人体自身 原始人起初只会利用自身这个 自然 物 利用自身的各种器官来传递信息 人类利用自身作为传播手段又可分为二 类 一类是由嗓子发出的 咿咿哑哑 的声音 后发展为 类语言 进一步又发 展为语言 口头语 一类是脸 手 脚 躯体做出的表情和手势 身势等形体 动作 现在称为 形体语言 人就是运用口头语言和形体语言与环境及他人 进行沟通 这时候 信息发出者和媒介是合二而一的 人们 发布信息 的过程 就是手舞足蹈 张口摇舌 挤眉弄眼的过程 由于这种过程具有现场特征 因而 不可避免地在时间 空间上受到很大的限制 为了突破这种现场传播在时空方面 的限制 于是人们便逐渐学习利用外物作为媒介 用鼓声来扩大人的声音 用烽 火台的火光向远方的人们发出警戒 在器具上雕刻或在洞穴壁内涂画 以记下季 节的变迁或部落发生的重要事情 渐渐地不仅出现了图画 还创造了不同形式 6 的形象符号 这些符号的有效运用 使传播地域与时间范围得以扩充 也提高了 信息交流的准确程度 这个时期交流中的设计形态大都直接来自于某些自然物 如贝壳 果实等 见图2 1 结构形态保持着原始的特征 粗砺 幼拙 质朴 自然的品格 设计表现偏重于装饰纹样 装饰比较粗犷 简约 却能生动的描绘 出自然物象的特征 以及人类对自然形态最原始的抽象理解 这种早期人类对美 感朦胧的追求 体现了对于客观规律与主体目的性的把握 显示了人的本质力量 尽管是低级的 粗陋的 现在看来谈不上什么价值 但是作为美创造的第一步 其意义绝对不能低估 在自然条件比较恶劣的情况下 审美主要以关注功利为主 温饱成为了他们首要的问题 设计的形态如彩陶上的鱼纹 人面纹 舞蹈纹 见 图2 2 等 虽然具有了最初的抽象特征 但仍是以设计本体的实用功能为主 形态与传达出的信息静止凝固 拙朴单调 整体来看其视觉语言贫乏 无有准确 的交流目的与效果 图2 1图2 2 文字系统的完善以及印刷术的发明使得人类可以将信息进行高效率的复制 这 是真正意义上的媒介 因为它们是真正独立的中介物 外物媒介的运用在信息交 流上是个了不起的进步 有了媒介 信息交流不再依赖于 现场 传媒学家麦 克卢汉曾这样高度评价 媒介 人体的延伸 这种延伸有效的克服过去以自 体为传播手段时所遇到的时空限制 文字符号具有了象征性与抽象性 不但获得 丰富的表意功能 而且还被赋予了文化属性 设计形态开始储存在新的可移动媒 介之中 见图2 3 同一期间 设计实体形态由于社会经济的发展 社会劳动分 工的细化 新材料的发现 新工艺的掌握 使人类在关注功能的同时更迸一步想 实现对审美的需要 技巧表现与艺术水准的变化令人惊异 不同门类设计的表现 语言与语法规则逐步成熟 各自的审美标准也逐渐深化 但拓展与进步并没有使 形态本身摆脱物质的羁绊 信息传播也不可避免地受到时间与空间的限制 作者 与观者对设计全局把握上会产生误差 圈2 3图2 4 机器的产生及其发展解放了人类的体能 也大大提高了社会生产力 人类的 审美意识发生了真正的觉醒 美的创造成为人们改造客观世界同时也改造主观世 界的自觉实践活动 审美活动在科学理性的指导下 对不同领域 不同职业的设 计学科产生巨大的影响 设计开始向纵深发展 这就是我们所说的机械电子文化 阶段 在这样一个到处充满技术 机械 产品的社会中 人们更加关注于功能美 的实现 人们与机器实现有效的交流 如何控制和使用机器为自身的生产与生活 服务 成为设计形态研究的重点 由于机器的使用者与设计者处在不同的时空中 交流的实质是实现产品使用者与设计者之间的人与人适时 在场交流 交流的 媒介是软件界面的设计形态 如电视屏幕艺术等 观众是被动的 见图2 4 这 一时期 设计形态大多服务于界面设计的合理与人性化改进 但无论如何改进 还是无法实现人与人交流互动 回顾了传统文化阶段与媒介时期的设计形态的演变历程我们不难看出 设计 形态是随着技术的进步得以拓展 无论是口传文化阶段 印刷文化阶段 机械电 子文化阶段 其面貌都是物化的 形态的表现也受到物质条件的制约 虽然能产 生出各种各样的设计形式 但是却只能模拟而无法虚拟 无法实现媒介自身对自 身虚拟性转换与替代 在形态表现上并不能产生真正的动态效果与时空上的交 化 设计形态的艺术修辞方法和美学标准也都有历史的局限性 用来评价网页界 面设计 都失之偏颇 二 网页界面设计形态的特点 毕达哥拉斯关于 万物皆数 的观点已成为近 现代科学观念的一个主要特 征 数字媒介更新了传统设计思维的空间 使传统的设计媒介本身变成了一个小 概念 数字媒介尽管无法取代传统媒介 但却可以提供传统媒介载体发展变化的 新模式 换言之 我们不再把传统的设计媒介形式看成是唯一的和不可变更的 有了数字媒介 人们对传统媒介的思考才可能变得更加全面深入 数字媒介与 比特文化阶段 就其本身而言 无非是随着计算机发展而来的数字化的艺术构成 方式 这种方式把设计带入了一个前所未有的时期 它通过数字的 比特 对 原 子 物质的置换为设计创作了一个虚拟的环境 1 9 1 人与人的活动与交流发生了质 的改变 设计从此进入了数字时代 网页界面设计是数字媒介形式中最全面 最 具代表性的设计种类 作为一个基于信息的设计学科 最能体现现代设计的艺术 魅力 淋漓尽致的演绎 包罗万象的内容 眼花缭乱的视像 它可以无情地摧 毁地域 国界 宗教等固有观念为人类带来的障碍 又可以为近在咫尺的距离制 造出不可跨越的路途 既能把轰动的要闻同步传播 也能使偏僻角落的不屑之事 瞬间晓知天下 最初网页 w e b 界面设计就好像d o s 操作系统界面一样只是纯文本界面 只有通过l y n x 之类的文本浏览器才能看到 而且只能利用键盘操作 1 9 9 3 年 第一个网页用户界面 g u i 的浏览器 m 0 s a i c 的诞生具有可显示图形与鼠标 操作的功能 极大地推动了i n t e r n e t 的适用性 如今的网页界面平台 w 髓平台 9 不再是早期静态信息的发布平台了 它被赋予更丰富的内涵与功能 现在 我们 不仅需要w e b 提供信息 还需要个性化的搜索 如网上销售 电子商务等等 当今大部分网页界面的设计都属于动态页面 动态网页界面技术的原理是 使用不同的技术编写动态页面保留在w e b 服务器内 当客户端用户向w e b 服务器 发出访问动态页面的请求时 w e b 服务器将根据用户所访问页面的后缀名确定该 页面所使用的网络编程技术 然后报该页面 提交给相应的解释引擎 解释引擎 扫描整个页面找到特定的定界符 并执行定界符内的脚本代码以实现不同的功 能 如 访问数据库 发送电子邮件等 最后把执行结果返回到w e b 服务器 最 终 w e b 服务器把解释引擎的执行结果连同页面上的h t m l 内容以及各种客户端脚 本一同传送到客户端 所以当今对于网页界面设计的研究 大都是对动态界面的 研究 但这类研究 绝对不只局限于技术的范围 它之所以称为最全面与新兴的 设计学科 在于形态的创造与产生的结果 达到了以往任何设计无法达到的传播 范围与艺术高度 展现出强大的时代优势 这种优势产生的根本原因在于媒介载 体技术功能的进步 网页界面设计的形态特点是与这种技术功能进步紧密相关的 其首要特点就 是数字化 传统的设计形态往往是通过有机的媒介手段 把握现实世界 服务于 人类生活 表达设计者的情感与愿望 其形态的最终表现形式 往往具有物质属 性 如建筑设计 材料往往是混凝土 钢筋或玻璃这些可直接感知的内容 设计 形态可观可感 也可直接进行触摸 再如传统的印刷设计 无论是图形文字或是 标点页码 总是存在于具体可直接把握的物质媒介如竹简绢布或纸张上 所用的 材料也是现实空间中的水墨或印刷颜料 而网页界面设计形态则不同 它的数字 特性决定它是无形的 没有现实的重量感 不存在于可直接感知的现实空间中 不依赖于固定的媒介或手段 对于这一现象 吴伯凡在他的书中写道 网络虚 拟现实与现实的关系 有似 天上 与 人间 的关系 1 1 0 l 尼葛洛庞蒂也在 数 字化生存 一书中反复强调原子与比特的差别 意大利作家卡尔维诺曾评价说 原子是有重量的 人们不得不带着这种重量来生存 活动 要传递一种东西 包 括我们自己的走动 把自己从一处 传递 到另一处 首先要以某种方式克 服原子的重量 无需受到重量的拖累和时间 空间距离的拖累 肉身抽身出来 以另一种方式去触及想触及的东西 网页界面设计形态的数字化 无重量化 使 其摆脱了 人间 沉重的物质枷锁 自由的飞翔在网际 空间 当它的媒介材 料是其承载的数字之时 设计者便通过对于这些数字的收集 整理 分析 综合 编排与再造 最终完成设计形态的创作 过去的钢筋 混凝土 照片 电视变成 了0 与1 的信息流 以光速在光缆网络中流动 这不但提升了信息传输与储存的 数量 速度与品质 也增强了信息相互组合的可能性 所以很多人又把它称之为 信息设计 信息性是网页界面设计形态的重要功能性特点 其中形态传递信息的准确性 与速度是一个非常重要甚至最受关注的指标 由于时空的限制 传统设计实体形 态本身信息传递受到极大阻碍 形象文本设计形态表达的图像 符号 代码 虽 然加速了非语言性艺术的发展 但在穿越时空时却具有不可靠性 不稳定性 信 息载码会受到不必要的损失 影响了传达的准确程度 而网页界面的设计数字信 息能够更快捷 更准确 更直接 更清晰 更完整地表达设计作品的内容 国际 化通用的计算机语言 字体 字符与安全色使设计在表达上更加直观与标准 更 有利于广泛传播 网页界面设计不仅在形态的创作材料上不再依赖于物质媒介 受到现实世界 与物理因素的制约 传达设计信息更加准确 快捷 而且设计过程与成品永远不 会被定格 形态的发展具有一定的延续性 这是网页界面设计有别于传统的又一 特点 在传统设计创作过程中 是不存在 升级 与 更新 两种延续概念的 但两种概念却是网页设计的具体形式 升级 通过对原有的界面进行技术上合 理的改进 使用户在操作与使用上更加快捷 便利 高效 准确 更新 站点 更新 可以根据时势 用户的访问量与要求对界面的设计内容与形式进行合理化 的调整 不断使设计形态在表现上充满着新鲜感与神秘感 这种调整使设计本身 更具人性化 设计者将会不断地拓展思路 更加以关注于生活 了解受众群对作 品心理与生理上的真实需求 从而不问断地完善创作 使其更具价值 作品也不 会因为过时淘汰而造成浪费 在表达内容上 从横向看网页是由不同内容而又相 互链接的页面构成 界面之间链接关系称之为拓扑结构 主要有两种基本方式 树状链接结构 类似d o s 的目录结构 首页链接指向一级页面 一级页面链接 指向二级页面 与星状链接结构 类似网络服务器的链接 每个页面相互之间都 建立有链接 从纵向上看 页面又要不断升级更新每种视觉构成元素 每个网 页界面上都只有一个域名与主题或是服从主页主题 这条线索将横向与纵向的各 种视觉要素贯穿起来 形成一整套的设计作品体系 网页界面设计形态系统化这 一特点在传统的设计形态构成特点上是极为少见的 挤眉弄眼 手舞足蹈的口传文化时代 观众只能通过身临其境去获取与设计 作品的交流 布帛纸张 铅字活版的印刷文化时代 观众只能间接地获取与设计 作品的交流 声光影电的机械文化时代 观众如同身临其境却又间接被动地获取 与设计作品的交流 互联网时代的到来大规模地改变着观众与艺术交流的方式 交互与互动无疑是网页设计形态区别于传统设计形态的最大优势特点 人们不再 是一个传统媒体方式的被动接受者 而是以一个主动参与者的身份加入到信息的 加工处理和发布之中 发布系统 信息反馈系统和收集系统可以和客户服务中心 c a l lc e n t e r 紧密集成 构成一个全方位的交流与发布平台 网页设计师必须 根据平台各个阶段的设计目标 配合不同的设计策略 及时关注用户的反馈信息 对网页进行调整和修改 网页界面设计形态双向互动功能的增强 突破了时空限 制 让创作理念得以传播 既缩短了观众接受信息的时间 也缩短了设计价值体 现的时间 胡塞尔 海德格尔等现象学大师称之为哲学领域里一个非常重要的概 念 它以主体 主体模式或主体 中介 主体模式来确立人与人的交往 关系 表明一种新型人我关系的确立 1 1 1 具体到设计中形成的就是用户与设计 1 2 者紧密关联的模式 用户 用户或者设计者 界面 用户模式 这种模 式关系使设计的创作与欣赏紧密相联 使设计的生产与接受进入一个全新的空 问 见图2 5 除静止文本与图片 页面会响应浏览产生变化 这是一种互动形 式 图2 5图2 6 动静结合是网页界面设计形态的又一特点 传统设计形态建筑设计 室内设 计 包装设计 工艺品设计都是由静态的符号作为基本的表达手段 影视设计与 电视屏幕艺术设计等带有时间性的艺种则为动态设计 传统造型设计中含有大量 的 拟动 现象 特纳的 雨 蒸汽 速度 画的是火车驶过泰晤士河上一座桥 的情景 可以看出他以静态的方式表现出动态的努力 与其说画的是物 不如说 画的是对 物动 的知觉 古希腊的著名雕塑 掷铁饼者 表现的是铁饼出手一 瞬间的不稳定造型 那种倾斜就具有强大的方向张力 中国汉代青铜雕塑 马踏 飞燕 运用前后腿的动作次序 交错运动的手法 达到了与真实的奔马一样轻 盈的动感形象 美国艺术家珍妮的作品 风筝 将日常的衣服用线连接成一个巨 大的 风筝 悬挂于城市的上空 在风的鼓动下 衣服鼓起翻飞 不断地变换着 形态 带给人急剧运动的变换效果 今天 网页界面艺术将动静两种艺术融会贯 通 继承与发扬了两种表现手法的共同优势 并把静态设计中 拟动 创作对于 动感表达的行动主义 行动的艺术价值不在于创作的物体上 而在于创作物体的 动作上 观众欣赏的只是形象行动化后的动作暗示 转化为网页界面设计中虚拟 可视的 真动 形态 在一般固定的页面上插入色彩 文字 图片构成框架 再 以g i f 格式 f l a s h 动画 视频图像构成趣味中心 营造出动静结合 相得益彰 的表现效果 见图2 6 每一阶段页面几何体会产生不同变化 图际保持静态便于使用 然而 科技是一把双刃剑 这一至理名言同样适用于网页界面设计 当我们 更多的依赖于技术手段完成设计创作时 我们就必然受到更多物质条件与技术条 件的制约 也就是我们所说的 软硬兼施 的阻碍 硬 指的是电脑硬件 网 络终端设备或服务器等等 软 则是驱动这些硬件和在计算机上直接创作的软 件 这些限制使设计者在表现形态上再也无法达到与自然环境容为一体 浑然大 气的视觉空间效果 只能在矩形二维的空间中发挥 受到硬件屏幕设备与软件版 本的限制 不仅如此 带宽使设计者不能随心所欲地运用视觉元素 软件与浏览 器之间的兼容问题甚至可能造成根本无法观赏到界面 在不同电脑或浏览器下观 看 同种类版本的浏览器观察同样的设计形态 效果都会有所不同 形态会产生 大小长短 清晰或模糊的状态 设计形态无论是在创作过程中或是创作结果上都 可能随时发生变化 见图2 7 不同浏览器下观看界面形态的差异 幽2 7 总之 数字性 信息性 延续性 系统性 交互性 动静融合性等是网页界 面设计形态基本特点 也是其区别传统设计的主要优势 这些优势来源于媒介载 体技术功能的进步 如果说 科学的活动在于为现有的系统主题获得额外的信息 从而将以组织的形式客观地实现信息转变为概念表达的形式实现信息的话 那 么 技术活动则在于把心灵表达的形式实现的信息转变为客观组织的形式实现的 1 4 信息 11 2 1这种变换的优越性在于把人工的网页界面设计加入于自然系统 或者赋 予自 然系统更多新的人为的性质 从而为行为提供更多的媒介与便利 使行为产 生在量上更为强大 在质上更加丰富多彩的效果 正如李政道先生曾经说过 科 学与艺术是不可分割的 就像一枚钱币的两面 媒介技术功能进步产生的优势 特点 带来了网页界面设计形态表现上的无限扩展空间 三网页界面艺术设计形态的表现 网页界面设计在现代最新科学的催化下 包容了新时空观念 新形象观念 创造性思维 达到了一个新的境界 具体设计表现不再仅仅是单一的样式与枯燥 的文字 更多是依据新技术创造出许多前所未有的新风格 新样式 新形态 并进行数字化处理 记忆 储存与发布 它的高科技信息化特性 决定了它的表 现分为两种类型 一种是运用计算机技术 软硬件设备及科技概念进行设计创作 以表达属于自身特点的设计形式 另一种则是将传统设计形态以数字化的手法或 工具表现出来 传统的设计形态创作 只能是自 身设计种类与设计语法规则的外 在体现 而网页界面设计通过对于自 身设计特点特色的表达和对传统设计表现手 法 构成形态的再现 超越与异化两种方式 使得更多的形式 形态与艺术语言 相互融合渗透 产生出标新立异 新颖离奇 妙趣横生的新视觉形态 而这些新 形态在结合了前所未有的运动时空观念设计原理之后 营造的是更加多元化且又 时尚 幻真出异 动静突变的艺术风格与人性化功能的科技状态 其设计的本体 信息在表达时更为丰富 主题更加明确 功能更觉凸显 一 对自 身设计特点的表现 对于自 身 特点的 展开使网页设计自 然地展示了 形态的魅力 加以 有效的 利用 与发挥 开创了 艺术设计的 新天地 这种展开来源于对前文所提到的数字性 交 互性特点的运用 这些特点在设计创作中的表现与发扬 形成了网页界面设计特 有的美感 这种美感不是回避或模仿其它艺术设计形式 而是自身时代特色的体 现 网页艺术设计在我们所处的时代被称为 视觉沟通媒体 涉及的具体内容 都是视觉数字媒体的外在表现 通过对这些视觉元素的集成 表达出传递设计信 息并与观众交流的作用 它的 许多视觉构成元素是以网络设备为媒体的 以网络 运用为目的的 自 身特色的体现出网页图形界面 网页交互服务界面 如b b s聊 天室 网页应用程序界面 如浏览器 以及同时跨越了以上三种界面的综合网 页设计等形式 通过对这些形式视觉空间与意境空间的准确把握达到页面设计的 完美效果 视觉空间是人的视觉感受到的空间 它只能造成某种部分空间的一般 纯空间感概念 纯空间感是指独立于所含物质组织与功能的感受 它是一种客观 的实在性 意境空间是一种虚幻空间 它是以外在事物通过视觉 听觉 触觉 味觉在人的心理上形成的一种刺激而产生的心理感受 是意识性的 是人们审美 情感的一种反映 在目 前的网络界面设计中 对于视觉空间的研究主要是关于视 觉流程的研究 结果是要同意境空间相协调 这样才能设计出符合人们普遍的心 理程序与思维习 惯的界面 各种形态与信息要素自 然 流畅地在一定空间内 合理 分布 使页面上各信息的间隙 大小保持一定的节奏和美感 达到空间的视觉与 感性 高 度 统一 便于阅 读 优 秀的 界 面 具备 简 洁性 s im p l e 统 一性 c o n s i s t e n t 功能性 f u n c t i o n a l i t y 的 特征 心理学家葛斯泰在研究画面视觉规律时 结论 为上侧的视觉诉求力强于下侧 左侧的视觉诉求力强于右侧 因此 界面的左上 部或中上部称 最佳视域 见图3 1 空间的构成方面自 然要注意对于最优视 域的正确选择与把握 最佳视域视觉流程 图 3 1 s 布局 视觉心理的研究还发现 人们在浏览界面时 其视线有一种自然的流动方案 普遍的是由左至右 由上至下 其注意值逐步递减 在此流动线上的个点 都会 比流动线以外的任何点明显 这种流动线称为 视觉流程 见图3 1 但有趣 的是 视觉流程不是一成不变的 中国画中的 s 布局 见图3 1 与 计白 当黑 的法则 会使界面空间形成 间离效果 与 极限 对比的尖锐化状态 见图3 2 界面的主体很容易脱颖而出 从而吸引用户的视线 让用户在选择 中感觉主次分明 有的放矢 而现在有些设计 页面过于堆砌修饰 制作时技术 狂热 自居高深 滥用动态效果 不注意空间结构的优化 造成视觉浏览混杂 信息检索困难 如果美丽的图画需要左顾右看才能一睹芳容 富有创意的界面需 要费心的阅读 上蹿下跳的酷键 b u t t o n 需要用耐心与毅力抓获 那样 网客 会匆匆离开 留下的只有无人访问的 死网 图3 2 二 对传统设计形态的表现 网页界面设计在整体上改变了传统设计的生产方式 接受模式和价值体系 在所有的传统设计形态中 转型是最基本 最具有主导意义的 界面上汇集了许 多的传统艺术 研究网页界面设计形态的表现 必须要考虑到传统设计形态在网 页设计中的存在问题 网页界面最普遍的表现形式是对传统设计形态构成与创作手法的数字再现 数字再现又可称为 仿像 类像 和 拟像 由鲍德里亚提出后得到了如齐 格蒙 鲍曼大卫 哈维和弗雷德里克 杰姆逊等一些人的积极响应而成为当代设 计中的一个重要概念 在鲍德里亚那里 仿像 指的是通过模