![Photoshop CC UI设计标准培训教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/129/53035129/b_53035129.jpg)
上QQ阅读APP看书,第一时间看更新
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=1738823582-9AzO6pHFprNvYkz1QMuWIMLuYZcBu1UT-0-84ecc5cd3bd78e3643c9b7186600f5d9)
图1-6 拟物化(左)和扁平化(右)
1.拟物化风格
拟物化风格主要通过高光、纹理、阴影等效果模拟真实物品的造型和质感,将其在UI设计中再现,如图1-7所示。
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/image_13_0_m.jpg?sign=1738823582-fT9CDHNjkXPOUxSCV6p3S9YCunPtmKwJ-0-970748dbb5bc1353b06afe767f73d854)
图1-7 拟物化风格
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/cutq_13_47747_l.jpg?sign=1738823582-gM0FPgL4wsr7Tp46L4QHQdBCauHU6FUP-0-5203027bdcd134b05e212bf24d8b78cb)
2.扁平化风格
扁平化风格去除了诸如透视、纹理、渐变等冗余、厚重和繁杂的装饰效果,运用抽象、极简和符号化的设计元素进行表现,如图1-8所示。
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/image_13_1_l.jpg?sign=1738823582-uARuKIK4Gq3fAdgKrHRMElafrIPgvKpW-0-59761facd038a12951d1b4d7ae2b2302)
图1-8 扁平化风格
![](https://epubservercos.yuewen.com/358A26/31548134307065406/epubprivate/OEBPS/Images/cutq_14_54234_m.jpg?sign=1738823582-P0opXa4wMpghCEGhihOOg0Wfsu21RYPz-0-0326fcc0b0aeece62d62ace68bb1b5e1)