例文：传统元素在网页界面设计中的运用1141.docx

中国传统元素在网页界面设计中的运用摘要：传统元素不仅仅是传统文化的i种象征，同样是现代设计中不可或缺的重要元素 它常常被寓意为一种善、一种形、一种意和一种美的印记，强调的是人和中国传统元素的和 谐统一在今天的社会环境下，耍从传统中吸取其精华，作为网页界而设计基础而创新改造 其质朴实，其情真切，不仅体现着民族的精神素质和心理素质，也体现着民族的喜闻乐见和 审美情趣，为当代网页设计提供着丰富的表现形式和图式语言Abstract- the traditional Chinese element is not only a symbol of traditional culture, and is also an important role in modern design element. It is often implication is a good, and a kind of form, a kind of meaning and a beautiful mark, and emphasize that the Chinese traditional elements and the harmonious unification. In todays social environment, to learn from traditional the essence, as a web interface design basis and innovation reform・ The plain reality, the real love, not only embodies the spirit of the nation quality and psychological quality, also reflects the natioiVs popular and aesthetic appeal for the contemporary web design provides a rich expressional form and schema language・关键词：传统元素网页界面设计案例分析Keywords-1raclitional elements web interface design case analysis1 •引言在网站组成的虚拟世界里，时刻体现着“特征”的彩子，这些元素形式优美，它源 于小国传统文化而形成的最具有民族特色的装饰艺术体系。

它所体现的是中国式的意境和精 神传统文化元素包罗很广，尤其是吉祥图形符号，它是中华文化最典型的代表，如：龙凤、 麒麟朱雀、太极八卦、中国结、帖法等文化元素在网页设计中这些元素相当于作品的构件, 每一个元素都冇传递和加强传递信息的作用在多元文化与全球经济齐头并进的时代，各种 思想意识发生着碰撞和融合，这种现象在设计领域表现得尤为突出的网页界面设计是近年来 设计界逐步兴起的设计领域，更新更现代的设计观念，正在逐步融入到现代网页界面设 计中，如何将木土化的创意和国际化的表现手段进行有效整合，使中国的网页界而设计做到 既有强烈的时代特色，同时又蕴含着深邃的文化内涵，是所有界而从业者或设计师 都在思考的问题2. 传统元素的内涵传统元素是指曾经被广泛使用过或言传至今并具有传统文化特征的图画形象其传统元 素既反映了中国古代文化遗产和民族文化心理，也承载着中华民族五千年的智慧，揭示了中 华文明的内在意蕴，显示了深厚的民族文化传统这些元素在历史发展的长河中不断地 枳淀、延伸和衍变，形成了以中国传统文化为核心的传统艺术体系，体现了华夏民族几千年 特冇的民族艺术精神传统元索属于民间艺术的范畴，是具有原创特征的艺术，它构成了民间文化的基础。

小 国传统图形以其淳朴的气息、强烈的地方色彩，深深吸引着当代设计师科技的发展使社会 产生了巨人的变革传统元素以科技为媒介，传达着意念和思想在现代设计中，电脑合成 技术、电子数码技术、摄影技术等高科技手段层出不穷，这使得传统元索语言产牛了新的视 觉效果和语意，给现代设计带来了新的发展契机3. 传统元索在网页设计中的运用及个人案例解析（以湖北人事考试院为例）3.1传统元素在网页版式中的应用3.1.1页面排版与布局网页设计是随着互联网的产牛而形成的视听设计，作为主导视觉的页面设计是网页的 主要设计，页面设计作为一种视觉语言，特别讲究编排和布局，要把多页面间的编排冇机地 联系在一起，使整体布局的合理湖北人事考试院是政府性门户的网站，设计中要蕴涵着浓 厚的人文情怀和文化底蕴，要表现政府网站要求的庄重感和含蓄感，在首、内页的编排上就采用比较传统，稳重的相对对称型布局形式（图一）网页对称布局形式是通过网页中各种 视觉元素Z间的相互关系建立的一种均衡状态，能够使浏览者产生和谐的美感顶部是网站 的Flash动画导航区，中间是网站的主要内容区，也是湖北人事考试院网站在版式布局上 最富有变化的区域，底部区域是网站页脚区，用來放置相关站点链接、版权信息等。

