人机界面设计方法

浜烘満鐣岄潰璁捐鏂规硶

1.鐣岄潰椋庢牸鐨勮璁?

銆€銆€鎺у埗鍙颁汉鏈虹晫闈㈤€夌敤闈炴爣鍑哤indows椋庢牸锛屼互瀹炵幇鐢ㄦ埛涓€у寲鐨勮姹傘€備絾鑰冭檻鍒板ぇ澶氭暟鐢ㄦ埛瀵逛簬鏍囧噯Windows绯荤粺杈冪啛鎮夛紝鍦ㄧ晫闈㈣璁′腑灏介噺鍏煎鏍囧噯Windows鐣岄潰鐨勭壒寰併€傜晫闈娇鐢ㄧ殑鍔熻兘鎸夐挳閫夌敤MFC绫诲簱鎻愪緵鐨凜BmpButton绫诲姩鎬佸垱寤鸿嚜瀹氫箟浣嶅浘鍥炬爣鐨勬寜閽€傚洜涓轰綅鍥炬寜閽彲鍦ㄦ搷浣滀腑瀹炵幇楂樹寒搴︺€佺獊璧枫€佸嚬闄风瓑鏁堟灉锛屼娇鐣岄潰琛ㄧ幇褰㈠紡鏇寸伒娲伙紝鍚屾椂鍙互鏂逛究鐢ㄦ埛瀵规帶浠剁殑璇嗗埆銆備絾鏄紝鐣岄潰閲屼娇鐢ㄧ殑瀵硅瘽妗嗐€佺紪杈戞銆佺粍鍚堟绛夐兘閫夌敤Windows鏍囧噯鎺т欢锛屽璇濇涓殑鎸夐挳涔熶娇鐢ㄦ爣鍑嗘寜閽€傛帶浠剁殑澶у皬鍜岄棿璺濆敖閲忕鍚圵indows鐣岄潰鎺ㄨ崘鍊肩殑瑕佹眰銆?

銆€銆€鐣岄潰榛樿绐椾綋鐨勯鑹叉槸浜伆鑹层€傚洜涓虹伆鑹茶皟鍦ㄤ笉鍚岀殑鍏夌収鏉′欢涓嬪鏄撹璇嗗埆锛屼笖閬垮厤浜嗚壊鐩茬敤鎴峰湪浣跨敤绐椾綋鏃跺甫鏉ョ殑涓嶄究銆備负浜嗗尯鍒嗚緭鍏ュ拰杈撳嚭锛屼緵鐢ㄦ埛杈撳叆鐨勫尯鍩熶娇鐢ㄧ櫧鑹蹭綔涓哄簳鑹诧紝鑳戒娇鐢ㄦ埛瀹规槗鐪嬪埌杩欐槸绐椾綋鐨勬椿鍔ㄥ尯鍩燂紱鏄剧ず鍖哄煙璁句负鐏拌壊锛堟垨绐椾綋棰滆壊锛夛紝鐩殑鏄憡璇夌敤鎴烽偅鏄笉鍙紪杈戝尯鍩熴€傜獥浣撲腑鎵€鏈夌殑鎺т欢渚濇嵁Windows鐣岄潰璁捐鏍囧噯閲囩敤宸﹀榻愮殑鎺掑垪鏂瑰紡銆傚浜庝笉鍚屼綅缃笂澶氱粍鎺т欢锛屽悇缁勪篃鏄乏瀵归綈鎺掑垪鐨勩€?

鍥? 鍏稿瀷鐨勫伐鎺х晫

2锛庣郴缁熺晫闈㈠竷灞€鍒嗘瀽

銆€銆€浜烘満鐣岄潰鐨勫竷灞€璁捐鏍规嵁浜轰綋宸ョ▼瀛︾殑瑕佹眰搴旇瀹炵幇绠€娲併€佸钩琛″拰椋庢牸涓€鑷淬€傚吀鍨嬬殑宸ユ帶鐣岄潰鍒嗕负3閮ㄥ垎锛氭爣棰樿彍鍗曢儴鍒嗐€佸浘褰㈡樉绀哄尯浠ュ強鎸夐挳閮ㄥ垎锛屻€傝鐣岄潰鐣岄潰缇庤锛屽湪灞忓箷涓婄殑瀵硅薄宸﹀彸杈惧埌骞宠銆佷笉鍫嗘尋鍦ㄦ煇涓€澶勶紝鏃犳潅涔辨棤绔犵殑鎰熻銆傛暟鎹殑杩囧垎鎷ユ尋浼氫骇鐢熻瑙夌柌鍔冲拰鎺ユ敹閿欒銆傜晫闈㈢殑骞宠鍘熷垯鎺ㄨ崘鏄剧ず灞忓箷鎬讳綋鎬ц鐩栧害涓嶈秴杩?0锛咃紝鑰屽垎缁勪腑灞忓箷瑕嗙洊搴︿笉瓒呰繃20锛呫€傛帶鍒跺彴浜烘満鐣岄潰涓寘鍚潃澶ч噺鐨勫浘褰㈡樉绀轰俊鎭紝鍥犳灏嗗浘褰㈡樉绀哄尯甯冪疆鍦ㄥ睆骞曢暱瀹藉悇鍗犲睆骞?0锛呭乏鍙崇殑鑼冨洿鍐咃紝浠ヤ繚璇佹樉绀轰俊鎭殑娓呮櫚鍜屽叏闈€傛帶鍒舵寜閽粍甯冪疆鍦ㄦ樉绀哄尯鐨勫彸渚э紝涓€鏂归潰鏄€冭檻鍒扮粷澶у鏁版搷浣滆€呮槸鍙虫墜鎿嶄綔鐢ㄦ埛锛屾寜閽尯甯冪疆鍦ㄦ渶鍙充晶鏇村姞鏂逛究锛涘彟涓€鏂归潰鏄牴鎹晫闈㈠竷灞€鐨勪富娆″師鍒欙紝鎶婄敤鎴锋敞鎰忓姏鏈€闆嗕腑鐨勫乏涓婂尯鍩熺暀缁欏浘褰㈡樉绀哄尯銆?

