维普资讯 http://www.cqvip.com ＳＣＩＥＮＣＥ ＩＮＦＯＲＭＡＴ１０Ｎ ２００６年第１１期 网页设计之界面空问布局分析 丁静楠 （河南工业大学 河南郑州４５００５２） ，摘要：通过对人机工程学的分析，以厦科技发展的需要，指出网页界面设计已成为一门新型的设计门类它的内涵要素是极为广泛的。可将 设计界面定义为设计中所面对、所分析的一切信息芟互的总和，它反映着人——物之间的关系。 关健词：人机界面；功能性界面；情感性界面：环境性界面：空间 界面的说法以往常见的是在人机工程学中。“人机界面”是指人机 明的性质面貌都取决于种旅、环境、时代三大因素”。无论是工艺美术 间相互施加影响的区域。凡参与人机信息交流的一切领域都属于人机 界面。而设计艺术是研究人——物关系的学科。对象物所代表的不是 简单的机器与设备。而是有广度与深度的物。 设计的界面存在于人——物信息交流，甚至可以说，存在人物信 息交流的一切领域都属于设计界面，它的内涵要素是极为广泛的。可 将设计界面定义为设计中所面对、所分析的一切信息交互的总和．它 反映着人——一物之间的关系。 一、为了便于认识和分析设计界面．可将设计界面分类为 １）功能性设计界面接受物的功能信息，操纵与控制物，同时也包 括与生产的接【Ｊ，即材料运用、科学技术的麻用等等。这一界面反映着 设计与人造物的协调作用 ２）情感性设计界面即物要传递感受给人，取得与人的感情 呜 这种感受的信息传达存在着确定性与不确定性的统 。情感把握在于 深人目标对象的使用者的感情，而不是个人的情感抒发。设计师“投入 热情，不投入感情”．避免个人的任何主观臆断与个性的自由发挥 这一界面反映着设计与人的关系。 ３）环境性设计界面外部环境因素对人的信息传递。任何一件或一 个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存 在，环境的物理条件与精神氛围是不可忽缺的界面因素。 应该说，没计界面是以功能性界面为基础．以环境性界面为前提． 以情感性界面为重心而构成的，它们之间形成有机和系统的联系。 二、按照设计界面的三类划分．有助于考察设计界面的多种因素 当然，应该说设计 界面的划分足不可能完全绝对的，三类界面之 间有涵义上也可能交互与重叠，如宗教文化是…种环境性因素．但它 带给信仰者的往往更多的却是宗教的情感因素。在这里环境性和情感 性是不好区分的．但这并不妨碍不同分类之间所存在的实质性的差 异。 １．功能性界面对功能性界而来说．它实现的是使用性内容，任 何一件产品或内外环境或平面视觉传达作品，其存在的价值首要的是 在于使用性，由使用性牵涉到多种功能因素的分析及实现功能的技术 方法与材料运用 功能性界面设计要建立在符号学的基础上。国际符号学会对符号 学所下定义是：符号是关于信号标志系统ｆ即通过某种渠道传递信息 的系统）的理论，它研究自然符号系统和人造符号系统的特征。设计功 能界面．不可避免地要让使用者明白功能操作。每一操作对人来说应 是符合思维逻辑的，是人性的，而对机械、电于来说则应是准确的、确 定无疑的，这双方的信息传递是功能界面的核心内涵。 ２．情感性界面 一个家庭装饰要赋予人家居的温馨，一副平面作 品要以情动人，一件宗教器具要体现信仰者的虔诚。其实任何一件产 品或作品只有与人的情感产生共鸣才能为人所接受，“敝帚自珍”正体 现着人的感情寄托．也体现着设计作品的魅力所在。 现代符号学的发展也日益这…领域开拓，以努力使这种不确定性 得到压缩，部分加强理性化成分。符号学逐渐应用于民俗学、神话学、 宗教学、广告学等领域。如日本符号学界把符号学用于认识论研究，考 察认识知觉、认识过程的符号学问题。同时，符号学还用于分析利用人 体感官进行的交际，并将音乐、舞蹈、服装、装饰等都作为符号系统加 以分析研究，这都为设计艺术提供了宝贵与有借鉴价值的情感界面设 计方法与技术手段。 ３．环境性界面任何的设计都要与环境因素相联系，它包括社 会、政治和文化等综合领域。处于外界环境之中，“是以社会群体而不 是以个体为基础的”，所以环境性因素一般处于非受控与难以预见的 变化状态。 联系到设计的历史．我们可以利用艺术社会学的观点去认识各时 期的设计潮流。ｌ８世 起，西方一批美学家已注意到艺术创造与审美 趣味深受地理、气候、民族、历史条件等环境因素的影响。法国实证主 义哲学家孔德指出：“文学艺术是人的创造物，原则上是由创造它的人 所处的环境条件决定。”法国文艺理论家丹纳认为“物质文明与精神文 ｌｏ８ 运动、包豪斯现代主义或２Ｏ世纪８Ｏ年代的反设计，现代的多元化． “游牧主义”（Ｎｅｍａｄｉｓｍ）都反映着环境因素的影响 环境性界面没计所涵盖的因素是极为广泛的．它包括有政治、历 史、经济、文化、科技、民族等，这方面的界面设计正体现了设计艺术的 社会性。 以上说明ｒ设计艺术界面存在的特征因素，说明在理性与非理性 上都存在明确、合理、有规则、有根据的认识方法与手段。 共通性原则，即把握三类界面的协调统一．功能、情感、环境不能 孤立而存在。 三、空间的意义：有之以为利。无之以为用 对空间的关注和经营是设计师的一项重要的任务。在ｗｅｂ页面设 计中尤其如此。网络的空间是无限的，但ｗｅｂ设计师刨作页面时所面 对的实际空间却是相当有限的。与印刷媒体不同，这一实际空间不仅 受到用户所用的显示器的尺寸、显示的分辨率大小及浏览器窗口的严 格限制，而且它还是不确定和多边的。同一页面，在不同的用户显示空 问中，可能会呈现出不同的效果。因此，学会怎么处理这一局限而又多 变的空间，对一名ｗｅｂ页面设计师来说显得尤为重要。 １）屏幕及浏览器窗ｕ空间屏幕空问的实际大小决定显示器的 实际尺寸及显卡所能支持的分辨率的大小。决大多数用户使用的１５ 到ｌ７英寸的显示器来访问ｗｅｂ，分辨率大多为８￣，６００，有的低一点， 如６４０＊４８０。有的高一点．达到１０２４＂７６８，或更高。浏览器的窗口是 ｗｅｂ页面真正的显示空问．它的大小决定屏幕空间的大小正常状态 下，由于ｗｅｂ浏览器的工具条、状态栏及滚动条要占用一部分空间 所 以ｗｅｂ页面实际的屁示空间要小于屏幕空间。为了适应这一局限而又 多变的空间，按照最低标准设计，永远按照６４０＊４８０的屏幕分辨率来 设计是ｗｅｂ设计的一条基本原则同时要照顾高分辨率的用户，因此适 应多变的ｗｅｂ设计环境。已经成为设计师的必备的本领。 ２）营造整洁、宽敞的视觉空间 可以通过设计。精心安排页面元 素，营造出宽敞的视觉心理空间。以改变局促的屏幕物理空间给我们 带＿柬的挤压和压抑感。 ①合理构图，避免杂乱 首先。应尽量避免在一张页面上安排太 多的内容．如果一定要安排很多的内容，则须注意页面内容在邢台、色 彩及字体上的呼应．使众多的内容相互之间形成联系．求得画面的同 其次．为ｒ 致更多的内容．可以使用动态的页面技术，进行动态 的战线，以节省空问。 最后，应注意页面元素间的轻重、大小的比例关系。以实现页面的 整体和谐与平衡，防止由于由于比例失衡带来压抑和不安的感觉。 ②空白 空白可以定义为页面中没有安排内容的地方。在一般情 况下，读者支队页面上的文字和图形感兴趣，至于空白，好像认为没有 必要去关注，甚至连一些设计师也常常忽视空白的存在。空白是整个 设计的有机责成部分，有无、虚实相生，没有空白就没有了图形和文 字。因此．宅白作为冲ｐ页面元素，其重要性比色彩、图形和文字有过 之而二ｊ己Ｉ不及。存设计中，要敢于留空．善于留空．这是空白本身的巨大 作用所决定的。 ③创造深度空问利用图形的透视及光影效果创作第三度空间。 利用图形的遮挡及重叠关系同样可以创造出迷人而饶有趣味的 三度空间，利用图与底的有无相生性可创造宽满张力的空间，增加页 面的情趣和吸引力。 在视觉艺术设计中，空问始终是一个重要的设计要素。我们可以 从物理和心理的角度去考察空间。物理空间虽然重要。但更关键的是 刨造宜人的视觉和心理空间。以利于信息的传递。 一个好的页面设计可以给人以美的享受。遵循这些规则就能取得 好的效果，做出一个成功的网站，现在的人们已经越来越离不开网络这 个虚拟的世界，因此就需要我们这些设计师来创造一个美好的虚拟世 界， ：荑的享受传到世界的每个角落。ｆ