毕业论文-电影-网页-总体设计6

本科生毕业设计说明书（毕业论文）题目：电影网站的设计学生姓名：学号：专业：计算机科学与技术班级：指导教师：毕业设计说明书（毕业论文）2第四章“爱电影”网站总体设计分析4.1网站总体设计本网站用DIV块将页面分为几部分，每一个页面都有自己的页面划分情况，将电影网站制作成为一个拥有友好界面，并且布局合理、功能强大的，信息详尽的网站，本网站分为多个页面，分别为首页，各分类页，包括新闻频道、影院频道、商城频道、社区频道、发现频道，和详情展示页、注册页、登录页等。电影网站会运用到多种颜色，只运用一种颜色会让人感觉单调、乏味、枯燥；但网站中主色太多的话，会让人感觉凌乱，无主题感[1]。一个网站需要有1~2种主题色与1~2种辅色，才不会让浏览者迷失方向。1、主色在网页上，面积最大的色彩为网页的主色调，爱电影网站中白色贯穿网站中所有的页面。其次就是以淡蓝色色做为设计的主色调。以蓝色为主色的作品，多数给人感觉理智、沉稳和冷静。2、辅色网站的辅色用了浅灰色，浅灰色给人以诚恳、沉稳、考究的感觉。灰色更有弹性，但灰色决不是灰心丧气，悲观的表现，它甚至比黑色更有张力！浅灰色使人觉得比较干练、干净，作为辅色就不能那么的抢眼，干净利落终归是最好的选择[2]。3、背景色整个网站的背景色是用的白色，白色显得特别的干净、简单。不会显得整个网站杂乱无章。白色与其他色彩对比强烈。当白色与其他鲜艳的色彩组一起搭配时，往往更引人注目并可以吸引浏览者。4.2“爱电影”网页版式设计通过了解各个类型的网页设计版式，结合本网站是商业性网站，爱电影网站的设计中选择了骨骼型的设计方法来完成爱电影网站的前台网页设计与制作。以首页为主，我将整个网页纵向分为三部分，第一部分作为该网也的头部约180px，主要包括网站logo，导航条；底部约300px，该部分主要书写电影网站的内部介绍，版权信息和基本信息；最重要的中间部分突出展示了电影宣传的全毕业设计说明书（毕业论文）3部信息，该部分为竖向分栏，网页总宽度三分之二是电影宣传图片和文字信息的展示，还包括一些动态广告。为使电影网站设计更具吸引力。网站字体形式多样，包括：字型、磅重、行长、行距，字符间距的调整以及字偶间距的调整。在网页前台设计中，排版是不容忽视的一个要素。当浏览者首次访问你的网站，他们一定会好奇你网站的主题和内容是什么，因此电影网需要使其具有可读性，并且让浏览者能够印象深刻，使浏览者在电影页面上停留更长的时间，并最终成为一个固定的访客。优秀的排版可以使页面主次分明、美观大方，具有创意的设计更是能给浏览者留下深刻的印象。本电影网站的前台设计中所用到的网页版式主要是骨骼型。首页主要是以横向分栏为主，商品分类展示页则主要是以左右的结构为主。4.3“爱电影”网站设计功能结构图电影主页面版式设计结构，如图4.1所示。图4.1总体设计图4.4网站整体规划4.4.1确定网站名称本设计是一个电影宣传类网站是阅览电影资讯和讨论电影的平台，不是免费收看和下载电影的网站。所以关键的部分是名字的选择，网站的名称要易于理解，贴近生活，这样才能具有吸引力。太过拗口的网站不容易让用户记住，气势磅礴的名字又太过华而不实，太过文艺的名字会让用户觉得不像是在电影类网站。所毕业设计说明书（毕业论文）4以取一个贴切的名字是尤为重要的。本次设计的网站名字定义为“爱电影”：为爱电影的人，“爱”字第一感觉体现了观影者对电影的热爱，又感觉气氛很温馨。“电影”两字直白的一眼看过去就知道这是一个电影网站，不用解释大家就会了解，方便且直观。爱电影就是让一群热爱电影的人，来到爱电影LoveMovie，可以一边享受着电影赋予这个世界的美好时光，一边对电影的感悟汇聚到网络的海洋中。很多人认为名字的第一感觉是特别的有意思，这就是一个名字要给大家带来的效果。4.4.2电影网站的整体规划1、文字的格式化1）字号和字体，行距网页正文显示的字体最适合的大小约为16磅，较大的字体用于标题字号或其他强调的地方，小一些的字体可以用于页脚和辅助信息[3]。需要注意的是，小字号产生整体和精致的感觉，但不利于读取，适用用于页脚部分及不明显部分。爱电影网站页面设计用字体可以充分地体现“爱电影”网站设计中要表达的含义。选择字体是一种直观的方式。除了对于可读性的影响，行距本身具有很强表现力，为了增强页面的效果，可以在个别板块加宽或缩窄行距，体现独特的网页审美。例如，新闻频道部分文字加宽行距体现了轻松、舒展的情绪。2）文字的整体编排爱电影网页面里的正文部分是由多个文字模块经过编排组成的群体，可以充分发挥文字群体在版面整体布局中的整体视觉效果。在电影网页的排版中，字体的处理应与周围颜色和版式以及图形等设计元素的处理要协调、友好。标题与正文：首页在进行标题与正文的编排时，将正文作三栏的编排，再进行标题的置入。将正文分为三栏，主要是为了使页面具有空间与弹性，避免通栏的呆板形式以及标题插入方式的单一性。标题有的是整段有的是整篇文章的标题，但不一定一成不变地放于段首。可作居中、横向和竖向排列或边置等编排处理，甚至可以直接插入字群中，运用新颖的版式来打破旧有的规律。文字编排的基本形式：分类页使用两端均齐文字的方式：从左端到右端的长度对齐，字群的形成方方正正的模块，显得既端正、严谨又美观。网页居中排列方式既可以使文字更加突出，又能产生对称的形式的美感。毕业设计说明书（毕业论文）5电影网站分类页运用文字左对齐或右对齐样式，文字的左对齐或右对齐使行首到行尾自动形成一条清晰的垂直线，很容易与图形配合。文字的强调：电影网站采用行首的强调模式：将正文的第一排字或字母放大并作装饰性处理，嵌入段落的开头。由于它具有吸引视线、装饰和活跃版面的作用。文字的颜色在电影网页设计中，以文字、文字链接和已访问链接和当前活动链接选用各种颜色。网页默认样式是：网页一般字体颜色为黑色，默认的链接颜色为兰色，导航栏上的文字鼠标点击之后样式为红色。但需要注意的应该是，文字的颜色变化，应尽量少运用，因为什么都想强调，其结果是什么都没有强调。2、图像网页上最重要的设计就是图像。从一方面来说，图像的应用使网页更加美观并且有趣；另一方面，网页的图像本身也是传达信息的重要方式。与文字相比，图像更直观和生动，可以直接地把那些文字无法表达的信息主观的表达出来，易于浏览者理解和接受。图像的格式：Web通常使用两种图像格式：GIF和JPEG。还有适合网络传播使用不是很广泛的图像格式：PNG图片格式类型。爱电影网站多使用方形图：即图形以直线边框来规范。方形图可以使图像内容更突出并与周围环境共融，配置方形图的页面，还可以给人以稳重、理性和庄重和安静等感觉，缺点是有的图片平淡或呆板。3、电影网站版式的类型网页版式的基本类型主要有骨骼、满版、倾斜、焦点、三角、自由型等。此次爱电影网站的前台设计中所用到的网页版式主要是骨骼型。电影首页是以横向分栏为主，商品分类展示页主要是以左右分栏的结构为主。骨骼型：网页版式骨骼类型是一种常用的并且规范的和理性的分割方法，类似于报刊的版式。爱电影网站用的骨骼有竖向双栏，和横向的通栏、双栏、三栏等。这种版式可以给人以和谐和理性的美感。