粤教版选修3 网络技术应用4.2 网站的设计精品ppt课件

这是一份粤教版选修3 网络技术应用4.2 网站的设计精品ppt课件，共29页。PPT课件主要包含了网站欣赏，结构设计，交互设计，版式设计，版面设计，网页布局的整体造型，色彩的搭配，字体图片的样式，网站的标志设计，颜色与色彩心理等内容，欢迎下载使用。

网 页 的 版 面 设 计
——网站的整体形象给浏览者的综合感受
在网页配色中，忌讳的是：1.不要将所有颜色都用到，尽量控制在三种色彩以内。2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
深沉，神秘，寂静，悲哀，压抑……
洁白，明快，纯真，清洁……
激奋，轻快，欢欣，热烈，温馨，时尚……
动力，愤怒，热情，活力……
主色和辅色都在统一色相上，这种配色方法往往会给人页面很一致化的感受。
该方法比较常见，搭配比同色系稍微丰富，色相柔和过渡看起来也很和谐。
主导的对比配色需要精准地控制色彩搭配和面积，其中主导色会带动页面气氛，产生激烈的心理感受。
清澈调子使页面非常和谐，即使是不同色相形同色调的配色能让页面保持较高的协调度。
SHOTFOLIO的案例
明亮的颜色活泼清晰，热闹的气氛和醒目的卡通形像叙述着一场庆典，但铺满高纯度的色彩，过于刺激，不适宜长时间浏览。
Kids plus的案例
活泼、喜庆、奋进、热情
1.不要将所有颜色都用到，尽量控制在三种色彩以内。 2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
页面布局类型——“国”字型
布局方式： 上面是网站的标题及横幅广告，接下来是网站的主要内容，下面是一些网站的信息。
页面布局类型——拐角型
布局方式： 上面是标题广告，接下来的左侧是导航栏，右侧是正文，下面是网站的信息。
页面布局类型——标题正文型
布局方式： 上面是标题，下面是正文。
页面布局类型——上下框型
布局方式： 上面是导航栏，下面是正文。
页面布局类型——左右框型
布局方式： 左边是导航栏，右边是正文，有时最上方会有一个小标题。
页面布局类型——封面型/Flash型
布局方式： 精美的平面/动画作为首页。
构思并设计自己的网站（导学案：任务二）提示：1、网站的结构及栏目。2、网站会以什么颜色为主色，什么颜色为辅色，会用到哪些字体等。3、将会用到哪些样式的布局，请简单的画下来。4、会设计哪些网站交互链接。