![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=1739391051-kymitNM23hHt12E4v2PEWKCO3fhNNdIX-0-75663aaa650bc6c9c2f689f71b05b940)
手机移动端App产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0003.jpg?sign=1739391051-79fwP4PpqAari8lNqcZ3aASew5xdfCqy-0-ad431fc7f1539a2a84e53e479c597803)
PC端产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0004.jpg?sign=1739391051-G1qpwF6S8Axc4H8LbyNvLLsLeCmmTqSp-0-bd04def6402218d81a7fb0ba8d2bb0c6)
游戏操作界面
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0005.jpg?sign=1739391051-g6w5T3F0094nYYvwalmTO4bqdSGtygMV-0-cb0b2a920f3bd011ba3c773df1105fcb)
智能家电
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0006.jpg?sign=1739391051-FHsHHqdtBj12A0mWTlnf64sKCiXeWyYE-0-f94a8323436cafe26ca94c199f30250c)
图标设计
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0007.jpg?sign=1739391051-wn3nT0VmCXR45eN3m2Fck7VyvBuoixcG-0-6a6f8841682a2e3d71cdcef468fe2bac)
车载系统
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0008.jpg?sign=1739391051-9aowVC9KUiRLMRSNgOHCGDR4tfqqwRI2-0-05ede3dc738d3ce5c075eef185de8142)
数码产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0009.jpg?sign=1739391051-p5oimohtnOnBQB1jzJNAkdJM6sMNYA9G-0-c1b68e6da22d3e52de3cd7489865a7d0)
软件产品
1.1.2 WUI
WUI是Web User Interface的缩写,即网页设计。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0010.jpg?sign=1739391051-QGkOJpGISszs7jBnrERYsaqJfqWKv8ff-0-a677a20c4eb467273a40df25b42da051)
移动端网页
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0011.jpg?sign=1739391051-85cTB4H2VFs17dXCnbHygJIrJ3pLSrQr-0-1a4c26bf8adc8377e9444221a7c96866)
PC端网页
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0012.jpg?sign=1739391051-cNdKVb6guUONy6yCHxz0dBKAPcnKdvEw-0-a0102db100ff47ce62d6553a1a03b0d8)
H5活动页面
1.1.3 IXD
Interaction Design即交互设计,缩写为IXD。交互设计关注的是人和机器的相互“交流行为”,机器包含软件设备,同时也包含硬件设备。交互行为是在两个或者多个个体之间进行相互配合,并且达到某种目的,而交互设计则是为了让整体过程更顺畅、更完善。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0013.jpg?sign=1739391051-X6G0r20l0YKWpNUc44H7UrETHRrgkDxe-0-e33393971811ec743169f7c908d06ed1)
信息架构
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0014.jpg?sign=1739391051-sCspGVezPuBe6FQTsktqjmGwaj8tUils-0-bbf71cfd503c576517f856328f7c92c5)
交互原型图
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0015.jpg?sign=1739391051-2EUY2BW8ye1ZwdDkgmskEujP4ks3IPc8-0-8b65bb397fffc4c1b4840c14597856eb)
页面布局
1.1.4 UE/UX
User Experience即用户体验,缩写为UE/UX,是用户在使用产品的过程中建立起来的一种纯主观感受。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0016.jpg?sign=1739391051-Pls0VWqtc22V4XmbBT52ONX8sGssvlIf-0-85827b2831911922c9c4a54b659b1ec3)
用户调研
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0017.jpg?sign=1739391051-zgq8JwEYk0j0ZcJfSxdfYzaeN1PjEQRT-0-49e08df41509b3074e55766764790e32)
用户心理分析
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0018.jpg?sign=1739391051-FfBM3AyCm4OD0QmQ8DsZ6TQPyaukW1aY-0-1c3f27575e764d0ddff00cb4cb0ff6d3)
产品体验优化
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0019.jpg?sign=1739391051-TM3Jz9IxA6vJx7WQnM7CQ0GOlLgipvia-0-1c6ef7fc1183d104aa8ff108939e6894)
思考并创造让用户喜欢的产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0020.jpg?sign=1739391051-rW7kIziiNy9JAHZbGM0OoPp2y0FqXoQg-0-b0b112f3efa69f26f46046cbb89e2abb)
用户需求研究