言の叶草-日本二十四节气网站信息设计分析.docx

“言の叶草”日本二十四节气网站信息设计分析 叶国庆（武汉科技大学 城市学院，湖北 武汉 430083）摘　要：“言の叶草”是专门介绍日本二十四节气的网站，其建站目的独特，网页设计美观，充分体现了信息设计的原则，是利用信息设计与网页设计相融合的典型实例本文将通过对该节气网站的信息设计分析，总结该网站网页设计中信息架构与表达的方法，以便借鉴关键词：导[来自wwW.lw5u.cOm]航；网状图；色彩；布局日本设计最擅长的是把平凡的事情做到极致，“言の叶草”设计简洁、精致，将现代生活忽略已久的二十节气，以极具吸引力的图片和简洁的文字信息，展现得美轮美奂，让受众沉浸在季节之美中，体会二十四节气的不同意境；每个节气页面还搭配了与节气相关的诗词和风俗介绍，描述了日本民众围绕二十四节气的生活，体现了历史和文化的传承该网站的设计风格，处处都透露这典型日本美学气质，简约而不简单，清晰而生动的表述，充满了禅的意味作为传递二十四节气相关信息的平台，其形式与功能的设计都充分利用了信息设计的基本原则一进入网站，在干净而不炫目的背景上，如同播放电影一样，缓缓出现了春夏秋冬及相对应的节气（图1所示）；接着是关于网站简短地介绍，分层次介绍建站的目的；之后进入网站导航，如刻度尺一般的表格，由上至下以月份顺序排布在网页左边的2/5处，利用表格的上下滚动实现导航的功能性，每次仅显示7个节气表格，在表格的上下两端还有两个箭头图标，实现上下的跳转，随着鼠标的滑动，相关节气的表格会自动放大，显示节气的名称与日期，点击进入相关的节气页面，每个页面的左下角都有返回首页的按钮（图2所示），操作过程充满了趣味性。

点击每个节气，首先会弹出一个便利贴似的图标，标注了节气名称、时间和与其相关的诗句，图标下方有个圆形的点，点击以网状图表显示出与该节气相关的风俗事宜，接着页面显现出节气相关的风光照，每张照片的色彩和取景角度都充分体现了节气的季节气息（图3所示）一、表格的意义（一）“刻度尺”网站导航图表比单纯的文字[来自WwW.L]更清晰，该网站导航以类似刻度尺状的表格呈现，以时间表的形式，让受众对节气的先后顺序及季节有个清晰的认识，强化了视觉层级，实现了有效地信息传达，与文字相比是表格的意义在于不同层面上的传达，表格在于显示和突出，而文字在于告知和理解刻度尺”向受众提供了时间顺序上的概览，吸引受众阅读相关文字以了解更多的节气信息二）节气的“辐射”与日本的二十四节气相关的民俗节日大致有十五个，每个节日都有其独特的风俗习惯，而这些风俗习惯的关联性，也体现在各个节气的网页界面上节气界面采用了网状图表的方式展示了信息之间的关联性，利用线与线之间的联系，为受众提供了一条清晰的阅读与理解的途径，运用了“连线”这种具有意义的非语言线索来增强理解，将与节气有联系的民俗信息联系起来，将没有联系的信息区分开来网状图表是以节气为出发点，以线连接的方式，辐射出当季相关的日本传统节日、风俗、饮食等信息，让受众更加全面的了解二十四节气的日本生活。

以冬至的界面设计为例（图5所示）描述了该节气典型的事象，关键词之间的连线表示它们之间有关系，而这层关系是可以用方框里的简略文字来解释如“冬至”指向左侧“初参拜”，即日本人崇敬神明，在每个重要的节日都会拜神，因此以最大的字号显示重要性；“初参拜”——“伊势大神乐舞”是指以传统舞蹈祝贺新春的仪式；再指向“火节”，该节日所吃的篝火烤饼； “冬至”指向“门松，松竹梅”，传统习俗在这天每家每户都会在门口放上松竹梅，等待神的降临；构成了节日期间拜祭活动的全貌，也生动的展现了日本民众的质朴生活，让受众在阅览了解信息的同时，也能沉浸于节日的氛围中，感受冬至的温暖与喜悦二、色彩的魅力色彩对于网页设计和信息的传达至关重要，通过色彩对信息进行分类，引导受众在信息中流动该网站设计中页面的色彩保持了一致性，以浅灰色的径向渐变，在页面中形成聚焦，吸引受众的注意力，突出文字信息；安静沉稳的背景，便于创造阅读情境，如同交谈时播放轻柔的音乐，让受众更加专注于内容而色彩本身也可以传递意义，节气风光照传达了浓厚的季节气息在复杂的照片背景上放置文字时，用白色的底图衬托避免对文字阅读造成干扰三、图片与文字——受众的眼睛与耳朵图片的信息传递速度要远远大于文字，通常受众先看图片，由图片所引发的兴趣决定是否看旁边的文字内容。

优质的照片，精心的设计，加上故事性的语言，图片和文字便会成为受众的眼睛和耳朵，倾听了关于季节的故事该网站节气图片的选择都具有一定的意义，体现了所要传达的节气信息，引发受众情感上的共鸣，感受季节的变化和视觉上的享受所带来的愉悦格式塔心理学研究发现能够让受众愉悦的东西，就能让受众感知的越多，通过具有美感的图片扩大受众采集信息的体验，可引导受众阅读文字内容整个网站中所采用的文字都具有统一性和层级性，字体上的统一，重要的信息以较大的字体，居于页面中心从背景中突出，加强受众的记忆，而无关或低一层级的信息则用小字体隐藏，暗示信息的层级性四、布局的质朴信息设计是功能与形式结合，所有信息功能的传达都要依托于形式的架构，在该网站设计中，每个页面通过网格组织信息和建立连贯性，而网格对于受众的阅读体验至关重要，它奠定了页面的布局结构，建立了页面元素间的联系在节气页面中，节气信息都居于页面中心，翻页按钮位于上端下端，回到首页以及网站信息都居于左侧，在视觉上创造了平衡，保持了元素位置的一致性，使受众在浏览不同页面时都会在同一个地方寻找相同的信息在首页和过渡页面中出现的大量的空白，页面周围的空白创造了无形的框，隔开设计之内和设计之外的元素，为受众提供了“呼吸“空间，以免被信息充斥产生厌烦的情绪，让受众更集中关注。

总的来说，该网站的设计是从受众获取信息的角度出发，以受众所需的顺序来表现内容，以最有效的形式能够帮助受众从信息中获取他们所需信息以页面间统一的设计风格，字体、图片、信息组织形式上保持一致性与清晰性，为受众传递了一种熟悉且愉悦的体验，实现了清晰地设计，清晰地表达参考文献：[1]孙皓琼. 图形对话信息设计 [M]. 北京：清华大学出版社，2011.[2]瞬间之美:Web界面设计如何让用户心动[M]. Robert Hoekman.Jr.[3]麦克韦德.超越平凡的平面设计：版式设计原理与应用[M].北京：人民邮电出版社，2010.-全文完-。