一、界面（Interface,接口）
（1）接口種類：1、硬件接口：VGA,?? USB, ? RJ-45等
?????????????????????????????? 2、軟件接口：API,?? ABI
?????????????????????????????? 3、人機(jī)接口：鍵盤、鼠標(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è)計(jì)方法
（1）兩個(gè)方法：界面原型法、仿真法
（2）三個(gè)步驟：1、交互設(shè)計(jì)：UCD,persona,?? activity-orionted? design,?? sconario-based design,?? resillioncy? design
????????????????????????????? 2、接口設(shè)計(jì)：use? case ,?? Constrain enforcement
????????????????????????????? 3、原型設(shè)計(jì)：基于交互設(shè)計(jì)，使用控件庫；原型（prototype、樣機(jī)、藍(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è)計(jì)工具
分類：1、客戶端：Axure? RP
??????????? 2、在線工具：①ProcessOn??????? https://www.processon.com
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②墨刀? ? https://modao.cc/
五、界面設(shè)計(jì)準(zhǔn)則
①清晰：文字、布局
②響應(yīng)：有輸入就有輸出、不論結(jié)果正確與否
③簡(jiǎn)潔
④友好
⑤一致：文字的內(nèi)容；文字的字體、顏色、字號(hào)；背景顏色
⑥高效：閱讀習(xí)慣，自左而右，自上而下；左上角顯示最重要的內(nèi)容
⑦容錯(cuò)：對(duì)錯(cuò)誤操作有有好的提示
