1 / 18

网站布局的基本方法

网站布局的基本方法. 网站布局的基本方法. 1 、网页设计的布局 2 、根据整体内容的位置决定布局 3 、依据空间分割方向的布局模式. 1 、网页设计的布局. 1 、网页设计的布局. 网页设计的布局： 把网页页面的诸多构成要素（文字、图像、 图表、菜单等）在网页浏览器里有效地安排起来。. 1 、网页设计的布局. 布局的主要原则：. 醒目： 使用户把注意力集中到某网站并诱导其浏览内容；. 可读： 使网站的内容更容易让人读懂；. 明快： 准确、快速地转达网站的构成内容；. 造型： 维持整体外型上的稳定感和均衡性。. 2 、根据整体内容的位置决定布局.

plato
Download Presentation

网站布局的基本方法

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 网站布局的基本方法

  2. 网站布局的基本方法 1、网页设计的布局 2、根据整体内容的位置决定布局 3、依据空间分割方向的布局模式

  3. 1、网页设计的布局

  4. 1、网页设计的布局 网页设计的布局： 把网页页面的诸多构成要素（文字、图像、 图表、菜单等）在网页浏览器里有效地安排起来。

  5. 1、网页设计的布局 布局的主要原则： 醒目：使用户把注意力集中到某网站并诱导其浏览内容； 可读：使网站的内容更容易让人读懂； 明快：准确、快速地转达网站的构成内容； 造型：维持整体外型上的稳定感和均衡性。

  6. 2、根据整体内容的位置决定布局

  7. 2、根据整体内容的位置决定布局 (1)、内容排列在画面左侧的页面布局 (2)、内容排列在画面中央位置的页面布局 (3)、内容排列在画面水平--垂直中央位置的页面布局 (4)、使用整个画面的页面布局

  8. 2、根据整体内容的位置决定布局 (1)、内容排列在画面左侧的页面布局

  9. 2、根据整体内容的位置决定布局 (1)、内容排列在画面左侧的页面布局

  10. 2、根据整体内容的位置决定布局 (2)、内容排列在画面中央位置的页面布局

  11. 2、根据整体内容的位置决定布局 (3)、内容排列在画面水平--垂直中央位置的页面布局

  12. 2、根据整体内容的位置决定布局 (4)、使用整个画面的页面布局

  13. 3、依据空间分割方向的布局模式

  14. 3、依据空间分割方向的布局模式 (1)、纵向分割的格式 (2)、横向分割的格式 (3)、横向---纵向混合型的格式

  15. 3、依据空间分割方向的布局模式 (1)、纵向分割的格式

  16. 3、依据空间分割方向的布局模式 (2)、横向分割的格式

  17. 3、依据空间分割方向的布局模式 (3)、横向---纵向混合型的格式

  18. 注意问题 网页设计时，必须注意以下几点： 1、使用的便利性 导航要清楚、文字与背景颜色对比度要强等 2、一贯性 基本的菜单应安排在各页面的一定位置上、风格一致等

More Related