教育主题网站的视觉识别系统设计研究
摘要
科技进步使得社会信息化程度越来越高,人类在日常生活中获取信息变得越来越便捷,而网站是现代社会传播信息最有力的工具之一。伴随着社会信息化带来的巨大优势,教育也正走在高速发展的信息化道路上,而教育主题网站成为传播教育信息最重要的载体之一。
面对海量的不同主题的教育资源、教育信息,如何通过有效的手段将其有逻辑的传播开来成为教育主题网站迫切需要解决的问题之一。优化网站形式与内容之间的关系成为解决这一问题的主要途径。视觉识别系统作为一组有意义的符号系统,具有明确的“所指”理念；视觉识别系统作为一组具有审美特征的符号系统,具有统一的、规范化的“能指”表现。对教育主题网站中进行视觉识别系统设计,或许能够帮助教育主题网站有效传达相关资源信息组织,而实现教育主题网站的主题。
本文以此为背景分析视觉识别系统导入教育主题网站中可能为网站带来的巨大优势,研究在教育主题网站中进行视觉识别系统设计的策略,并以“国民艺术素养教育”网站为例,设计制作视觉识别系统。
本文通过文献研究法分析教育主题网站的概念及界面现状,挖掘教育主题网站中教育信息传播受限的真正原因。并尝试以“国民艺术素养教育”网站为例设计制作视觉识别系统。
The development of science technology brought more and more society informatization, human in daily life ask for information turn more and more convenient, so the websites became one of the most widely used tools to communicate information. With the great advantages brought by society informatization, education is on its way to the informaticaiton in a high speed, and education theme websites are becoming one of the important carriers to communicate educational information.
When confronting a large mount of educational information and resources in different themes, it's an urgent problem for education theme websites that how to convey the information logically in an effective way. There is a main way to solve this problem that how to optimized the relationship between form and content on the websites. VIS as a group of meaningful semiotic system has the explicit philosophy of 'signified'; as a group of semiotic system with aesthetic character has the uniform representation of'signifier'. Therefore, we design visual identity system for education theme websites may assist websites to communicate educational information and educational resources effectively in order to realize educational theme of education theme websites.
The paper analyzed the great advantages if introduce the VIS to education themes websites, did the research on the strategies of VIS design for education themes websites, and designed VIS with the example for' National Art Literacy Education' website.
The paper analyzed the concept and interfaces of education theme websites, and explored the problems in communication and the reasons of these problems and tried to design VIS for "National Art Literacy Education'website.
面对海量的不同主题的教育资源、教育信息,如何通过有效的手段将其有逻辑的传播开来成为教育主题网站迫切需要解决的问题之一。优化网站形式与内容之间的关系成为解决这一问题的主要途径。视觉识别系统作为一组有意义的符号系统,具有明确的“所指”理念；视觉识别系统作为一组具有审美特征的符号系统,具有统一的、规范化的“能指”表现。对教育主题网站中进行视觉识别系统设计,或许能够帮助教育主题网站有效传达相关资源信息组织,而实现教育主题网站的主题。
本文以此为背景分析视觉识别系统导入教育主题网站中可能为网站带来的巨大优势,研究在教育主题网站中进行视觉识别系统设计的策略,并以“国民艺术素养教育”网站为例,设计制作视觉识别系统。
本文通过文献研究法分析教育主题网站的概念及界面现状,挖掘教育主题网站中教育信息传播受限的真正原因。并尝试以“国民艺术素养教育”网站为例设计制作视觉识别系统。
The development of science technology brought more and more society informatization, human in daily life ask for information turn more and more convenient, so the websites became one of the most widely used tools to communicate information. With the great advantages brought by society informatization, education is on its way to the informaticaiton in a high speed, and education theme websites are becoming one of the important carriers to communicate educational information.
When confronting a large mount of educational information and resources in different themes, it's an urgent problem for education theme websites that how to convey the information logically in an effective way. There is a main way to solve this problem that how to optimized the relationship between form and content on the websites. VIS as a group of meaningful semiotic system has the explicit philosophy of 'signified'; as a group of semiotic system with aesthetic character has the uniform representation of'signifier'. Therefore, we design visual identity system for education theme websites may assist websites to communicate educational information and educational resources effectively in order to realize educational theme of education theme websites.
The paper analyzed the great advantages if introduce the VIS to education themes websites, did the research on the strategies of VIS design for education themes websites, and designed VIS with the example for' National Art Literacy Education' website.
The paper analyzed the concept and interfaces of education theme websites, and explored the problems in communication and the reasons of these problems and tried to design VIS for "National Art Literacy Education'website.
引文
[1]Floch, Jean-Marie.Visual ldentities[M].London:Continuum International Publishing,2001.
[2] Waterman钢笔官方网站http://www.waterman.com/en(2010-06-20).
[3]周俊.网站中的视觉识别设计[J].韶关学院学报,2008(7).
[4]芶雁.Vl理念与web网站视觉效果设计[J].中国电化教育,2004(09).
[5]余小静,刘兴政.网上企业形象[M].北京：中国物资出版社,2004.
[6]赵迎春.导入企业识别系统塑造公共图书馆网站形象[J].图书馆工作与研究,2003(03).
[7]陈美玲.教育主题网站的概念、分类与作用[J].中国电化教育,2003(10).
[8]谢幼如.“网络教学设计”专题学习网站的设计与开发[J].中国电化教育,2003(5).
[9]视觉文化与信息技术网站宣言’和设计理念http://www.fromeyes.cn/aboutus/AboutUs_WebSite.aspx(2011-02-20).
[10]宫京成.当版面成为界面_届面设计对新媒介时代报纸版式设计的几点启示[J].新闻界,2009(5).
[11]章光琼.基于WEB的交互设计[J].电化教育研究,2002(01).
[12]徐苗.教育主题网站的总体策划[D].山东师范大学,2005.
[13]董士海,王衡.人机交互[M].北京：北京大学出版社,2004,52页.
[14]李洋厚.美学四讲[M].北京：三联书店,1989,130-131页
[15]刘绍勇.视觉形象识别[M].吉林：吉林美术出版社,2008.
[16]张舒予.视觉文化概论[M].南京：江苏人民出版社,2003.
[17]端木志坚,余伟文.标志设计[M]江苏：江苏美术出版社,2007.
[18](美)Robin Williams著,苏金国译.写给大看的设计书(第3版)[M].北京：人民邮电出版社,2009.
[19]张舒予.视觉文化概论[M].南京：江苏人民出版社,2003,62页.
[1]张舒予.视觉文化概论[M].南京：江苏人民出版社,2003.
[2]余小静,刘兴政.网上企业形象[M].北京：中国物资出版社,2004.
[3]董士海,王衡.人机交互[M].北京：北京大学出版社,2004.
[4]李泽厚.美学四讲[M].北京：三联书店,1989.
[5]刘绍勇.视觉形象识别[M].吉林：吉林美术出版社,2008.
[6]端木志坚,余伟文.标志设计[M]江苏：江苏美术出版社,2007.
[7](美)Robin Williams著,苏金国译.写给大看的设计书(第3版)[M].北京：人民邮电出版社,2009.
[8]周伟业.网络美育[M].南京：南京出版社,2009.
[9]钱家渝.视觉心理学[M].上海：学林出版社,2006.
[10]章莉莉.视觉符号完全手册[M].上海：上海书店出版社,2008.
[11]滕守尧.回归生态的艺术教育[M].南京：南京出版社,2008.
[12]周俊.网站中的视觉识别设计[J].韶关学院学报,2008(7).
[13]芶雁.VI理念与Web网站视觉效果设计[J].中国电化教育,2004(09).
[14]赵迎春.导入企业识别系统塑造公共图书馆网站形象[J].图书馆工作与研究,2003(03).
[15]陈美玲.教育主题网站的概念、分类与作用[J].中国电化教育,2003(10).
[16]谢幼如.“网络教学设计”专题学习网站的设计与开发[J].中国电化教育,2003(5).
[17]宫京成.当版面成为界面_界面设计对新媒介时代报纸版式设计的几点启示[J].新闻界,2009(5).
[18]章光琼.基于WEB的交互设计[J].电化教育研究,2002(01).
[19]徐苗.教育主题网站的总体策划[D].山东师范大学,2005.
[20]王海燕.从审美角度浅谈网页艺术设计[J].中国电化教育,2004(09).
[21]刘文庆.标准字体在VIS中的特殊地位[J].艺术探索2009(04).
[22]占校明.高校VI系统构建问题分析及解决策略[J].商场现代化,2009(13).
[23]陈红,历泉恩.构建高校图书馆VI的探讨[J].南京艺术学院学报(美术与设计版),2009(06).
[24]黄佳敏.浅谈字体设计在文化表达中的意义[J].美术大观,2009(09).
[25]孔德时.视觉识别(VI)中辅助图形的设计研究[J].消费导刊,2008(19).
[26]曹晖.VI-视觉识别设计的美学形式与特征[J].文艺评论,2006,(06).
[27]陈奕丞,薛炜华.企业文化与企业视觉识别系统[J].商场现代化,2007(07).
[28]余农.VI与高校图书馆网站设计[J].现代情报,2003(09).
[29]赵越.对高校图书馆导入CIS理论的探索[J].现代情报,2004(12).
[30]安晓燕.商业网站中VI形象设计之探讨[J].美术观察,2006(10).
[31]费新碑.网络界面视觉识别系统设计(WVIS)理论研究报告[J].科普研究,2009(05).
[32]唐敏.浅谈沉浸式网页导航设计的用户体验[J].装饰,2009(12).
[33]邓明明.网站主页界面的人因设计[J].包装工程,2009(11).
[34]汤益芳.网络学习环境中情感教育初探[J].中小学信息技术教育,2005(01).
[35]胡红忠.色彩语言在网页界面中的情感化传达[J].美术大观,2008(04).
[36]白珊.CIS设计的系统论[J].包装工程,2007(11).
[37]陈池瑜.艺术设计在当代文化符号中的作用[J].设计艺术(山东工艺美术学院学报),2009(04).
[38]Floch, Jean-Marie. Visual Identities[M].London:Continuum International Publishing,2001.
[39]CBM Van Riel, JMT Balmer. Corporate identity the concept, its measurement and managemen[J]. European Journal of Marketing,1997.
[40]JMT Balmer.Corporate identity, corporate branding and corporate marketing[J].European Journal of Marketing,2001.
[41]Annette L.M.van den Bosch and Menno D.T.de Jong and Wim J.L. Elving.How corporate visual identity supports reputation[J]. Corporate Communications:An International Journal,2005.
[42]M.G.Serap Atakan, Tutku Eker.Corporate Identity of a Socially Responsible University-A Case from the Turkish Higher Education Sector[J].Journal of Business Ethics,2007(11).
[2] Waterman钢笔官方网站http://www.waterman.com/en(2010-06-20).
[3]周俊.网站中的视觉识别设计[J].韶关学院学报,2008(7).
[4]芶雁.Vl理念与web网站视觉效果设计[J].中国电化教育,2004(09).
[5]余小静,刘兴政.网上企业形象[M].北京：中国物资出版社,2004.
[6]赵迎春.导入企业识别系统塑造公共图书馆网站形象[J].图书馆工作与研究,2003(03).
[7]陈美玲.教育主题网站的概念、分类与作用[J].中国电化教育,2003(10).
[8]谢幼如.“网络教学设计”专题学习网站的设计与开发[J].中国电化教育,2003(5).
[9]视觉文化与信息技术网站宣言’和设计理念http://www.fromeyes.cn/aboutus/AboutUs_WebSite.aspx(2011-02-20).
[10]宫京成.当版面成为界面_届面设计对新媒介时代报纸版式设计的几点启示[J].新闻界,2009(5).
[11]章光琼.基于WEB的交互设计[J].电化教育研究,2002(01).
[12]徐苗.教育主题网站的总体策划[D].山东师范大学,2005.
[13]董士海,王衡.人机交互[M].北京：北京大学出版社,2004,52页.
[14]李洋厚.美学四讲[M].北京：三联书店,1989,130-131页
[15]刘绍勇.视觉形象识别[M].吉林：吉林美术出版社,2008.
[16]张舒予.视觉文化概论[M].南京：江苏人民出版社,2003.
[17]端木志坚,余伟文.标志设计[M]江苏：江苏美术出版社,2007.
[18](美)Robin Williams著,苏金国译.写给大看的设计书(第3版)[M].北京：人民邮电出版社,2009.
[19]张舒予.视觉文化概论[M].南京：江苏人民出版社,2003,62页.
[1]张舒予.视觉文化概论[M].南京：江苏人民出版社,2003.
[2]余小静,刘兴政.网上企业形象[M].北京：中国物资出版社,2004.
[3]董士海,王衡.人机交互[M].北京：北京大学出版社,2004.
[4]李泽厚.美学四讲[M].北京：三联书店,1989.
[5]刘绍勇.视觉形象识别[M].吉林：吉林美术出版社,2008.
[6]端木志坚,余伟文.标志设计[M]江苏：江苏美术出版社,2007.
[7](美)Robin Williams著,苏金国译.写给大看的设计书(第3版)[M].北京：人民邮电出版社,2009.
[8]周伟业.网络美育[M].南京：南京出版社,2009.
[9]钱家渝.视觉心理学[M].上海：学林出版社,2006.
[10]章莉莉.视觉符号完全手册[M].上海：上海书店出版社,2008.
[11]滕守尧.回归生态的艺术教育[M].南京：南京出版社,2008.
[12]周俊.网站中的视觉识别设计[J].韶关学院学报,2008(7).
[13]芶雁.VI理念与Web网站视觉效果设计[J].中国电化教育,2004(09).
[14]赵迎春.导入企业识别系统塑造公共图书馆网站形象[J].图书馆工作与研究,2003(03).
[15]陈美玲.教育主题网站的概念、分类与作用[J].中国电化教育,2003(10).
[16]谢幼如.“网络教学设计”专题学习网站的设计与开发[J].中国电化教育,2003(5).
[17]宫京成.当版面成为界面_界面设计对新媒介时代报纸版式设计的几点启示[J].新闻界,2009(5).
[18]章光琼.基于WEB的交互设计[J].电化教育研究,2002(01).
[19]徐苗.教育主题网站的总体策划[D].山东师范大学,2005.
[20]王海燕.从审美角度浅谈网页艺术设计[J].中国电化教育,2004(09).
[21]刘文庆.标准字体在VIS中的特殊地位[J].艺术探索2009(04).
[22]占校明.高校VI系统构建问题分析及解决策略[J].商场现代化,2009(13).
[23]陈红,历泉恩.构建高校图书馆VI的探讨[J].南京艺术学院学报(美术与设计版),2009(06).
[24]黄佳敏.浅谈字体设计在文化表达中的意义[J].美术大观,2009(09).
[25]孔德时.视觉识别(VI)中辅助图形的设计研究[J].消费导刊,2008(19).
[26]曹晖.VI-视觉识别设计的美学形式与特征[J].文艺评论,2006,(06).
[27]陈奕丞,薛炜华.企业文化与企业视觉识别系统[J].商场现代化,2007(07).
[28]余农.VI与高校图书馆网站设计[J].现代情报,2003(09).
[29]赵越.对高校图书馆导入CIS理论的探索[J].现代情报,2004(12).
[30]安晓燕.商业网站中VI形象设计之探讨[J].美术观察,2006(10).
[31]费新碑.网络界面视觉识别系统设计(WVIS)理论研究报告[J].科普研究,2009(05).
[32]唐敏.浅谈沉浸式网页导航设计的用户体验[J].装饰,2009(12).
[33]邓明明.网站主页界面的人因设计[J].包装工程,2009(11).
[34]汤益芳.网络学习环境中情感教育初探[J].中小学信息技术教育,2005(01).
[35]胡红忠.色彩语言在网页界面中的情感化传达[J].美术大观,2008(04).
[36]白珊.CIS设计的系统论[J].包装工程,2007(11).
[37]陈池瑜.艺术设计在当代文化符号中的作用[J].设计艺术(山东工艺美术学院学报),2009(04).
[38]Floch, Jean-Marie. Visual Identities[M].London:Continuum International Publishing,2001.
[39]CBM Van Riel, JMT Balmer. Corporate identity the concept, its measurement and managemen[J]. European Journal of Marketing,1997.
[40]JMT Balmer.Corporate identity, corporate branding and corporate marketing[J].European Journal of Marketing,2001.
[41]Annette L.M.van den Bosch and Menno D.T.de Jong and Wim J.L. Elving.How corporate visual identity supports reputation[J]. Corporate Communications:An International Journal,2005.
[42]M.G.Serap Atakan, Tutku Eker.Corporate Identity of a Socially Responsible University-A Case from the Turkish Higher Education Sector[J].Journal of Business Ethics,2007(11).