论文部分内容阅读
摘要：学校网站是展示校园文化、教师风采、学生风貌、教育理念的窗口，随着互联网大数据技术的不断成熟，厦门地区各高校普遍开通了门户网站，但是只是形式化的开通网站，对网站的整体设计普遍缺乏内涵与风格，满足不了现代新媒体大环境下用户的人性化、视觉化、交互性的需求.本人通过对厦门工学院官方网站界面设计的调查，针对存在的问题进行研究分析并提出一些建议，旨在促进我校校园网建设的深化.
关键词：高校网站；网页设计；版式设计；色彩
中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2018）11-0210-02
1 概述
学校门户网站是学校的“网上名片”。是现代学校对外宣传展示自我沟通交流的必需品。可以提高软实力，增强综合竞争力。可以展示校园文化、教师风采、学生风貌、教育理念等，可以在教育领域树立新形象新品牌，体现办学实力。
学校网站能提供教学互动的全新方式，也能能够提供个性化学习的平台，使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。
厦门工学院现有的官方网站存在着很多的问题，主要包括：1）外观老旧，没有现在时尚感；2）规划杂乱无章，不利于浏览者进行顺畅浏览；3）布局不合理，板块内容重复极容易造成浏览不清晰；4）版式设计过于传统缺乏个性化设计；5）色彩搭配上和本校的VI理念不符，过于陈旧缺乏视觉冲击力；6）交互设置不科学，没法适应现代社会人群的需求，缺少现代主流互动软件的应用；7）内容信息不明朗，字体不统一；8）在移动终端显示效果较差。为了厦门工学院有一张“新名片”必须对现有的网站进行重新规划、重新设计、重新建设的工作。跟上现代多媒体时代的步伐，通过本次课题的研究工作，可以给该领域的网站设计应用工作树立新标杆，有利于厦门地区学校网站平台的构建以及与时俱进
2 课题意义：理论意义和实际意义
1）在国内外众多的教育机构特别是学校，都建设具有自身特色的网站，作为宣传自我的重要平台，并把其做成知名品牌，极大地提升了该地区教育水平的知名度，在厦门该形式目前已经有了一定的的规模，但是没有形成规范化、特色化。研究该课题可以填补厦门地区高校群网站的规范化、潮流化、特色化的形成，有力推动学校网站的设计理念和形式，进行品牌推广。并且总结经验逐层次进行递增推广，可以提升整个厦门高校教育的知名度。
2）本团队都是有多年设计课程教学经验的年轻教师，设计理念先进，有多次完整网页设计的经验，和成熟的技术，完全可以承担该课题的研发、设计、创造的工作。
3）在厦门这个注重教育的城市。学校网站的建设及应用有很大的可行性和应用前景以及空间，并且可以进行具体实施的推进。
4）厦门校园文化建设是“和谐社会、和谐厦门”重要的组成部分，是素质教育的重要载体。学校网站的设计及应用是从研究学校文化现象入手，通过系统作业帮助学校总结和提炼办学的核心理念，设计文化建设、战略服务、有效管理的途径与方法，从而形成有浓郁校本特色和独特品牌内涵的学校形象和管理模式，提高教育教学的整体运作水平的能力。
5）厦门各高校网站的建设，会成功的开辟“第二课堂”，给学生和老师多提供了一种交流平台。同多媒体技术、虚拟现实技术相结合，可实现虚拟图书馆、虚拟实验室、虚拟课堂等；为教师学生提供多层次、全方位的学习资源也使之成为最佳的教学研究室。
6）厦门各高校网站的建设更是契合当今互联网 的主题，让学校各类信息互通互联。
7）厦门各所高校网站的开通能更多的宣传厦门、发展厦门，在此同时也能展示厦门这座城市的教育水平和教学理念及质量
3 研究内容
本项目的研究对象、总体框架、重点难点、主要目标等。
1）网页版式设计的特点
网页版式设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等构成元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，从而达到有效信息的最终目的。
由于网页是在电脑上显示信息的，电脑屏幕对其的视觉影响很大，因此，在网页版式设计时，应特别注意文字的编排，字号不宜太小或太细，必要时应适当增大行距，此外，还应注意文字色彩与背景色彩的区别，以保证信息传达的清晰度和准确性。
2）网页版式设计要点
网页版式设计中的色彩运用在编排网页版式时，设计是应合理地运用色彩，使版面给人以视觉美感。此外，设计师还应深入分析网站的性质、经营目的或运作模式等因素来恰当地选择色彩，以使其更好地衬托网站主旨思想。
3）网格的运用
网格的运用能使版面显得整齐、干净，具有稳定的结构，使网页各部分分区明确，使阅读流畅，信息鲜明、突出。在对版面进行布局时，应充分利用网格的作用合理地设置网站标题、栏目、导航、文字以及图片等信息，使其统一中有变化，对比中体现和谐。
4）网页版式设计中的圖片编排
网页设计同样是一种视觉传达设计，图片在版式中除了能够使信息展示更加具象外，还具有调节版式活跃度的作用，它能使版面更为生动、丰富。其中，图片面积的大小决定了版面的活跃程度，图片的形式影响着版面风格。
除了真实照片外，网页版面中的图片还可以运用手绘图片，如素描漫画、动画或者水彩画等，别出心裁的图片形式令人耳目一新，使版面显得轻松、活泼，增强版面的趣味性。
5）网页版式设计中的文字编排
网页版式设计中的文字的编排宣传简单、清晰，使其能够清楚、准确地传达网页信息，每行字数不宜过多，一般不超过30个字，以免造成视觉上的疲劳感。
6）页面的个性化设计 随着网络时代的到来，网页版式形式也越来越多。设计师应根据所学知识，结合网站特点，灵活的编排设计，才能使网页在众多设计中脱颖而出，更具个性化，更加吸引眼球。
7）该课题调研的困难和经费来源。
8）厦门工学院网站统一视觉识别系统的推动和实行。
9）如何为厦门所有高校系统提供统一的项目服务、宣传、普及、法制推行。
10）如何为厦门高校网站的新建和更新提供全面的模式参考、让网站发挥作用的前提下永不褪色，永不落伍，一直保持新鲜、特色、简洁、清楚的特点。
4 目标、思路方法：研究目标及技术路线
1）厦门工学院整套网页页面系统的设计；
2）厦门工学院官方网站系统设计视觉的统一；
3）形成一整套视觉效果标准和理论数据指导文献。帮助厦门市其他高校网站建设更新工作的顺利进行。
4）研究技术路线文献查阅、问卷调查、现状研究、专项研讨、课题设计规划研发设计及网络测试、论文发表及网站页面产权保护。
5 关键问题
1）目前，网站平台理念和建设虽然取得了一些成果，并得到一些教育管理和学校文化研究专家的充分肯定，但存在的问题却没有得到重视。对厦门高校教育系統以及厦门市教育局运作环境的认知，以及他们对待此课题的态度和是否可行。
2）调研的困难和经费来源。
3）厦门市地区学校网站平台建设及更新的推动和具体实行方案的制订。
4）如何为厦门市高校网站服务、宣传、普及、法制推行。
6 创新之处
在学术思想、学术观点、研究方法等方面的特色和创新。
1）网页设计总体方案主题鲜明。便于长周期的使用，不落伍。网页整体效果以符合厦门工学院相吻合的字体、形象、颜色等进行设计。
2）通过对本校师生问卷调查结果，约百分九十的认为现有网站的版式过于陈旧，都建议对其进行全新的升级。根据这种情况本研究团队根据本学院的实际情况进行设计创新，网页版式设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等构成元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，从而能有效的传递信息。厦门工学院坐落在美丽的厦门，学院气质和办学特色都与厦门这座城市有着众多的相似之处，时尚、美丽、浪漫、求实创新，所以在版式选择上应用了满版型加分割型加对称型的综合应用，形式美法则上主要应用了变化与统一、对比与协调、节奏与韵律、对称与均衡、虚实与留白等多种技巧。
3）主题鲜明的颜色应用根据和谐、均衡和重点突出的原则，使版面给人以视觉美感，根据学校的性质、目的、运作模式等众多因素考量后，根据问卷调查结果，百分八十九的人选择了主题色为浅蓝色搭配白色。使之版面视觉效果清晰明了，时尚沉稳。
4）网页设计形式与内容相统一灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。
5）虚拟现实技术的应用使网站的视觉效果和体验效果更佳的具有时代感。
6）网页设计中多媒体功能的利用。
7）结构清晰并且便于使用。
8）导向清晰。
9）方便的反馈程序。
10）网站的尺寸再设计上不在追求传统的满屏效果也就是1024像素*768像素，更多地使用了现在的“无限滚动”的尺寸效果，符合电脑浏览，也适合现在手机客户的浏览。
11）便于大众化理解和普及和理解。
12）便于形成厦门工学院网站规范进行二级学院逐级推广。
13）形成经验便于在厦门地区其他院校推广经验，形成厦门特色的学校群网站的建设。
7 预期成果
成果形式、使用去向及预期社会效益等。
1）成果形式：论文理论研究及实体网页设计作品。
2）使用去向：提供给厦门工学院作为官方网站使用。
3）社会效益：满足浏览者浏览网站的流畅性、视觉上符合学校的性质，页面表现上更具有个性化，更加吸引眼球。 在设计方面给厦门地区其他院校提供一整套参考的页面视觉效果，在理论上给其提供一部有参考价值的项目报告，指导其在设计过程中详细的数值、理论等经验。
参考文献：
[1] 王丽. 浅谈网页设计中色彩搭配的应用[J].黑龙江科技信息，2008（22）.
[2] 张蕾蕾. 网页设计中色彩视觉元素探究[J]. 长春大学学报， 2011（3）.
[3] 王秋. 校园网页设计[J]. 中国教育网络， 2008（12）.
[4] 阮渭平. 色彩在网页设计中的民族性研究[J]. 浙江工艺美术， 2007（3）.
[5] 骆媛， 陆晶， 李淼. 版式设计[M]. 中国时代经济出版社， 2013.
[6] 殷俊. 网页设计的艺术处理原则[N]. 江苏科技报， 2007.
[7] 严富昌. 网站策划与设计[M].北京大学出版社， 2004.
[8] 周颖梅， 姜中敏. 平面设计在网页中的应用[J]. 福建电脑， 2006.
[9] 李同中. 网页设计技巧[J]. 河南气象， 2004（1）.
[10] 李旭昌. 个人网页设计中颜色的应用[J]. 新乡学院学报， 2011（3）.
[11] 毛德宝. 版面编辑设计[M]. 东南大学出版社， 2007.
关键词：高校网站；网页设计；版式设计；色彩
中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2018）11-0210-02
1 概述
学校门户网站是学校的“网上名片”。是现代学校对外宣传展示自我沟通交流的必需品。可以提高软实力，增强综合竞争力。可以展示校园文化、教师风采、学生风貌、教育理念等，可以在教育领域树立新形象新品牌，体现办学实力。
学校网站能提供教学互动的全新方式，也能能够提供个性化学习的平台，使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。
厦门工学院现有的官方网站存在着很多的问题，主要包括：1）外观老旧，没有现在时尚感；2）规划杂乱无章，不利于浏览者进行顺畅浏览；3）布局不合理，板块内容重复极容易造成浏览不清晰；4）版式设计过于传统缺乏个性化设计；5）色彩搭配上和本校的VI理念不符，过于陈旧缺乏视觉冲击力；6）交互设置不科学，没法适应现代社会人群的需求，缺少现代主流互动软件的应用；7）内容信息不明朗，字体不统一；8）在移动终端显示效果较差。为了厦门工学院有一张“新名片”必须对现有的网站进行重新规划、重新设计、重新建设的工作。跟上现代多媒体时代的步伐，通过本次课题的研究工作，可以给该领域的网站设计应用工作树立新标杆，有利于厦门地区学校网站平台的构建以及与时俱进
2 课题意义：理论意义和实际意义
1）在国内外众多的教育机构特别是学校，都建设具有自身特色的网站，作为宣传自我的重要平台，并把其做成知名品牌，极大地提升了该地区教育水平的知名度，在厦门该形式目前已经有了一定的的规模，但是没有形成规范化、特色化。研究该课题可以填补厦门地区高校群网站的规范化、潮流化、特色化的形成，有力推动学校网站的设计理念和形式，进行品牌推广。并且总结经验逐层次进行递增推广，可以提升整个厦门高校教育的知名度。
2）本团队都是有多年设计课程教学经验的年轻教师，设计理念先进，有多次完整网页设计的经验，和成熟的技术，完全可以承担该课题的研发、设计、创造的工作。
3）在厦门这个注重教育的城市。学校网站的建设及应用有很大的可行性和应用前景以及空间，并且可以进行具体实施的推进。
4）厦门校园文化建设是“和谐社会、和谐厦门”重要的组成部分，是素质教育的重要载体。学校网站的设计及应用是从研究学校文化现象入手，通过系统作业帮助学校总结和提炼办学的核心理念，设计文化建设、战略服务、有效管理的途径与方法，从而形成有浓郁校本特色和独特品牌内涵的学校形象和管理模式，提高教育教学的整体运作水平的能力。
5）厦门各高校网站的建设，会成功的开辟“第二课堂”，给学生和老师多提供了一种交流平台。同多媒体技术、虚拟现实技术相结合，可实现虚拟图书馆、虚拟实验室、虚拟课堂等；为教师学生提供多层次、全方位的学习资源也使之成为最佳的教学研究室。
6）厦门各高校网站的建设更是契合当今互联网 的主题，让学校各类信息互通互联。
7）厦门各所高校网站的开通能更多的宣传厦门、发展厦门，在此同时也能展示厦门这座城市的教育水平和教学理念及质量
3 研究内容
本项目的研究对象、总体框架、重点难点、主要目标等。
1）网页版式设计的特点
网页版式设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等构成元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，从而达到有效信息的最终目的。
由于网页是在电脑上显示信息的，电脑屏幕对其的视觉影响很大，因此，在网页版式设计时，应特别注意文字的编排，字号不宜太小或太细，必要时应适当增大行距，此外，还应注意文字色彩与背景色彩的区别，以保证信息传达的清晰度和准确性。
2）网页版式设计要点
网页版式设计中的色彩运用在编排网页版式时，设计是应合理地运用色彩，使版面给人以视觉美感。此外，设计师还应深入分析网站的性质、经营目的或运作模式等因素来恰当地选择色彩，以使其更好地衬托网站主旨思想。
3）网格的运用
网格的运用能使版面显得整齐、干净，具有稳定的结构，使网页各部分分区明确，使阅读流畅，信息鲜明、突出。在对版面进行布局时，应充分利用网格的作用合理地设置网站标题、栏目、导航、文字以及图片等信息，使其统一中有变化，对比中体现和谐。
4）网页版式设计中的圖片编排
网页设计同样是一种视觉传达设计，图片在版式中除了能够使信息展示更加具象外，还具有调节版式活跃度的作用，它能使版面更为生动、丰富。其中，图片面积的大小决定了版面的活跃程度，图片的形式影响着版面风格。
除了真实照片外，网页版面中的图片还可以运用手绘图片，如素描漫画、动画或者水彩画等，别出心裁的图片形式令人耳目一新，使版面显得轻松、活泼，增强版面的趣味性。
5）网页版式设计中的文字编排
网页版式设计中的文字的编排宣传简单、清晰，使其能够清楚、准确地传达网页信息，每行字数不宜过多，一般不超过30个字，以免造成视觉上的疲劳感。
6）页面的个性化设计 随着网络时代的到来，网页版式形式也越来越多。设计师应根据所学知识，结合网站特点，灵活的编排设计，才能使网页在众多设计中脱颖而出，更具个性化，更加吸引眼球。
7）该课题调研的困难和经费来源。
8）厦门工学院网站统一视觉识别系统的推动和实行。
9）如何为厦门所有高校系统提供统一的项目服务、宣传、普及、法制推行。
10）如何为厦门高校网站的新建和更新提供全面的模式参考、让网站发挥作用的前提下永不褪色，永不落伍，一直保持新鲜、特色、简洁、清楚的特点。
4 目标、思路方法：研究目标及技术路线
1）厦门工学院整套网页页面系统的设计；
2）厦门工学院官方网站系统设计视觉的统一；
3）形成一整套视觉效果标准和理论数据指导文献。帮助厦门市其他高校网站建设更新工作的顺利进行。
4）研究技术路线文献查阅、问卷调查、现状研究、专项研讨、课题设计规划研发设计及网络测试、论文发表及网站页面产权保护。
5 关键问题
1）目前，网站平台理念和建设虽然取得了一些成果，并得到一些教育管理和学校文化研究专家的充分肯定，但存在的问题却没有得到重视。对厦门高校教育系統以及厦门市教育局运作环境的认知，以及他们对待此课题的态度和是否可行。
2）调研的困难和经费来源。
3）厦门市地区学校网站平台建设及更新的推动和具体实行方案的制订。
4）如何为厦门市高校网站服务、宣传、普及、法制推行。
6 创新之处
在学术思想、学术观点、研究方法等方面的特色和创新。
1）网页设计总体方案主题鲜明。便于长周期的使用，不落伍。网页整体效果以符合厦门工学院相吻合的字体、形象、颜色等进行设计。
2）通过对本校师生问卷调查结果，约百分九十的认为现有网站的版式过于陈旧，都建议对其进行全新的升级。根据这种情况本研究团队根据本学院的实际情况进行设计创新，网页版式设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等构成元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，从而能有效的传递信息。厦门工学院坐落在美丽的厦门，学院气质和办学特色都与厦门这座城市有着众多的相似之处，时尚、美丽、浪漫、求实创新，所以在版式选择上应用了满版型加分割型加对称型的综合应用，形式美法则上主要应用了变化与统一、对比与协调、节奏与韵律、对称与均衡、虚实与留白等多种技巧。
3）主题鲜明的颜色应用根据和谐、均衡和重点突出的原则，使版面给人以视觉美感，根据学校的性质、目的、运作模式等众多因素考量后，根据问卷调查结果，百分八十九的人选择了主题色为浅蓝色搭配白色。使之版面视觉效果清晰明了，时尚沉稳。
4）网页设计形式与内容相统一灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。
5）虚拟现实技术的应用使网站的视觉效果和体验效果更佳的具有时代感。
6）网页设计中多媒体功能的利用。
7）结构清晰并且便于使用。
8）导向清晰。
9）方便的反馈程序。
10）网站的尺寸再设计上不在追求传统的满屏效果也就是1024像素*768像素，更多地使用了现在的“无限滚动”的尺寸效果，符合电脑浏览，也适合现在手机客户的浏览。
11）便于大众化理解和普及和理解。
12）便于形成厦门工学院网站规范进行二级学院逐级推广。
13）形成经验便于在厦门地区其他院校推广经验，形成厦门特色的学校群网站的建设。
7 预期成果
成果形式、使用去向及预期社会效益等。
1）成果形式：论文理论研究及实体网页设计作品。
2）使用去向：提供给厦门工学院作为官方网站使用。
3）社会效益：满足浏览者浏览网站的流畅性、视觉上符合学校的性质，页面表现上更具有个性化，更加吸引眼球。 在设计方面给厦门地区其他院校提供一整套参考的页面视觉效果，在理论上给其提供一部有参考价值的项目报告，指导其在设计过程中详细的数值、理论等经验。
参考文献：
[1] 王丽. 浅谈网页设计中色彩搭配的应用[J].黑龙江科技信息，2008（22）.
[2] 张蕾蕾. 网页设计中色彩视觉元素探究[J]. 长春大学学报， 2011（3）.
[3] 王秋. 校园网页设计[J]. 中国教育网络， 2008（12）.
[4] 阮渭平. 色彩在网页设计中的民族性研究[J]. 浙江工艺美术， 2007（3）.
[5] 骆媛， 陆晶， 李淼. 版式设计[M]. 中国时代经济出版社， 2013.
[6] 殷俊. 网页设计的艺术处理原则[N]. 江苏科技报， 2007.
[7] 严富昌. 网站策划与设计[M].北京大学出版社， 2004.
[8] 周颖梅， 姜中敏. 平面设计在网页中的应用[J]. 福建电脑， 2006.
[9] 李同中. 网页设计技巧[J]. 河南气象， 2004（1）.
[10] 李旭昌. 个人网页设计中颜色的应用[J]. 新乡学院学报， 2011（3）.
[11] 毛德宝. 版面编辑设计[M]. 东南大学出版社， 2007.