网站设计基础知识讲座.ppt
《网站设计基础知识讲座.ppt》由会员分享,可在线阅读,更多相关《网站设计基础知识讲座.ppt(43页珍藏版)》请在三一文库上搜索。
1、网站设计基础知识讲座,李金虎,网页设计概述,网页基本特征 网页的基本构成元素 网页设计的基本原则 多媒体在网页设计中的应用,网页基本特征, 标题 正文 ,网页的基本构成元素,文本 图像 超链接 表格 表单 导航栏 Gif动画 Flash动画 框架,网页设计的基本原则,确定内容 确定内容最好的表现形式和用户 确立一个创造性的、有效的设计方案 网页设计的标准: 不同的用户群有不同的服务方向,需要恰当的设计没有好的或者坏的设计,只有是否合适、恰当的设计。,网页多媒体类型,1、图像 Gif 、JPEG、PNG 2、动画 Gif、Flash 3、Java Applet 4、音频 WAV、MP3、MIDI
2、、Real Audio、 5、视频 Realplayer、mov、MPEG、AVI,网站设计制作的基本流程,前期策划和内容组织 网站需求分析 网站整体风格定位 网站内容组织,网站设计制作的基本流程,规划,设计,完善,发布,维护,网站的制作流程图,前期策划和内容组织,网站需求分析 网站整体风格定位 网站内容组织 规划草图 规划页面结构 规划站点结构,网站页面的设计制作,寻找网页的创意 利用图像软件设计效果图 利用网页编辑软件制作网页 利用网页动画软件制作动画,网站页面的技术实现,网页制作中的其他常用工具 360度全景图片 Swish制作Flash文字特效动画 使用ftp软件发布网站 网页特效的具
3、体技术实现 Html、CSS、JavaScript,色彩搭配在网站中的应用,色环 在从红到紫的光谱中,等间的选择两种或两种以上的颜色,相邻的两个色相互混合又得到另外一种特殊的颜色.如此周而复始,从而构成一个首尾相交的环,被称为孟赛尔色相环,即色环.从本质上讲,色环就是色谱可以看到的颜色所形成的线性连续环.,常见配色方案,近似色 用近似色的颜色主题可以实现色彩的融洽与融合,常见配色方案,补充色: 补充色也叫对比色,是制在色环中的直接位置相对的颜色. 强烈突出,富有冲击力,常见配色方案,分离补色:在色环上选择一种颜色,他的补色就在色环的另一面,可以使用补色旁边的一种或多种颜色,这样的一组颜色叫做分
4、离补色.,常见配色方案,暖色系:由红色调组成,赋予温暖、舒适和活力,常见配色方案,冷色系:冷色来自于兰色色调,这些颜色对色彩主题起到冷静的作用,用做页面背景较好。,色彩的4种功能角色,主色 支配色 融合色 强调色,如何使用色彩给网站定位,红色:热情、活力 橙色:时尚、轻快 黄色:明亮、愉快 绿色:宁静、希望 蓝色:凉爽、清新、专业 白色:洁白、纯真,多用于背景色 黑色:深沉 灰色:中庸,网站用户界面的设计,用户界面的要求 网页界面的实用性设计 网页信息的表现形式和类型 网页的版式 网页中的文字设计 网页中的图像运用,用户界面的要求,标题一目了然 表明信息 清晰的目录结构,网页界面的实用性设计,
5、表现欢迎 传达信任感 加强说服力,网页的版式,网站广告的设计,网站广告标准尺寸 300*250 中等矩形 一般用于页面内部 250*250 正方形 一般用于页面内部 130*300 垂直矩形 一般用于门户网站内容页面中,适合与正文的混排 360*300 大矩形 一般用于弹出窗口广告 468*60 通栏广告, 88*31 链接用LOGO标志 120*60 按钮样式,网站广告的设计准则,视觉要求 醒目、美观 文字使用 文字清晰、字体合适 文本与背景有较大对比 选用合适的字体 字体排列方式要符合人们阅读习惯 避免文字单一化 内容设计 广告语激发用户点击欲望,网站中表格的使用,表格的作用 表格的制作
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 设计 基础 知识讲座
链接地址:https://www.31doc.com/p-3220378.html