网页设计调研报告•随着经济的发展,电脑已经成了生活必备品,当上网变成一件很平常的事情,网站的发展就会日新月异了,而网页设计作为一种视觉语言,不仅影响到视觉,还慢慢的渗透到听觉,甚至嗅觉。一个好的网站必定拥有优秀的网页设计,好的网页设计首先必须符合人的视觉需求,而相应的排版布局,色彩搭配也要符合人们的心理需求,在这个商业与个性遍布的时代,网页设计能否突出企业或个人的形象是摆在大家面前的一个问题,网页的设计也涵盖了很多方面,需要多方面的了解和调查,在设计网页之前先做一番调查和思考非常有必要。包设0814班尹祎雯网页设计的基本知识点•1.网页设计的要点•2.网页设计的工具•3.网页设计的版式和色彩•4.网页设计的理念•5.网页设计需要注意的问题网页设计的要点•网页设计的两大要点是:整体风格和色彩搭配。•一、确定网站的整体风格•1.将你的标志logo,尽可能的放在每个页面上最突出的位置。•2.突出你的标准色彩。•3.总结一句能反映贵站精髓的宣传标语!•4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!•二、网页色彩的搭配•1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。•2.用两种色彩。先选定一种色彩,然后选择它的对比色。•3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。•在网页配色中,还要切记一些误区:•1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。•2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。网页设计的工具•1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具•2.Frontpage跟dreamweaver一样,不过个人感觉还是dreamweaver好。•3.FLASH网页需要画面流动时的首选择•4.PS图象处理软件,一般网页都需要有图片相搭配,PS是款很强大的工具。•5.FW跟PS一样都是图象处理软件,但FW偏向与对网页的处理。[个人喜欢PS]网页设计的版式•网页布局类型•网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。•1、“国”字型:•也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。•2、拐角型:•这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。•3、标题正文型:•这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。•4、左右框架型:•这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。•5、上下框架型:•与上面类似,区别仅仅在于是一种上下分为两页的框架。•6、综合框架型:•上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。•7、封面型:•这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。网页设计的色彩•一)网页配色基本概念•(1)白纸黑字是永远的主题,谁都说不出不好来。•(2)网页最常用流行色•·兰色——蓝天白云,沉静整洁的颜色。•·绿色——绿白相间...