版面设计基础学案

《版面设计基础学案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页版面设计学案一、网页的基本要素有网页标题、网站标志、主体、页眉页脚和导航栏等。二、网站的布局常见有以下几种类型：“国”字型、“厂”字型、“框架”型、“封面”型、pop型、Flash型等三、网站的色彩搭配：色彩能体现网站形象和延伸内涵的。一个网站的标准色彩一般不超过3种。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。四、根据网站主题内容及素材，按步骤完成以下操作任务，对网站首页进行个性化的布局设计。A、欣赏及体味１、登陆ftp://172.16.2.201（g110）下载“优秀学生作品版面赏”文件夹，浏览文件夹内图片，体味版面布局及色彩的和

2、谐搭配。B、首页的确定１、、登陆ftp://172.16.2.201（g110）下载“模版图片(jpg)”文件夹，浏览文件夹内图片，根据所选定网站主题选择一个作为网站的首页。２、按照刚才路径，“网页模版（psd)”文件夹找到选中图片的PSD源文件，并下载。C、初步规划版面（fireworks)再打开刚才下载的PSD文件。利用fireworks，结合网站主题，思考版面的布局，并作初步的规划。（选中要修改的画页元素，作大小、位置、复制、移动、删除等调节）。最后再次保存为PSD文件。D、精雕细琢(photoshop)进阶在photoshop中打开此文件，尝试添加网站主题文

3、字及素材图片，对版面设计作进一步的修改。注意：不用添加栏目内容文字。保存网站首页文件：分别保存为PSD及JPG两种格式。文件名：20113**0**.psd20113**0**.jpgE、提交及分享登陆ftp://172.16.2.201　班级讨论区（g110），分类保存所作的设计。五、小结：网站的首页很重要，是一个网站的门面和形象的象征，做好它，是关键！今天我们对网站首页的版面作了一个初步的构思和设计，对网页版面的设计有了一个初步的了解。一个优秀的版面设计，一节课的时间显然是不够的，相信很多同学还有不少的想法和设想。别急！在接下来的几节课里，我们将会继续丰富完善我

4、们的设计！