开题报告是指开题者对科研课题的一种文字说明材料,是随着现代科学研究活动计划性的增强和科研选题程序化管理的需要而产生的。下面是我为大家整理的毕业论文开题报告格式字体要求,希望你们喜欢。 毕业论文开题报告格式字体要求 1.论文(含开题报告和文献翻译)用A4纸单面打印,页面设置:左边距、右边距、下边距均为2.5厘米;上边距为2.8厘米。页眉、页脚均为2厘米。论文(含任务书)及附件装订成一册,一式两份。 2.页眉从正文开始。页眉左端顶格为论文标题,论文标题用宋体五号字。若为开题报告或文献翻译则在标题后面加上“/开题报告或/文献翻译”。右端右对齐为页码,用五号阿拉伯数字。 3.正文(含开题报告和文献翻译)用宋体小四号,应当达到15000个字左右。非汉字均用Times New Roman体。字间距设置为“标准”,段落设置为“单倍行距”,所有段落开头均缩进2个字。数学公式用斜体,按章节编号,如第2章第3个公式为(2-3),并与段落右边线对齐。 45.每一章另起一页,章节采用三级标题,用阿拉伯数字连续编号,(例:1,1.1,1.1.1)。章名为一级标题,位于一页的首行居中,用黑体小二号,段前距为0磅,与紧接其后的文字或二级标题间距为12磅。二级标题用宋体四号,左对齐,断前距12磅,段后距0磅。三级标题用黑体小四号,左对齐,段前距12磅,段后距0磅。 5.图表要有名称,表名位于表的正上方,用宋体小五号粗体。图名位于图的正下方,用宋体小五号粗体;图表按章节编号。例如:表2.7为第2章第7个图表;图3-1为第3章第1个图。图表不要跨页。凡引用的图表,需在图表名后用相应的中括号〔 〕加以标注,(如:〔1〕)。这里的标注号应与参考文献的序号为同一个号。 6.封面及任务书等由学生到(校图书馆一楼)装订处购买,封面不得复印。并在装订处装订论文。 7.除封面外,第一页是任务书,任务书下达时间是:按申请写作时间。 第二页是中文摘要(至少150字)。“摘要” 两字为黑体小二号,居中,设置段前为102磅,段后为12磅。内容用宋体五号字。 “关键词”三个字用黑体小五号,缩进2个字,后面的内容用宋体五号,一般用3-5个词组即可,中间用逗号分隔,结束时不用标点符号。关键词与摘要相距12磅(即设置段前12磅)。中文摘要用罗马数字编制页码,位于页面下方居中。 第三页是Abstract(至少500印刷字符),“Abstract” (用Times New Roman 粗体小二号),内容用Times New Roman 五号。Keywords用Times New Roman 粗体小五号,后面的内容用Times New Roman五号,与英文摘要内容同样相距12磅。英文摘要顺延“中文摘要”页用罗马数字编制页码,位于页面下方居中。 第四页为目录。“目录” 居中,用黑体小二号,段前设置为0磅,段后设置为12磅。目录页顺延“Abstract”页用罗马数字编制页码,位于页面下方居中。 目录依次为:摘要、Abstract、正文(要求列出一、二级标题,一级标题用黑体四号,二级标题用黑体小四号)、参考文献、致谢、附件1:开题报告、附件2:文献翻译(中、英文)。页码数字用小四号。 说明:中英文摘要和目录并非正文,不要设置页眉! 8.参考文献位于正文后另起一页,与正文连续编页码。“参考文献”居中,用黑体小二号,段前设置为0磅,段后设置为12磅。参考文献主要格式如下: 书籍:[序号]作者名(用逗号分隔).书名.版本号(初版不写).出版社名,出版年,引用页码 提示:结束处不要加句号! 例:〔1〕胡玉明,高级管理会计,厦门大学出版社,2005年,第51页 期刊:[序号]作者名(用逗号分隔).题名.刊名,出版年,卷号:(期号),起始页码~终止页码。 特别提示:凡论文中引用过的参考文献须按照顺序依次在正文引用处进行标注,标注方法:位于引用处最后一句话的句号内,具体操作:在工具栏打开格式-字体-上标。(例:如〔1〕)。 9.致谢页位于参考文献之后,与正文连续编页码,“致谢”居中,用黑体小二号,段前设置为0磅,段后设置为12磅。内容为宋体小四号字。 10.附件1:开题报告(包括研究背景、文献综述、技术路线、进度安排和参考文献五部分,各部分之间不需另起一页) 开题报告的标题居中,用黑体小二号粗体,段前距和段后距均为0磅。标题下为:专业、(准考证号)、姓名,均为黑体四号并居中。 说明:开题报告的标题应为论文题目,而不是开题报告四个字! 开题报告中紧接着是摘要(只需中文)和关键词。“摘要”和“关键词”用黑体小四号,“摘要”内容用宋体小四号,“关键词”包含3至5个词组,中间用逗号分隔,结束时不用标点符号。这里摘要和关键词均不需要开头缩进。然后是正文,正文与关键词之间的距离为12磅。 开题报告和文献翻译中,一级标题不需要另起页,一级标题设置段前、段后均为12磅,其余格式与正文同。 注意:开题报告和文献翻译的页码要根据正文的页码进行连续编码。 11.附件2:文献翻译(中、英文)25000个字符左右,先中文(可比照论文格式),标题应为所翻译文章的标题,用黑体小二号粗体,居中。这里文献翻译标题下面是原文作者的(英文)姓名,用小三号Times New Roman体加粗,居中。中文译稿结束后空两行注明外文资料来源,文字内容为“外文资料来源:书籍/期刊(按参考文献格式)”,资料来源结束处不要点句号!空2格写:某某译。字体用宋体小四号加粗(非汉字均用Times New Roman体加粗)右对齐。 关于格式的论文范文 电子书格式发展探究 摘 要:电子书产业的发展离不开技术的支持和标准的规定,它唤起了出版界的深入认知。特别是在“三网融合”之下,各媒体技术功能逐步达到统一、业务局限纵横交涉、网络互通、资源共享,而目前电子书格式有近30种,严重造成了电子书资源开发的重复浪费,这唤起了出版界对电子书产业的技术支持和标准规定的深入认知。文章介绍了全球电子书格式的发展情况,指出电子书开放格式标准的发展趋势及其难点,并提出相应的对策。 关键词:电子书;格式标准;技术支撑 中图分类号:G237.6 文献标志码:A 文章编号:1673-8454(2013)22-0009-03 一、引言 计算机技术、网络技术、多媒体技术等的高速前进大大带动了了网络出版业的发展,电子书在网络出版物中占有重要地位,也逐步受到群众的关注,引起了网络运营商、书店、出版业、期刊行业、作者、读者等的浓厚兴趣,但有一个问题一直妨碍相关产业的深入发展,那就是电子书的式样标准。尽管随着时间的推移曾出现过很多有影响力的式样标准,但是在现实中很多电子书的式样标准达不到阅读载体的兼容率,想实现行业和市场这两个标准仍需努力。对比国外,我国电子书的式样标准的制定和推行的道路仍然很漫长,这是由中文的特殊性导致的,同时也受到国内电子书产业的混乱现象影响。各方面对此十分关注,也相应做出很大的努力。目前电子书格式的相关标准正处在撰写草案和相互讨论的阶段,而大纲的编写已基本完成。 二、三网融合下电子书的新发展 电信网、广播电视网和互联网在向宽带通讯网、数字电视网和下一代互联网演进时,其技术功能逐步达到一致,业务局限纵横交涉、网络互联互通、实现资源共享,这就是 “三网融合”。对电子书生产商而言,电子书的热卖点在于实时快速浏览,可是功能单一和内容单调较大阻碍了其发展,三网融合是突破发展瓶颈及开发庞大市场空间的好机会,它不仅使各个媒介相互融合、互相并容,还使传递内容的渠道和服务汲取的方式变得更接地气,更改变了人们的浏览习惯,对于电子书来说,三网融合给其带来了以下发展:第一,过往电子书采办必须从计算机上下载,三网融合后,电子书、无线网络和图书、报纸、杂志给用户营造出一个开放可互动的平台;第二,三网融合对数字出版的技术创新具有很大的推进作用,让电子书的浏览性得到更好的发挥;第三,三网融合使高附加值服务在电子书未来市场中具有巨大的潜在价值。 三、电子书格式标准分析 1.电子书格式 电子书需借助一定的浏览软件和设备来读取,因为它的研发、出版、存取和运用都是通过数字形式来实现的。电子书的格式通常是以阅读系统(Reading System)作为对象的,而非阅读设备。阅读系统是指可以公示和存放电子书,并能被用户使用的软硬件统一体。通常包含属于基于软件范畴的阅读器文件和硬件设备的专用阅读器,前者如Adobe Acrobat Reader、Microsoft Reader等,后者如Sony Reader、Kindle等。为维护自身商业利益与内容资源,各企业开发的电子书阅读器及配套软件在格式标准上达不到一致,导致了相互间兼容性较低。现在全球电子书格式高达几十余种,Adobe的PDF、微软的LIT、亚马逊的AZW等属于国际上比较常用的格式,国内的如方正的CEB、三星的PDG,还有中国学术期刊网的CAJ和维普的VIP等。即使某些电子书能兼容其他部分格式,但一般都需要靠特定软件来转换。当然,像EPUB这种开放的格式标准在国外也是有的,EPUB式样是亚马逊公司、Adobe公司、美国图书馆协会、兰登书屋、索尼公司等多个组织联合开发的,但目前业界还没完全接受这种格式。 电子书产业发展的其中一个瓶颈就是严重的资源重复开发问题,而导致这个问题的根源就在于电子书格式领域没有真正统一的标准。因此,对电子书格式标准进行规范以致达成阅读系统间的互操作成为业界最关心的问题。 2.电子书格式的发展 电子书技术标准与管理标准、工作标准共同组成电子书的标准体系。从某个角度来说,这些标准对设计标准的产品类型、制备电子书、生产、分销、阅读和使用有着决定性的作用,并与设定、打造电子书目标市场息息相关。电子书的设计标准是一种重要的技术标准,是管理和工作的一个重要组成部分。另外,建立一个行业认可并拥有开放特征的格式标准,是电子书标准署工作的最终目标。 电子书格式在电子书内容的存放、传输、显示、使用和版权维护中被广泛应用,是一种特别的信息编码和“插口”规范。前期的电子书制作格式多数源自于微软文字处理系统、排版系统、多媒体系统的常用文件格式。现在电子书出现各种各样的风格,主要是因为增长的市场分割、战略合作伙伴和产品匹配的需要。而产品匹配主要包括内容价值链利润,阅读终端绑定到需要和产品包装需要风格等因素。 到目前为止,在全球电子书格式有很多种。常见的电子书分类有三种:显示其独特风格需求所指定的终端模式、在苹果终端传输平台的需要模式和电子书内容包装需求的基础模式。其中,显示其独特风格需求所指定的终端模式有硬件浏览器的HTXT风格、翰林浏览器的Kindle AMZ风格以及CHM风格;在苹果终端传输平台的需要模式有HTML5、MEB 模式、MOBI 模式;电子书内容包装需求的基础模式有EPUB 风格和亚马逊的KF8模式。 国际电子书行业组织和公益组织长期致力于电子书开放格式标准的创立研究。国际数字出版论坛IDPF组织(其前身为OEBF组织)提出的标准是国际上最具影响力的电子书开放格式标准。1999年OEBF组织提出OEBPS开放格式标准。2006年10月由国际数字出版论坛IDPF组织公布开放格式OCF V1.0版,次年还公布开放出版物结构版OPS V2.0和开放包裹格式OPF V2.0版。上述3项标准组成EPUB的开放式标准,以取代原来的OEBPS标准。2011年5月IDPF组织正式确定了EPUB3标准。 3.格式标准体系 尽管整体上仍处于较为杂乱的发展状况,电子书格式上也存在部分主导性的格式标准。现在电子书格式标准在国际上的局面,是封锁格式与开放格式标准共存。亚马逊Kindle阅读器的特有格式和EPUB格式分别代表着封锁和开放两种格式。在电子书市场上,即使Kindle阅读器日渐成熟,某种程度上,AZW格式作为一种针对Kindle阅读器的特有格式,也成为行业的主要标准,但由于电子书产业发展迅速,格式标准面临越来越多的挑战。Kindle格式的普及大大地受到微软等IT公司、出版商与出版物经销商等联手开发的开放格式EPUB影响和抑制。目前该格式对国际的影响逐渐增加,现已成为国际电子书格式的通行标准,这大大得益于索尼、谷歌、苹果等大型IT公司宣布其产品支持EPUB格式。 国内电子书产业一直由IT等业外公司引渡发展而来,其中方正公司因拥有大量的图书资源,以及与多数内容供应商长期的伙伴关系,导致其主张的电子书格式体系成为国内该领域的实际标准。方正公司前期针对在PC上浏览数字图书馆内的电子书资源而研发了CEB格式,之后针对电子阅读移动终端推出了XEB格式,目前又研发了一种较软件、硬件、操作系统、打印设备相独立的CEBX文档格式规范。CEBX文档格式在整体上具有高保真的中文电子文档格式,可以保留原文件的字符、字体、格式和色泽等关键信息。另外,该格式对比PDF等格式拥有更出色的数据交换和分析功能。为实现企业与国际通行标准交接,拓展其格式在国内电子书市场的应用范围,方正公司不断优化自身在数字出版产业链中服务职能的同时,也努力地渗透国内电子书开放格式标准的发展,如参与“电子书标准工作组”的标准建立工作。即使当今国内也出现少数阅读器终端选择对开放格式的支持,但想与方正公司的格式标准产生竞争还是有一定的距离。 尽管目前以亚马逊为代表的独立格式操纵着较大的电子书市场,但长远来看,EPUB开放格式将逐渐得到大量的终端厂商、平台开发商的支援和肯定。而EPUB格式的应用,对未来该范畴的发展将起到不可或缺的引导作用。 四、电子书格式标准的趋势及对策 1.电子书格式标准趋势分析 通过对全球电子书格式最近发展情况的分析,不论是亚马逊继续采取相对封锁的AZW格式,还是谷歌、索尼等支持的EPUB开放格式,我们认为其内在原因均出于各自实力和内容资源的整合。亚马逊主要营业内容是网上书店,掌握着丰富的内容资源,特别是热门书资源,所以亚马逊期待Kindle格式能得到更多硬件设备适配。而索尼等公司更期待通过EPUB格式的通用性,来联合越来越多的出版机构进行数字内容产业链的研发。但是在“三网融合”大环境下,对内容资源以及阅读终端的多样化用户需求和大部分内容供应商希望降低数字出版入门标准等行业共识进行分析,消费者还是偏向于统一开放的电子书格式标准。如何挑选适当的路径来满足电子书产业发展,对开放格式标准的真实需求是当前最关键的问题。 针对国内市场,要打造拥有行业影响力的开放格式标准需要解决以下问题:第一,国内格式标准很难突显出版社等内容供应商的价值需要。主要因为领导主体仍是方正、汉王、翰林等技术厂商,而类似国外“开放电子书论坛”的企业同盟组织相对缺少,出版商出席度很低,同时因为它们在电子书产业链中的议价能力不足。第二,考虑到商业前景和投资回报,当今部分相对有实力的技术供应商竭尽全力研发属于自己的封锁式样,并希望将自身企业标准代替行业标准,这对电子书开放格式标准的创立造成极大的阻碍。 2.合理推进电子书格式标准化的对策 (1) 发挥政府部门的牵头作用 为了减少行业内部因为利益分配不均引起的格式标准的不良竞争,应由政府部门带头,策划引导出版领域的企业、机构共同参与“三网融合”下开放格式标准的制定,达成一套相对合理的利益分配机制。以此为基础,充分参照EPUB格式信息描述的开放特征,再与国内比较成熟的格式标准相结合,使全行业一起商讨建立优质的电子书标准,实现其标准最大化的兼容。另外,使电子书产业的其他标准相互协调,如终端、内容、编目标准的协调,是开放格式标准的制定需要,是提升电子书产业综合发展的需要。 (2)树立自主知识产权意识,制定中国电子书标准 对于目前电子书标准存在开放格式、封锁格式的两种情况,在“三网融合”环境下,我国电子书格式的自主知识产权将面临更大的挑战,国内电子书应该是以开放式标准为主,适当参考国外相对优秀的电子书标准,建立自己的知识产权意识,使我们的电子书既能符合国际标准又具有中国特色。 (3)创立电子书标准体系,打造电子书产业平台 “三网融合”第一批试点始于2010年6月30日,至今刚刚三年的时间,可以说,我国网络融合尚处于初期,许多问题仍在发展当中,因此,为电子书制定和实施统一的标准还有很长的路要走。由于中国电子书的特殊性和国内电子书复杂混乱的产权形式,在“三网融合”的环境下,需要建立统一开放的标准和打造电子书产业平台,通过增加需求链结构、条目内容,使供应商降低成本,同时结合各种内容资源和需求不同的终端设备,对市场规范和竞争产生正面影响。因为方正公司的CEBX格式呈现较差的兼容能力,所以,构建电子书标准体系,打通电子书产业链,建立电子书产业平台,是存在一定依据的;然而回归到实践中,通过努力剔除市场障碍、建立可靠的第三方服务等措施对于电子书产业平台的构建还是相当必要的。 五、结束语 “三网融合”对于电子书标准是一个很好的机遇,我国电子书格式标准需要拥有自主知识产权意识,制定中国电子书标准,同时参考国际上电子书标准的先进理念,建立新时代的电子书产业平台,拥有着眼于未来的战略眼光,争取领先国际。其次,技术创新是电子书行业取得话语权的重要保证,尤其是音视频播放、手写识别、动漫游戏等技术的创新,都将在未来电子书中得到体现,不仅如此,我们仍需不断创新,不断突破陈规,需要即高效又快速的找准受众需求,把目标落实于行动中。最后,“三网融合”将给用户营造了一个全新的阅读模式和开放互动的平台,为下一代电子书格式标准的发展奠定基础,三网融合的实现,必然会给未来个人数字终端产品带来巨大的可操作市场。 参考文献: [1]施勇勤,须海茵.EPUB3电子书格式标准的启示[J].出版刊行研究,2012(3):49-52. [2]郑滢瑜,丛挺,缪婕.电子书格式标准研究[J].出版科学,2010,18(4):90-93. [3]朱婧.我国电子书产业发展研究[D].北京:北京印刷学院,2010. [4]张大伟,杨丽娟.电子书标准化中的政府角色与“后发国策略”[J].新闻大学,2011(4):141-144. [5]《出版刊行研究》课题组.电子书产业发展状况[J].出版刊行研究,2007(1):15-18. [6]薛崧,郑国.基于OEB规范电子书的结构及优化[J].现代图书谍报技术,2004(11):10-13. [7]王蕾.电子书发展过程中存在的问题和对策[J].图书情报工作,2002(11):60-63,50. [8]马海群,孙凡,路云强.实现电子书统一标准的全新思路――基于接口的解决方案[J].出版刊行研究,2008(11):62-65. [9]孔小玲.移动阅读电子文档格式与标准探究[D].天津:南开大学,2003. [10]刘寅,冯雪,李宁,田英爱.标文通文档格式到电子书格式的分析与转换[J].计算机工程与应用,2013(1). [11]季永芹.常见电子书的格式一览[J].印刷世界,2005(10):54-56. 看了“毕业论文开题报告格式字体要求”的人还看: 1. 毕业论文开题报告格式及论文格式要求 2. 毕业论文开题报告的格式要求 3. 本科毕业论文开题报告格式要求 4. 毕业论文开题报告格式及论文格式 5. 本科毕业论文开题报告格式要求(2)
为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。
网页设计毕业论文摘要
摘要: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所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,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熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现,制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么,首先在“桌面版网页制作”这个环节中提取一些熟手关键技术,作为给予新手的技巧提示。
3.1兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同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内核的所有版本浏览器中居中对齐,外层布局盒子与浏览器头部无缝紧贴;
3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(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. 计算机毕业论文范文大全
172 浏览 3 回答
241 浏览 2 回答
101 浏览 7 回答
311 浏览 4 回答
297 浏览 2 回答
355 浏览 8 回答
115 浏览 2 回答
150 浏览 2 回答
81 浏览 4 回答
311 浏览 2 回答
360 浏览 3 回答
144 浏览 4 回答
152 浏览 4 回答
173 浏览 2 回答
352 浏览 2 回答