网站横幅制作技术探索与实践.docVIP

网站横幅制作技术探索与实践 马妍1，丁文捷2* （1宁夏民族职业技术学院，吴忠，751100） （2宁夏大学机械工程学院，银川，750021） 摘 要关键词；；xplore and practice on website banner production technology MA Yan1, DING Wenjie2* （1. Ningxia National Vocational and Technical College，Wuzhong 751100, China） (2. School of Mechanical Engineering, Ningxia University, Yinchuan 750021, China) Abstract: For the practical effects of page banner design and use, and for the difficulty to control in emotional design, based on the purpose of improve production efficiency and quality of the site banner, the engineering development principles and the methods with qualitative and quantitative are proposed in practice, including: the development of the site banner process, elements’ layout rules, banner color, dynamic element design, font selection and usage. Relation between banners to the types of site and the method for banner personalized are researched, this can provide a reference for the banner design evaluation. Key words: page banner; CI image; visual elements; qualitative and quantitative methods 网站页面横幅，是横贯网页、处于网页顶部、中部下部的多媒体视觉元素。在互联网兴起和发展的过程中，起到了至关重要的作用，曾以网站旗帜广告、横幅广告 (网络广告的主要形式) 作为网站的主要盈利模式。因此，具有极高的存在价值。其特征是（1）占据网页中最为醒目的中心位置；（2）表达网站风格类型；（3）表达形式丰富多彩；（4）开发工作量较大。Internet Advertising Bureau (IAB，国际广告局)的标准和管理委员会联合Coalition for Advertising Supported Informatiln and Entertainment(CASIE，广告支持信息和娱乐联合会)甚至推出IAC/CASIE标准[1]。 但是，在实践中，网站横幅制作技术和规律仍处在研究探索中，虽然它涉及平面设计原理、动态元素表达以及人机工程学等多方面的工程技术，感性设计却是常用方法。为了提高网站横幅的制作效率和质量，本文在网站横幅的开发流程、元素布局规则、横幅配色、动态元素设计、字体的选择和使用等方面，以及横幅与网站类型关系、横幅个性化等方面进行了实践和总结，形成了针对横幅设计共性问题的工程化开发原则和实践经验，对横幅设计评价中具有参考价值。 1网站横幅的开发流程 网站横幅是一个网站树立CI形象的关键，是整个网站中最重要、最显著的视觉元素，成功的网站开发中，网站横幅的设计开发使用着严格的开发流程和规则。 设计开发一个网站横幅的流程主要包括：（1）确定网站的目的和主题；（2）定位网站CI形象；（3）资料收集与整理；（4）横幅创意方案或概念横幅优选；（5）方案分解与制作。其流程如图1。 2元素布局规则探索 网站横幅是一种平面设计产品，在尺寸方面遵循IAC/CASIE标准。强调以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此做出用来传达想法或讯息的视觉表现，利用字体排印、视觉艺术、版面（page layout）等方面的专业技巧，来达成创作计划的目的。但是，网站横幅还需考虑其网站应用特色，尤其是要处理好网站名称、宣传图片及导航链接三个区域组成的关系。 2.1统一和谐原则 横幅的布局应遵循统一和谐的原则。（1）分区，界定每一个区域的功能；（2）统一视觉效果，各区域使用具有