5_网站页面设计.ppt

第五章网站页面设计 第五章 网站页面设计 5.1 主页设计 5.2 栏目与版面设计 5.2.1 栏目设计 5.2.2 版面设计 5.3 页面可视化设计 5.3.1 色彩设计 5.3.2 字体设计 5.3.3 导航设计 第五章 网站页面设计 5.3.4 图像设计 5.3.5 动画设计 5.1 主页设计 确定主页的功能模块 网站名称、广告条、主菜单 新闻、搜索、友情链接 联系及版权信息等 主页版面设计 勾画草图→软件实现 处理技术上的细节 风格、链接、图形、动画、文字、速度 5.2 栏目与版面设计 设计版面的最好方法是：找一张白纸、一支笔，先将理想中的草图勾勒出来，然后再用网页制作软件实现。 设计人员要了解企业的CIS，熟悉企业标志、吉祥物、字体及用色标准，以便在网站的局部将之体现出来，于平淡之中勾画出一个优美的符合企业特点的曲线，从而将企业印在浏览者的脑海里。 5.2.1 栏目设计 栏目设计应紧扣网站主题 设计一个最近更新或网站指南栏目 设计一个可以双向交流的栏目 设计一个下载或常见问题解答栏目 大型网站可根据需要设置子栏目 联系及版权信息等辅助信息不要放在主栏目 5.2.2 版面设计 版面布局原则 主次分明，中心突出 大小搭配，相互呼应 图文并茂，相得益彰 版面布局常用方法 正常平衡 异常平衡 对比 凝视 空白 图片解说 版面布局步骤 轮廓设计 布局设计 细节设计 版面布局形式