视觉流程圈图一首页采用相对对称型布局，用简单的水墨山水，來表现考试院的含蓄，稳重整体符 合人们对传统人文景观的审美悄趣！内页中把导航条和主体竹简放置在一个相对的空间内， 给人以稳重中带理性，严谨而又避免了呆板，达到凝聚视线（视觉流程图）的作用，不自觉 的把视线带到主体竹简上，以达到页面述说的口的在主体页面上，考虑山塘网站的信息大, 访客多，主要体现页血的实用性采用图文结合的方式，发挥和图形一•样的装饰效果，成为 图形的一部分同时强化了字体的语义功能，以更丰富的创意形式表达思想，同时也克服了 网页文字的单调与平淡各页而导航条上的编排各有不同，主要起到丰富主体，活跃画而的 作用，在统一中又不失变化版式编排有很多种，分为条理清晰的骨骼型，一般适用与信息 量大的门户网站活泼轻快的自由型，通常用在儿童网站能产牛韵律感和节奏感的Illi线在音乐或个人网站上等等综合考虑这些并不适合做湖北人事考试院的网站,还是应用传统型 的中轴和对称更能显出它的平稳，含蓄，内敛的特征3. 1.2页面色彩整个网站以米黄色为主色调，黄色是人的皮肤色，古人在五行中用黄色代表象征人 地的土，土在五行中屈中间位置被视为衍生万物的元索。

在这个网页设计中用浅黄的背景, 结合深棕色的导航条和黄褐色的画卷，同一色系的不同运用，增强页而的层次，又不失整体 的协调性，体现湖北人事考试院的历史凝重感也力求表现朴实、含蓄、稳重、舒适的书院 特色湖北人事考试网由碗:hbrskseiSS com地址:湖北省武汉市武昌水果湖茶港军转小区一号楼 2011 湖北人爭考试网.All rights reserved.iSlCPS 10004467^3.2传统元索在页面元索中的应用网站的页而元素包括有指向标，导航条，主体上的图片文字等等在页面设计中把多种 元素有机的结合起來，每个元索都要传递和加强传递信息的目的湖北人事考试院网站是通 过水墨，书法，竹简等传统元素有机结合起来，形成强烈的传统风格3. 2. 1导航条和图案的应用导航条设计采用回纹图案回纹作为一种传统的装饰纹饰，经历了千百年的演变，现在 仍然深受人们的欢迎在生活中如果你留心，就会发现身边许多冋纹的装饰纹样：瓷器上而 的单回纹，诺基亚的一款键盘也采用了回纹设计，回纹凭借其简约婉转的美，已经不再 是一个单纯的造型艺术，更上升为-种文化，一个民族的符号因此，它具有独特的民族情 感，易引起人们的情感共鸣，是现代设计常用的素材。

网站页面底部用具有楚文化特色的编 钟作为背杲，体现了湖北人事考试院的地域性3. 2. 2主页上竹简的应用竹简是我国书写时间最长的工具，对保存人类知识，形成中华民族的源远流长，光辉灿 烂的历史文化起到了直接作用！首页采用竹简为标题栏，当打开网站首页，一幅徐徐展开的 竹简，书写着眷眷的历史与文化，展示出考试院浓重的文化内涵，同时也展示了考试院的服 务理念3. 2.3主体上书法、水墨的应用水墨作为东方人特冇的表达方式，将水墨流动的特性和丰富的墨色层次，充分发挥和表 达意境的一种绘画首页顶端以东湖水为元素，以墨迹的形式来表现考试院的帖香气息在 墨色里一笔一笔展现在眼前，凝重中带着灵动！以书法字体结合水墨的朦胧化处理，渲染出 考试院如诗如画的美曼意境，让人遐想翩翩！充分体现考试院文化的内涵！4. 总结在整个网站设计过程中，应用了帖法，水墨，竹简等多种传统元索，应用古典的色彩，以及传统型的设计编排让湖北人事考试院以深厚的文化底蕴，优美的人文景观，动听的历 史传奇在这里一一得已展现！希望能更好地挖掘湖北人事考试院的历史文化内涵，弘扬塑文 化的精髓！同时要求设计者在传统艺术表现形式的基础上，对传统的元素加以改造提炼和运用，使 其更富冇时代的特色。

用现代的观念和审美情趣去重新阐释和发掘传统的精华，寻到与时代 的契合点，古今互补形成特有的现时代的设计风格从整体文化中寻求构思源泉 传统元素在漫长的历史长河中发展演变，冇着独特审美习惯和传统文化内涵传统装饰大都 具有一定的意境，寄寓一淀的思想意识，有一定的文化渊源因此“式”的网站设计就 应从传统元素的基本形态和创作心理來寻找切入点，以达到网站本身的实用性与受众心理的 完美结合"E上砒‘"点如・• J一詔 M” j，，仃MU・ j>> I参考文献：[1]赵希岗.现代图形设计与传统图案，《装饰》，2003第4期⑵李砚祖•视觉传达设计的历史与美学•北京:人民大学出版社，2000[3] 王汀•版面构成[M]•广州：广东人民出版社,2000[4] 倪洋•网页设计[M]•上海:上海人民美术出版社,2007[5] 王平、陈聪.现代设计中传统文化的回归.文艺研究.2005第10期。