- Photoshop CC UI设计标准培训教程
- 数字艺术教育研究室编著
- 220字
- 2025-01-07 17:01:20
1.3 UI设计的风格表现
自2013年iOS 7推出以来,UI设计的风格由拟物化为主转化为以扁平化为主,因此UI设计的风格主要分为拟物化和扁平化两大类,如图1-6所示。
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/image_12_1_m.jpg?sign=1739563401-E0WreE93bKYVcse5aYcxZ3GqWOp4E9AR-0-c3898fca0a4e3a3a053d965bddfd90bd)
图1-6 拟物化(左)和扁平化(右)
1.拟物化风格
拟物化风格主要通过高光、纹理、阴影等效果模拟真实物品的造型和质感,将其在UI设计中再现,如图1-7所示。
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/image_13_0_m.jpg?sign=1739563401-VXnc5BwPwPa0DR6A9LNyoAWI5P6o6Hgw-0-ecaa635dc53471266ac0775aee236a2a)
图1-7 拟物化风格
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/cutq_13_47747_l.jpg?sign=1739563401-aPfIAVGdr2xdRxjgqaTJP5PUKVAes33h-0-cf474d1cbbeded0e58a227e56fee7a0c)
2.扁平化风格
扁平化风格去除了诸如透视、纹理、渐变等冗余、厚重和繁杂的装饰效果,运用抽象、极简和符号化的设计元素进行表现,如图1-8所示。
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/image_13_1_l.jpg?sign=1739563401-98VMDXWcDKgxOGhOlZONk1TVzPAGTW4s-0-b1a1922e2ecca2a0b29e668998bc269b)
图1-8 扁平化风格
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/cutq_14_54234_m.jpg?sign=1739563401-lkXngKgmXL21jFRWnKxomaNv8XzLG92m-0-7aa8809017846950d8d4e05a8a8f4cc8)