文档介绍：第10章UI界面设计第10章UI界面设计 UI 界面设计是指对软件的人机交互、操作逻辑和界面美观的整体设计。普通电脑一般都是用鼠标和键盘进行交互,现在的手机和平板电脑大多都是触控等。不管哪一种操作方式都需注重用户的操作体验,本课将讲解不同类型的界面设计方法。网页设计的构成要素网页设计的基本原则手机 UI设计的 3大趋势手机 UI设计的原则在互联网中,网页是提供信息的最主要手段,凡是在互联网上通过浏览器阅读到页面,都叫网页。我们通常看到的网页,都是以 htm 或html 后缀结尾的文件, 所以网页也俗称 HTML 文件。网页也是互联网中的基本组成部分、网上的重要媒体方式,因此,他也是人们关注的焦点;网页作为网上内容的一种视觉包装艺术,他具备了声音、动画、映象以及三维空间等诸多因素,形成了 21世纪重要的视觉艺术表现形式。 网页设计基础知识 网页设计的基本原则网页设计人性化理念主要围绕两点,即便利性( Usability )和差别化的独创性( Creativity ),而基本原则分为以下 7点。用户导向( User oriented )原则。 KISS ( Keep It Simple And Stupid )原则。布局控制。视觉平衡。色彩的搭配和文字的可阅读性。和谐与一致性。个性化(符合网络文化,塑造网站个性)。如右图,该图合理的展现了以上基本原则。 网页设计界面的构成要素网页界面的构成要素包含:标题、 Logo 、导航、 Banner 、广告, 如下图所示。 网页的分类按网页在网站中所处的位置可将网页分为主页和子页两类;按网页的表现形式可将网页分为静态网页和动态网页。 网页设计的基本元素 一个优秀的网站离不了出色的网站设计,往往,人们会被设计精美的网页所吸引。字体的选择,内容的排列,颜色的搭配,无不考验着网页设计人员的头脑, 一个完整的网页需包含以下几点。 :标题、文字信息、文字链接。网页中可通过字体、大小、颜色等来设置文本属性,如右图所示。 (图像) 网页设计中的图形包括: 标题、背景、主图、链接按钮。网页上的图片一般为 JPG 和 GIF 格式,如右图所示。 ,将不同的文字和图片按照一定的次序用最合理的编排和布局组成一个有机的整体并展现出来,如右图所示。 ,会显得太单调;反之,颜色太多会则会花哨,一般使用一种或两种主题色,配以辅助色,一个页面尽量不要超过四种色彩。背景色设计要考虑与前景文字的搭配。两者要拉开层次,不能影响阅览者阅读内容。标志要突出显示,其色彩跟网页的主题色层次要拉开, 也可以用对比色;导航和小标题是网站的指路灯,浏览者要在网页间跳转、了解网站的结构及内容,必须通过他们。这时可以使用稍具跳跃性的色彩来加以强调,以吸引视线,让人感觉网站功能清晰明了、层次分明,不至于迷失方向。网页设计中的色彩要均衡,如右图所示。 ,除了文本、图像和 Flash 动画外,还有声音、视频等其他媒体,如下图所示。声音是多媒体网页中的一个重要组成部分,可以将某些声音添加到网页中。在添加声音前,需要考虑的因素包括其用途、格式、文件大小、声音品质及浏览器差别等。不同浏览器对声音文件的处理方法有所不同,彼此之间可能不兼容。视频文件的采用使网页变得精彩而富有动感。视频文件的格式也非常多,常见的有 RM 、 MPEG 和 AVI 等。