论广告设计色彩应用心理摘要:广告已成为人们生活中一个重要组成部分,深刻地影响着人们的生活,人们对一个广告的第一感觉往往是通过色彩而得到的,所以要把色彩的特点以及它的特殊性与人们的心理结合起来,在给人们的眼睛与心灵带来美的享受的同时更好地发挥广告的作用。文章从广告设计的色彩情感和色彩应用两大方面,阐述了广告设计中色彩的应用以及色彩作为一种设计语言对广告设计的影响。关键词:广告设计;色彩;心理随着当今社会的发展和消费观念的变化,广告业也随之在蓬勃地发展。走在大街小巷,广告的身影随处可见。如今广告已经成为人们日常生活的一个重要影响因素。广告的作用主要是为了推销一种产品、宣传一个品牌,让广大消费者接受和了解。当人们在购买生活必需品、消费品的时候,一般都会选择那些有广告、有品牌的产品,感觉这些产品更加具有保障性。因此广告设计师们在帮客户制作广告的时候,必须将产品和市场以及消费者的心理结合起来,才能从根本上打动消费者去关注产品。一幅深人人心的好广告,其广告设计也自然成为广告流程中一个必不可少的环节。一、广告设计的原则以及色彩在广告设计中的价值设计师的心理感受具有超越现实生活的巨大空间,以生活为创作基础,在作品中充分反映设计意图和思想。这个过程是一个特殊的心理活动,它包含着创意、想象和灵感等诸多思维方式。柴可夫斯基说,灵感“是一个不喜欢拜访懒汉的客人”,杜甫“下笔如有神”的神助前提是“读书破万卷”,所以说积累知识是获得灵感的基础之一。设计师只有亲身体会生活,并找到自己真切的感受,才能够激发起强烈的设计欲望,这样所设计出来的广告作品才能够打动观者的心灵,唤起观者的审美共鸣,以促进广告的传播,切实体现广告设计的审美功能和市场价值Ⅲ。一件广告设计作品要算得上是好的作品必须具备良好的视觉传达效果,当人们首次接触一件设计作品时,最先引起其注意力的,就是作品的色彩,其次是图形,最後才是文字。人们对一个广告的第一感觉通常都是通过色彩而得到的。美好的色彩配置总是能直接左右人们的感知、记忆、联想、情感等特定的心理作用,因此一般来说广告设计中的色彩是决定作品成败的关键。色彩在广告设计中的功能价值主要体现在它的鲜明性、认识性、写真性、情感性以及审美性方面。色彩是抓住人的视觉第一关键所在,也是一幅广告表现形式的重点所在,广告使用有个性的色彩,往往更能抓住人们的视线。色彩通过结合具体的形象,运用不同的色调,让人们产生不同的生理反应和心理联想。色彩表达着人们的信念、期望和对未来生活的预测。“色彩就是个性”,“色彩就是思想”,色彩作为一种设计语言,在广告设计领域中所表达的含义是深刻而广泛的,它较之构图和造型更具视觉冲击力,更具抽象性格特征,是广告设计的灵魂和精髓。色彩的应用好坏是广告设计中至关重要的一个因素。色彩具有很强的表现力,因此,在现代广告设计中,色彩的表现力是影响人产生视觉冲击力以及艺术感染力的重要因素。它能从直观上给人以华丽、高贵、典雅、媚俗等不同的心理反应_2]。此外,广告设计色彩还有使人增强识辨记忆的价值。广告设计如果由良好色彩构成,往往给人留下深刻的印象,这是由于人接触事物表面的色彩特征,有时比接触其本质特征更为深刻。色彩还可以传达人的意念,利用色彩设计的创意营造出一种更集中、更强烈、更单纯的形象,从而加深公众对广告信息的认知程度,达到信息传播的目的|3]。因此,色彩在设计中起着先声夺人的作用,它在广告设计中的地位变得越来越重要。色彩不仅有均衡画面构图的作用,还会传达不同的色彩语言,释放不同的色彩情感,使观看者与画面之间进行良好的沟通,起着传情达意的交流作用。鲜艳亮丽的色彩有助于广告增大吸引人注意力的价值,因为人的视觉神经对色彩的感觉最为敏感,彩色远比黑白更刺激视觉神经,给人留下深刻的第一印象。在现代的广告设计中,设计师需要自由地寻找现代社会适当的色彩,并且从中获取灵感,使色彩可以吸引或愉悦消费者的眼睛。借助色彩的各种处理,人们可以认识和识别,有助于创造个性需求,从而加深对广告的印象留存。因此,色彩在广告设计中有着特殊的诉求力。二、广告设计的色彩情感情感是对客观事物的态度的体验。由于人的记忆、幻觉和联想,色彩的情感离开了形象仍然存在。毕加索说过,色彩和形式一样,与我们的感情形影不离。色彩是最富有表情作用的艺术语言。它能引起观者不同的感觉和联想,产生不同的情感。广告色彩设计的实际心理过程,主要是抽象思维、表象运动和情感活动三者的交织和融合,而情感是极为重要的。因为情感是设计师和观众之间发生联系以及对客观事物的态度的体验。广告画面都具有明确的主色调,要处理好图形色和底色的关系。设计师要明确色彩定位。同时色彩与基本形的结合也可以使我们更好地辨认图形,因为色彩所具有的象征性,会使人们产生各种不同的联想,对人们的感情活动具有深刻影响,从而达到广告的最大效应。因此广告的色彩与消费者的生理与心理反应密切相关。广告色彩对商品也具有象征意义,通过不同商品独具特色的色彩语言表现出广告的主题和创意,充分展现色彩的魅力,使人们更易识别和产生亲近。现在,色彩在广告宣传中独到的传达、识别与象征作用,已受到越来越多的设计师和企业家们的重视。有很多大公司、大企业都精心选定某种颜色作为代表自身的形象色和代表色。Eh此可见色彩在广告设计中的重要价值。(1)运用色调的兴奋感,引起人们观看的兴趣红、橙、黄等暖色调以及对比相对强烈的色彩,对人的视觉冲击力强,可以给人以兴奋感,能够把人的注意力吸引到广告的画面上来,使人对广告产生兴趣。蓝、绿等冷色以及明度低、对比度差的色彩,虽不能在一瞬间强烈地冲击视觉,但却给人以冷静、稳定的感觉,适宜表现高科技产品的科学性、可靠性。(2)运用色调的明快活泼感,产生优美愉悦的效果一般来说,暖色、纯色、明色以及对比度强的色彩,使人感到清爽、活泼、愉快,利用色彩的这一特点设计广告,能够使人心情愉快地接受,告信息。(3)运用色调的档次感,体现商品的不同品位色彩也有档次感,有气派的、华贵的色调总是用于高档的产品,那些朴实大方的色调总是与实用品相联系例如时装广告、化妆品广告常常用彩度高、明度高以及对比强烈的色彩来表现,给人以华丽感。(4)运用色调的冷暖感,表现不同商品的特点在广告色彩中,设计师常常运用暖色调来表现食品,因为食品的颜色大多以红、橙、黄等暖色调为主。如儿童用品给人的感觉往往是热情、活泼、充满朝气,因而儿童用品广告也多用暖色调。而空调、冰箱、冷饮的广告则大都用白色、蓝色等冷色调,使人感到寒冷、清爽。所以企业要瞄准市场的需求和社会的心理倾向,抓住时代脉搏,设计出最佳的企业产品色。三、广告设计的色彩应用色彩是对人的视觉刺激最敏感的视觉信息符号。据研究,人们对色彩的注意力占人的视觉的8O,而对形的注意力仅有2O。人们在商店和广告面前大多对色彩会产牛难以忘怀的印象。}}1于色彩在广告设计中的重要作用,因此,色彩在广告设计中的应用,更注重对社会大众的特点研究,根据大众的特点制定切实可行的方案。广告设计色彩中的冷暖、灰鲜、明暗、强弱,既是色彩的性质,也是观者心理和视觉情感的反映。与绘画色彩相比,广告设计色彩更注重醒目和对比等因素,以此来体现色彩的吸引力和感召力。设计师如果能够充分应用这些因素和条件,就会使广告设计达到理想的视觉效果。(1)符合广告产品的属性特征在规划视觉元素如何表现之前,首先要明确它们要表现什么,正所谓“内容决定形式”}5]。不同产品表现的侧重点是不一样的,家用电器要表现高科技、精确、人性关怀,食品要表现新鲜、美味、营养丰富,服装要表现穿着者的个性品味、生活主张等。色彩感觉为设计师进行“对症下药”提供了应用的依据,特别是对产品形象色的应用,在广告中比比皆是。产品形象色是产品外貌呈现的固有颜色,例如:蔬菜的绿色,橙子的橙色,番茄的红色,咖啡的深褐色。运用形象色有助于消费者快速地判断产品的性质,产生品质上的相应联想。(2)符合企业视觉形象系统的用色规范就像产品有产品的形象色一样,企业也有企业的形象色。企业形象色是企业视觉识别系统的重要组成部分。在市场竞争中,很多大型企业都非常重视提升自身的整体品牌形象,提高产品的附加值。在广告宣传中为了让消费者在众多品牌中识别出自己的产品,企业通常采用统一的宣传用色,并逐步形成具有标志性的色彩形象,从而提升消费者对品牌的识别力。因此,广告用色要考虑企业整体宣传的规划,为树立企业整体统一的良好形象服务。(3)符合不同地域的用色习惯地域的用色习惯,就是针对产品的目标市场和广告推广的所在地域来选择广告用色。我们知道,不同国家、民族由于文化背景、宗教信仰、风俗习惯的不同,对色彩的理解、认识也是不一样的。广告色彩设计应尊重不同民族、地域的用色禁忌,否则将会大大破坏广告宣传的效果,甚至导致意想不到的恶果。(4)符合“变化统一”的原则所谓变化统一,实际上就是通过色彩的对比与调和形成广告画西的整体色调,色调体现出广告的性格,性格使产品形象突出,突出的产品形象才能给消费者留下深刻的印象。变化是局部的,统一是全部的,要在变化中求统一,在统一中求变化,才能做到既有对比又不失和谐的整体感。今天,人们生活节奏日益加快,面对高科技的时代和纷繁复杂的世界,为了舒缓疲惫的身心,更关心情感上的需求和精神上的享受。为了躲避城市的喧嚣和污染,越来越多的都市人希望能投人大自然的怀抱,休闲度假旅游也成为现代都市人的生活方式和流行的消费时尚。而正因为这样,它成为感性广告的一个切入点,现代广告设计针对这一需求,充分利用色彩再现大自然的各种美景,渲染一种轻松欢快的气氛来满足都市人,使以人为本的世界更加丰富多彩。色彩是一个内涵丰富的主体,生命的起伏、人的喜哀、感情的主流以及生活的追求等都构成了色彩生活中广泛的题材。因此大多数成功的广告都善于挖掘色彩对于人的心灵深处的影响,以满足人们心灵深处的渴望与企盼。对于人的价值的肯定,对和平安宁和幸福美满的崇敬,都成为广告表现的新主题,它是显示人类自身价值的一种诉求。设计师会经常运用广告色彩的情感性和表现性,通过画面去表达一定的主题,虽说每个色彩都有自己比较独特的色彩情感,但不同的色彩搭配有时产生的主体情感效果又是不一样的,充分地把握好色彩的感情规律,可以更好地表达广告主题,唤起人们的情感,引起人们对广告及广告商品的兴趣,最终影响人们的选择。我们可能知道采用哪种色彩组合可以增强广告设计传达信息的能力,但视觉上的色彩传达仅仅是次要的,同一色彩及同一对比的调和效果,均可能有多种功能;多种色彩及多种对比的调和效果,也可能有极为相近的功能。为了更恰如其分地应用色彩及其对比的调和效果,使之与形象的塑造、外表与内在统一,使作品的色彩与内容、气氛、感情等表现要求统一,配色与改善视觉效能的实际需求统一;同时,使色彩的表现力、视觉作用及心理影响最充分地发挥出来,给人的眼睛与心灵以充分的愉悦、刺激和美的享受,设计师必须注意色彩传递的内容,以及公众对某种色彩反应的理解和认知,这样才能在心理或情感的层次上传达信息。四、结束语从今天广告设计逐渐国际化的趋势来看,色彩最新的发展趋势将最终进入和极大地影响到人们生活的方方面面。广告设计中的色彩观从以前相对单纯的思想表达方式一直发展到现代,是人们努力研究探索和现代科学技术发展的必然。这也更需要人们不断去感悟色彩,把握色彩,从更深层次上去研究色彩。色彩是广告设计的重要语言和因素,也是设计心理学功能表现的突出方面。为了使广告设计具有一定特色,显示出与众不同的品质,就必须在色彩的选择与组合上下工夫,让它不落俗套,创造出具有鲜明个性特征、新颖独特的色彩风格和典型形象。同时,更要不断增强色彩设计的社会学和消费心理学意识,与时俱进,为社会繁荣而创造财富。参考文献:[1]柳沙.设计艺术心理学[M].北京:清华大学出版社,2006[2]何沽.平面广告设计EM].长沙:中南大学出版社,2003.[3](墨西哥)费雷尔.色彩的语言[M].南京:译林出版社,2006.[4]陆红阳.广告设计色彩[M].南宁:广西美术出版社,2005.[5]李巍.广告设计[M]I重庆:西南师范大学出版社,2000.[6]彭吉象.艺术学概论[M].北京:高等教育出版社,2002.
为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文内容
当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了HTML5和CSS3的使用 方法 ,但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程,即原型。
1两个关键概念:响应式网页设计与原型
响应式网页设计(RWD,Responsive网页Design)是一种网页前端开发技术,它可以描述为,“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype),也叫“原样”,是“模拟科学”中的一个术语。在心理科学中,由于很难对动作或心智活动认识清楚,所以一般沿用J•R•安德森的观点,把原型(Prototype)视为关于范畴的最典型的样例设想,即把“原型”视为外化的实践模式,或“物质化”了的心智活动方式或操作活动程序。综合上述,响应式网页设计原型可描述为:符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的,外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法,它包含三个步骤:
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中,功能分析的重点是作用的对象,条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验,这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为,响应式网页设计应该首先针对小屏幕进行设计,然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法,对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术,能够较熟练的完成固定宽度桌面端网页的新手而言,恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页,响应式网页设计如果从固定宽度的大屏幕网页制作开始,然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为,“要想高效的完成某响应式网页设计项目,首先需要项目分析,其阶段性结果是响应式网页的总体方案,即在用户群体需求分析及主题解读的基础上,进行色彩分析及定位,确定UI版面布局,分析设计网页功能模块,确定网页风格等,最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后,根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析,依据页面设计原则,利用photoshop绘制适用于各类终端显示的平面效果图;随后,利用“HTML5+Css3”技术采用
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现,制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么,首先在“桌面版网页制作”这个环节中提取一些熟手关键技术,作为给予新手的技巧提示。
兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异,熟手利用HTML5+CSS3制作桌面版网页制作时,一般会在样式文件(扩展名.css)中给出如下初始化代码:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐,外层布局盒子与浏览器头部无缝紧贴;
利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸,将最外层的布局
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是:在
标签的初始化代码中,如果有font-size:16px;语句,那么在给其他元素的font-size属性上修改值时,公式中的“上下文元素宽度”就等于16px,例如,#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。(4)为了实现弹性图片,让图片随视口缩放,图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width属性是用于确保缩放时不会超出图片最大尺寸。同时,熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端,提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如,某个响应式页面用电脑浏览页面时,页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时,导航按钮会相继隐藏起来,部分信息变成左右滑动的方式呈现,页面会重新布局,图片相应缩小。媒介查询的语法格式是,例如:设定宽度不超过400像素的屏幕尺寸,代码是:
4结束语
对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。
摘 要:版式设计可以说是界面设计的基础部分,网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面,版式设计扮演十分重要的角色,优秀的版式设计可以给浏览者留下深刻的印象,提高页面的访问量。因此,本文将向诸位读者介绍在CDIO工程 教育 模式下,网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词:网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展,科技的日新月异,教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心,此时,欧美成熟的工程教育理念慢慢地进入我们的视野之中,CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行),符合工程人才的培养,提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴,兼顾艺术设计、计算机技术及交互设计等多门学科。另外,这门课程作为艺术与技术的结合体,要求学生具备较强实践动手能力与综合运用能力,因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程,网页中的版式设计起到信息统一、分割区域和交互导引的作用,是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间,根据设计的形式法则,利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例,以网页设计中的版式设计为内容,展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为,不是简单使用软件的行为,它是构思由确立到实现的过程,是一种展示到体会的过程。因此,在设计之初,教师需要引导学生了解当前的课题,明确网站要做什么,网站的外观布局是什么样子,网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等,每种类型的网站都有自己需要传播的信息,根据所需文字与图片选择适合的排版方式,进而营造恰当的氛围。在“xx艺术系网站”项目中,学生会根据实际项目类型,理解项目设计目标为,该学院所属系部信息服务类网站,界面版式方面要求简洁大方,色彩明快,塑造清新、愉悦的氛围,学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析,要求学生对客户或相关人士展开访谈,对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方,在本项目中可以设定为系内行政人员、教师及系内学生,根据访谈或调研可以得到网站相关设计信息,如对整体风格的需求,导航的设计需求,网站类型为静态网站或动态网站,根据需求结果,要求学生设计多样的版式效果,以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置,这样更引发人们的视觉关注中心,因而,在进行版式设计时,需要考虑这些交互元素的设置,友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计,排放位置等因素;导航条的设置应在醒目位置,清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索,放置在易发现的位置,搜索一般出现在网页右上角;表单设计是学生所忽略的环节,因为可以使用插件添加,导致学生认为无须设计,在此建议信息表单设计时可考虑细节设计,提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节,在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同,前提是他们都遵循版式设计五原则,[1]内容与形式,简洁与简约,设计与艺术,趣味与独特,局部与整体。为了设计富有形式法则和艺术美感的网页作品,版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法,将视窗可用区域分成两个部分,也可以根据设计比例需求,将数字录入到相关计算网站,得出合适的黄金比例分配方案。三分法构图排版方式,是将排版界面分成三份,根据内容的不同,选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同,我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式,而非固定格式的版面设计是变化的,这种变化的版式很难把握的,变化的视窗将改变既定的字体形式和图形排列位置,这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架,字体设计是界面设计的血肉,富媒体技术的全面发展,网站这一综合载体也得到了极大的发展,版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体,字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体,字号为12pt/14pt的文字展示,另外也会有些超大字体以图像的形态出现,并通过视觉效果的调整,创建三维空间的视觉展示效果。图形化的艺术字体,在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性,中国元素的运用,如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注,中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题,响应设计氛围,为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段,视频信息展示,页面中利用大量的视频信息排版,减少文字、图片信息的输入,信息传达方式由静态转换为动态,提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局,我们通常会使用Photoshop和Illustrator图像处理软件开展设计,首先我们会根据 思维导图 绘制基础模板,然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页,这种转换我们会使用Dreamweaver软件进行操作,由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站,测试效果及功能,当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂,根据CDIO工程教育模式教学,打造有效、有趣、实用的教学方式,使学生在学习操作中锻炼宏观思考的能力,获得团队合作的能力,养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用,达到理论与实践相结合,通过对版面的全面掌控,更好地为静态网页设计打下坚实的基础。
参考文献:
[1] 沈卓娅,王汀.字体与版式设计实训[M].中国出版集团东方出版中心,2011:74.
1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
平面设计类毕业论文精选题目1.平面广告之公益招贴设计要求:建议使用illustrator或coredraw软件制作色彩搭配好、中心突出。 形象设计(企业 VI ) 要求:用 ai 制作(矢量)。色彩、标志、主题、中心突出。注:标志、标志标准字、标志比例、标志应用在桌旗、衣服、名片、信封上的具体应用不少于3个。3.广告设计 要求:具有鲜明和突出的广告主题,能反应广告的信息内涵。在创意上要有创造性,不落俗套,健康向上。文字内容要求简练、准确、通俗易懂,对消费者能产生吸引力。 4.商标设计 要求:能体现商品的特点,对生产厂商有一定的宣传力度。设计出来的商标应具有个性,同时不乏美感,能体现时代性。 5.包装设计 要求:包装是商品生产的继续,是商品的有机组织部分。设计要达到对商品的美化、识别,同时也体现出商品的使用、销售等方面,以及在运输、存储过程中应注意到的事项,如保护措施等。 6.封面设计 要求:简洁、稳重、大气,版面新颖,能够体现书籍的形象特点、反映书籍内容。 7、使用 制作毕业纪念册 要求: a.掌握 的基本功能 b、掌握 flash 的基本功能 c 、掌握 photoshop 的基本功能 d 、有一定的解决问题的能力 8.使用 制作 photoshop 课件 要求: a.有一定程序设计能力 b、熟练掌握 的各项功能 c 、掌握 flash 的基本功能 d 、掌握 photoshop 的基本功能 e 、有一定的解决问题的能力 9.书籍设计离成熟还有多远? 10.广告设计教育的现状及思考 11.浅谈版式设计 12.现代标志设计与原始符号情结
学术堂精心找了一篇广告设计制作毕业论文范文,供你进行参考范文题目:平面广告设计视觉创新研究一、符合现代受众审美当今的设计理念,从追求“最美设计”转变为追求“吸引人眼球的设计”。现代人往往追求幽默、有趣、新潮的审美创意,乐于接受新鲜事物,一些流行元素容易掀起热潮。设计需要结合当前的审美潮流,但是当今媒体发展、信息更迭迅速,审美潮流变换较快,同时,审美潮流往往会出现循环,如复古风的流行。平面广告设计要跟上快速变换的审美潮流,同时也不能失去审美主流。二、增强视觉冲击力今天,视觉对于文化信息的传播往往更高效。因此,在“读图时代”,视觉冲击力在平面广告设计中至关重要。平面广告基础的“三大构成”是图形、色彩和文字。图形、色彩、文字的编排都会对平面广告的视觉冲击效果产生影响,因此,设计者要设计出有视觉冲击力的广告,可以从这三个方面入手。1.图形图形是平面广告设计中必不可少的构成元素,也是平面广告设计视觉审美元素中的表层结构。图形是在文字和语言之前产生的,是人们最早传递信息、交流情感的工具之一。在当前信息化的时代,图形有着独特的表达方式和传递信息的能力。每幅平面广告都离不开图形的使用。图形具有生动、直观、形象、表达准确等特点,能够比文字更快地吸引人们的注意力,激发人们的兴趣,给人们留下更深刻的视觉印象,识别性较高。图形的运用或拼合或裁剪等,能传递出不一样的信息,如很多品牌会有自己的logo,表现产品的特点,传递产品信息。创意图形的运用能增强视觉冲击力,吸引受众眼球。其中,视错觉创意图形的应用较为广泛。平面设计师福田繁雄的作品就大量运用了视错觉的图形创意。在为日本京王百货设计的宣传海报中,福田繁雄利用“图”“底”间互生互存的关系,应用视错觉原理,将黑白两色的男性、女性的腿,以正负形上下并列,形成虚实互补、简洁有趣的效果。2.色彩色彩比图形更丰富,更能突出信息和视觉中心。色彩在平面广告设计中的运用非常重要,因为色彩容易被人感知。人们在第一次看一幅平面广告时,一般会先注意到作品的色彩。色彩不仅可以作为背景,而且可以渲染氛围,增强图形和文字的视觉效果。色彩是带有情感的,更容易调动人的情绪。不同的色彩传递着不同的信息和情感,会给人以不同的感受。如,红色可以分为很多种:正红或明亮的红色显得更有活力和激情;暗红色带有一点冷艳、冷酷的感觉。肯德基Zinger汉堡的系列创意平面广告,色彩运用大胆,背景和主体物色彩选择撞色,形成视觉冲击感;同时,背景紫色运用渐变效果,使色彩对比不突兀,又能突出辣椒这个主体。3.文字文字在平面广告中可以直接传递信息,起到画龙点睛、增强视觉效果的作用。在平面广告中,文字会根据传递信息、画面的需要变换不同的形态。在同一画面中,文字作用不同,其大小、颜色也不一样。在平面广告设计中,文字的每一笔画可以相对独立,以便于转变形态,传达不同的信息和情感。在电影宣传海报中,文字的运用较为广泛,不同风格的电影搭配不同的海报文字效果,可以增强视觉冲击力,突出传递的信息和情感。在《夏洛特的网》这部电影的宣传海报中,文字的特点很突出,电影的感觉也通过文字展现出来。海报中主要的文字是电影名称,字体略带神秘、奇幻之感,标题突出,形成较强的视觉冲击力;其他介绍文字置于画面顶端和底部,字号偏小,能准确地传递相关信息。图形、色彩、文字是平面广告设计中最基本的元素,要使三者完美结合、相辅相成,设计者需要应用合理的版式。4.版式在平面广告设计中,版式的合理应用可以使各种元素有机结合,相互呼应与衬托,以突出中心,营造视觉冲击感,更有效地传递信息。一幅优秀的平面广告中往往有留白之处。留白可以有效衬托主体图形和文字,使画面更有层次感。过满的画面容易使人们产生不适感,反之,留白可以使观者的视觉在该区域得以放松,营造舒适的阅读感,促使观者的注意力更加集中于画面重点。任何平面广告作品中的元素都不是随意排列的,各元素往往由一些看不见的“线”连接,形成整体对称、均衡的画面。但这不是绝对的、呆板的对称,设计者往往会安排一些元素打破绝对的对称,让画面稳重、大方又不失活泼轻快的感觉。如,针对多个相同元素,变换其中一些色彩或大小,或者穿插文字或其他元素破形,使画面不拘谨。在平面广告设计中,将关联的信息排列在一起,形成亲密感,既能突出视觉中心,形成画面的整体感,又给人以舒服的观感,进而有效地传递信息。三、用幽默的表现手法,增强平面广告的趣味性现代人往往会率先被平面广告中有趣的内容吸引,因此,增强平面广告设计的趣味性尤为重要。充满轻松、诙谐氛围的趣味性广告能吸引人的目光,提高受众对广告的注意程度与记忆效果。趣味性包含了新奇性、刺激性等特点。平面广告的趣味性有多种表现,如幽默、戏剧性、颠覆惯常思维的新奇刺激的视觉感受等,充满着活力和想象力。幽默的表现手法是一种高智商、高情感的艺术表现手法。设计者运用有趣的情节,巧妙地营造一种有趣且耐人寻味的意境,通过夸张、双关或者谐音的表现方法,吸引观者的目光,使其在轻松、愉悦的氛围中接受信息。法国DUBONNET酒的海报设计运用连环画的方式,幽默、诙谐地一步一步引出酒的名字,突出了酒的美味,激发了观者的兴趣和想象。四、融入情感设计,与受众产生共鸣运用幽默表现手法设计出的含义深刻的广告,往往力求寻找能够触发受众情感共鸣的点,从而促使受众在欢笑之后接受广告信息。设计者通常抓住矛盾冲突中最强烈的部分进行创作,突破理性思维,在常规中求异、求新、求奇,在相似中进行创意创新,或运用反向思维,引导人们冲破思维定式的束缚,展开想象,自由地体验、感悟。在纷杂信息的干扰下,人们容易产生审美疲劳。所以,刺激人们的感官,引导人们释放深藏在心底的某种情绪是当今平面广告设计的重要突破点。直白的广告难以调动人们的情绪,设计者运用轻松诙谐、让人发笑的艺术表现手法,既符合现代受众的审美,又能在第一时间吸引其目光。在生活节奏日益加快的当代社会,幽默诙谐的广告往往能直接、迅速地吸引人们的视线,使忙碌的人们在会心一笑的轻松之后,自然接受广告信息。人有不同的情感,平面广告设计基于产品要表达的信息,运用图形、色彩、文字、合理的版式调动人们的喜怒哀乐等情绪。设计者首先要让人们直观地看到平面广告中产品的特性,包括颜色、形状等,其次要突出人们使用产品的感受,带给人们身临其境之感,引起人们的情感共鸣,使平面广告脱颖而出。五、增强平面广告的互动性现代审美意识以主动发现美为主,人们的审美体验也倾向于更多互动的参与性体验。平面广告设计需要据此有所改变。在单纯传递信息的传统平面广告中增加与受众在心理或行为上的互动、沟通,更能率先吸引人们的眼球。增强平面广告的互动性有很多方法,常见的是图形、色彩等视觉上的互动。视错觉图形、具有动态感或空间感的图形都会使受众产生互动感。如,运用视错觉图形,有形状上的长短线条视错觉图形,也有色彩方面的残像错觉图形。结语平面广告作为今天传递信息应用较广的一种广告形式,最基本、最重要的要求之一就是吸引人们的注意力。平面广告有多种设计思路。平面广告设计者需要了解审美的主流趋势,设计出符合人们审美的图形符号和色彩;运用图形、色彩、文字和版式的创意融合增强作品的视觉冲击力,抓住观者的眼球;运用幽默的表现手法,通过有趣味、充满意境的画面吸引观者,带给观者更大的想象空间;以多种手段激发人们的情感共鸣;增强广告的互动性,从而使平面广告作品脱颖而出。参考文献:[1]杜积西.1978-2008:广告审美意识的流变.西南大学博士学位论文,2012.[2]张印洲,张文静,纪园园.广告设计的行为互动性研究.大众文艺,2018(10).[3]杨园园.论平面广告设计中版式的重要性.美术教育研究,2018(22).[4]邹瑾琳,彭一清.平面广告设计的审美.美与时代(下半月),2008(9).[5]陈丽.浅谈平面广告设计中的视觉要素.牡丹江教育学院学报,2008(2).作者:刘佳池 单位:中南财经政法大学
设计类的参考文献
设计类的专业有很多,参考文献也有很多种,分享了关于设计论文参考文献,欢迎阅读!
[1] Krumhansl, C. L. 2002. “Music: A Link between Cognition and Emotion” [A]. InCurrent Directions in Psychological Science, Vol. 11 [C]: 45-50. Oxford: BlackwellPublishers.
[2] Mitnick, K. D., and W. L. Simon. 2002. The Art of Deception: Controlling theHuman Element of Security [M]. Indianapolis: Wiley.
[3] Ekman, P. 2003. Emotions Revealed: Recognizing Faces and Feelings to ImproveCommunication and Emotional Life [M]. New York: Henry Holt & Co./Times Books.
[5] Quentin Newark. 2007. What Is Graphic Design? Essential Design Handbooks [M].RotoVision.
[6] Berryman, Gregg. 1990. Notes on graphic design and visual communication [M].Crisp Publications.
[7] Bojko, Szymon. 1972. New graphic design in revolutionary Russia [M]. LundHumphries.
[8] Thompson, Bradbury. 1988. The art of graphic design: Bradbury Thompson [M]. YaleUniversity Press.
[9] Ades, Dawn, Brown, Robert K.,Friedman, Mildred . The 20th-century poster:Design of the avant-garde [M]. Abbeville Press.
[10] White, Jan V. 1988. Graphic design for the electronic age [M]. Watson-GuptillPublications.
[11]吴国欣.标志设计[M].上海:上海人民美术出版社,2002.
[12]朱锷.现代平面设计巨匠田中一光的设计世界[M].北京:中国青年出版社,1998.
[13](日)Works 社编辑部编著.日本平面创意设计年鉴 2005[M].北京:中国青年出版社,2006.
[14]王受之.世界平面设计史[M].北京:中国青年出版社,2002.
[15]何家讯.现代广告案例——理论与评析[M].上海:复旦大学出版社,1998.
[16]张金海. 世界经典广告案例评析[M].武汉:武汉大学出版社,2000.
[17]威廉 阿伦斯著,丁俊杰,程坪,苑菲,张溪. 当代广告学[M].北京:华夏出版社,2001.
[18] [日]直条则夫著,俞纯鳞. 广告文稿策略-策划、创意与表现[M].北京:中国财政经济出版社,2002.
[19]汤义勇. 招贴设计[M].北京:人民美术出版社,2001.
[20]李巍. 广告经典故事——超级名牌的广告战略[M].重庆:重庆大学出版社,2002.
[21]王红卫. 商业海报设计 创意解析范例导航(附光盘)[M].北京:清华大学出版社,2007.
[22](美)斯科勒司,(美)伟德尔. 创意海报版式设计[M].大连:大连理工大学出版社,~48.
[23]周进. 世博会视觉传播设计[M].上海:东华大学出版社,~30.
[24]朱维理. 大型活动标志设计实战案释[M].北京:北京理工大学出版社,2009.
[25]梁明珠. 城市旅游开发与品牌建设研究[M].广州:暨南大学出版社,2009.
[26](日本)秋山孝. 秋山孝海报作品集[M].上海:上海人民美术出版社,~67.
[27]朱锷. 日本海报设计的形态[M].广西:广西美术出版社,~60.
[28](英)赫利. 什么是品牌设计[M].北京:中国青年出版社,2000.
[29](美)马特·马图斯. 设计趋势之上[M].山东:山东画报出版社,~86[30]刘金平. 视觉青岛[M].北京:中国旅游出版社,2007.
[30]金志国. 一杯沧海:我与青岛啤酒[M].北京:中信出版社,2008.
[1] 张平. 河南坠子:中原大地的艺术瑰宝[J]. 东方艺术. 2012(S1)
[2] 姜昆,戴宏森主编.中国曲艺概论[M]. 人民文学出版社, 2005
[3] 江山. 弹拨乐器为曲艺音乐伴奏的艺术特征[D]. 上海音乐学院 2013
[4] 成萌. 山东大鼓[J]. 曲艺. 2011(12)
[5] 张继平,着.曲山艺海漫话[M]. 济南出版社, 2012
[6] 张凌怡,刘景亮,着.河南曲艺史[M]. 河南人民出版社, 2006
[7] 山东省政协文史资料委员会编.齐鲁戏曲春秋[M]. 中国文史出版社, 1999
[8] 赵铮,赵抱衡编着.赵铮河南坠子艺术[M]. 大众文艺出版社, 1999
[9] 何宇鹏. 河南新乡“中州大鼓”的调查与研究[D]. 河南师范大学 2014
[10] 戚媛. 论山东大鼓的发展历程及其意义[D]. 山东艺术学院 2014
[11] 余胜. 白裤瑶铜鼓文化变迁[D]. 广西民族大学 2013
[12] 宗雪. 河北任丘大鼓研究[D]. 河北大学 2014
[13] 黄敬. 临清驾鼓研究[D]. 聊城大学 2014
[14] 朱亚楠. 河南项城“官会响锣”的.考察与研究[D]. 河南师范大学 2014
[15] 于林青着.曲艺音乐概论[M]. 人民音乐出版社, 1993
[16] 张雪莲. 河南坠子的演唱艺术[J]. 作家. 2011(22)
[17] 刘世嵘. 中州说唱音乐艺术特征研究[J]. 作家. 2011(16)
[18] 洪烨. 河南坠子的流变[J]. 剑南文学(经典教苑). 2011(07)
[19] 张雪莲. 河南坠子的形成与发展[J]. 科教文汇(中旬刊). 2010(09)
[20] 赵连甲. 求新务实说书人 记已故西河大鼓名家刘泰清[J]. 曲艺. 2010(07)
[21] 杨紫. 山东大鼓[J]. 走向世界. 2010(07)
[22] 济南市政协文史资料委员会编,赵钟云主编.曲山艺海话济南[M]. 黄河出版社, 2002
[23] 车振华. 明湖边美人绝调--俗文化视野中的说书艺人王小玉[J]. 古典文学知识. 2009(05)
海报设计参考文献
参考文献对于写论文的同学来说是至关重要的`,分享了一些海报设计的参考文献,欢迎阅读!
[1] Krumhansl, C. L. 2002. “Music: A Link between Cognition and Emotion” [A]. InCurrent Directions in Psychological Science, Vol. 11 [C]: 45-50. Oxford: BlackwellPublishers.
[2] Mitnick, K. D., and W. L. Simon. 2002. The Art of Deception: Controlling theHuman Element of Security [M]. Indianapolis: Wiley.
[3] Ekman, P. 2003. Emotions Revealed: Recognizing Faces and Feelings to ImproveCommunication and Emotional Life [M]. New York: Henry Holt & Co./Times Books.
[5] Quentin Newark. 2007. What Is Graphic Design? Essential Design Handbooks [M].RotoVision.
[6] Berryman, Gregg. 1990. Notes on graphic design and visual communication [M].Crisp Publications.
[7] Bojko, Szymon. 1972. New graphic design in revolutionary Russia [M]. LundHumphries.
[8] Thompson, Bradbury. 1988. The art of graphic design: Bradbury Thompson [M]. YaleUniversity Press.
[9] Ades, Dawn, Brown, Robert K.,Friedman, Mildred . The 20th-century poster:Design of the avant-garde [M]. Abbeville Press.
[10] White, Jan V. 1988. Graphic design for the electronic age [M]. Watson-GuptillPublications.
[11]吴国欣.标志设计[M].上海:上海人民美术出版社,2002.
[12]朱锷.现代平面设计巨匠田中一光的设计世界[M].北京:中国青年出版社,1998.
[13](日)Works 社编辑部编著.日本平面创意设计年鉴 2005[M].北京:中国青年出版社,2006.
[14]王受之.世界平面设计史[M].北京:中国青年出版社,2002.
[15]何家讯.现代广告案例——理论与评析[M].上海:复旦大学出版社,1998.
[16]张金海. 世界经典广告案例评析[M].武汉:武汉大学出版社,2000.
[17]威廉 阿伦斯著,丁俊杰,程坪,苑菲,张溪. 当代广告学[M].北京:华夏出版社,2001.
[18] [日]直条则夫著,俞纯鳞. 广告文稿策略-策划、创意与表现[M].北京:中国财政经济出版社,2002.
[19]汤义勇. 招贴设计[M].北京:人民美术出版社,2001.
[20]李巍. 广告经典故事——超级名牌的广告战略[M].重庆:重庆大学出版社,2002.
[21]王红卫. 商业海报设计 创意解析范例导航(附光盘)[M].北京:清华大学出版社,2007.
[22](美)斯科勒司,(美)伟德尔. 创意海报版式设计[M].大连:大连理工大学出版社,~48.
[23]周进. 世博会视觉传播设计[M].上海:东华大学出版社,~30.
[24]朱维理. 大型活动标志设计实战案释[M].北京:北京理工大学出版社,2009.
[25]梁明珠. 城市旅游开发与品牌建设研究[M].广州:暨南大学出版社,2009.
[26](日本)秋山孝. 秋山孝海报作品集[M].上海:上海人民美术出版社,~67.
[27]朱锷. 日本海报设计的形态[M].广西:广西美术出版社,~60.
[28](英)赫利. 什么是品牌设计[M].北京:中国青年出版社,2000.
[29](美)马特·马图斯. 设计趋势之上[M].山东:山东画报出版社,~86[30]刘金平. 视觉青岛[M].北京:中国旅游出版社,2007.
[30]金志国. 一杯沧海:我与青岛啤酒[M].北京:中信出版社,2008.
31][30]刘金平. 视觉青岛[M].北京:中国旅游出版社,2007.
[32]香港设计中心,艺术与设计出版联盟. 设计的精神[M].辽宁:辽宁科学技术出版社,2008.
[33](日)原研哉.设计中的设计[M].山东:山东人民出版社,~57.
[34](日)原研哉,阿部雅世. 为什么设计[M].山东:山东人民出版社,~32.
[35](日)佐藤可士和. 佐藤可士和的超整理术[M].江苏:江苏美术出版社,2009.
[36]季峰. 中国城市雕塑:语义,语境及当代内涵[M].南京:东南大学出版社,~39.
[37]王建国. 城市设计[M].北京:中国建筑工业出版社,~65.
[38]宋连威. 青岛城市老建筑人文青岛丛书[M].青岛:青岛出版社,2005.
[39]胡飞. 艺术设计符号基础[M].北京:清华大学出版社,2008.
[40]朱永明. 视觉传达设计中的图形、符号与语言[J].南京艺术学院学报(美术与设计版),2004, 1 (2):53~56.
【拓展内容】
关于网页设计参考文献
[1]胡崧. HTML 从入门到精通[M].北京:中国青年出版社,2007.
[2]知新文化. HTML 完全手册与速查辞典[M].北京:科学出版社,2007.
[3]杨选辉.网页设计与制作教程[M].北京:清华大学出版社,2009.
[4]王诚君,刘振华,郭竑晖,高中山.Dreamweaver 8 网页设计应用教程[M].北京:清华大学出版社,2007.
[5]李光明,曹蕾,余辉.中文Dreamweaver 8 网页设计与实训教程[M].北京:冶金工业出版社,2006.
[6]周德华,许铭霖.新编网页设计教程[M].北京:冶金工业出版社,2006.
[7]赵铭建,赵慧,乔孟丽,康梅娟.网页设计与制作[M].东营:中国石油大学出版社,2007.
[8]赵祖荫,王云翔,胡耀芳.网页设计与制作教程[M].北京:清华大学出版社,2008.
[9]陈季. Flash 基础与实例教程[M].北京:北京希望电子出版社,2005.
[10]丁海祥.计算机平面设计实训[M]. 北京:高等教育出版社,2005.
[11]曹雁青,杨聪. Photoshop 经典作品赏析[M].北京:北京海洋智慧图书有限公司,2002.
[12]张怒涛. Photoshop 平面设计图像处理技法[M].北京:清华大学出版社,2003.
[13] 陈笑. Dreamweaver 8,Photoshop CS 2,Flash 8 网页制作实用教程[M].北京:清华大学出版社,2006.
[14]孙强,李晓娜,黄艳.JavaScript 从入门到精通[M].北京:清华大学出版社,2008.
[15]刘智勇. JavaScript 开发技术大全[M].北京:清华大学出版社,2009.
[16]陈会安. JavaScript 基础与实例教程[M].北京:中国电力出版社,2007.
[17]常永英. 程序设计教程(C#版)[M].北京:机械工业出版社,2009.
[18]肖金秀,冯沃辉,陈少涌. 程序设计教程[M].北京:冶金工业出版社,2003.
[19]金旭亮. 程序设计教程[M].北京:高等教育出版社,2009.
[20]刘培文,韩小祥. 程序设计教程[M].北京:中国人民大学出版社,2009.
哥们,别在网上求了。那些要你加Q的,都是专门的论文写手。一篇毕业论文少说也有一千块钱左右。前段时间,我写论文,在网上咨询了一下,光开题报告都要我六百。这不是吃人么。我劝你,还是自己慢慢写吧,别把自己的希望放在别人的身上。
时间仓促,整个框架,自己再做吧。因特网正在改变世界,由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体,现在很多的大学和社会其他部门都已经建立了网站,通过计算机网络实现宣传、交流及资源的整合。建立学校网站有以下作用: 1.学校网站是学校的"商标"。在这个高度信息化的社会里,建立自己学校网站是最直接的宣传手段。网站的超时空特性,不仅能让地区内的人们了解学校,更可让世界了解学校。2.学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库,它使每一位教师和学生都能均等的得到培训和受教育的机会。极大的提高教学效率。3.学校网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式,它不再受到传统课堂的制约。它可以使不同的学校同处一室,共同讨论,共同共享。地理上的界限在这里模糊和消失了,学校网站是真正没有围墙的学校。 4.学校网站能够提供个性化学习的平台,不同的学生理解世界的方式各不相同,认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式,各取所需。学校网站允许不同的学生沿着自己的途径,按自己的速度接受教育与学习,学生将有机会享受最佳的教育机会,充分发掘自己的内在潜力,培植独特的个性和人格。 5.学校网站是最佳的教学研究室,学校网站与教育类专门网站的有效链接,给学校教学研究带来了一片新天地,各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。目录:一、前 言二、基本知识ASP技术介绍SQL语句介绍VBScript介绍三、网站设计准备(一)、基本介绍(二)、运行系统和系统结构(三)、设计准备1、定制一套完整的约定和规则2、对网站建设分阶段四、网站详细设计网站总体设计设计学校网站的主题设计网站形象(1)、设计网站标志(logo)(2)、设计网站的标准色彩(3)、设计网站的标准字体确定网站的目录结构确定网站的链接结构站点整体风格创意设计网站的界面设计网站版式设计(一)、文字的格式化字号、字体、行距文字的整体编排网页布局网页制作首页制作首页内容模块制作过程(二)子页面制作交互设计反馈系统设计新闻与公告系统设计BBS使用同学录使用4、网站测试速度及浏览器兼容性测试。链接正确性的测试程序健壮性测试五、结论六、致谢七、附录八、参考文献
为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文内容
当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了HTML5和CSS3的使用 方法 ,但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程,即原型。
1两个关键概念:响应式网页设计与原型
响应式网页设计(RWD,Responsive网页Design)是一种网页前端开发技术,它可以描述为,“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype),也叫“原样”,是“模拟科学”中的一个术语。在心理科学中,由于很难对动作或心智活动认识清楚,所以一般沿用J•R•安德森的观点,把原型(Prototype)视为关于范畴的最典型的样例设想,即把“原型”视为外化的实践模式,或“物质化”了的心智活动方式或操作活动程序。综合上述,响应式网页设计原型可描述为:符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的,外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法,它包含三个步骤:
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中,功能分析的重点是作用的对象,条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验,这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为,响应式网页设计应该首先针对小屏幕进行设计,然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法,对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术,能够较熟练的完成固定宽度桌面端网页的新手而言,恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页,响应式网页设计如果从固定宽度的大屏幕网页制作开始,然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为,“要想高效的完成某响应式网页设计项目,首先需要项目分析,其阶段性结果是响应式网页的总体方案,即在用户群体需求分析及主题解读的基础上,进行色彩分析及定位,确定UI版面布局,分析设计网页功能模块,确定网页风格等,最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后,根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析,依据页面设计原则,利用photoshop绘制适用于各类终端显示的平面效果图;随后,利用“HTML5+Css3”技术采用
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现,制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么,首先在“桌面版网页制作”这个环节中提取一些熟手关键技术,作为给予新手的技巧提示。
兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异,熟手利用HTML5+CSS3制作桌面版网页制作时,一般会在样式文件(扩展名.css)中给出如下初始化代码:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐,外层布局盒子与浏览器头部无缝紧贴;
利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸,将最外层的布局
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是:在
标签的初始化代码中,如果有font-size:16px;语句,那么在给其他元素的font-size属性上修改值时,公式中的“上下文元素宽度”就等于16px,例如,#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。(4)为了实现弹性图片,让图片随视口缩放,图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width属性是用于确保缩放时不会超出图片最大尺寸。同时,熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端,提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如,某个响应式页面用电脑浏览页面时,页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时,导航按钮会相继隐藏起来,部分信息变成左右滑动的方式呈现,页面会重新布局,图片相应缩小。媒介查询的语法格式是,例如:设定宽度不超过400像素的屏幕尺寸,代码是:
4结束语
对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。
摘 要:版式设计可以说是界面设计的基础部分,网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面,版式设计扮演十分重要的角色,优秀的版式设计可以给浏览者留下深刻的印象,提高页面的访问量。因此,本文将向诸位读者介绍在CDIO工程 教育 模式下,网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词:网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展,科技的日新月异,教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心,此时,欧美成熟的工程教育理念慢慢地进入我们的视野之中,CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行),符合工程人才的培养,提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴,兼顾艺术设计、计算机技术及交互设计等多门学科。另外,这门课程作为艺术与技术的结合体,要求学生具备较强实践动手能力与综合运用能力,因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程,网页中的版式设计起到信息统一、分割区域和交互导引的作用,是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间,根据设计的形式法则,利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例,以网页设计中的版式设计为内容,展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为,不是简单使用软件的行为,它是构思由确立到实现的过程,是一种展示到体会的过程。因此,在设计之初,教师需要引导学生了解当前的课题,明确网站要做什么,网站的外观布局是什么样子,网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等,每种类型的网站都有自己需要传播的信息,根据所需文字与图片选择适合的排版方式,进而营造恰当的氛围。在“xx艺术系网站”项目中,学生会根据实际项目类型,理解项目设计目标为,该学院所属系部信息服务类网站,界面版式方面要求简洁大方,色彩明快,塑造清新、愉悦的氛围,学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析,要求学生对客户或相关人士展开访谈,对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方,在本项目中可以设定为系内行政人员、教师及系内学生,根据访谈或调研可以得到网站相关设计信息,如对整体风格的需求,导航的设计需求,网站类型为静态网站或动态网站,根据需求结果,要求学生设计多样的版式效果,以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置,这样更引发人们的视觉关注中心,因而,在进行版式设计时,需要考虑这些交互元素的设置,友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计,排放位置等因素;导航条的设置应在醒目位置,清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索,放置在易发现的位置,搜索一般出现在网页右上角;表单设计是学生所忽略的环节,因为可以使用插件添加,导致学生认为无须设计,在此建议信息表单设计时可考虑细节设计,提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节,在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同,前提是他们都遵循版式设计五原则,[1]内容与形式,简洁与简约,设计与艺术,趣味与独特,局部与整体。为了设计富有形式法则和艺术美感的网页作品,版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法,将视窗可用区域分成两个部分,也可以根据设计比例需求,将数字录入到相关计算网站,得出合适的黄金比例分配方案。三分法构图排版方式,是将排版界面分成三份,根据内容的不同,选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同,我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式,而非固定格式的版面设计是变化的,这种变化的版式很难把握的,变化的视窗将改变既定的字体形式和图形排列位置,这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架,字体设计是界面设计的血肉,富媒体技术的全面发展,网站这一综合载体也得到了极大的发展,版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体,字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体,字号为12pt/14pt的文字展示,另外也会有些超大字体以图像的形态出现,并通过视觉效果的调整,创建三维空间的视觉展示效果。图形化的艺术字体,在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性,中国元素的运用,如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注,中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题,响应设计氛围,为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段,视频信息展示,页面中利用大量的视频信息排版,减少文字、图片信息的输入,信息传达方式由静态转换为动态,提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局,我们通常会使用Photoshop和Illustrator图像处理软件开展设计,首先我们会根据 思维导图 绘制基础模板,然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页,这种转换我们会使用Dreamweaver软件进行操作,由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站,测试效果及功能,当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂,根据CDIO工程教育模式教学,打造有效、有趣、实用的教学方式,使学生在学习操作中锻炼宏观思考的能力,获得团队合作的能力,养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用,达到理论与实践相结合,通过对版面的全面掌控,更好地为静态网页设计打下坚实的基础。
参考文献:
[1] 沈卓娅,王汀.字体与版式设计实训[M].中国出版集团东方出版中心,2011:74.
1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
要领一:确定网站主题 做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区/讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅行;第8类:参考/资讯;第9类:家庭/教育;第10类:生活/时尚。我们可以参看上面的分类,继续细分。如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。 对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。记住:在互联网上只有第一,没有第二! 要领二:选择好域名 域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。 目前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。 要领三:掌握建网工具 网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器: (1)HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。 (2)所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。 (3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。 另外,个人网站制作者还需了解W3C的规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。 当然,互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。 要领四:确定网站界面 界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点: ①栏目与板块编排 构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。 网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是: ●尽可能删除那些与主题无关的栏目; ●尽可能将网站内最有价值的内容列在栏目上; ●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。 另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET硅谷动力()的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意: ●各板块要有相对独立性; ●各板块要有相互关联; ●各板块的内容要围绕站点主题; ②目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,比如: ●不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。 ●按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。 ●在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。 其它需要注意的还有:目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式: ●树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。 ●星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。 因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。 ③进行形象设计 网站的设计可以从以下几点出发: ●设计网站标志(LOGO)。LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 ●设计网站色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。 ●设计网站字体。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。 ●设计网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。 要领五:确定网站风格 “风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格”。 风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执著热情的;是活泼易变的,还是墨守成规的。 总之,有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量多少,浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。 在明确自己想给人以怎样的印象后,要找出网站中最有特色的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之,风格的形成不是一次定位的,你可以在实践中不断强化、调整、改进。 要领六:有创意的内容选择 好的内容选择需要有好的创意,作为网页设计制作者,最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站,如果创意很好,却对网站发展毫无意义,那么,网站设计制作者也应当放弃这个创意。另外,主页内容是网站的根本之所在,如果内容空洞,即使页面制作地再怎样精美,仍然不会有多少用户。从根本上说,网站内容仍然左右着网站流量,内容为王(Content Is King)依然是个人网站成功的关键。 要领七:推广自己的网站 网站的营销推广在个人网站的运行中也占着重要的地位,在推广个人网站之前,请确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准,网站的交互性能良好。一般来说,网站的推广有以下几种方式: (1)搜索引擎注册与搜索目录登录技巧 注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧,像AltaVista、搜索客这样的搜索引擎,它自动收录提交的网址。另外,注意Meta的使用,不要提交分栏Frame页面,大部分搜索引擎不识别Frame,所以一定要提交有内容的Main页面。 而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址,以保证收录网站的质量,在分类查询时获得的信息相关性比搜索引擎站点(靠Spider自动搜索的)更强。由于搜索目录网站收录网站的人为因素相对较多,因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意:将网址提交到最合适的目录下面,要认真详细的介绍网站,千万不要有虚假、夸张的成分。 (2)广告交换技巧 很多个人站点在相互广告交换时都提出了几个条件:第一,访问量相当;第二,首页交换。显而易见,这种做法是为了充分利用广告交换。以很多个人网站的经验,当与一个个人站点交换链接时,对方把网站的LOGO放到了友情连接一页,而不是首页时,很少有访客会来自那里。通常在首页,广告交换才会有很好的效果。 (3)目标电子邮件推广 使用电子邮件宣传网址时,主要有如下技巧:可以使用免费邮件列表来进行,只要你申请了免费邮件列表服务,你就可以利用邮件列表来推广你的网站;可以通过收集的特定邮件地址,来发送信息到特定的网络群体,在特定网络群体中推广自己的网站;发送HTML格式的邮件,即使其内容与接收者关系不大,也不会被被当作垃圾信件马上删掉,人们至少会留意一下发送者的地址。不过,在进行邮件推广的时候要注意网络道德。 要领八:支撑网站日常运行 当个人网站做到某一程度,就必须把赚钱提到议事日程上来,通常来说,个人网站获取资金通常有以下两个渠道: (1)销售网站的广告位 要销售网站的广告位,一般来说,每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性,以往的广告经验,技术以及设计要求等也会影响到广告的销售。 一般来说,WEB广告的收费有三种方式: ①CPM (Cost Per Million/Thousand) 放一个广告,它按每1,000人次来访问站点收费。这方法对网站经营者最为合适,只要有人浏览该网页,就得钱,不管访问者对广告有无反应——是否会看或点击该广告。 ②点透(Click-through) 通过Banner广告点到了广告商的站点,这才算数,广告商青睐这个,他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了,据一些调查资料表明,只有3%的访问者会去“CLICK”广告。 ③提成 (Commission) 根据访问者点击位于你站点上广告所带来的销售收入,从中跟做广告的厂商分成,这种方法对于网站的经营者来说,比上面两个都更加冒险。 通常的,个人网站的广告收费方法往往是第一、第二种方法的结合,站点和广告商都可少冒点险。 (2)与大型网站合作 另外,通过与大型网站合作,获取经费,也可以维持个人网站的日常运行。不过,个人网站很容易会成为商业网站的附属品。 有时间和充沛的体力,再加上对新技术和技巧的学习和应用,你就能为自己在网上建一个家了。
期刊,一般一个月发行一本那种,比如时尚芭莎、vogue等。做杂志内页设计,就是做杂志里面每一页的排版。杂志在设计上虽然有其独特的要求,但也没有脱离版式设计共性的规则。杂志同样是对版面内的文字字体、图像图形、线条、表格、色块等要素,按照一定的要求进行排版设计,并以视觉方式艺术地表达出来,并通过对这些要素的编排,使读者直观的感受到某些要传递的思想。走遍大街小巷,杂志琳琅满目,人们对杂志的欣赏和追求也越来越高。说一本杂志整体设计简洁、明朗、大方、清新、空灵,有艺术化效果。这不单单指的是杂志的外观,也强调了杂志的内页排版设计,只有内外兼具,好的杂志才会精彩纷呈,内容丰富。
一、杂志目录的主题要突出
目录页版式设计的最终目的是使版面产生清晰的条理性,章节主题突出醒目,页码检索顺利,达到最佳的诉求效果。主题突出有助于增强读者对版面的注意,增进对内容的了解。我们可以通过版面图片与文字之间的空间层次、主从关系、视觉秩序以及彼此间逻辑条理性的把握与运用使目录页版面获得良好的引导力。
二、杂志目录合理运用分区与分栏
分区是确定编排元素在版式中的具体位置,诸如图片区、标题区等,它是一种隐藏在版式中的结构线,给受众明确的定位提示,引导受众清晰明了的依信息等级进行阅读。分栏是在目录页中各章节标题层次较多或图片比较多的情况下,运用网格单元将各元素归纳,帮助形成清楚、连贯的信息关系和易懂的页面,给设计一种内在凝聚力。
三、杂志目录要明确黑白灰关系
编排元素中,图片是由摄影师提供给版式设计师的作品,通常为不可变的元素,因此,在有图片的编排中,首先要分析图片的明度关系,由此决定其他编排元素在版式中的明度关系,完成版式整体的黑白灰布局。目录中纯文本信息包含标题、副标题、引文、页码几个部分。
四、杂志目录要大胆留白
版面空白是使版面注入生机的一种有效手段。大胆地留出空白,是现代杂志目录版式设计意识的体现。恰当、合理地留出空白,能打破死板呆滞的常规惯例,使版面通透、开朗、跳跃、清新,给读者在视觉心理上造成轻快、愉悦的感受。对页版面空间设计中的大胆留白可以在视觉上为读者营造一个有序的、合理的、舒适的阅读空间。
五、强化杂志目录的整体布局
目录设计总的来说就是将目录页的图片、文字进行合理的编排,在编排结构、字体及色彩上作整体设计。此外需要注意整个目录的设计风格与杂志内页风格相符,通过加强目录页的整体布局,可获得更好的视觉效果。
关于杂志目录设计的五个基本原则,青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣,希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。
关于印刷版面的若干基础知识版面是新闻出版信息表达的基本形式,是新闻出版的形象与思想,是新闻出版物的语言。而应用版面的构成要素采用先进排版工具,艺术化创意地进行版面配置是使新闻出版物浓缩文化、渗透艺术、符合时代的根本。因此在充分理解版面设计与构成基础上,正确地应用排版软件与工具,是高效、艺术、规范地生产各种新闻出版物的关键。因此只有正确理解与掌握版面的构成和排版规则,才能有效使用排版软件的各种工具,排出符合标准与规范的版面。版面的构成一.版面与排版基础知识版面与排版基础知识主要包括版面构成要素、排版技术术语、校对符号的作用及各种版式处理等。这些知识是激光照排工艺中不可缺少的重要组成部分。一名合格的工艺设计人员和操作员只有掌握“排版语言”和一些排版工艺知识,才能达到高效率和高质量。1. 书籍的组成众所周知,一本书通常由封面、扉页、版权页(包括内容提要及版权)、前言、目录、正文、后记、参考文献、附录等部分构成。扉页又称内封、里封,内容与封面基本相同,常加上丛书名、副书名、全部著译者姓名、出版年份和地点等。扉页一般没有图案,一般与正文一起排印。版权页又叫版本记录页和版本说明页,是一本书刊诞生以来历史的介绍,供读者了解这本书的出版情况,附印在扉页背面的下部、全书最末页的下部或封四的右下部(指横开本),它的上部多数印内容提要。版权页上印有书名、作者、出版者、印刷厂、发行者,还有开本、版次、印次、印张、印数、字数、日期、定期、书号等。其中印张是印刷厂用来计算一本书排版、印刷、纸张的基本单位,一般将一张全张纸印刷一面叫一个印张,一张对开张双面也称一个印张。字数是以每个版面为计算单位的,每个版面字数等于每个版面每行的字数乘以行数,全书字数等于每个版面字数乘以页码数,在版面上图、表、公式、空行都以满版计算,因此“字数”并不是指全书的实际行字数。2. 版面构成要素版面指在书刊、报纸的一面中图文部分和空白部分的总和,即包括版心和版心周围的空白部分书刊一页纸的幅面。通过版面可以看到版式的全部设计,版面构成要素如图所示。版心 位于版面中央、排有正文文字的部分。书眉 排在版心上部的文字及符号统称为书眉。它包括页码、文字和书眉线。一般用于检索篇章。页码 书刊正文每一面都排有页码,一般页码排于书籍切口一侧。印刷行业中将一个页码称为一面,正反面两个页码称为一页。注文 又称注释、注解,对正文内容或对某一字词所作的解释和补充说明。排在字行中的称夹注,排在每面下端的称脚注或面后注、页后注,排在每篇文章之后的称篇后注,排在全书后面的称书后注。在正文中标识注文的号码称注码。3. 开本版面的大小称为开本,开本以全张纸为计算单位,每全张纸裁切和折叠多少小张就称多少开本。我国习惯上对开本的命名是以几何级数来命名的,如下图所示。国内生产的纸张常见大小主要有以下几种:787×1092毫米平板原纸尺寸是我国当前文化用纸的主要尺寸,国内现有的造纸、印刷机械绝大部分都是生产和适用此种尺寸的纸张。目前,东南亚各国还使用这种尺寸的纸张,其他地区已很少采用了。850×1168毫米的尺寸是在787×1092毫米25开的基础上为适应较大开本需要生产的,这种尺寸的纸张主要用于较大开本的需要,所谓大32开的书籍就是用的这种纸张。880×1230毫米的纸张比其他同样开本的尺寸要大,因此印刷时纸的利用率较高,型式也比较美观大方,是国际上通用的一种规格。4.版心书刊版心大小是由书籍的开本决定的,版心过小容字量减少,版心过大有损于版式的美观。一般字与字间的空距要小于行与行间空距;行与行间的空距要小于段与段间的空距;段与段间的空距要小于四周空白。版心的宽度和高度的具体尺寸,要根据正文用字的大小、每面行数和每行字数来决定。而每面行数又受行距的影响。印刷标准术语中将字行与字行之间的空白称为行间,行中心线与行中心线的距离称为行距。但方正、华光排版系统中将标准术语中的行间称为行距。书刊的行间一般空对开(1/2),也有5/8、3/4几种空法。表列出了不同字号、不同行间、不同开本的版面字数及版心尺寸。注:如加书眉,每页行数应减少一行。字数、行数以汉字五号计算。5.常用排版术语(1)封面(又称封一、前封面、封皮、书面) 封面印有书名、作者、译者姓名和出版社的名称。封面起着美化书刊和保护书芯的作用。(2)封里(又称封二) 是指封面的背页。封里一般是空白的,但在期刊中常用它来印目录,或有关的图片。(3)封底里(又称封三) 是指封底的里面一页。封底里一般为空白页,但期刊中常用它来印正文或其他正文以外的文字、图片。(4)封底(又称封四、底封)图书在封底的右下方印统一书号和定价,期刊在封底印版权页,或用来印目录及其他非正文部分的文字、图片。(5) 书脊(又称封脊) 书脊是指联接封面和封底的书脊部。书脊上一般印有书名、册次(卷、集、册)、作者、译者姓名和出版社名,以便于查找。(6)书冠 书冠是指封面上方印书名文字的部分。(7)书脚 书脚是指封面下方印出版单位名称的部分。(8)扉页(又称里封面或副封面) 扉页是指在书籍封面或衬页之后、正文之前的一页。扉页上一般印有书名、作者或译者姓名、出版社和出版的年月等。扉页也起装饰作用,增加书籍的美观。(9)插页 插页是指凡版面超过开本范围的、单独印刷插装在书刊内、印有图或表的单页。有时也指版面不超过开本,纸张与开本尺寸相同,但用不同于正文的纸张或颜色印刷的书页。(10)篇章页(又称中扉页或隔页) 篇章页是指在正文各篇、章起始前排的,印有篇、编或章名称的一面单页。篇章页只能利用单码、双码留空白。篇章页插在双码之后,一般作暗码计算或不计页码。篇章页有时用带色的纸印刷来显示区别。(11)目录 目录是书刊中章、节标题的记录,起到主题索引的作用,便于读者查找。目录一般放在书刊正文之前(期刊中因印张所限,常将目录放在封二、封三或封四上)。(12)版权页 版权页是指版本的记录页。版权页中,按有关规定记录有书名、作者或译者姓名、出版社、发行者、印刷者、版次、印次、印数、开本、印张、字数、出版年月、定价、书号等项目。图书版权页一般印在扉页背页的下端。版权页主要供读者了解图书的出版情况,常附印于书刊的正文前后。(13)索引 索引分为主题索引、内容索引、名词索引、学名索引、人名索引等多种。索引属于正文以外部分的文字记载,一般用较小字号双栏排于正文之后。索引中标有页码以便于读者查找。在科技书中索引作用十分重要,它能使读者迅速找到需要查找的资料。(14)版式 版式是指书刊正文部分的全部格式,包括正文和标题的字体、字号、版心大小、通栏、双栏、每页的行数、每行字数、行距及表格、图片的排版位置等。(15)版心 版心是指每面书页上的文字部分,包括章、节标题、正文以及图、表、公式等。(16)版口 版口是指版心左右上下的极限,在某种意义上即指版心。严格地说,版心是以版面的面积来计算范围的,版口则以左右上下的周边来计算范围。(17)超版口 超版口是指超过左右或上下版口极限的版面。当一个图或一个表的左右或上下超过了版口,则称为超版口图或超版口表。(18)直(竖)排本 是指翻口在左,订口在右,文字从上至下,字行由右至左排印的版本,一般用于古书。(19)横排本 就是翻口在右,订口在左,文字从左至右,字行由上至下排印的版本。(20)刊头 刊头又称“题头”“头花”,用于表示文章或版别的性质,也是一种点缀性的装饰。刊头一般排在报刊、杂志、诗歌、散文的大标题的上边或左上角。(21)破栏 破栏又称跨栏。报刊杂志大多是用分栏排的,这种在一栏之内排不下的图或表延伸到另一栏去而占多栏的排法称为破栏排。(22)天头 天头是指每面书页的上端空白处。(23)地脚 地脚是指每面书页的下端空白处。(24) 暗页码 又称暗码是指不排页码而又占页码的书页。一般用于超版心的插图、插表、空白页或隔页等。(25) 页 页与张的意义相同,一页即两面(书页正、反两个印面)。应注意另页和另面的概念不同。(26) 另页起 另页起是指一篇文章从单码起排(如论文集)。如果第一篇文章以单页码结束,第二篇文章也要求另页起,就必须在上一篇文章的后留出一个双码的空白面,即放一个空码,每篇文章要求另页起的排法,多用于单印本印刷。(27) 另面起 另面起是指一篇文章可以从单、双码开始起排,但必须另起一面,不能与上篇文章接排。(28) 表注 表注是指表格的注解和说明。一般排在表的下方,也有的排在表框之内,表注的行长一般不要超过表的长度。(29) 图注 图注是指插图的注解和说明。一般排在图题下面,少数排在图题之上。图注的行长一般不应超过图的长度。(30)背题 背题是指排在一面的末尾,并且其后无正文相随的标题。排印规范中禁止背题出现,当出现背题时应设法避免。解决的办法是在本页内加行、缩行或留下尾空而将标题移到下页。二. 正文排版规则1. 正文版式设计规则一个高级的编辑和排版人员不仅要学会如何排版,而且要学会如何将版面排得美观、漂亮。要想达到这一目标首先必须了解正文版式的设计。书刊正文必须按照书刊的内容进行设计,不同性质的刊物应该有不同的特点。政治性的刊物,要端庄大方;文艺性的刊物,要清新高雅,生活消遣性的刊物,要活泼花梢。不同对象的刊物,也要在技术上作不同的处理。给文化水平低的人看的书字体不妨大一点,例如:儿童看的书字体要字大行疏,即采用疏排的方法。给青年人看的书可字小行密。杂志中不同的文章最好字体有所变化,尤其在设计版式及标题时更要注意,比较重要的文章标题要排得十分醒目。2. 正文的排版的类型书刊正文排版基本上可以分为以下几类:(1) 横排和直排 横排的字序是自左而右,行序是自上而下;直排的字序是自上而下,行序是自右而左。(2) 密排和疏排 密排是字与字之间没有空隙的排法,一般书刊正文多采用密排;疏排是字与写之间留有一些空隙的排法,大多用于低年级教科书及通俗读物,排版时应放大行距。(3) 通栏排和分栏排 通栏就是以版心的整个宽度为每一行的长度,这是书籍的通常排版的方法。有些书刊,特别是期刊和开本较大的书籍及工具书,版心宽度较大,为了缩短过长的字行,正文往往分栏排,有的分为两栏(双栏),有的三栏,甚至多栏。(4) 普通装,单面装,双面装普通装是相对于单面装、双面装而言。横排书要在字行的下面加排着重点的叫单面装。至于直排书、标点以及专名线等都排在字行右边的、叫单面装;在字行左、右或上下都排字的叫双面装。字行左右、上下都不排字的叫普通装。3.正文的排版要求正文排版必须以版式为标准,正文的排版要求如下:(1) 每段首行必须空两格,特殊的版式作特殊处理;(2) 每行之首不能是句号、分号、逗号、顿号、冒号、感叹号、引号、括号、模量号以及矩阵号等的后半个;(3) 非成段落的行末必须与版口平齐,行末不能排引号、括号、模量号以及矩阵号等的前半个;(4) 双栏排的版面,如有通栏的图、表或公式时,则应以图、表或公式为界,其上方的左右两栏的文字应排齐,其下方的文字再从左栏到右栏接续排。在章、节或每篇文章结束时,左右两栏应平行。行数成奇数时,则右栏可比左栏少排一行字。(5) 在转行时,下列各项不能分拆:① 整个数码;②连点(两字连点)、波折线;③ 数码前后附加的符号(如95%,r30, -35℃,×100,~50)。4.正文排版应注意的问题在正文排版中应严格遵循忠实于原稿的原则。对于一些未经过编辑加工或编辑加工较粗的稿子中出现的一些明显的上下文不统一的特殊情况就可以随手将其统一。例如:“在××事件中,直接参与者占34%, 得占百分之十……”这句话中出现的“34%”和“百分之十”的写法上的不统一。在科技文章中,应将其统一为阿拉伯字。对大而简单的数可以采用两者结合的形式,也可采用指数形式。由于原稿一般为手写稿,因此某些符号难以分辨,例如:中文中的顿号、句号、小数点常常随手点上一个含乎不清的黑点。这时就要求排版人员按照排版的规范来区分。在科技书籍中,汉字之后句号一般用圆圈(。),但有些书籍(如数学方面的)因圈点容易与下角标数码“0”或英文小写字母“o”相混,为了有所分辨,常采用黑点作外文、数字及数学式的句号。中文序码后习惯用顿号(如“五、”)。阿拉伯数码后习惯用黑脚点(如“5.”),不要用顿点(“5、”)。外国人名译名的间隔号处于中文后时用中圆点,如:弗•阿•左尔格;处于外文后时应用下脚点,如:弗•A. 左尔格。当然,在全是外文的外国人名中自然要按照国际习惯用下脚点:。省略号在中文中用六个黑点“……”,在外文和公式中用三个黑点“…”来表示。文字或数字、符号之间的短线,应根据原稿的标注来确定短线的长短。在没有标注的情况下。范围号用“一字线”(稿纸上占一格),例如54-94%,但也可用“~”。破折号用“两字线”,例如插语“机组——发电机和电动机”。连结号用“半字线”(稿纸上不占格,写在两字之间),例如章节码(§3-2),图表码(图6-4)。5.目录的排版要求目录的繁简随正文而定,但也有正文章节较多,而目录较简单的情况。对于插图或表格较多的书籍,也可加排插图目录或表格目录。目录字体,一般采用书宋,偶尔插入黑体。字号大小,一般为五号、小五号、六号。目录版式应注意以下事项:(1) 目录中一级标题顶格排(回行及标明缩格的例外);(2) 目录常为通栏排,特殊的用双栏排;(3) 除期刊外目录题上不冠书名;(4) 篇、章、节名与页码之间(单篇论文集或期刊为篇名与作者名之间)加连点。如遇回行,行末留空三格(学报留空六格),行首应比上行文字退一格或二格;(5) 目录中章节与页码或与作者名之间至少要有两个连点,否则应另起一行排。(6) 非正文部分页码可用罗马数码,而正文部分一般均用阿拉伯数码。章、节、目如用不同大小字号排时,页码亦用不同大小字号排。6.页码、书眉的排版要求(1) 页码书页中的奇数页码叫单页码,偶数页码叫双页码。单双页在版式处理上的关系很大,详见后续有关章节。通常页码在版口居中或排在切口,一般在书页的下方,单页码放在靠版口的右边,双页码放在靠版口的左边。期刊的页码可放在书页上方靠版口的左右两边。辞典之类书籍的页码,可居中排在版口的上方或下方。封面、扉页和版权页等不排页码,也不占页码。篇章页、超版口的整页图或表、整面的图版说明及每章末的空白页也不排页码,但以暗码计算页码。(2)暗码篇章页、整面的超版口(未超开本的)的图、表及章末的空白页等都用暗码计算页码。空白页的页码也叫“空码”。校对时暗码(包括空码)必须标明页码顺序。(3)书眉横排页的书眉一般位于书页上方。单码页上的书眉排节名、双码页排章名或书名。校对中双单码有变动时,书眉亦应作相应的变动。未超过版口的插图、插表应排书眉,超过版口(不论横超、直超),则一律不排书眉。7.标点排版规则目前,标点符号大约有以下几种排法:(1) 全角式(又称全身式) 在全篇文章中除了两个符号连在一起时,前一符号用对开外,所有符号都用全角。(2) 开明式 凡表示一句结束的符号(如句号、问号、叹号、冒号等)用全角外,其它标点符号全部用对开。目前大多出版物用此法。(3) 行末对开式 这种排法要求凡排在行末的标点符号都用对开,以保证行末版口都在一条直线上。(4) 全部对开式 全部标点符号(破折号、省略号除外)都用对开版。这种排版多用于工具书。(5) 竖排式 在竖排中标点一般为全身,排在字的中心或右上角。(6) 自由式 一些标点符号不遵循排版禁则,一般在国外比较普遍。标点符号的排法,在某种程度上体现了一种排版物的版面风格,因此,排版时应仔细了解出版单位的工艺要求。目前标点符号排版规则主要有:(1) 行首禁则(又称防止顶头点) 在行首不允许出现句号、逗号、顿号、叹号、问号、冒号、后括号、后引号、后书名号。(2) 行末禁则 在行末不允许出现前引号、前括号、前书名号。(3) 破折号“——”和省略号“……”不能从中间分开排在行首和行末。一般采用伸排法和缩排法来解决标点符号的排版禁则。伸排法是将一行中的标点符号加开些,伸出一个字排在下行的行首,避免行首出现禁排的标点符号;缩行法是将全角标点符号换成对开的,缩进一行位置,将行首禁排的标点符号排在上行行末。三.标题排版规则1. 标题的结构标题是一篇文章核心和主题的概括,其特点是字句简明、层次分明、美观醒目。书籍中的标题层次比较多,有大、中、小之别。书籍中最大的标题称之为一级标题,其次是二级标题、三级标题等。如本书最大的标题是章,则一级标题从章开始,二级是节(*.*),三级是目(*.*.*)。大小标题的层次,表现出正文内容的逻辑结构,通常采用不同的字体、字号来加以区别,使全书章节分明、层次清楚,便于阅读。2. 标题的字体、字号(1)标题的字体应与正文的字体有所区别,既美观醒目、又与正文字体协调。标题字和正文字如为同一字体,标题的字号应大于正文。(2)标题的字体字号要根据书刊开本的大小来选用。一般说来,开本越大,字号也应越大。16开版面可选一号字或二号字作一级标题,32开版面可选用二号字或三号字作一级标题。(3)应根据一本书中标题分级的多少来选用字号。多级标题的字号,原则上应按部、篇、章、节的级别逐渐缩小。常见的排法是:大标题用二号或三号,中标题用四号和小四号,小标题用与正文相同字号的其他字体。3. 标题的字距、占行和行距在排版中,所有标题都必须是正文行的倍数。标题所占位置的大小,视具体情况而定。篇幅较多的经典著作,正文分为若干部或若干篇,部或篇的标题常独占一页,一般书籍另面起排的一级标题,所占位置要大些,约占版心的四分之一。横排约占正文的六至七行,上空三、四行;下空二、三行。接排的一级标题约占四、五行;二级标题约占二、三行;三级标题约占一、二行。如一、二级标题或一、二、三级标题接连排在一起时,除上空不变外,标题和标题之间的行距要适当缩小。标题在一行排不下需要回行时,题与题之间二号字回行行间加一个五号字的高度;三号字行间加一个六号字的高度;四号字以下与正文相同。在标题排版中,标题占行和字间加空还没有统一标准。4. 标题排版的一般规则(1)题序和题文一般都排在同一行,题序和题文之间空一字(或一字半)。(2)题文的中间可以穿插标点符号,以用对开的为宜。题末除问号和叹号以外,一般不排标点符号(数理化书刊的插题可题后加脚点)。(3)每一行标题不宜排得过长,最多不超过版心的五分之四,排不下时可以转行,下面一行比上面一行应略短些,同时应照顾语气和词汇的结构,不要故意割裂,当因词句不能分割时,也可下行长于上行。有题序的标题在转行时,次行要与上行的题文对齐;超过两行的,行尾也要对齐(行末除外)。(4)节以下的小标题,一般不采用左右居中占几行的办法,改为插题,采用与正文同一号的黑体字排在段的第一行行头,标题后空一字,标题前空两字。(5)标题以不与正文相脱离为原则。标题禁止背题,即必须避免标题排在页末与正文分排在两面上的情况。各种出版物对背题的要求也有所不同。有的出版要求二级标题下不少于三行正文,三级标题不少于一行正文。没有特殊要求的出版物,二、三级标题下应不少于一行正文。避免背题的方法是把上一面(或几面)的正文缩去一行,同时把下一面的正文移一行上来;或者把标题移到下一面的上端,同时把上一面(或几面)的正文伸出几行补足空白的地位,如实在不能补足,上一面的末端有一行空白是允许的。5.标题的排版方法标题的排版要求排出的标题层次分明、美观醒目。标题所用的字号,应大于正文(如采用同号字,则以字体来区别,但绝不能采用小于正文的字号)。为了使标题醒目,往往采用空行(在标题上下加大空距)和占行(采用大于正文字号,多占一些位置)的排版方法。期刊上除了正标题外,有时还有副标题,标题的常用版式的排版方法(竖排标题、双跨单标题从略)如下:(1) 居中标题:这种标题用得最多,既可有序数或篇章序数,也可没有序数或篇章序数。它的版式有以下几种:① 无序数或无篇章序数,如图所示。。②有章节序数,转行居中,如图所示。③有章节序数,转行齐题名,如图所示。(2) 边题:边题通常有两种排法。其一是顶格排,边题占正文二行位置;其二是缩进两格排,只占一行位置。(3) 段首标题:标题与正文一样缩进两格排,题后加排名号,空一格接排正文;若题后不加句号,则空两格或一格接排正文。(4) 提示标题:提示标题亦称窗式标题,其特点是如同在文中开一个窗户。
字体可以选用蓝色为基本色,其他字体在蓝色的基础上变淡或者加深,使得整个封面看起来整体统一;2009年第5期的《医学临床研究》杂志的封面也同样是采用蓝色为基调,把整个封面划分为3个大色块,但也同样具有和谐之美。(临近色彩搭配邻近色是指在色环上相邻的颜色,如绿色和蓝色、红色和黄色,即互为邻近色。采用邻近色搭配可以避免整个版面色彩杂乱,易于达到和谐统一的效果。例如,2007年《植物学营养与肥料学报》杂志的封面上的刊名采用蓝色搭配绿色的底色,绿色蕴含的情感元素与期刊研究的植物学相符合,蓝色给人纯净、理性的感觉,蓝色与绿色的搭配看起来既统一,又有变化感。对比色彩搭配文字色彩的强烈对比具有视觉诱惑力,能够起(上接第120页)表的众多科技期刊的封面设计,就很好地遵从了规范性原则,有较好的设计效果。艺术性原则随着时代不断进步和发展,期刊封面从早期单纯的保护期刊的功能。发展到现代融说明、宣传和保护期刊等诸多功能于一体,封面的装饰作用和吸引读者阅读的作用也越来越强大地显现出来。在封面设计工作中,认真地研究和探讨艺术性,进而去完善这种追求,无疑是人类现代意识及行为的本能,也是封面设计者为展露艺术才华而能采用的最佳表现形式。科技期刊虽说是以学术性、专业性见长,但在读者、编者和作者对形式美共同追求的形势下,科技期刊的封面理所应当具有相当的艺术性。如以《湖北农业科学》、《湖南师范大学社会科学学报》等为代表的科技期刊近年来的封面设计就很好地兼顾了规范性和艺术性,让刊物有了较理想的视觉表达效果。统一性原则把握了规范性和艺术性原则,对做好科技期刊的封面设计工作还不够,因为科技期刊的封面不是独立存在的,它与期刊内容、期刊风格等要素是相统到集中视线的作用。对比色可以突出重点,产生强烈的视觉效果。合理使用对比色。能表现出特色鲜明、重点突出的特点。设计时,通常以一种颜色为主色调,以其对比色作为点缀,即正文采用一种主色调,而标题选用其对比色,这样整体看来标题可以起到画龙点睛的作用。
正文强调的是字体“读”的功能性,版面中正文部分内容较多,需要用户长时间阅读,所以需要通过合理的排版,提高阅读的流畅性和舒适度。 使用花哨的字体,读者需要耗费很长时间来分辨它的内容,所以正文排版常使用结构清晰、识别度性较好的宋体和黑体。传统的排版设计中,更加倾向于使用宋体,比如中文报纸上所用的博雅宋就是专门设计的一套字体。黑体高度的统一性可以让字体本身对眼睛刺激降到最低,而把更多的注意力放在文字表达的内容上,已经成为现代设计中正文排版的首选字体。尤其是随着二十世纪末电脑和互联网的普及,黑体字的价值得到了进一步体现,它简洁的笔画特征与屏显介质特性相符,从而成为了当今各种屏幕媒介中最有发展前景的字体。 制定适合的字号是影响阅读效果的重要因素,计算机字体的大小,标准制度采用点数制(pt),每一点等于毫米。可以近距离阅读的书籍报刊等,正文使用的中文字号一般在7点至10点之间。小于7点影响文字的识别性,大于10点会显得比较粗糙。包装、名片等因为版面较小,字体可以适当缩小海报、展架等需要远距离观看的版面则需要更大的字体我们做设计基本都依赖电脑来制作,但显示器显示的效果很难在印刷品上相互对应,所以字体的大小很难在显示器上做准确的判断。因此很多新手设计师会配备一张常用字体字符的样张,按原大打印出来参考显示器上版面字符的实际大小。字间距指的是字体之间的距离,不同字体有其默认的字距,有时出于设计的需要,会刻意的拉近或分散字距。但过于拉近字距或分散字距会影响文字的可读性,产生混淆不清或过于松散的负面效果,因而,大段落的正文字距通常不做这样的改动。 行间距指的是每行之间的距离。过小的行距会造成视觉的混乱,过大的行距会降低阅读速度,为获得良好的阅读效果,一般的行距推荐使用字体大小的倍。小于倍或大于2倍会影响正常的阅读。 段间距指的是每个段落之间的距离。段间距需要大于行距,这样文字信息才能区分开成为单独的段落。段间距与行间距相等,段落与段落之间没有区分,产生阅读障碍,使阅读不够流畅。除了设置段落间距外还常采用段首空两格的形式区分段落关系,从功能性上来说段首空两格是为了提醒我们,此段落是分开的,属于不同的内容。可以在PS或AI中打开“段落”面板,通过“首行缩进”进行设置:和段首空两格相似,在段首加入提示符也可以达到阅读提示的功能,常用在文字不多的版面。 行的长短与字数的多少也会对阅读观感产生影响,切忌出现单行字数太少或太多的情况。一般单行的字数应控制在25 - 40个字之间。字数太少容易造成跳行的现象,打破读者的阅读节奏;字数太多会让句子变的冗长而容易引起视觉疲劳,进而影响阅读体验。 孤行:是指在出现在页面顶端,新一栏的单行文字。寡字:与孤行类似,通常是被遗弃在单独一行的某个字。他们就像失去家人的孤儿一样凄凉,这些行或者字非常的扎眼,如果出现这样情况,可以改写句子内容或微调行长、间距等方式让他们与家人重新走到一行。 在中文里有一些标点符号是不能出现在行首或行尾的,标点避头尾则是要规避这些错误。可以在PS和AI中打开“段落”面板,设置避头尾法则: 两端对齐是最常用的段落性文字编排形式,多运用于杂志、画册、报纸等多文字信息内容的编排。可以使段落文字严谨工整,让版面清晰有序而有条理,提高阅读效率。可以在PS和AI中打开“段落”面板,设置“两端对齐”: 本文通过字体选择、字体大小、字距、行距、段距、单行字数、孤行寡字、标点避头尾和两端对齐的设置等九个正文编排的技巧,分享如何通过合理的排版,提高阅读的流畅性和舒适度的方法,希望你有所收获。