内容课工场课件04_第1页
内容课工场课件04_第2页
内容课工场课件04_第3页
内容课工场课件04_第4页
内容课工场课件04_第5页
已阅读5页，还剩38页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、第四章 网页布局基础主讲：老牛君本章目标理解网页布局的概念掌握一般网页的组成元素了解布局设计的方法了解布局的基本原则掌握九宫格和黄金分割线布局掌握几种网页布局方式教师讲解本章目标WE CHANGE LIVES 布局的概念网页设计中布局的重要性分布在各个行业影响第一眼印象网页设计的概念页面尺寸常见尺寸浏览器工具栏印象不要超过三屏显示器分辨率（像素）网页尺寸（像素）640 x480620 x311800 x600780 x4281024x7681003x600网页设计的概念整体造型造型的概念造型的含义网页的组成元素网页的组成元素顶部LOGO导航内容工具条页脚空白区顶部顶部的重要性顶部第一印象LOG

2、OLOGO的作用对外宣传容易记忆超链接导航导航的作用重要性导航区位置内容主体内容重要性构成元素工具条工具条的概念页脚页脚内容页脚重要性空白区空白区的重要性空白区的作用广告也精彩尽量避免大幅广告在第一屏常见的广告尺寸设计网站广告位的思考方法设计满足用户需求合理布局考虑将来的需求布局设计的方法纸上布局法尺寸的选择造型的选择页头文本图片页头文本图片造型的选择布局设计的方法软件布局法使用图形设计软件进行布局设计123布局设计的方法软件布局的优势布局灵活修改方便软件布局的常见问题网页文档尺寸与分辨率字体与颜色图文搭配参考线的应用布局的步骤布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。布局

3、也有一定的步骤可循布局的步骤草案不考虑细节简单勾画轮廓布局的步骤粗略布局添加元素元素的排放布局的步骤定案细化细节完成最终设计布局设计的基本原则布局三原则简洁一致性对比度简洁原则设计要表达的是一定的意图和要求，在适当的环境里为人们所理解和接受 ，要求简练，准确一致性原则一致性是表现一个站点的独特风格的重要手段之一各个页面使用相同的页边距，文本，图形之间保持相同的间距等页面中的每个元素与整个页面以及站点的色彩和风格上的一致性文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐 对比度原则使用对比是强调突出某些内容的最有效的办法之一,好的对比度使内容更易于辨认和接受 九宫格与网页布局九宫格构图26/39九宫格的应用网页框架27/39九宫格的应用页头LOGO和导航28/39九宫格的应用内容区域29/39九宫格的应用页脚30/39九宫格的构图构图依照四个关键点进行布局划分31/39黄金分割讨论：哪个矩形看起来更舒服？32/39黄金分割与网页布局黄金分割比率：1：1.618视觉中心33/39黄金分割的应用建筑绘画摄影34/39黄金分割与网页布局黄金分割在网页布局中的应用35/39网页的布局形式布局分类T型布局口型布局三型布局对称对比布局POP布局36/39网页的布局形式T型布局37/39网页的布局形式口型布局38/39

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论