UI設(shè)計(jì)師培訓(xùn)如何區(qū)別扁平和擬物兩種風(fēng)格？

來源：www.hebeijilong.cn 發(fā)布人：星星

2021-12-27 11:54:09|已瀏覽：168次

區(qū)別扁平和擬物兩種風(fēng)格

擬物化設(shè)計(jì)-skeuomorphism

特點(diǎn)：界面模擬真實(shí)物體的材質(zhì)、質(zhì)感、細(xì)節(jié)、光亮等；人機(jī)交互也擬物化，模擬現(xiàn)實(shí)中的交互方式。擬物設(shè)計(jì)的會讓你認(rèn)出這是個什么東西。
好處：

1.認(rèn)知和學(xué)習(xí)成本低：我外婆能看懂iOS里面幾乎所有原生應(yīng)用的圖標(biāo)；各種樂器類應(yīng)用的擬物化設(shè)計(jì)；
2.各種按鈕的視覺質(zhì)感和按下去之后的交互效果，養(yǎng)成用戶對這類“東西”的統(tǒng)一認(rèn)知和使用習(xí)慣；
3.人性化的體貼：我相信有很多同學(xué)都非常喜歡ibooks的體驗(yàn)，用它來閱讀確實(shí)是一種享受。

壞處：

擬物化本身就是個約束，會限制功能本身的設(shè)計(jì)。

扁平化設(shè)計(jì)-Flat
特點(diǎn)：界面上單色極簡的抽象矩形色塊、大字體、光滑、現(xiàn)代感十足；交互的核心在于功能本身的使用，所以去掉了冗余的界面和交互，而是使用更直接的設(shè)計(jì)來完成任務(wù)；扁平化設(shè)計(jì)則讓你意會這是個什么東西。
好處：
1.簡約而不簡單，扁平的設(shè)計(jì)搭配一流的網(wǎng)格、色彩設(shè)計(jì)，讓看久了擬物化的用戶感覺煥然一新；
2.突出內(nèi)容主題，減弱各種漸變、陰影、高光等擬真視覺效果對用戶視線的干擾，讓用戶更加專注于內(nèi)容本身，減少用戶使用這類產(chǎn)品的負(fù)擔(dān)，在扁平化的視覺和優(yōu)秀的架構(gòu)設(shè)計(jì)下顯得非常簡單易用；
3.設(shè)計(jì)更容易，優(yōu)秀扁平的設(shè)計(jì)只需要包含良好的架構(gòu)、網(wǎng)格和排版布局，色彩的運(yùn)用，高度的一致性，而不需要考慮更多的陰影、高光、漸變等等。（其實(shí)也是相對來說的，這里爭論比較大，扁平化對于色彩運(yùn)用和排版布局的要求更加高了；
壞處：

需要一定的學(xué)習(xí)成本，且傳達(dá)的感情不豐富，甚至過于冰冷。

本文由培訓(xùn)無憂網(wǎng)牛耳教育課程顧問老師整理發(fā)布，更多UI設(shè)計(jì)課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計(jì)培訓(xùn)頻道或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-10276.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050