銆€銆€鏍规嵁涓€鑷存€у師鍒欙紝淇濊瘉灞忓箷涓婃墍鏈夊璞★紝濡傜獥鍙ｃ€佹寜閽€佽幈鍗曠瓑椋庢牸鐨勪竴鑷淬€傚悇绾ф寜閽殑澶у皬銆佸嚬鍑告晥鏋滃拰鏍囨敞瀛椾綋銆佸瓧鍙烽兘淇濇寔涓€鑷达紝鎸夐挳鐨勯鑹插拰鐣岄潰搴曡壊淇濇寔涓€鑷淬€?

3锛庢墦寮€鐣岄潰鐨勭粨鏋勪綋绯?

銆€銆€閫夋嫨鐣岄潰鐨勬蹇靛彇鍐充簬澶氫釜鐣岄潰銆傚彲灏嗙晫闈㈣璁′负寰幆鎴朏IFO缂撳啿鍣紝銆?

鍥?顥?鎵撳紑鐢婚潰鐨勭粨鏋勪綋绯?

銆€銆€濡傛灉杩愯澶ч噺鐣岄潰锛屽繀椤昏璁′竴涓悎鐞嗙殑缁撴瀯浣撶郴鏉ユ墦寮€鐣岄潰銆傞€夋嫨绠€鍗曡€屾案涔呯殑缁撴瀯浠ヤ究鎿嶄綔鍛樿兘澶熷揩閫熶簡瑙ｅ浣曟墦寮€鐣岄潰銆?

銆€銆€鐢ㄦ埛涓€娆″鐞嗙殑淇℃伅閲忔槸鏈夐檺鐨勶紝鎵€浠ュぇ閲忎俊鎭爢绉湪灞忓箷涓婁細褰卞搷鐣岄潰鐨勫弸

銆€銆€濂芥€с€備负浜嗗湪鎻愪緵瓒冲鐨勪俊鎭噺鐨勫悓鏃朵繚璇佺晫闈㈢殑绠€鏄庯紝鍦ㄨ璁′笂閲囩敤浜嗘帶浠跺垎绾у拰鍒嗗眰鐨勫竷缃柟寮忋€傚垎绾ф槸鎸囨妸鎺т欢鎸夊姛鑳藉垝鍒嗘垚澶氫釜缁勶紝姣忎竴缁勬寜鐓у叾閫昏緫鍏崇郴缁嗗寲鎴愬涓骇鍒€傜敤涓€绾ф寜閽帶鍒朵簩绾ф寜閽殑寮瑰嚭鍜岄殣钘忎繚璇佷簡鐣岄潰鐨勭畝娲併€傚垎灞傛槸鎶婁笉鍚岀骇鍒殑鎸夐挳绾靛悜灞曞紑鍦ㄤ笉鍚岀殑鍖哄煙锛屽尯鍩熶箣闂存湁鏄庢樉鐨勫垎鐣岀嚎銆傚湪浣跨敤鏌愪釜鎸夐挳寮瑰嚭涓嬬骇鎸夐挳鐨勫悓鏃跺鍏朵粬鍚岀骇鐨勬寜閽疄鐜伴殣钘忥紝浣块€昏緫鍏崇郴鏇存竻鏅般€?

