![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=1739034515-5Oq2YHoUVDi0vuBg2SU1YUBXFBWKYjKR-0-fe17cb7d7b45b7234e67b5a6d345b6b9)
手机移动端App产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0003.jpg?sign=1739034515-eOy4FeWL58MPUgQS2fYgmVqubyauepYk-0-b309ca56e82ff0ad2bbb8f28c07db1e8)
PC端产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0004.jpg?sign=1739034515-W9i8wftt4rHB6r314dsIhvu3uz1wnKLN-0-4f1cfec5e42217fde28b139f10c8ba8d)
游戏操作界面
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0005.jpg?sign=1739034515-9T5tjiNhPQ8zG2RM0G4svd8m0hLXGCMJ-0-37551dd4b7d329f5e650b219c25919da)
智能家电
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0006.jpg?sign=1739034515-u2mHUO82073VS6omV0I9YTjwU9NrN5cg-0-7358ad94093cd1da85a98b22aa68f318)
图标设计
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0014-0007.jpg?sign=1739034515-x6dXfMrnqIgq7u1o3gn8Dd7yYZiBgKrq-0-c5f463017d75997064df1d57d1048c9b)
车载系统
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0008.jpg?sign=1739034515-88fA7XK1f9rIowoHu35VhAQpVjBV1WWr-0-535e1c2eff6e84b503de9c4b715f0148)
数码产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0009.jpg?sign=1739034515-B33gT3GYBRmJjEJ5AfiBDHkDSQ6ImDQb-0-509403aeb52cb620ec6e9e3e09a3bd4c)
软件产品
1.1.2 WUI
WUI是Web User Interface的缩写,即网页设计。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0010.jpg?sign=1739034515-Dq48YvHlkoRywYQacn9vRdSyrCEXxE7l-0-3c868a488c2caa92028b93824bdc6334)
移动端网页
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0011.jpg?sign=1739034515-Ohw9Mcm7a6CV2UcIoFjM1kmxpdVDcvcQ-0-67a0522a0ae204dfe0776988698ceaf7)
PC端网页
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0015-0012.jpg?sign=1739034515-CegccsnXPmQ8ZWdlpu4GI2FsQgdAclJj-0-dcdad5f9931516a75820f4039446c867)
H5活动页面
1.1.3 IXD
Interaction Design即交互设计,缩写为IXD。交互设计关注的是人和机器的相互“交流行为”,机器包含软件设备,同时也包含硬件设备。交互行为是在两个或者多个个体之间进行相互配合,并且达到某种目的,而交互设计则是为了让整体过程更顺畅、更完善。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0013.jpg?sign=1739034515-cabzc2soXLaP6guj5x4MGrS3cWO9jfNf-0-9e3b510c6b4670ac428062ade634706f)
信息架构
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0014.jpg?sign=1739034515-H73Nt2yzifFNtuzLrCZsxrKtC5mQkjiG-0-a2711663b649e54a3da8640052311949)
交互原型图
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0016-0015.jpg?sign=1739034515-s2Sf0UfJGQ5eJMrEELdoDGhuhBNQ65DQ-0-85e84e70aa6f7a3c1eec427fedeeea21)
页面布局
1.1.4 UE/UX
User Experience即用户体验,缩写为UE/UX,是用户在使用产品的过程中建立起来的一种纯主观感受。
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0016.jpg?sign=1739034515-IEk38nbvsPZugT9jKwaUFPRlnEa9VB4c-0-a0863281e7fd1f253833a5e79b764bf1)
用户调研
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0017.jpg?sign=1739034515-GklZVNHk2EWfqqIuswSULDCo9X573nJ4-0-5f94e0ef47e9112c4b41683d6ff04574)
用户心理分析
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0018.jpg?sign=1739034515-jMinxE4Yssf6lKWFjH4dFVf1HZcgxWBz-0-c7ea0fe917fa48b799cab9468a195e09)
产品体验优化
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0019.jpg?sign=1739034515-7DSLXszCyEgfkmyAs4B7S0FQ2jysY3ZD-0-8a40b262e55c14a8846283d364e6b7e1)
思考并创造让用户喜欢的产品
![](https://epubservercos.yuewen.com/A43FB0/16559258404546706/epubprivate/OEBPS/Images/figure-0017-0020.jpg?sign=1739034515-lI1XfX0fOYxrL4TUBXdcukqIg3o0IPlF-0-e94edeacde07e6e2bee6f2e0b2aa957e)
用户需求研究