一暂论、界面（Interface,接口）
（1）接口種類：1面褐、硬件接口：VGA,?? USB, ? RJ-45等
?????????????????????????????? 2、軟件接口：API,?? ABI
?????????????????????????????? 3取胎、人機接口：鍵盤展哭、鼠標(biāo)、顯示器闻蛀、音箱等
（2）界面種類及發(fā)展歷史：1匪傍、Batch? Interface:? 1945~1968
?????????????????????????????????????????????????? 2、TUI:? Text-based? User?? Interface
?????????????????????????????????????????????????? 3觉痛、CLIs: 1969~今析恢，Command-line User? Interface
?????????????????????????????????????????????????? 4、GUI:1968~今,Graphic? User Interface
?????????????????????????????????????????????????? 5秧饮、WUI:? Web-based? User Interface
????????????????????????????????????????????? ? ?? 6、TUI:Touch?? User?? Interface
二泽篮、界面設(shè)計方法
（1）兩個方法：界面原型法盗尸、仿真法
（2）三個步驟：1、交互設(shè)計：UCD,persona,?? activity-orionted? design,?? sconario-based design,?? resillioncy? design
????????????????????????????? 2帽撑、接口設(shè)計：use? case ,?? Constrain enforcement
????????????????????????????? 3泼各、原型設(shè)計：基于交互設(shè)計，使用控件庫亏拉；原型（prototype扣蜻、樣機逆巍、藍(lán)本）
三、GUI小部件
?????? （部件分類）
1莽使、命令選擇 ：button,? radio button ,? check box,? split? button,cycle? button,? menu(menu bar,?? context? menu,? pie menu) ,? tool bar
2锐极、集合數(shù)據(jù)顯示: list? box,? drop-down list,?? combo,?? tree view,? grid? view
3、容器：window, collapsible pand, dilalog box,? frame,? canvas, palette window,?? accordion
4芳肌、導(dǎo)航：link, tab,? scrollbar
5灵再、文本輸入：text box,? combo? box
6、輸出：Label,? Tooltip, Balloon help,? Status bar,? Progress? bar ,? Infobar
7亿笤、分類：輸入翎迁、操作、輸入
四净薛、界面原型設(shè)計工具
分類：1汪榔、客戶端：Axure? RP
??????????? 2、在線工具：①ProcessOn??????? https://www.processon.com
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②墨刀? ? https://modao.cc/
五肃拜、界面設(shè)計準(zhǔn)則
①清晰：文字痴腌、布局
②響應(yīng)：有輸入就有輸出、不論結(jié)果正確與否
③簡潔
④友好
⑤一致：文字的內(nèi)容爆班；文字的字體衷掷、顏色、字號柿菩；背景顏色
⑥高效：閱讀習(xí)慣戚嗅，自左而右，自上而下枢舶；左上角顯示最重要的內(nèi)容
⑦容錯：對錯誤操作有有好的提示
