Internet网页界面设计.pptVIP

第八章　Internet网页界面设计 　 学习目标 了解网页设计的内容及其特点 掌握网页设计的原则 掌握网页设计的布局技术 学会如何设计网站 　 试听元素 试听元素就是网页上看的到的,听的到的. 也就是网页上的文本，背景，图象，表格，颜色，导航工具，动态影像等． 网页布局 网页布局是在有限的屏幕空间上，将试听元素进行有机的排列组合．将理性思维个性化的表现出来．它可以在传达信息的同时，也产生感官上的美感和精神享受． 交互性与持续性 　交互性就是人们接受网页信息的同时，还可以以主动参与者的身份加入到信息的加工处理和发布之中．持续性就指网页交互是个长期的过程．． 多维性 　它源与超连接，主要体现在网页设计中对导航的设计上． 例如:导航提供不同角度的连接,可以让你在各个主题之间自由跳转.不必每次都要返回的线性方式. 多媒体的综合性 网页设计运用多媒体元素嘛. 例如:现在的在线电影,网上直播咯 布局的不可控性 网页设计者无法控制页面在用户端的最终显示效果. 具体表现:书上.　 技术与艺术结合的紧密性 设计是主观和客观共同作用的结果啊. 技术表现为客观因素,艺术表现为主观因素. 没有技术,就设计不出;没艺术就表达不出效果.所以设计要两者结合,来满足浏览者对网页的高质量需求. 为什么要原则． ３原则 　一．主题鲜明 　Ｐ159 原因，目的，要求． 　二．形式与内容的统一 　内容：构成设计的一切内在要素的总和．是设计存在的基 　　　　础．被称为“设计的灵魂”． 　形式：构成内容个要素的内部结构，风格或设计语言等表 　　　　现形式． 　设计的内容就是指他的主题，形象，题材等要素的总　　　 　　　和．形式就是它的结构，风格或设计语言等的表现形式． 三．强调整体 　网页上的整体性包括内容和形式上的整体． 　整体性是体现一个站点独特风格的重要手段之一． 　网页的结构形式是由各种各样视听要素组成的． 　整体性的在设计页面时，强调页面组成部分的共性因素，或者共同含有某种形式特征，是求得常用方法．这主要从布局，色彩，风格等方面入手． 　从某种意义上讲，强调网页结构的形式的视觉整体性必然会牺牲灵活的多变性． 网页的布局大致可以分为“国”字型，拐角型，标题正文型，左右框架型，上下框架型，综合框架型，封面型，Ｆlash型，变化型． １．国字型 　也称“同”字型，是一些大型网站所有喜欢的类型，既最上面是网站的标题以及横列到底，最下面是网站的一些基本信息，联系方式，版权声明等． ２拐脚型 　就是上面是标题及广告横幅，接下来的左侧是一窄列连接（如导航连接）等，右列是很宽的正文，下面也是一些网站的辅助信息． ３标题正文型 　这种结构最上面是标题或类似的一些东西 ，下面是正文，比如是一些文章，注册信息等． ４左右框架型 　这是一种左右为分别两页的框架结构，一般左面是导航连接，有时最上面会有一个小的标题或标志，右边是正文． ５上下框架型 　与上面的类似，区别就是上，下分为两页的框架． ６综合框架型 　是上述两中结构类型的结合，也类似拐角型，只采用了框架结构． ７封面型　 　这类型基本上是网站的首页，大部分是些精美的平面设计及连接． ８Ｆlash型 ９变化型 　即上面类型的结合与变化．． １．网站设计中的常见错误 　．用户界面元素不一致 　．导航栏位置的不一致 　．不太注意或根本不注意基本的图形设计　　 　　原则 　．网页过于庞大 ２网页设计的流程 　网站设计一般都经历以下３个原则 　．产品计划阶段 　　　要求设计一些初级模型：大致描述页面，部分或功能草图． 　．撰写项目说明书 　　在上阶段基础上创建并提出一个更完整的计划． 　．开发阶段 创建运行计划服务的web 原型,并且进行全面的可用性测试以及内 部复查.然后完成站点的代码,修改程序的错误,最后,站点通过实际 运转的站点向客户发布. 　 .另外,还要进行仔细观察,以了解可用性对象是否可以正确使用新功能 总的来讲,站点设计是在发生冲突的需要之间求得平衡的艺术.一方面要将站点设计得尽量简单易用.另一方面,要确保站点中所有强大的工具可为经验丰富的用户所用.与此同时还要为内部客户服务. 3网站设计的经验（21点） 使用清楚的消息 确保用户了解此页面的上下文，并且知道需要他们做什么。 例如：在注册过程中要输入用户姓名，就直截了当的说明。 保持一致性 虽然更改不同页面的外观并不难，但这并不意味着应该这么做。将主要功能放在每页的相同位置。例如：M上，黑色全局导航工具栏的位置在40多万页上都是一样的。 使站点可用 在完成设计之后，必须测试站点的可用性，确