銆€銆€閫氬父瑕佺敱3涓眰闈㈢粍鎴愩€傚眰闈?鏄€昏鐣岄潰銆傝灞傞潰瑕佸寘鍚笉鍚岀郴缁熼儴鍒嗗湪绯荤粺鎵€鏄剧ず鐨勪俊鎭紝浠ュ強濡備綍浣胯繖浜涚郴缁熼儴鍒嗗崗鍚屽伐浣溿€傚眰闈?鏄繃绋嬬晫闈€傝灞傞潰鍖呭惈鎸囧畾杩囩▼閮ㄥ垎鐨勮缁嗕俊鎭紝骞舵樉绀哄摢涓澶囧璞″睘浜庤杩囩▼閮ㄥ垎銆傝灞傞潰杩樻樉绀轰簡鎶ヨ瀵瑰簲鐨勮鍚勫璞°€傚眰闈?鏄缁嗙晫闈€傝灞傞潰鎻愪緵鍚勪釜璁惧瀵硅薄鐨勪俊鎭棏锛屼緥濡傛帶鍒跺櫒銆佹帶鍒堕榾銆佹帶鍒剁數鏈虹瓑锛屽苟鏄剧ず娑堟伅銆佺姸鎬佸拰杩囩▼鍊笺€傚鏋滃悎閫傜殑璇濓紝杩樺寘鍚笌鍏朵粬璁惧瀵硅薄宸ヤ綔鏈夊叧鐨勪俊鎭€?

4锛庢枃瀛楃殑搴旂敤

銆€銆€鐣岄潰璁捐涓父鐢ㄥ瓧浣撴湁涓枃鐨勫畫浣撱€佹シ浣擄紝鑻辨枃鐨勬壄閽旂瓑锛屽洜涓鸿繖浜涘瓧浣撳鏄撹鲸璁ゃ€佸彲璇绘€уソ鑰冭檻鍒颁竴鑷存€э紝鎺у埗鍙拌蒋浠剁晫闈㈡墍鏈夌殑鏂囨湰閮介€夌敤涓枃瀹嬩綋锛屾枃瀛楃殑澶у皬鏍规嵁鎺т欢鐨勫昂瀵搁€夌敤浜嗗ぇ灏忎袱绉嶅瓧鍙凤紝浣挎樉绀轰俊鎭竻鏅板苟淇濊瘉椋庢牸缁熶竴銆?

銆€銆€浜轰綋宸ョ▼瀛﹁姹傜晫闈㈢殑鏂囨湰鐢ㄨ绠€娲侊紝灏介噺鐢ㄨ偗瀹氬彞鍜屼富鍔ㄨ鎬侊紝鑻辨枃璇嶈閬垮厤缂╁啓銆傛帶鍒跺彴浜烘満鐣岄潰涓簲鐢ㄧ殑鏂囨湰鏈変袱绫伙細鏍囨敞鏂囨湰鍜屼氦浜掓枃鏈€傛爣娉ㄦ枃鏈槸鍐欏湪鎸夐挳绛夋帶浠朵笂锛岃〃绀烘帶浠跺姛鑳界殑鏂囧瓧锛屾墍浠ュ敖閲忎娇鐢ㄤ簡鎻忚堪鎿嶄綔鐨勫姩璇嶅“璁惧悇鎿嶄綔”銆?ldquo;绯荤粺璁剧疆”绛夈€備氦浜掓枃鏈槸浜轰笌璁＄畻鏈轰互鍙婅绠楁満涓庢€绘帶鍒跺彴绛夌郴缁熶氦浜掍俊鎭墍闇€瑕佺殑鏂囨湰锛屽寘鎷緭浜烘枃鏈拰杈撳嚭鏂囨湰銆備氦浜掓枃鏈娇鐢ㄧ殑璇彞涓轰簡鍦ㄧ畝娲佺殑鍚屾椂琛ㄨ揪娓呮櫚锛屽敖閲忛噰鐢ㄧ敤鎴风啛鎮夌殑鍙ュ瓙鍜岀ぜ璨岀殑琛ㄨ揪鏂瑰紡濡?ldquo;璇锋鏌ヤ氦娴佺數鍘?rdquo;銆?ldquo;绯荤粺璀﹀憡瑁呯疆閿佸畾”銆傚浜庝俊锝€鎭噺澶х殑鎯呭喌锛岄噰鐢ㄤ笂涓嬫粴鍔ㄨ€屼笉鐢ㄥ乏鍙虫粴灞忥紝鍥犱负杩欐牱鏇寸鍚堜汉鐨勬搷浣滀範鎯€?

5.鑹插僵鐨勯€夋嫨

銆€銆€浜烘満鐣岄潰璁捐涓壊褰╃殑閫夋嫨涔熸槸闈炲父閲嶈鐨勩€備汉鐪煎棰滆壊鐨勫弽搴旀瘮瀵规枃瀛楃殑鍙嶅簲瑕佸揩锛屾墍浠ヤ笉鍚岀殑淇℃伅鐢ㄩ鑹叉潵鍖哄埆姣旂敤鏂囧瓧鍖哄埆鐨勬晥鏋滆濂姐€備笉鍚岃壊褰╃粰浜虹殑鐢熺悊鍜屽績鐞嗙殑鎰熻鏄笉鍚岀殑锛屾墍浠ヨ壊褰╅€夋嫨鏄惁鍚堢悊涔熶細瀵规搷浣滆€呯殑宸ヤ綔鏁堢巼浜х敓褰卞搷銆傚湪鐗瑰畾鐨勫尯鍩燂紝涓嶅悓棰滆壊鐨勪娇鐢ㄦ晥鏋滄槸涓嶅悓鐨勩