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

《第4章 网站界面中首页的设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章网站界面中首页的设计本章要点●网站界面的整体设计●版式的设计●网站界面首页设计案例●网站界面中二级页面设计案例本章首页4.1网站界面的整体设计4.1.1确定风格本章首页风格的体现技巧如下：●将网站的标志logo，尽可能的放在每个页面上最突出的位置；●突出网站的标准色彩；●总结一句能反映网站精髓的宣传标语；●相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。本章首页4.1.2色彩搭配1.网络色彩的特点2.色彩的文化3.色彩的联想4.色彩的心理感觉5.网页界面色彩搭配的原理6.网页界面色彩掌握

2、的过程本章首页7.网页界面色彩搭配的技巧1)同类色的应用2)近色的应用3)比色的应用4)黑色和其他彩色8.色彩搭配的一般手法设计网页时选择颜色的一些注意事项：1)不要大面积地使用饱和度很高的纯单色，否则会使浏览者感到视觉疲劳。2)当网站面对的用户超出本国范围时，最好使用网页安全色。3)为了增加网页的可读性，背景与文字内容的亮度差值最好在102以上。4)在使用色彩时，应深入研究主要用户群的背景和构成，才能设计出符合用户文化认知的网站。5)色彩的认知是会变动的，同一群人，在不同的时间、地点都会对色彩产生不同的解读，因此在设计网页的时候，需要将色彩形成的背景因素和目标

3、群结合分析。1.图片的基础知识2.图片的色系3.选择图片的标准4.图片的使用技巧5.适合传输的图片格式⑴GIF格式⑵PNG格式⑶JPG格式4.1.3图片处理1.字体、字号、行距2.文字的整体编排(1)文字的图形化(2)文字的叠置(3)标题与正文3.文字的强调(1)行首的强调(2)引文的强调4.文字的颜色4.1.4文字的设计5.网页界面文字的排版设计(1)左右均齐编排(2)齐左编排(3)齐右编排(4)中间对位编排(5)沿图形（外轮廓、内空心）编排(6)自然段落式编排1.布局版面布局的步骤：⑴草案⑵粗略布局⑶定案4.2版式的设计2.常见布局结构(1)骨骼型(2)满版

4、型(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网站界面首页设计

5、案例-----四叶草公司网站首页设计与制作4.6习题1.什么是风格？简述通过哪些方法能确立网站的风格。2.简述色彩搭配的基本原则。3.简述网页图片的处理和使用方法。4.用自己的名字设计一个Logo。5.简述在设计页面时应注意些什么？