《谈谈你对用户界面设计的认识》由会员分享，可在线阅读，更多相关《谈谈你对用户界面设计的认识（4页珍藏版）》请在金锄头文库上搜索。
1、1用户界面设计规范计科 076 班 姓名 学号 07422120众所周知，当今在软件界面的设计中，越来越重视用户界面的美观，不但要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。软件用户界面的设计也有自己的标准。具体应该遵循以下几个基本原则：用户导向原则：一定要明确使用者是谁，要站在用户的观点和立场上来考虑设计软件。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等（即做好需求分析） 。需求分析十分重要，网页的设计者要清楚，用户之间差别很大，他们的能力各有不同。比如有的用户可能会在视觉方面有欠缺（如色盲） ，对很多
2、的颜色分辨不清；有的用户的听觉也会有障碍，对于软件的语音提示反映迟钝；而且相当一部分用户的计算机使用经验很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，其中包括网速、操作系统（DOS、 UNIX、XENIX、LINUX、Windows、Netware）以及浏览器（搜狗，IE,Firefox，遨游等）等都会有不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成混乱。正如最近显示器显示比例最流行的是 16:9 的宽屏 ，但是我的机器 HP a6515cn 显示器为 HP W1907 ，显示像素最佳比例为 1440*900。如果只是片面考虑自己
3、的机器，那么图片很难完整的显示出自己应有的效果。所以，做好需求分析，遵照用户向导原则。KISS 原则：KISS 原则就是Keep It Simple And Stupid的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆积上很多复杂和花哨的图片。如果选择图片最好要选择 GIF 格式的，GIF 以交错方式存储的图像的好处就是无需将整个图像文件解压完成就可以看到图像的概貌，比 JPG 和 JPEG 打开的速度要快的多。该原则一般的要求，网页的下载不要超过 10 秒钟；尽量使用文本链接，而减少大幅图片和动画的使
4、用；操作设计尽量简单，并且有明确的操作提示；软件所有的内容和服务都在显眼处向用户予以说明。布局控制：关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有：21.Miller 公式。根据心理学家 George A.Miller 的研究表明，人一次性接受的信息量在 7 个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为 72 比特。这一原理被广泛应用于软件建设中，一般网页上面的栏目选择最佳在 59 个之间，如果软件所提供给浏览者选择的内容链接超过这个区间，人
5、在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。2.分组处理。上面提到，对于信息的分类，不能超过 9 个栏目。但如果你的内容实在是多，超出了 10 个，需要进行分组处理。视觉平衡：网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个道理。例如，你的很多的文字是采用左对齐Align=left ，需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下，每张网页都会设
6、置一个页眉部分和一个页脚部分，页眉部分常放置一些 Banner 广告或导航条，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值。如果你的网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该软件的形象。在网页设计上，适当增加一些空白，精炼你的网页，使得页面变的简洁。色彩的搭配和文字的可阅读性：颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；黑颜色显得比较庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择合适的颜色（包括背景
7、色、元素颜色、文字颜色、链节颜色等）。为方便阅读软件上的信息，可以参考报纸的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体（Arial，Courier New，Garamond，Times New Roman，中文宋体）最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体（如 Cloister，Gothic，Script，Westminster，华文彩云，华文行楷） ，这样读者阅读起来感觉一定很糟糕。该类特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移
8、到其他页面。和谐与一致性：通过对软件的各种元素（颜色、字体、图形、空白等）使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，软件的众多单独网页应3该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆；一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的部分；一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件
9、，会给浏览者带来新鲜的感觉。个性化：一定要有创新，创新即是自己的亮点，但是不要违背符合网络文化，企业软件不同于传统的企业商务活动，要符合 Internet 网络文化的要求。首先，网络最早是非正式性、非商业化的，只是科研人员用来交流信息。其次，网络信息是只在计算机屏幕上显示而没有打印出来阅读，网络上的交流具有隐蔽性，谁也不知道对方的真实身份。另外，许多人在上网的时候是在家中或网吧等一些比较休闲，比较随意的环境下。此时网络用户的使用环境所蕴涵的思维模式与坐在办公室里西装革履的时候大相径庭。因此，整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在软件上使用幽默的网络语言，创造一种休闲的、轻
10、松愉快、非正式的氛围会使软件的访问量大增。美学设计确定网站的整体风格：由于我们设计的是学习网站，所以采用大方得体的风格。网页色彩的搭配：蓝为主调。白底，蓝标题栏，橙色按钮或 ICON 做点缀。网页配色基本概念（1）白纸黑字是永远的主题。（2）网页最常用流行色兰色蓝天白云，沉静整洁的颜色。绿色绿白相间，雅致而有生气。橙色活泼热烈，标准商业色调。暗红宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，（3）颜色的忌讳忌脏背景与文字内容对比不强烈，灰暗的背景令人沮丧！忌纯艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。忌跳再好看的颜色，也不能脱离整体。脱离群众是自取其辱！忌花要有一种主色贯穿其中，主色并不时面
11、积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。忌粉颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。蓝色忌纯，绿色忌黄，红色忌艳。4（4）几种固定搭配蓝白橙：蓝为主调。白底，蓝标题栏，橙色按钮或 ICON 做点缀。绿白兰：绿为主调。白底，绿标题栏，兰色或橙色按钮或 ICON 做点缀。橙白红：橙为主调。白底，橙标题栏，暗红或桔红色按钮或 ICON 做点缀。暗红黑：暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。网页设计理念（1）内容决定形式先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最
12、后回归到整体。全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。参考文献1 张海藩， 软件工程导论（第 5 版） ，清华大学出版社，2003 年 8 月2 杨培添， 软件界面设计 ，电子工业出版社，2007 年 02 月3 林锐， Web 软件用户界面设计指南 ，电子工业出版社，2005 年 5 月4 吴 士 力 ， 汪 孝 宜 ， 胡 俦 ， 网 络 系 统 开 发 实 例 精 粹 （ JSP 版 ） ， 电 子 工 业 出 版 社 ，2006 年 8 月5 黄艳群，黎旭，李荣丽， 设计人机界面 ，北京理工大学出版社，2007 年 5 月
