第4章 网站界面中首页的设计.pptVIP

第4章 网站界面中首页的设计 本章要点 ● 网站界面的整体设计 ● 版式的设计 ● 网站界面首页设计案例 ● 网站界面中二级页面设计案例 4.1 网站界面的整体设计 4.1.1 确定风格 风格的体现技巧如下： ● 将网站的标志logo，尽可能的放在每个页面上最 突出的位置； ● 突出网站的标准色彩； ● 总结一句能反映网站精髓的宣传标语； ● 相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。 4.1.2 色彩搭配 1. 网络色彩的特点 2. 色彩的文化 3. 色彩的联想 4. 色彩的心理感觉 5. 网页界面色彩搭配的原理 6.网页界面色彩掌握的过程 7.网页界面色彩搭配的技巧 1) 同类色的应用 2) 近色的应用 3) 比色的应用 4) 黑色和其他彩色 8.色彩搭配的一般手法 设计网页时选择颜色的一些注意事项： 1) 不要大面积地使用饱和度很高的纯单色，否则会使浏览者感到视觉疲劳。 2) 当网站面对的用户超出本国范围时，最好使用网页安全色。 3) 为了增加网页的可读性，背景与文字内容的亮度差值最好在102以上。 4) 在使用色彩时，应深入研究主要用户群的背景和构成，才能设计出符合用户文化认知的网站。 5) 色彩的认知是会变动的，同一群人，在不同的时间、地点都会对色彩产生不同的解读，因此在设计网页的时候，需要将色彩形成的背景因素和目标群结合分析。 4.1.3 图片处理 1.图片的基础知识 2.图片的色系 3. 选择图片的标准 4. 图片的使用技巧 5. 适合传输的图片格式 ⑴ GIF格式 ⑵ PNG格式 ⑶JPG格式 4.1.4 文字的设计 1.字体、字号、行距 2.文字的整体编排 (1)文字的图形化 (2)文字的叠置 (3)标题与正文 3.文字的强调 (1)行首的强调 (2)引文的强调 4.文字的颜色 5.网页界面文字的排版设计 (1)左右均齐编排 (2)齐左编排 (3)齐右编排 (4)中间对位编排 (5)沿图形（外轮廓、内空心）编排 (6)自然段落式编排 4.2 版式的设计 1. 布局 版面布局的步骤： ⑴ 草案 ⑵ 粗略布局 ⑶ 定案 2. 常见布局结构 (1)骨骼型 (2)满版型 (3)分割型 (4)中轴型 (5)曲线型 (6)倾斜型 (7)对称型 (8)焦点型 (9)三角型 (10)自由型 4.2.1 栏目的设计 1.栏目的设计和呈现的要点 (1)主栏目设计 (2)辅栏目设计 (3)功能模块 (4)子栏目 2.一般的网站栏目安排要点 (1)紧扣主题 (2)设立最近更新或网站指南栏目 (3)设立可以双向交流的栏目 (4)设立下载或常见问题回答栏目 4.2.2 二级页面的设计 4.2.3 界面设计技巧 1. 首页强化栏目 2. 首页设计原则 3. 确立网站的CI形象 (1) 设计网站的标志(Logo) (2) 设计网站的标准色彩 (3) 设计网站的标准字体 (4) 设计网站的宣传标语 4.3 网站界面首页设计案例-----四叶草公司网站首页设计与制作 见教材 4.6 习题 1. 什么是风格？简述通过哪些方法能确立网站的风格。 2. 简述色彩搭配的基本原则。 3 .简述网页图片的处理和使用方法。 4. 用自己的名字设计一个Logo。 5. 简述在设计页面时应注意些什么？ * * 本章首页 本章首页 本章首页 本章首页 *