- 零基礎(chǔ)學(xué)網(wǎng)頁UI設(shè)計
- 胡雪梅
- 425字
- 2020-11-02 10:02:40
1.5.1 擬物化風(fēng)格
擬物化風(fēng)格要求網(wǎng)頁中的一些元素在外觀上模擬真實(shí)物體的材質(zhì)、質(zhì)感、細(xì)節(jié)、陰影和光亮等特征,并且要求網(wǎng)頁中的人機(jī)交互也模擬現(xiàn)實(shí)中的互動方式。
雖然擬物化的風(fēng)格設(shè)計可以向瀏覽者傳達(dá)豐富的人性化感情,但是擬物化本身就是約束,在網(wǎng)頁設(shè)計上過多使用,會限制功能本身的設(shè)計。圖1-26所示為擬物化風(fēng)格網(wǎng)頁UI。

圖1-26 擬物化風(fēng)格網(wǎng)頁
☆ 提示
網(wǎng)頁的設(shè)計風(fēng)格也有潮流趨勢,當(dāng)讀者了解了每種設(shè)計風(fēng)格的含義與特點(diǎn)之后,再結(jié)合其他的業(yè)務(wù)需要來最終確定網(wǎng)頁產(chǎn)品的設(shè)計方案。
☆ 小技巧:擬物化風(fēng)格的特點(diǎn)
在扁平化風(fēng)格流行之前,大行其道的設(shè)計風(fēng)格是擬物化的設(shè)計風(fēng)格。在擬物化設(shè)計風(fēng)格盛行的時候,網(wǎng)頁中的主打產(chǎn)品或者主流模塊都有一些類似的設(shè)計美學(xué),例如一些立體、內(nèi)陰影和外陰影等因素。初看到這些界面元素的時候,大多數(shù)瀏覽者會覺得驚艷,但是看久了就會覺得不過如此。另外,擬物化風(fēng)格設(shè)計有一定的排他性,如果將網(wǎng)頁中的圖標(biāo)設(shè)置成擬物化風(fēng)格,但是各個圖標(biāo)的風(fēng)格不能統(tǒng)一,就會讓人覺得網(wǎng)頁UI非常混亂。
- 綜合布線實(shí)訓(xùn)教程(第3版)
- 網(wǎng)絡(luò)工程設(shè)計與安裝
- Axure RP8入門手冊:網(wǎng)站和App原型設(shè)計從入門到精通
- 計算機(jī)網(wǎng)絡(luò)技術(shù)及應(yīng)用
- 計算機(jī)網(wǎng)絡(luò)技術(shù)基礎(chǔ)(第2版)
- Bootstrap從入門到項目實(shí)戰(zhàn)
- 信息主導(dǎo)論
- 物聯(lián)網(wǎng)及其安全技術(shù)解析
- 軟件定義網(wǎng)絡(luò):SDN與OpenFlow解析
- 綜合布線實(shí)訓(xùn)教程(第2版)
- 智慧網(wǎng)絡(luò)協(xié)同組織機(jī)理
- 軟件定義網(wǎng)絡(luò)核心原理與應(yīng)用實(shí)踐
- 信息安全防御技術(shù)與實(shí)施
- 信號與信息
- 全球網(wǎng)絡(luò)身份管理的現(xiàn)狀與發(fā)展