![UI设计启示录:创意+对比+实战(培训教材版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/163/30179163/b_30179163.jpg)
上QQ阅读APP看书,第一时间看更新
第1章 UI设计基本概念
1.1 UI设计分类
UI设计的种类很多,其中有几类是我们日常生活中最常见的和作为设计师最应该了解的。
1.1.1 GUI
图形用户界面(Graphical User Interface,缩写为GUI)又称图形用户接口,是指采用图形方式显示的计算机用户操作界面。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0002.jpg?sign=1738844937-l8a4KVJ8WTYCakKKOxlg6KFKfnTNjWNT-0-6b1836bf57badb5e96c2294cb72e3ad2)
手机移动端App产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0003.jpg?sign=1738844937-GOIEu0ngSgsBGfTk40Y933iNB1J3lVq2-0-814022aa76294c66a46a6761decec4e3)
PC端产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0004.jpg?sign=1738844937-K4EdGWDUXvU7TBcPZSgmxHyzuQLZsju3-0-851fd9346f2570af232d9ca03c65d933)
游戏操作界面
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0005.jpg?sign=1738844937-acwz0SLPBmVx6ROvLlS03deKAQxKBvPD-0-19f32d89e5a37453b4e9523c99aa4b39)
智能家电
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0006.jpg?sign=1738844937-jywqSWHcvLGIFq6vZgnIncEuzw0dkZy9-0-56a6ebb4551d16dd879696782805b598)
图标设计
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0007.jpg?sign=1738844937-LkDLq5AcXGO8eu1cVJUWAQwvZnh11sAq-0-fb8e2c1d8376c6dfefbe3ddb1bdd22c3)
车载系统
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0008.jpg?sign=1738844937-ZZNrCdXCOKMQ8qdnkeISskkC7i77dAbC-0-e366e465fca91679b39342698f94665d)
数码产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0009.jpg?sign=1738844937-0T103Td609Wy8ef6GfhiK21Vkl6qJn4m-0-5e73f9b3711820454c714e4d6eb3fc6d)
软件产品
1.1.2 WUI
WUI是Web User Interface的缩写,即网页设计。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0010.jpg?sign=1738844937-fVpGOIBwpAIstmP33Q2B4Ai7WyzZMoMb-0-7ad5fc4ceeb12b725f502727c08d19c8)
移动端网页
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0011.jpg?sign=1738844937-MpTxgTT5YvtIDuVXF572eHdewMHrxLAT-0-cc373cf5903e456f8569a3084c5306d5)
PC端网页
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0012.jpg?sign=1738844937-Tj4UHr1DjYBMsznOkU8WwoB552YBAdf8-0-5c04e50917d14deaf7b96ed3257b6485)
H5活动页面
1.1.3 IXD
Interaction Design即交互设计,缩写为IXD。交互设计关注的是人和机器的相互“交流行为”,机器包含软件设备,同时也包含硬件设备。交互行为是在两个或者多个个体之间进行相互配合,并且达到某种目的,而交互设计则是为了让整体过程更顺畅、更完善。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0013.jpg?sign=1738844937-Kj0a9NdyZcH9FX8YkNjNuT3kcK6QMY9j-0-7f8e533428c5415b98e7bbc4bdc2326d)
信息架构
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0014.jpg?sign=1738844937-oemTl6Jbtc2cxSuhr3mrONzGgdsK1ui7-0-81fae59d712cd1735b1d5cd8526c9caf)
交互原型图
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0015.jpg?sign=1738844937-6bPZFZuOGpAdkyx0HNwERgBJ6r6aGG66-0-31ff12814c97326e331b5e27843242f6)
页面布局
1.1.4 UE/UX
User Experience即用户体验,缩写为UE/UX,是用户在使用产品的过程中建立起来的一种纯主观感受。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0016.jpg?sign=1738844937-rWW7lMU606lsP8CLFWwsyxji4zI4ggNc-0-16689fdfd362668697bbd6a639ebcce6)
用户调研
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0017.jpg?sign=1738844937-tzqlbza1lxnIjc9w8IkDXFjhvLfnYPJN-0-478ba5451e37f185cfbabfd277350bec)
用户心理分析
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0018.jpg?sign=1738844937-BFqXS3a6Gnbns4tFMINfraP4iVqXsIdo-0-d78f7add63f07ee420231180cbdd332d)
产品体验优化
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0019.jpg?sign=1738844937-RYb73JyTpVPCH1HSPSRdLa8yiOvE2dMa-0-b8edc11cd5f642acdf815288e1308994)
思考并创造让用户喜欢的产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0020.jpg?sign=1738844937-c5Dg6Letoil3qIzU7XUzvKTmgqGvjn9z-0-6851d25186c15863c1bf7eca84616e0a)
用户需求研究