网页设计理论.ppt
《网页设计理论.ppt》由会员分享,可在线阅读,更多相关《网页设计理论.ppt(32页珍藏版)》请在三一文库上搜索。
1、网页设计理论,网页设计流程 网站策划 网站类型 网页布局 网页色彩 网站开发技术,网页设计流程,网页设计流程,网站策划 人员组织 页面设计 程序开发 测试发布 维护推广 项目总结,网页设计流程之效果图,网站策划 提交资料 整体设计 客户审核 审核通过,绘制结构草图 绘制辅助线 绘制结构底图 添加内容 效果图切片 优化切片 输出切片,网页设计流程实例,网站策划,网站类型,网站导航,网站风格,网站功能,网页布局,策划,效果图,收集客户信息 分析网站类型 确定网站风格,网站策划实例-达利园,资讯类网站 电子商务类网站 互动游戏类网站 教育类网站 功能型网站 企业类网站,网站类型,特点: 1、页面信息
2、量大,很高,屏数多。 2、重要信息放顶部。 3、内容以文字形式为主。 4、布局紧凑,以不同颜色区分。 布局: 以三栏或四栏竖排 色彩: 政府类以红色系为主 娱乐类以紫、蓝等流行色为主 ,资讯类网站,电子商务类网站,特点: 1、产品信息量大,导航支持。 2、图文结合。 3、搜索注册等功能模块多。 布局: 以三栏竖排为主 色彩: 以洋红、蓝色、橙色等活泼色为主 ,产品如何展示 订单如何生成 订单如何执行,互动游戏类网站,特点: 1、页面以图片为主,视觉冲击力强。 2、内容少,以图片和分栏为主。 色彩: 以游戏环境色为主, 色彩一般强烈、刺激 ,游戏官方网站 在线游戏站,教育类网站,特点: 1、内容
3、多,功能多。 2、以点盖面为主。 3、首页一般突出教育文化 布局: 横向布局较多 色彩: 以绿色、蓝色较多 ,功能型网站,特点: 1、布局简单,学问多。 2、用户体验很重要。 3、精神感受和粘合度高。 布局: 布局简单,速度快。 色彩: 色彩平和、简约。 ,企业型网站,特点: 1、突出企业文化。 2、展现企业产品。 3、能提高客户的认知度。 布局: 横向布局较多,风格简约。 色彩: 以企业的VI色为主。 ,网页布局,网页布局基础 网页基本元素、网页构成、空间与页面尺寸、元素分布 网页布局设计 布局的方法、确定版面率、网格设计 网页布局分类 满版布局、十字布局、九宫布局、米字布局 网页布局技巧
4、黄金分割布局、左右对齐布局、全景式布局、卫星式布局、 包围式布局、散开式布局、单侧齐行式布局、对称式布局,网页布局基础,网页基本元素:文本、图像、动画、音频、视频、表单、表格、框架等 网页构成:标题、页眉( LOGO 导航主题)、内容(文本、图片、搜索、列表等功能区)、 页脚 空间与页面尺寸:网页空间比屏幕空间小;屏的概念;像素;分辨率;标准宽度。 元素分布:LOGO、搜索框、导航条等分布规律。,网页布局设计,布局的方法: 准备工具确定尺寸设计版式绘制页眉绘制内容绘制页脚调整页面实现效果图 确定版面率: 版面率是指图片和文字在浏览器中所占的比率,又叫留白。 网格设计: 网页布局又可以叫做网格设
5、计 ,将网页分解生多个矩形块。 从大到小设计,网页布局的分类,满版布局,网页布局的分类,十字布局,网页布局的分类,九宫布局(多数网站采用),网页布局的分类,米字布局,网页布局的技巧,黄金分割布局:主要用于构图a: (a+b)=b:a 0.618 左右对齐布局: 全景式布局: 卫星式布局: 包围式布局: 散开式布局: 单侧齐行式布局: 对称式布局,网页色彩,色彩与印象 色彩的原理 色相环 网页色彩模式 色彩索引 色调变化效果 色彩分类,色彩与印象,色彩决定整体印象 色彩印象不能更改? 色彩的效果,色彩原理,光与色彩 色彩是由光的刺激产生的视觉反应 物体色 物体呈色是因为光源色经物体表面吸收反射到
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 理论
链接地址:https://www.31doc.com/p-3000990.html