web设计原则.pptVIP

第12章 Web 设计基础 主要内容 12.1 Web设计原则 Web设计师需要研究如何布局、处理字体和颜色以及空白的应用。 Web站点所要实现的目标是设计的最终方向，而页面的制作仅仅是设计的具体实现。 Web站点的设计并不是通常认为的网页制作，而是一个融合了多种设计原则和设计过程的系统工程。 12.1.1明确站点类型 12.1.1明确站点类型 一些资讯和形象相结合的网站，如政府网等 12.1.1明确站点类型 形象类网站，比如商业企业的对外宣传网站 12.1.1明确站点类型 除了上述网站类型外，还有一些网站具有更多的专业化设计。例如，瑞丽女性网 12.1.1明确站点类型 迪士尼网站充分考虑了儿童的特别，其设计非常活泼有趣 12.1.2保持站点简洁明确 Web设计要求界面简洁 简洁首先是对内容文本进行精炼化，保留关键信息。 使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。 另一种保持简洁的做法是限制所用的字体和颜色的数目。 Web设计要求内容明确 使用清楚的消息标识，确保用户了解此页面的上下文 还可以使导航元素保持一致，并且对访问率最高的区域进行明显的标记，是它们易于被用户找到。 界面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把界面装点起来。 除此之外，还要确保界面上每一个元素都能让浏览者看到。 12.1.3页面设计一致性 页面的结构排版 通过定义一致的页面模板，各个页面使用相同的页边距； 文本和图形之间保持相同的间距； 主要图形、标题或符号旁边留下相同的空白。 如果在第一页的顶部放置了公司标志，那么在其他各页面都放上这一标志， 如果使用图标导航，则各个页面应当使用相同的图标来创造出一种熟悉感。 12.1.3页面设计一致性 当当网的二级栏目图书频道和其首页导航条保持一致。这样使得这些页面呈现出的视觉形象就是相互联系，也使用户感知到正在访问的页面与此前访问的该网站的网页是相互联系的。 12.1.4 注重用户体验 注重用户体验是Web站点设计应考虑的一个重要方面，它要求把用户放在第一位，设计时既要考虑用户的共性，同时也要考虑他们的差异性。 12.1.4 注重用户体验 研究用户 有效的导航和位置设计 保持整个网站一致性的设计 清晰准确的内容设计，便于用户快速的获得所需的任何信息 12.2 网站结构规划 Web 站点由一组 Web 页面组成，而且这些 Web 页面具有一定的分层设计和组织。 结构设计要做的事情就是如何将内容划分为清晰合理的层次体系，建立起组成 Web 站点的各个页面相互关联关系，构建一个组织优良的网站整体。 12.2.1网站栏目规划 好的栏目规划结构是网站内容的总体概述，它利用导航的形式予以表现，指引浏览者在页面间访问和跳转。 网站栏目的划分需要遵循一些基本的原则。 第一，栏目内容一定要紧扣主题 第二，栏目的目录设计要求简洁，结构层次清晰，以方便网站的管理。 第三，栏目的内容要突出重点，对于用户经常要访问的内容应直接放入主栏目下。 第四，为方便用户使用，一般情况下访问者应能够在3-5次鼠标点击后可查询到相关问题。 12.2.2目录结构规划 下面是建立目录结构的一些建议 不要将所有文件都存放在根目录下。 按栏目内容建立子目录 建立一些特定目录存放公共信息。 另外还有一些需要注意的目录规划原则。如 目录的层次不要太深，建议不要超过3层。 不要使用中文目录；使用中文目录可能对网址的正确显示造成困难。 不要使用过长的目录； 尽量使用意义明确的目录，比如可以使用image，css，js，post，bbs等。 首页通常命名为index或者default，并应放在根目录下，而且每个栏目的首页也应遵循这样的规则。 一个班级网站的目录结构规划图 12.3 网页布局 布局设计原则 布局设计类型 布局设计元素 布局设计技术 12.3.1布局设计原则 网页布局的内容应来源于需求，栏目的重要程度决定了网页布局的形式 网页布局应区分栏目模块的重要程度。 网页布局必须尊重用户习惯。 12.3.2布局设计类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。 “国”字型网页布局 拐角型 标题正文型 这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类型。 框架型 框架型还分为左右框架，上下框架及综合框架等。框架型网站的优势在于可以使网站的维护变的相对容易，但其不易被有哪些信誉好的足球投注网站引擎索引。框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活，通常用于网站后台管理页面的布局； 封面型