西南林院学计系软件科面界计摘设 ：要户界用面U I（Uers nIetfare是c用与户计算系统机相沟互通重要渠道。的由于算计机系通统过户界用面向用面提户数据供输入境环系、统行运状和态序程行运果，用结通过用户户面界向算计系统提机供作工要求设计、法和想题处理问意见所以用，户面设计界好的坏计算机对系的使用统着非起常重的作用要 （。rGapihal Ucse rIntreacf） 图形e户用界 面UIG过通用在户界面使中色彩用图形、表格等图和形技术来提高户界用的质量。面本主要是文讨探软件界面设计原的则方法、、及程。关键词过：件软面设界计，G I，U计原则，设设计础 GUI of基 th eSftwaoer in SFCW Zanh guanHD pet of. ompuCerta nd nIofrmation ciSneceSo uhtwsetF oertsr yCloele Kugnimn gYnanu 560242 ChniAasbtart：csUr enIetfarec i ans ipomrtntaa prpochaf or hte cmmouniacet ebweent seruan d hetocpumet ryssemt.T he exellcneec f Uo Iisa ll-mportian to thte use f tohecomp uetr sytes mecbauesthec ompterus ysemt sshowus es ratdath ernus tae ot fystsem andst her seltsu fopr ceduroet rhougthehU Ia n dseusri pnut hetr cealulcat ereuqetss deisg nides aan disdposl aimns dof prgormashrotguht he UIGU. Ioulcdadv nacethe qauitl yo Uf Iseu colosrg rpaicsh an dtblas ena dos n.oI t ismianlyd sicsust h eesigndfu ndamntel tahe dsegi measnrues nda he desitgnd eparmtntse o GfUI.Keywods:r Sfotare Uwse Irnertace Design GfUI DsegniId easDesig nBsae目 1录 前言 ------------------------------------------------------------------------------------------------1 2软件开发概 -况-----------------------------------------------------------------------------------1 2.1 软件开发的界面业计现状 设--------------------------------------------------------- 1 .2 计科2系目前的件开发软情 况-------------------------------------------------------- 2 -23.计科系的软件 开发 在UIG方 的面状现及缺 点-----------------------------------33 软件界 设面基础 计------------------------------------------------------------------------------ 3.3 1件界软面计设前期准备工作的 ------------------------------------------------------ 3.32 件界软面设的原计则 ------------------------------------------------------------------4 3 3 .件软面的界规划 ----------------------------------------------------------------------- -5 .331.登陆界 的规面划 --------------------------------------------------------------5 3..2 3应界面用规划 -的-------------------------------------------------------------5 3 . 色4彩 -------------------------------------------------------------------------------------154 总-与体结会-- -----------------------------------------------------------------------------------19-考参献 -文-------------------------------------------------------------------------------------------20致- ---谢------------------------------------------
-----------------------------------------------------2-1 前1言 GUIGrpahial cUsr enItefraec一是种结合算计机学科美、学心理学、行、学，为及各业领域商需求分析的机人统系工程，强人调机—环境三者作—一为系统进行个体设计总 对大多。数人来说用，户界就面是软件身。所本以掌握用户界面，设计的技巧技与术是让软走向市件场最直观因素。 界的是一面窗口个 界面设。是开计中发重要最的方，面将并及涉整到个发队开。伍对 应用软件来说，于个基本一现实就：是用界面户是向用面的户用户需要的是开发者开。的发应软用件足满需其求并且易于使用，用户界面走到今，真天千是锤炼百，做要易用就到是难更加难。太上的多发者自开为以艺是术才，他天不们尽去遵力用循户面界计标设准或，精力花得使品好用产；相，反们他错地认误为写更灵巧编的代码是或用一套使确有趣实颜色方的案是重要才事的C。notsanint19e9指5出，的用好户面界使人得们用不阅用读户册或接手培受就训能用应用使件软 对。于软公件司说，软来产品就件他们的商是品而，软件界就是他面产们品外观的，面的美界观否与直接关，系到了软件品产的销营成。败 2软开件发况 概2.1软 件开发业界的设计面状 人现机交互和算机用计界户刚刚面走过于基符方式的命字令言语式界，面前目正于处图用户形面时界。代图形用 户界GU面IGr-aphcsi sUer nItefrcae是前用户当面的界流，广泛主应用于档各式微台和机图工作站形当。前类图各形用界户的共面同点特以是口窗管理统系核为，使用键心和盘标鼠作为器入设备输窗口管。理系统基于除重叠多窗口可理技管外术，泛采用广另一的核心术技是件事驱Event-动Drvein术。技图形用户界面和机人交过互极程地大依视赖和觉动控制的参手，与因具此强有的直烈接作特操。点界而的面友。 -好1 在用-户把软件买回去后，他们和业的企系，联及该以业企象形客在眼户的中现表，很大部一是通分软件过界的来传达面的，美友好的观用界面户于对宣企传文业，化给户客灌企业理念输，甚于至对业企宣传的做都运将非常有是的益美，的界观都会面给客以户心信和好的印象。 良纵观际国关产业在图相化用形界户面设计方的发面现展，许多国状际知公司早己意名识到 UI 在产G方面品产的生大强增功值，能及以动带的巨市场价大，因此在公司内部设值立了关相门部专门事从G IU 研的究与设计，同业也成间了若干机构，以互相立交 流UGI 计理设论与 经验 目为的 。 比较 成熟 的 商 品化系 统 有Aplp 的eM acinost 、h BMI的P PMesretaniotnMan agre、Mcirsofot的 Wi donws和运行于 nix U境环 的X-Widnow
、OepnLoo和k OFSM/oif t等我。们以清可楚地看，微到公司软对软件界面计的重视。仔设将细 WI20N00与W I9N 和 WI8N5 9以 及N4T0.相比是 否惊他界叹的美观面性与易用？性 W而NIODWS X系统P则，更其界面在美的性和观简性上洁下了功大夫简，单大的方界面使用者让心情也的为舒畅！大山金公的司金词霸就是国内软山件成功例的了，子金从山霸词3 .0 到山金词 2霸01的变化0堪经称。著典名的网动画制页软作 Fla件hs 从.03到 .4，0仅仅改修了标图和窗，立即体大为色增。 现世今上成功的界软公司都非常件重视软件界面美化设的计工，因为他们作刻深地道知，激烈在的场市争中竞仅仅有，强大的能是功远远不够，不的足以战胜劲的强手。随对中着国IT 产的迅业猛发，虽然展国的某些大型软内件已经逐渐形成较专业比善的完界面计机构，而设部分的大小型中软则件是停留还注在重软功件能而忽视，机交人互界面计设的层。设次计良的好界能够面导用户自引完己成应的操相，起作到导向的作用，同时界面同人的如孔面具有吸，引用户的直优接。设计势理合界面的给能户用带来松轻悦的感受愉和功的感觉，相反由于成面设计的界败，失用户让有挫感，再败实用大强功的能可能在都户用的畏惧与放中弃诸东付。流国软件内业在软产品的人机交件界互面计水平发设上日展显后，滞这对提于高业综产素合质提升，与际国等业者的同争能竞等等力方无疑起面了制约作用。 2.的 2科计系目前软的开发情件况西南林学 院科计系成立于1984 年。自 1994 我年系收招一第届学起生，10年 2中0个假 本系期都坚持组织生在机房为学校学林业和系开统各发种应用件软。是这些科技项目正，养培和锻炼为了本系养培和炼了锻批大的优学生秀，动了计算机学科推的发展 。过多通年积，本院计算机科累与技术软件学业方向学专已生参与经开了发M SI 系统C，I软件，A源资置配类件软，估评类件软，IG S二次发开数据，仓、库数据挖和人掘工智等能多- 2-种件类型，软均且已形成己的自色，开特发了许多秀优的件组件软部和，在件教育软件林业、用软应件等域积累了领富丰经验的。 23. 科计系软件开发的在 UIG方 面的状现缺及点 计系的软件科开发在存着前国目软件内发业开的通病就是界面，设计很粗。糙于由大分的软部开发人员件都是校在生学而以且男生居，并多没专门有的界面处人理员同时，开，人发员把精也力重放点对软在件能性学习和的现实，没上有多余的精来仔力的细理处界面这也就，成形了其开的软发在功件能上比强，但是较在机交互方面人糕糟用，经常会遭遇面户一对输堆入框和个窗几
口，却无从手，下不知如道进何操作行尴尬的面局。于是软件 开人发员常经费花好多时间写去如使何用件的软用户指文南，但是往档往事半功倍与其。样这，还如稍微不点时间在图花界面设计上形简，大单的界方能面自的然引导用户突出重点，从而让用，能户在短的时最间熟悉内该软，而件找且到自己想要使的用西东 。着校内校随网的普园，及以各及门网部的制作更页，新网设页计的念概辐射也了到件软面设界，计软件的面设计也界渐受逐了到家的大视。软件开重发待着界期设面计的苏醒。 3软件界设面计础 基.31软件界 面设计的前准期备工作 一（）定软确件的题。主 管要不计什设东么，西设前计就该先应立好设确计的题。主而软件的题的主确则立软与件的功与目的有能关。比如个一图书管系统理的件，其主软题就是图书管理”，“程远育系统教的题主就“远是教程”育。于是软件界的面计就要围设绕着主来题进，让用行户看一软件的面就界知这个软道是做什件的，么能不件的界面与软软的件题主相差十万千里，八如一假个电脑硬管件理统系件软界的上尽是和电面无脑关的西东，比花草，如水山，样这，不就反应能该件软主的与功能，题让丈二和人尚摸着不头脑这样，，这个软的界件就面失败的是 （。）二美作为工界美化面主的要员，人但拥不有艺设计、包装设计术的能才还应该，穿整个项插，目给界程序设面计人提员出统参考系见。 1意：件设软前期计美工，与参求了需，解析同分软件界面类有缺点提出主，色调典、型面风界格以、构思整及美个包装等。 术-- 23界：原面设型计程过中与，发开员共同人修改、商榷终表现样最式以及确立，U I 标准。3： 户调研。拟用需求定初步，建界面原立型。 ：4务分任。析据根任的务杂性复、易难程度等详，分细任解务动，进行作合分工，理确定适合用户的于交互方式。 ：程4序开发程中过，提供标准格风的资源件文（icocunbrp 等），m并总出结统一格的风资的源计过程设形，成规范档。文（ ）三确界面 定根用户据的自身性．以及系统任务特环境、成、本／益效确，量为适合的定界面型。 这类时在，着手行软进界面设件计前，须在心里致有大谱个对要，设的计件软功能的了解，有时对该软件同界的设计有面形的成想构 。.23 件界面设计的原则软 一）（一性原则 致要求软件的念概模式显、示方式等的致性，在类一的情况下具似一有的操作序列：致如提在、示单菜和助帮中生产同的术语；相体具指是在不同应的用统中系都具有似的相面外观、布界、局似的交相互式方及以似的相信显示等。息面
界设计持保度高致一，用户性不进必过行的学习就可以多握掌共性；还可其把以部的知局和识经推广验使到用其他合场人机界。面计设一致的性要求构成易对易学用是极重为要。的无 论控是使用件提示信息，辞，措是颜还、窗色口布局风格，遵统一的标准，做到真循的正致一。这 得到的样好处： ：使1户用使起来用够建能起精确立的里模心型使，用熟了练一个面界后，换到切外一另个界能够面很轻松推的测各种功出能，语理句解也需不要费神解理2： 降培低训、支成本，支持持员不人行费力逐会个导指 3：。用户给统感一，觉不得混觉乱心情愉，，快持支增加度 （）合二利用理空间保，持界面简洁的简 易用单是就好。要不将界面设计过的复杂于那，样影会响序程的快捷使，人为用降了程低序运的行效率。面设界计重最要的就是遵美循学的原则上——洁简与了明。 个一软，件特是别用软应，件界其不需面很华要丽太过华。丽哨花的面界易容人的让睛眼疲惫，人心浮让躁，气把注力意过的多集到花哨的图案和颜中上色，而从影响软件的信可以及度实性。用因，此面设界需在空间使计用，上合理布的和局设计，在简洁的时同让人的- -4眼得到球艺术赏欣并且，感能觉松，放出软件突性能的，使面界设成计软为件能性个一出的色助辅项目是却不喧宾但夺，主终作始为一个托，衬软让界面件更友，好更为能用所户爱喜接和受。 三（）用从的户观点考虑 。一软件个面是用界来方便用与软户的交互的件，此，要因用户从的度角考虑和设去软计界面，想他件们所想，他们做做，并且界面中所使用要能反应用本户身的言语而不，是计者设语的言以及使用惯。习（四） 忆负担记最化。 小脑人不是电，在设脑计界时面必须考要虑类大脑处理信息的人限度人类的。期记短极不稳忆、定有，限2 4小时内存在25的 忘遗率所以。用户对来说浏，信息览比要记忆更易容一。画个的信面量不息可过于杂和庞复。大（五）清楚，和 的谐排列 。证保界面的协性调。 控件放摆位要置合、理衡，让人均于便浏和览用。使要不给们人带来“重后前轻、宽右左”的窄不感良觉，要重要将的件摆控在明放位显，置这才样能出突点重此外，一。要定符合们人日的使常习惯用同时。背景，图案和颜色的设计帮助要排，列甚至时候有为分隔符作让界，看面去上谐和丽。美3.3 软件界 的面划规 .3.3 1陆登界的规面 划应用软的件登陆口一般窗只输入用有名户、密的码容内所，以宜不大过大，小概大为幕的屏1 /4太大，给人种画面一太旷空的感，太小则觉人给拥以的感觉。 位置为居挤中这。样
让
用户注意把自然力的中到窗口集上且，合符一般用户使的习用惯 3.。2.2 用界面应规的 划一（）单的菜规划“ 单、直简、一致观有效”、是单设计的菜则。原（1） 单菜界面设计中是重要的组部成份 ，1 菜．、按单名钮应称该易，懂用词确准摈弃，棱两模的可眼字。2． 菜单的 名命直观要含义清，晰不可，二义性有 。-- 53 菜．命名最好能望单文意知，理想的情况用户是不查阅用助就帮能道知该令的功能，命并进行能相的正确操作。 4关 ．单菜命名与同要界面上的其他一按易钮区于分，义含不雷同能。 5 菜．单字体、大小通常的为体、五宋。 6号． 菜中单的令命长一般为 度5 个字符2 7．。菜单的 命令式格般一“动为词＋词名”即，“作方法＋操操作对象，或者为”名“＋名词”，即词“所者有＋性属”等等。8． 菜单的宽主要接近，每个度单的菜数能字同相最好 （。2）菜组织单1． 单的菜式形下列几种有下拉：式菜，线状单列序菜，单树结构菜单，状选项式菜，单出弹菜单式。 2 菜单．可是文字式，图以式标或图文标混合字式 。3 主．菜单单排为布置。 4 菜单前．图标的宜不太大，字与的度保高一致持好最。5． 单和工菜条具要有清楚界限，的菜要求单凸出显，这样在示走工移具时条有立体仍。 感6． 如果该命菜单会引出一个对令框话，则菜该后面单该应加省略“…”，表示号需用要提户供多更的信才息能使该菜用命单。 令7． 果该菜单如是一级个菜联，即其下单有还菜单子，菜单则标后面题该有应向的右头箭“”。 8．尽可 能用户从度角计菜单设的语系统义 9。．专 业性的软强要使用相关件的专业术，语用通性界则面倡使用通用提性词眼。10． 按照 逻功能来辑将单命菜分令组。 1． 在下拉菜1单中用分隔将功能线更关相的目项组排分，完成相同或相近列能功的单命令放菜同一在位。置 2．1 同一菜在单中避使免多用个相功能同菜单项。 的3．1 避免使用没下拉项有菜的单，项因为立的菜单项孤和钮按什么区别。没14 ．当菜子的划单分有多个标准，时该采用同应一个标准，能不个标准共多用。 51．子 单菜语义在逻辑不上应同该属几于主菜个。 单16．不 在同要菜一单次层应用相上同相或似词汇的 。-6 -71．下 拉菜式深单度般要求最一多控在三制层内。 1以8． 菜前的图单能直观的代标表完成的操要。 作9． 当菜1单是层次，则应的该是环循式的网络结，构用户能从上级菜一单下到一菜级，单能也从一级下单返回到上一菜菜单级，切忌采用非环循结构。 的2． 允许跳转0到前的层菜和主单单。菜 2．1常 用单菜要有命令快捷方式不常用，的
可以有快没捷键。 22． 应该所有在子菜单中提都访问供（键单项中带有菜划下的线字，称为母单的访菜问键）。2 ． 正在3作用起命的菜令单应该在菜单表现的式上形所不同有，如菜下凹单菜或单前打勾等等 。2．4在当 状前态下，对与在进正的行操无作关的单命菜要令加以用蔽屏理，处如变灰但应，还可该见。 2． 对于在5当前位置状态下始或用终到不命令，的在界上面该应完屏蔽全，即不见可。如采果动态用加载方（式即有只需要的菜才显单示最）好。 62 动．态加载式方的菜只单示最显用近过的菜命单令，久未运用菜单的将自动隐会起来，藏需要的候时又以可开打 2。． 7系统有所的功项都应该能菜在中有对单应的单命菜令。 82 右键．下文菜上采单与菜单用同的准则相。29． 下上菜单文的中令命该与应当操作环前或状态境密相切关 30。． 上文菜下中单许允不有接出现在菜直单中命令。但的该命令该应某是菜个单的一部分，个以可在某菜单个中到该功能命令找 。（）3菜位单置则细 ．1 菜通常单采用常“用主－要－要次－具工－帮”的助置排位，列符流行合 的Wndiwo风格s 2。 菜单．令命使在时用果有先如顺后序，应按使该先后用序排列次 。3．没有 序顺要的菜求项单按使频率用和重要性排，列用的常菜单排在列面前，常不的靠用放后；置重要放在的头开次，的要在后放边 。． 4下拉单要根菜菜单据含义进行分的组组，与之组间明显有分隔的式要形比如，用线横隔。 5开． 下菜单对级上于菜级应该单隶有关属。系 7-- ．6广 而浅菜单树优的先窄于浅而的单菜。树 7 ．如菜单果选项较，多应采该用加长主单菜的长度减而子菜单少度的原则深列。 排二）按钮的规（划 （1按钮）字体和的小大 按。的钮字体在用软应中件多用宋，但体具是情况应体该据根该软界件的面整体风格来。比如定界的风面格较古比，典时则可以这采用书的字体。 按隶钮的字号看按要钮的大来确定。字小高的度按钮为度高的1 /21—3/ 佳，为样同，字的宽度为按钮度宽的 12/1/3 比—好较。 （2看按钮的）色。 按钮的颜色颜好与最整界个面的色主调一统。按的颜色不钮宜和用界面主色不调致一的色彩比。一个主如色调为蓝色的窗口却，采用红色鲜的钮按这，，样看上去就会得觉眼刺，和不。谐图如 1。（ 图 ）1但 是，设计是灵的，并活是说按钮的不颜一定色要与色调一模主一，样并不也说是按的颜钮一定要色主与色调同，一切相都视要体具设计况情设计与者设计的思来看路。 （）3按钮的风格。 8--在应 软件中，用比较行流按钮的风有 格APPEL公司的 晶水按，钮 WNIXP 格风的按
钮以及素像按。钮图 2如。（图 2 ）钮的按风取格决整个软件界于面的风格，两的者格应该和谐统一。 风三（）字的规文划 文字软是件面界的体，也主是达信传的息要主具工。此，因字文的规划对绝不以可马虎 。件文软字字号的一般为体，宋大为小 5 。号体宋得比显较肃严真，认用让户心理上觉得可靠，在对应这用件来说软非重常要。
西南林院学计系软件科面界计摘设 ：要户界用面U I（Uers nIetfare是c用与户计算系统机相沟互通重要渠道。的由于算计机系通统过户界用面向用面提户数据供输入境环系、统行运状和态序程行运果，用结通过用户户面界向算计系统提机供作工要求设计、法和想题处理问意见所以用，户面设计界好的坏计算机对系的使用统着非起常重的作用要 （。rGapihal Ucse rIntreacf） 图形e户用界 面UIG过通用在户界面使中色彩用图形、表格等图和形技术来提高户界用的质量。面本主要是文讨探软件界面设计原的则方法、、及程。关键词过：件软面设界计，G I，U计原则，设设计础 GUI of基 th eSftwaoer in SFCW Zanh guanHD pet of. ompuCerta nd nIofrmation ciSneceSo uhtwsetF oertsr yCloele Kugnimn gYnanu 560242 ChniAasbtart：csUr enIetfarec i ans ipomrtntaa prpochaf or hte cmmouniacet ebweent seruan d hetocpumet ryssemt.T he exellcneec f Uo Iisa ll-mportian to thte use f tohecomp uetr sytes mecbauesthec ompterus ysemt sshowus es ratdath ernus tae ot fystsem andst her seltsu fopr ceduroet rhougthehU Ia n dseusri pnut hetr cealulcat ereuqetss deisg nides aan disdposl aimns dof prgormashrotguht he UIGU. Ioulcdadv nacethe qauitl yo Uf Iseu colosrg rpaicsh an dtblas ena dos n.oI t ismianlyd sicsust h eesigndfu ndamntel tahe dsegi measnrues nda he desitgnd eparmtntse o GfUI.Keywods:r Sfotare Uwse Irnertace Design GfUI DsegniId easDesig nBsae目 1录 前言 ------------------------------------------------------------------------------------------------1 2软件开发概 -况-----------------------------------------------------------------------------------1 2.1 软件开发的界面业计现状 设--------------------------------------------------------- 1 .2 计科2系目前的件开发软情 况-------------------------------------------------------- 2 -23.计科系的软件 开发 在UIG方 的面状现及缺 点-----------------------------------33 软件界 设面基础 计------------------------------------------------------------------------------ 3.3 1件界软面计设前期准备工作的 ------------------------------------------------------ 3.32 件界软面设的原计则 ------------------------------------------------------------------4 3 3 .件软面的界规划 ----------------------------------------------------------------------- -5 .331.登陆界 的规面划 --------------------------------------------------------------5 3..2 3应界面用规划 -的-------------------------------------------------------------5 3 . 色4彩 -------------------------------------------------------------------------------------154 总-与体结会-- -----------------------------------------------------------------------------------19-考参献 -文-------------------------------------------------------------------------------------------20致- ---谢------------------------------------------
-----------------------------------------------------2-1 前1言 GUIGrpahial cUsr enItefraec一是种结合算计机学科美、学心理学、行、学，为及各业领域商需求分析的机人统系工程，强人调机—环境三者作—一为系统进行个体设计总 对大多。数人来说用，户界就面是软件身。所本以掌握用户界面，设计的技巧技与术是让软走向市件场最直观因素。 界的是一面窗口个 界面设。是开计中发重要最的方，面将并及涉整到个发队开。伍对 应用软件来说，于个基本一现实就：是用界面户是向用面的户用户需要的是开发者开。的发应软用件足满需其求并且易于使用，用户界面走到今，真天千是锤炼百，做要易用就到是难更加难。太上的多发者自开为以艺是术才，他天不们尽去遵力用循户面界计标设准或，精力花得使品好用产；相，反们他错地认误为写更灵巧编的代码是或用一套使确有趣实颜色方的案是重要才事的C。notsanint19e9指5出，的用好户面界使人得们用不阅用读户册或接手培受就训能用应用使件软 对。于软公件司说，软来产品就件他们的商是品而，软件界就是他面产们品外观的，面的美界观否与直接关，系到了软件品产的销营成。败 2软开件发况 概2.1软 件开发业界的设计面状 人现机交互和算机用计界户刚刚面走过于基符方式的命字令言语式界，面前目正于处图用户形面时界。代图形用 户界GU面IGr-aphcsi sUer nItefrcae是前用户当面的界流，广泛主应用于档各式微台和机图工作站形当。前类图各形用界户的共面同点特以是口窗管理统系核为，使用键心和盘标鼠作为器入设备输窗口管。理系统基于除重叠多窗口可理技管外术，泛采用广另一的核心术技是件事驱Event-动Drvein术。技图形用户界面和机人交过互极程地大依视赖和觉动控制的参手，与因具此强有的直烈接作特操。点界而的面友。 -好1 在用-户把软件买回去后，他们和业的企系，联及该以业企象形客在眼户的中现表，很大部一是通分软件过界的来传达面的，美友好的观用界面户于对宣企传文业，化给户客灌企业理念输，甚于至对业企宣传的做都运将非常有是的益美，的界观都会面给客以户心信和好的印象。 良纵观际国关产业在图相化用形界户面设计方的发面现展，许多国状际知公司早己意名识到 UI 在产G方面品产的生大强增功值，能及以动带的巨市场价大，因此在公司内部设值立了关相门部专门事从G IU 研的究与设计，同业也成间了若干机构，以互相立交 流UGI 计理设论与 经验 目为的 。 比较 成熟 的 商 品化系 统 有Aplp 的eM acinost 、h BMI的P PMesretaniotnMan agre、Mcirsofot的 Wi donws和运行于 nix U境环 的X-Widnow
、OepnLoo和k OFSM/oif t等我。们以清可楚地看，微到公司软对软件界面计的重视。仔设将细 WI20N00与W I9N 和 WI8N5 9以 及N4T0.相比是 否惊他界叹的美观面性与易用？性 W而NIODWS X系统P则，更其界面在美的性和观简性上洁下了功大夫简，单大的方界面使用者让心情也的为舒畅！大山金公的司金词霸就是国内软山件成功例的了，子金从山霸词3 .0 到山金词 2霸01的变化0堪经称。著典名的网动画制页软作 Fla件hs 从.03到 .4，0仅仅改修了标图和窗，立即体大为色增。 现世今上成功的界软公司都非常件重视软件界面美化设的计工，因为他们作刻深地道知，激烈在的场市争中竞仅仅有，强大的能是功远远不够，不的足以战胜劲的强手。随对中着国IT 产的迅业猛发，虽然展国的某些大型软内件已经逐渐形成较专业比善的完界面计机构，而设部分的大小型中软则件是停留还注在重软功件能而忽视，机交人互界面计设的层。设次计良的好界能够面导用户自引完己成应的操相，起作到导向的作用，同时界面同人的如孔面具有吸，引用户的直优接。设计势理合界面的给能户用带来松轻悦的感受愉和功的感觉，相反由于成面设计的界败，失用户让有挫感，再败实用大强功的能可能在都户用的畏惧与放中弃诸东付。流国软件内业在软产品的人机交件界互面计水平发设上日展显后，滞这对提于高业综产素合质提升，与际国等业者的同争能竞等等力方无疑起面了制约作用。 2.的 2科计系目前软的开发情件况西南林学 院科计系成立于1984 年。自 1994 我年系收招一第届学起生，10年 2中0个假 本系期都坚持组织生在机房为学校学林业和系开统各发种应用件软。是这些科技项目正，养培和锻炼为了本系养培和炼了锻批大的优学生秀，动了计算机学科推的发展 。过多通年积，本院计算机科累与技术软件学业方向学专已生参与经开了发M SI 系统C，I软件，A源资置配类件软，估评类件软，IG S二次发开数据，仓、库数据挖和人掘工智等能多- 2-种件类型，软均且已形成己的自色，开特发了许多秀优的件组件软部和，在件教育软件林业、用软应件等域积累了领富丰经验的。 23. 科计系软件开发的在 UIG方 面的状现缺及点 计系的软件科开发在存着前国目软件内发业开的通病就是界面，设计很粗。糙于由大分的软部开发人员件都是校在生学而以且男生居，并多没专门有的界面处人理员同时，开，人发员把精也力重放点对软在件能性学习和的现实，没上有多余的精来仔力的细理处界面这也就，成形了其开的软发在功件能上比强，但是较在机交互方面人糕糟用，经常会遭遇面户一对输堆入框和个窗几
口，却无从手，下不知如道进何操作行尴尬的面局。于是软件 开人发员常经费花好多时间写去如使何用件的软用户指文南，但是往档往事半功倍与其。样这，还如稍微不点时间在图花界面设计上形简，大单的界方能面自的然引导用户突出重点，从而让用，能户在短的时最间熟悉内该软，而件找且到自己想要使的用西东 。着校内校随网的普园，及以各及门网部的制作更页，新网设页计的念概辐射也了到件软面设界，计软件的面设计也界渐受逐了到家的大视。软件开重发待着界期设面计的苏醒。 3软件界设面计础 基.31软件界 面设计的前准期备工作 一（）定软确件的题。主 管要不计什设东么，西设前计就该先应立好设确计的题。主而软件的题的主确则立软与件的功与目的有能关。比如个一图书管系统理的件，其主软题就是图书管理”，“程远育系统教的题主就“远是教程”育。于是软件界的面计就要围设绕着主来题进，让用行户看一软件的面就界知这个软道是做什件的，么能不件的界面与软软的件题主相差十万千里，八如一假个电脑硬管件理统系件软界的上尽是和电面无脑关的西东，比花草，如水山，样这，不就反应能该件软主的与功能，题让丈二和人尚摸着不头脑这样，，这个软的界件就面失败的是 （。）二美作为工界美化面主的要员，人但拥不有艺设计、包装设计术的能才还应该，穿整个项插，目给界程序设面计人提员出统参考系见。 1意：件设软前期计美工，与参求了需，解析同分软件界面类有缺点提出主，色调典、型面风界格以、构思整及美个包装等。 术-- 23界：原面设型计程过中与，发开员共同人修改、商榷终表现样最式以及确立，U I 标准。3： 户调研。拟用需求定初步，建界面原立型。 ：4务分任。析据根任的务杂性复、易难程度等详，分细任解务动，进行作合分工，理确定适合用户的于交互方式。 ：程4序开发程中过，提供标准格风的资源件文（icocunbrp 等），m并总出结统一格的风资的源计过程设形，成规范档。文（ ）三确界面 定根用户据的自身性．以及系统任务特环境、成、本／益效确，量为适合的定界面型。 这类时在，着手行软进界面设件计前，须在心里致有大谱个对要，设的计件软功能的了解，有时对该软件同界的设计有面形的成想构 。.23 件界面设计的原则软 一）（一性原则 致要求软件的念概模式显、示方式等的致性，在类一的情况下具似一有的操作序列：致如提在、示单菜和助帮中生产同的术语；相体具指是在不同应的用统中系都具有似的相面外观、布界、局似的交相互式方及以似的相信显示等。息面
界设计持保度高致一，用户性不进必过行的学习就可以多握掌共性；还可其把以部的知局和识经推广验使到用其他合场人机界。面计设一致的性要求构成易对易学用是极重为要。的无 论控是使用件提示信息，辞，措是颜还、窗色口布局风格，遵统一的标准，做到真循的正致一。这 得到的样好处： ：使1户用使起来用够建能起精确立的里模心型使，用熟了练一个面界后，换到切外一另个界能够面很轻松推的测各种功出能，语理句解也需不要费神解理2： 降培低训、支成本，支持持员不人行费力逐会个导指 3：。用户给统感一，觉不得混觉乱心情愉，，快持支增加度 （）合二利用理空间保，持界面简洁的简 易用单是就好。要不将界面设计过的复杂于那，样影会响序程的快捷使，人为用降了程低序运的行效率。面设界计重最要的就是遵美循学的原则上——洁简与了明。 个一软，件特是别用软应，件界其不需面很华要丽太过华。丽哨花的面界易容人的让睛眼疲惫，人心浮让躁，气把注力意过的多集到花哨的图案和颜中上色，而从影响软件的信可以及度实性。用因，此面设界需在空间使计用，上合理布的和局设计，在简洁的时同让人的- -4眼得到球艺术赏欣并且，感能觉松，放出软件突性能的，使面界设成计软为件能性个一出的色助辅项目是却不喧宾但夺，主终作始为一个托，衬软让界面件更友，好更为能用所户爱喜接和受。 三（）用从的户观点考虑 。一软件个面是用界来方便用与软户的交互的件，此，要因用户从的度角考虑和设去软计界面，想他件们所想，他们做做，并且界面中所使用要能反应用本户身的言语而不，是计者设语的言以及使用惯。习（四） 忆负担记最化。 小脑人不是电，在设脑计界时面必须考要虑类大脑处理信息的人限度人类的。期记短极不稳忆、定有，限2 4小时内存在25的 忘遗率所以。用户对来说浏，信息览比要记忆更易容一。画个的信面量不息可过于杂和庞复。大（五）清楚，和 的谐排列 。证保界面的协性调。 控件放摆位要置合、理衡，让人均于便浏和览用。使要不给们人带来“重后前轻、宽右左”的窄不感良觉，要重要将的件摆控在明放位显，置这才样能出突点重此外，一。要定符合们人日的使常习惯用同时。背景，图案和颜色的设计帮助要排，列甚至时候有为分隔符作让界，看面去上谐和丽。美3.3 软件界 的面划规 .3.3 1陆登界的规面 划应用软的件登陆口一般窗只输入用有名户、密的码容内所，以宜不大过大，小概大为幕的屏1 /4太大，给人种画面一太旷空的感，太小则觉人给拥以的感觉。 位置为居挤中这。样
让
用户注意把自然力的中到窗口集上且，合符一般用户使的习用惯 3.。2.2 用界面应规的 划一（）单的菜规划“ 单、直简、一致观有效”、是单设计的菜则。原（1） 单菜界面设计中是重要的组部成份 ，1 菜．、按单名钮应称该易，懂用词确准摈弃，棱两模的可眼字。2． 菜单的 名命直观要含义清，晰不可，二义性有 。-- 53 菜．命名最好能望单文意知，理想的情况用户是不查阅用助就帮能道知该令的功能，命并进行能相的正确操作。 4关 ．单菜命名与同要界面上的其他一按易钮区于分，义含不雷同能。 5 菜．单字体、大小通常的为体、五宋。 6号． 菜中单的令命长一般为 度5 个字符2 7．。菜单的 命令式格般一“动为词＋词名”即，“作方法＋操操作对象，或者为”名“＋名词”，即词“所者有＋性属”等等。8． 菜单的宽主要接近，每个度单的菜数能字同相最好 （。2）菜组织单1． 单的菜式形下列几种有下拉：式菜，线状单列序菜，单树结构菜单，状选项式菜，单出弹菜单式。 2 菜单．可是文字式，图以式标或图文标混合字式 。3 主．菜单单排为布置。 4 菜单前．图标的宜不太大，字与的度保高一致持好最。5． 单和工菜条具要有清楚界限，的菜要求单凸出显，这样在示走工移具时条有立体仍。 感6． 如果该命菜单会引出一个对令框话，则菜该后面单该应加省略“…”，表示号需用要提户供多更的信才息能使该菜用命单。 令7． 果该菜单如是一级个菜联，即其下单有还菜单子，菜单则标后面题该有应向的右头箭“”。 8．尽可 能用户从度角计菜单设的语系统义 9。．专 业性的软强要使用相关件的专业术，语用通性界则面倡使用通用提性词眼。10． 按照 逻功能来辑将单命菜分令组。 1． 在下拉菜1单中用分隔将功能线更关相的目项组排分，完成相同或相近列能功的单命令放菜同一在位。置 2．1 同一菜在单中避使免多用个相功能同菜单项。 的3．1 避免使用没下拉项有菜的单，项因为立的菜单项孤和钮按什么区别。没14 ．当菜子的划单分有多个标准，时该采用同应一个标准，能不个标准共多用。 51．子 单菜语义在逻辑不上应同该属几于主菜个。 单16．不 在同要菜一单次层应用相上同相或似词汇的 。-6 -71．下 拉菜式深单度般要求最一多控在三制层内。 1以8． 菜前的图单能直观的代标表完成的操要。 作9． 当菜1单是层次，则应的该是环循式的网络结，构用户能从上级菜一单下到一菜级，单能也从一级下单返回到上一菜菜单级，切忌采用非环循结构。 的2． 允许跳转0到前的层菜和主单单。菜 2．1常 用单菜要有命令快捷方式不常用，的
可以有快没捷键。 22． 应该所有在子菜单中提都访问供（键单项中带有菜划下的线字，称为母单的访菜问键）。2 ． 正在3作用起命的菜令单应该在菜单表现的式上形所不同有，如菜下凹单菜或单前打勾等等 。2．4在当 状前态下，对与在进正的行操无作关的单命菜要令加以用蔽屏理，处如变灰但应，还可该见。 2． 对于在5当前位置状态下始或用终到不命令，的在界上面该应完屏蔽全，即不见可。如采果动态用加载方（式即有只需要的菜才显单示最）好。 62 动．态加载式方的菜只单示最显用近过的菜命单令，久未运用菜单的将自动隐会起来，藏需要的候时又以可开打 2。． 7系统有所的功项都应该能菜在中有对单应的单命菜令。 82 右键．下文菜上采单与菜单用同的准则相。29． 下上菜单文的中令命该与应当操作环前或状态境密相切关 30。． 上文菜下中单许允不有接出现在菜直单中命令。但的该命令该应某是菜个单的一部分，个以可在某菜单个中到该功能命令找 。（）3菜位单置则细 ．1 菜通常单采用常“用主－要－要次－具工－帮”的助置排位，列符流行合 的Wndiwo风格s 2。 菜单．令命使在时用果有先如顺后序，应按使该先后用序排列次 。3．没有 序顺要的菜求项单按使频率用和重要性排，列用的常菜单排在列面前，常不的靠用放后；置重要放在的头开次，的要在后放边 。． 4下拉单要根菜菜单据含义进行分的组组，与之组间明显有分隔的式要形比如，用线横隔。 5开． 下菜单对级上于菜级应该单隶有关属。系 7-- ．6广 而浅菜单树优的先窄于浅而的单菜。树 7 ．如菜单果选项较，多应采该用加长主单菜的长度减而子菜单少度的原则深列。 排二）按钮的规（划 （1按钮）字体和的小大 按。的钮字体在用软应中件多用宋，但体具是情况应体该据根该软界件的面整体风格来。比如定界的风面格较古比，典时则可以这采用书的字体。 按隶钮的字号看按要钮的大来确定。字小高的度按钮为度高的1 /21—3/ 佳，为样同，字的宽度为按钮度宽的 12/1/3 比—好较。 （2看按钮的）色。 按钮的颜色颜好与最整界个面的色主调一统。按的颜色不钮宜和用界面主色不调致一的色彩比。一个主如色调为蓝色的窗口却，采用红色鲜的钮按这，，样看上去就会得觉眼刺，和不。谐图如 1。（ 图 ）1但 是，设计是灵的，并活是说按钮的不颜一定色要与色调一模主一，样并不也说是按的颜钮一定要色主与色调同，一切相都视要体具设计况情设计与者设计的思来看路。 （）3按钮的风格。 8--在应 软件中，用比较行流按钮的风有 格APPEL公司的 晶水按，钮 WNIXP 格风的按
钮以及素像按。钮图 2如。（图 2 ）钮的按风取格决整个软件界于面的风格，两的者格应该和谐统一。 风三（）字的规文划 文字软是件面界的体，也主是达信传的息要主具工。此，因字文的规划对绝不以可马虎 。件文软字字号的一般为体，宋大为小 5 。号体宋得比显较肃严真，认用让户心理上觉得可靠，在对应这用件来说软非重常要。