GUI
baikeViewInfo.expIndex="0";
baikeViewInfo.subInfo["25309"]={title:"GUI"};
简介 如Windows是以GUI（图形）方式操作的，因为你可以用鼠标来点击按钮来进行操作，很直观。而DOS就不具备GUI，所以他只能输入命令。DOS 的这种界面叫CLI (Command line User Interface ) 命令行模式的人机接口。
GUI 是 Graphical User Interface 的简称，即图形用户界面，通常图形化经常读做“goo-ee”，准确来说 GUI 就是屏幕产品的视觉体验和互动操作部分。
GUI 是一种结合计算机科学、美学、、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。
这种面向客户的系统工程设计其目的是优化产品的性能，使操作更人性化，减轻使用者的认知负担，使其更适合用户的操作需求，直接提升产品的市场竞争力。
GUI 即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到 GUI 在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事 GUI 的研究与设计，同业间也成立了若干机构，以互相交流 GUI 设计理论与经验为目的。随着 IT 产业，移动通讯产业，家电产业的迅猛发展，在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。
特点 GUI的广泛应用是当今计算机发展的重大成就之一，他极大地方便了非专业用户的使用人们从此不再需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。而GUI具有下面几个方面的基本要求：轻型、占用资源少、高性能、高可靠性、便于移植、可配置等特点。
GUI的组成部分
桌面 在启动时显示，也是界面中最底层，有时也指代包括窗口、在内的“”。在上由于可以重叠显示窗口，因此可以实现多任务化。一般的界面中，桌面上放有各种和数据的图标，用户可以依此开始工作。桌面与既存的文件夹构成里面相违背，所以要以特殊位置的文件夹的参照形式来定义内容。比如在的Windows XP系统中，各种用户的桌面内容实际保存在系统盘（默认为C盘）：\Documents and Settings\[用户名]\桌面 文件夹里。
墙纸，即桌面背景。可以设置为各种图片和各种附件，成为视觉美观的重要因素之一。
视窗 应用程序为使用数据而在图形用户界面中设置的。应用程序和数据在窗口内实现一体化。在窗口中，用户可以在窗口中操作应用程序，进行数据的管理、生成和编辑。通常在窗口四周设有菜单、图标，数据放在中央。
在窗口中，根据各种数据/应用程序的内容设有标题栏，一般放在窗口的最上方，并在其中设有最大化、最小化（隐藏窗口，并非消除数据）、最前面、缩进（仅显示标题栏）等动作按钮，可以简单地对窗口进行操作。
单一文件界面 在窗口中，一个数据在一个窗口内完成的方式。在这种情况下，数据和显示窗口的数量是一样的。若要在其他应用程序的窗口使用数据，将相应生成新的窗口。因此窗口数量多，管理复杂。
多文件界面 在一个窗口之内进行多个数据管理的方式。这种情况下，窗口的管理简单化，但是操作变为双重管理。
标签 多文件界面的数据管理方式中使用的一种界面，将数据的标题在窗口中并排，通过选择标签标题显示必要的数据，这样使得接入数据方式变得更为便捷。
上述中，多文件界面主要是微软视窗系统采用。而在其他环境中，通常多是单文件界面，所以无所谓单一/多文件界面的称呼问题。
菜单 将系统可以执行的命令以阶层的方式显示出来的一个界面。一般置于画面的最上方或者最下方，应用程序能使用的所有命令几乎全部都能放入。重要程度一般是从左到右，越往右重要度越低。命定的层次根据应用程序的不同而不同，一般重视文件的操作、编辑功能，因此放在最左边，然后往右有各种设置等操作，最右边往往设有帮助。一般使用鼠标的第一按钮进行操作。
即时菜单（又称功能表）
与应用程序准备好的层次菜单不同，在菜单栏以外的地方，通过鼠标的第二按钮调出的菜单称为“即时菜单”。根据调出位置的不同，菜单内容即时变化，列出所指示的对象目前可以进行的操作。
图标 显示在管理数据的应用程序中的数据，或者显示应用程序本身。
数据管理程序，即在文件夹中用户数据的管理、进行特定数据管理的程序的情况下，数据通过图标显示出来。通常情况下显示的是数据的内容或者与数据相关联的应用程序的图案。另外，点击数据的图标，一般可以之间完成启动相关应用程序以后再显示数据本身这两个步骤的工作。
应用程序的图标只能用于启动应用程序。
按钮 菜单中，利用程度高的命令用图形表示出来，配置在应用程序中，成为按钮。
应用程序中的按钮，通常可以代替菜单。一些使用程度高的命令，不必通过菜单一层层翻动才能调出，极大提高了工作效率。但是，各种用户使用的命令频率是不一样的，因此这种配置一般都是可以由用户自定义编辑。
实现方法 针对特定的图形设备输出接口，自行开发相关的功能函数。
购买针对特定的图形中间包。
采用源码开放的嵌入式GUI系统。
使用独立软件开发商提供的嵌入式GUI产品。
GUI 准则 减少用户的认知负担
保持界面的一致性
满足不同目标用户的创意需求
用户界面友好性
图标识别平衡性
图标功能的一致性
建立界面与用户的互动交流
更为人性化的视觉优化
更具识别性的图标及其他元素
更具可操控性和扩充性的使用易用性
更具有企业品牌特色的视觉识别性
手机通信移动产品
GUI 应用领域 手机通讯移动产品
电脑操作平台
软件产品
PDA产品
数码产品
车载系统产品
智能家电产品
游戏产品
产品的在线推广
竞赛 GUI(The GUI Championships)是一个每两年举行一次的国际性的界面竞赛, 被邀请的界面们来自世界各地参加几种不同类别的W
![]( "2008")
2008
indows GUI界面竞赛, 你将有机会获得大赛设立的丰厚奖金和同行们的赞赏.“图形用户界面大奖赛”是国际性的大赛，前身是“图形用户界面奥林匹克”，由 Neowin、Lockergnome、
deviantART、Betanews、WinCustomize五大 社区联合主办，属于微软认证的金牌合作计划。全世界的计算机桌面图形艺术天才们汇聚一堂，向我们展示他们最高的创作成就。大赛于 2005 年由于赞助资金问题停赛一年，今年的比赛便显得稍稍有些冷清。本次大赛共有世界各国 26 个团队参加，参与 9 个项目，争夺共计一万二千美元的奖金（包括 X-Box 360、 显卡在内的实物奖品）。今年的比赛集中在桌面背景（Wallpaper）、桌面图标（Icon）、桌面主题（Visual Style）三个方面，而比赛项目的类型则分为“最实用”（Most Usable）、“最具原创性”（Most Original）、“综合最佳”（Best Overall）。
2008GUI锦标赛我国获奖情况
本届参赛作品中我国设计师获得了1金3银3铜的好成绩。
我国设计师iconboy的作品Non-Mainstream2008 获得了综合最佳桌面图标奖二等奖（Best Overall Icon Package Winners 2nd Place），
最实用桌面图标奖二等奖（Most Usable Icon Package Winners 2nd Place）。
#bk-album-collection-box-25309{width:687px; height:228px; border:1px solid #C6E1F5; border-top:2px solid #268BD7; margin-bottom:30px; overflow:hidden;}
.bacb-head{height:28px; background-color:#F5FBFF; padding-left:10px; position:relative;}
.bacb-title{font-size:14px; font-weight:bold; line-height:28px;}
.bacb-more{text-decoration:none; position:absolute; font-size:12px; line-height:1; line-height:14px \9; top:8px; right:8px; padding-right:9px; padding-right:11px; background:url("") no-repeat 54px -22px; background-position:54px -23px \9;}
.bacb-more:hover{text-decoration:none;}
#bacb-left-btn-25309, .bacb-window-outer, #bacb-right-btn-25309{float:left;}
#bacb-left-btn-25309, #bacb-right-btn-25309{display:block; text-decoration:none; border:1px solid #FFF; width:17px; height:53px; background:url() no-repeat; cursor:default;}
#bacb-left-btn-25309{margin:59px 3px 0 6px; _margin-left:3px; background-position:3px 16px;}
#bacb-right-btn-25309{margin:59px 5px 0 6px; background-position:-27px 16px;}
#bacb-left-btn-25309.enable:hover{background-position:-61px 16px; border:1px solid #DDD; cursor:pointer;}
#bacb-right-btn-25309.enable:hover{background-position:-91px 16px; border:1px solid #DDD; cursor:pointer;}
.bacb-window-outer{width:628px; height:185px; position:relative; overflow:hidden; margin-top:15px;}
#bacb-window-inner-25309{position:absolute; top:0; left:0; padding-left:6px; _padding-top:1px;}
#bacb-window-inner-25309 .item{float:left; width:156px; height:195px;}
#bacb-window-inner-25309 .img{height:145px; position:relative;}
#bacb-window-inner-25309 .img .b1, #bacb-window-inner-25309 .img .b2, #bacb-window-inner-25309 .img .b3, #bacb-window-inner-25309 .img .img-wrapper{position:absolute; background-color:#FFF;}
#bacb-window-inner-25309 .img .b1{left:0; bottom:0; border:1px solid #CDCDCD;}
#bacb-window-inner-25309 .img .b2{left:3px; bottom:3px; border:1px solid #CDCDCD;}
#bacb-window-inner-25309 .img .b3{left:6px; bottom:6px; border:1px solid #AAA;}
#bacb-window-inner-25309 .img .img-wrapper{left:9px; bottom:9px; display:block; text-decoration:none; line-height:1px;}
#bacb-window-inner-25309 .item .desc{text-align:center; font-family:宋体; width:145px; margin-top:7px; font-size:12px; line-height:1; line-height:14px \9;}
#bacb-window-inner-25309 .item .count{color:#999; white-space:nowrap;}
/*4){baidu.addClass("bacb-right-btn-25309","enable");}baidu.setStyle("bacb-window-inner-25309","width",165*$+100+"px");var H=function(B,A){var $="BkImgGettingSize"+(new Date()).valueOf(),_=window[$]=document.createElement("IMG");_.onload=function(){var _=this;setTimeout(function(){A(_.width,_.height,window[$]);window[$]=null;},10);this.onload=null;};_.onerror=function(){A(0,0);window[$]=null;};_.src=B;},J=function(_,$){var A=baidu.string.getByteLength(_);if(A>$){return baidu.string.subByte(_,$-4)+"...";}else{return _;}},L=null,F=function(){if(L){L.stop();}var _=parseInt(baidu.getStyle("bacb-window-inner-25309","left")),$=-G*156;if(_==$){return;}L=new bk.editor.ani(70,function($){return $;},17);L.start(function(A){baidu.setStyle("bacb-window-inner-25309","left",_+($-_)*A+"px");},function(){baidu.setStyle("bacb-window-inner-25309","left",$+"px");L=null;});},E=function(){baidu.each(baidu.g("bacb-window-inner-25309").getElementsByTagName("A"),function(_,$){baidu.on(_,"click",function(){nslog(window.location.href,"1204");});});baidu.on(baidu.q("bacb-more","bk-album-collection-box-25309")[0],"click",function(){nslog(window.location.href,"1205");});if($<5){return;}baidu.on("bacb-left-btn-25309","click",function(){if(G<1){return;}nslog(window.location.href,"1260");G--;F();K();});baidu.on("bacb-right-btn-25309","click",function(){if(G>$-5){return;}nslog(window.location.href,"1260");G++;F();K();});},K=function(){if(G==0){baidu.removeClass("bacb-left-btn-25309","enable");}else{baidu.addClass("bacb-left-btn-25309","enable");}if(G==$-4){baidu.removeClass("bacb-right-btn-25309","enable");}else{baidu.addClass("bacb-right-btn-25309","enable");}},C=function(){if(B==$){E();return;}var D=A[B][1];H(D,function(H,G){var E=document.createElement("DIV");E.className="item";var $=0,M=0;if(H>G){M=parseInt(133*G/H);$=133;}else{$=parseInt(133*H/G);M=133;}var K=$+4,L=M+4,F="/albums/"+I+"/"+_+".html#"+parseInt(A[B][0])+"$";E.innerHTML='
";baidu.g("bacb-window-inner-25309").appendChild(E);B++;C();});};C();})();/*]]>*/
