Web制作02.pptVIP

UI（User Interface,用户界面） 用户界面是指人与系统的连接空间，用户能够从系统中获得并处理信息，最充分地实现这个过程的互动，这是用户界面最主要的目标。 用户界面设计是屏幕产品的重要组成部分。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。 用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。 GUI（ Graphical User Interface，图形用户界面） 是屏幕产品的视觉体验和互动操作部分（如Windows操作系统）。是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。 GUI的特点 极大地方便了非专业用户的使用人们，从此不再需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。而嵌入式GUI具有下面几个方面的基本要求：轻型、占用资源少、高性能、高可靠性、便于移植、可配置等特点。 GUI 准则 减少用户的认知负担 保持界面的一致性。 满足不同目标用户的创意需求 用户界面友好性 图标识别平衡性 图标功能的一致性 建立界面与用户的互动交流 GUI 应用领域 手机通讯移动产品 电脑操作平台 软件产品 PDA产品 数码产品 车载系统产品 智能家电产品 游戏产品 产品的在线推广 WUI（Web User Interface， 网页用户界面） WUI的准则 1.能针对用户的需求，具有使用的便利性。 2.一致性，包括设计目标一致、外观元素一致、交互行为一致。 3.创意性  创意的实质 1.创意的目的是为了让你的网站与众不同 2.创意是传达信息的一种特别方式 创意并不是天才的灵感，而是思考的结果。通常网站创意的思考过程可分为以下五个阶段： 准备期——研究所搜集到的资料，根据旧经 验，启发新创意； 孵化期——将资料咀嚼消化，使意识自由发展，任意组合； 启示期——意识发展并结合，产生创意； 验证期——将产生的创意讨论修正； 形成期——设计制作网页，将创意具体化。 3.创意是将现有的要素重新组合 网站创意思考的捷径是联想 在这里提供了几种网站创意的联想线索供大家参考： a.让它的颜色突破人们的印象； b.使它立体化； c.让网站拟人化； d.变更常规的一部份； e.使它看起来非常流行； f.使它有罗曼蒂克的味道； g.给它起个朗朗上口的绰号； UI中的图标 1.图标必须具有准确的含义 2.图标便于理解和记忆 3.图标应该具有系统性 网页的基本元素包括：标题、网站LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。 1.标题 往往出现在浏览器的标题栏，是对这个网页中主要内容的提示。 网页标题设计的一般规律： （1）网页标题不宜过短或者多长。一般来说6－10 个汉字比较理想，最好不好超过30个汉字。 （2）网页标题应概括网页的核心内容。 （3）网页标题中应含有丰富的关键词。 2.网站LOGO? LOGO是网站所有者对外宣传自身形象的工具。LOGO集中体现了这个网站的文化内涵和内容定位。LOGO在网站中的位置都比较醒目，目的是要使其突出，容易被人识别与记忆。在二级网页中，页眉位置一般都留给LOGO。另外，LOGO往往被设计成为一种可以回到首页的超链接。 3.页眉? 网页的上端即是这个页面的页眉。页眉往往在一个页面中相当重要的位置，容易引起浏览者的注意。 4.主体内容 主体内容是网页中的最重要的元素。主体内容并不完整，往往由下一级内容的标题、内容提要、内容摘编的超链接构成。主体内容借助超链接，可以在一个页面内高度概括几个页面所表达的内容。 由于人们的阅读习惯是由上至下、由左至右，所以主体内容的内容分布也是按照这个规律，依照重要到不重要的顺序安排内容，所以在主体内容中，左上方的内容是最重要的。? 5. 页脚 网页的最底端部分被称为页脚，页脚部分通常被用来介绍网站所有者的具体信息和联络方式，如名称、地址、联系方式、版权信息等。其中一些内容被做成标题式的超链接，引导浏览者进一步了解详细的内容。 注意！有的网站（如雅虎）的页脚除上述内容外，增加了导航内容，这种方式在首页内容过多的情况很适用。好处是浏览者不必滑动滚动条，可直接选择栏目，易用性强。 ?6. 导航区? 导航区的重要性与主体内容其不相上下，甚至导航区的设计可以成为一种独立的设计，与网页布局设计分庭抗礼。之所以说导航区重要，是因为其所在位置左右着整个网页布局的设计。 导航区一般分为4种位置，分别是左侧、右侧、顶部和底部。 7. 功能区 ?功能区是网站主要