浅谈个人主页的制作和设计.doc

新乡学院艺术学院毕业论文学生姓名： 高二伟 学生班级： 2009电脑艺术设计(三)班 专 业: 电脑艺术设计 指导教师： 王 鹏 2012年 3月 30 日学生姓名 高二伟专 业电脑艺术设计指导教师 王 鹏设计方向网页设计毕业论文题目浅谈个人主页的制作和设计论文的内容结构为：（选题依据、调研总结、基本构思、创意概念的提炼与分析、素材来源、设计手法、设计感受等，即实施毕业设计创意的技术与艺术设计的过程与所思所想。） 摘要 互联网的迅速崛起，网络深入到了我们的生活，从70 80 90后甚至是60后对互联网的依赖是有目共睹的，它是我们一个很好的信息交换平台，而个人主页是一个可以在网络上展示个人信息的方便快捷的方法。 第一张概述中国乃人口大国，互联网的普及，建立个人网站，不但可以刚好的展示自己，而且可以提高自己计算机应用方面的能力。所以作业我选择了制作个人主页。 个人主页设计在于自己的偏好，不牵扯商业展示，内容以反映个人信息为中心，从而使个人网站真正的展示自己的一个有力的平台。 在设计上我借鉴了欧式的设计风格，着重以简单大方，给人以清新明了的感觉，运用了PS和DW综合运用完成的，从而给人一种明了的感觉，并利用了FLASH动画的制作给人带来了更现代的感觉，整个架构是用PS和DW来共同完成的第2章 导航栏个性网站设计之页面设计 页面设计包括甚多，可大可小，我分以下几个要点与大家讨论：页面平铺、整体规划、功能易用性、气氛情感表达。大家有什么问题可以给我来信。 一、页面平铺把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。下面我就针对最主要的几个部分具体讲解。 1.导航栏导航栏如果设计得恰到好处，是会给网页本身增色很多(千万不要太花哨，它属于功能物件，喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。导航栏设计要点归纳如下：1)导航不多的情况下，通常是一排，横竖都可以，其实栏目超过6个就可以考虑用两排。2)导航栏目很多的情况，也可以多排，甚至不规则地多排(一排个数不同，或长度不同)。商业设计或门户站点通常都会有很多频道，设计起来，就要考虑横向双排。使用竖排，会占用太大空间。3)通常内容不多的情况下，可能无所谓栏目，站点就包括了导航的具体内容，如图1所示。4)双排导航未必要挨在一起，可以自由一些，如图2所示：上排有导航栏，图片分隔开后则另起一排。5)图片式导航，很漂亮，占用页面空间比较大。如图2中每一个孩子图像就是一个点击热点。6)我推荐大家多用Flash制作导航，其体积小、变化多。7)内容很丰富的站点，可以考虑使用快捷导航，即Frame 框架快捷导航，是因为不管你进入哪个页面都可以快速跳跃到另外的栏目，不会失去方向。8)利用DHTML、JS、动态隐藏层等技术实现的多变化的导航，都有浏览器的支持问题。我建议大家不要给信息很多的站点作此导航。9)不是所有的网站都有导航的。大家可根据自己情况而定。2.LOGO(标志)关于LOGO的设计我会在以后的“CI行销”一文中具体讲解。这里我暂归纳下列两个设计要点：1)LOGO的位置通常在页面的左上角。根据你的设计，它不是一成不变的，所谓个性的设计，不论商业或个人，都要去大胆尝试。这里为大家列出LOGO在页面上常见的布局情况(图3)，以作参考。2)网站的LOGO，虽然有动态的，但是绝对不适宜过分的动感，且不是所有的网站标志都适合选用动态。3.BANNER(广告条)类型几种国际尺寸的Banner如下：46860(全尺寸Banner)、39272(全尺寸带导航条Banner)、23460(半尺寸Banner)、125125(方形按钮)、12090(按钮类型1)、12060(按钮类型2)、8831(小按钮)、120240(垂直Banner)，其中46860的和8831最多用，下面就常用的为大家讲解一下。1)46860 全尺寸Banner虽然尺寸为国际标准，但是在设计页面的时候，完全可以根据你的页面占用空间来制定Banner广告位和广告条大小。(1)一个页面内不易超出两个46860 全尺寸Banner。两个条的时候，一般是上面一个，下面一个，如图4所示。(2)设计Banner配合页面的两种情况：单看Banner很难看，但是放入网页中，却会使网页设计丰富而炫目，一般也就是46860的Banner有这本事了。还有设计的时候必须要考虑LOGO跟别站互换时如何更适合他人网页的风格，所以该多做一些不同颜色不同情况的Banner。2)8831的Banner(1)大家俗称它为LOGO。(2)好的Banner也要符合网站的风格。经常遇到一个很棒的Banner点开却是很难看的主页。虽然有被欺骗的感觉，但是从行销的角度讲，它设计越好，点击率越高，也就越成功。(3)如图4中，区域7内的一般的广告条， 8831 Banner也可以用来丰富页面。这样的情况很少见，值得注意。3)Banner设计注意点：(1)Banner有动态和静态两种。在浏览网页的过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。根据粗略统计，100个Banner里面有1/3是静态的。看来大家对动态的Banner更加看好。(2)Banner的“重量”要轻！以46860的Banner为例，最好是15K左右，不要超过22K。而8831的Banner最好在5K左右，不要超过7K。4)设计要点：(1)Banner的文字不能太多，用一两句话来表达即可。(2)广告语要朗朗上口。(3)图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没。(4)图形尽量选择颜色数少，能够说明问题的事物。(5)如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑。(6)尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。4.按钮网页设计是新的行业，没有很久的历史和规范的教本，长期以来对按钮的定义也不是很清晰。哪些算是按钮呢？如图5中用圈作记的地方：其中“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件，通常都统称为按钮。某种意义上导航的存在形式也是按钮，只是它的功能很特殊。如果经常做网页，就会感觉到按钮设计的要求已越来越高。 原 创 性 声 明 本人声明，所呈交的毕业设计作品、