400-611-9921
2025-06-10
88
一、角色 IP 破形,強化游戲氛圍感
在一些游戲類的設(shè)計中,通常會結(jié)合角色 IP 來進(jìn)行破形處理,比如說下面這些案例,就是利用角色和背景底色互動的特點,讓選中的角色進(jìn)行了凸起設(shè)計,來強調(diào)當(dāng)前的角色。
二、切割破形,強化功能、信息的區(qū)塊感
比如下面的這些案例,就是利用 UI 結(jié)構(gòu)切割進(jìn)行破形,來突出核心的操作或者內(nèi)容,讓原本比較沉悶的方格子設(shè)計,變得更加具有設(shè)計感和幾何結(jié)構(gòu)感。
三、組合拼貼式破形
這種方式通常是在不破壞原有 UI 組合結(jié)構(gòu)的情況下進(jìn)行設(shè)計,通過背景與前景元素的錯位來營造破形的空間感和層次感,這種類型與第一種方式一樣,都是為了強調(diào)主體,主要差異點在于表現(xiàn)的手法,第一種類型更依賴于設(shè)計的整體性,這種則更強調(diào)主體的突出性。
四、強調(diào)核心操作,騎縫破形強化體驗
這種方式也比較常見,通常在底部導(dǎo)航的設(shè)計或者整個界面具備核心重要的操作時,會通過騎縫的設(shè)計方式來對原本完整的界面結(jié)構(gòu)進(jìn)行破形設(shè)計處理,強調(diào)了主操作之余也增加了結(jié)構(gòu)的裝飾性設(shè)計。圖片
五、破形延伸視覺,提升場景銜接感和空間感
在設(shè)計一些長網(wǎng)頁的時候,通常會在上下屏銜接的時候,利用角色或者部分視覺元素來進(jìn)行上下的破形銜接,可以通過一些簡單的元素進(jìn)行上下銜接或者空間擴展的視覺變化,來突破原本固定化的視覺畫面感,讓整體的畫面更加具有張力,同時增加畫面閱讀的延伸感。
六、文字破形,強化圖文板式感
利用文字元素,通過侵入、遮擋、嵌入等方式進(jìn)行破形設(shè)計,常見于一些標(biāo)題的設(shè)計時可以利用文字的延展性來加強畫面的視覺延伸,提升了文字和場景的層次感和空間感。
七、錯位破形,提升視覺穿插感
在同一組元素或者同一個模塊的元素內(nèi),通過上下左右的視覺錯位來打破原有的固定結(jié)構(gòu)造型,讓整體的設(shè)計變得更加具有排版的節(jié)奏感,提升畫面的視覺張力和設(shè)計感。
最后
如果你在設(shè)計排版的時候沒有特別好的靈感,不敢嘗試下破形的設(shè)計方法來提升下你的畫面張力,通過破形的設(shè)計可以讓原本呆板的設(shè)計變得更加具有生命力和設(shè)計感。
7種手法中,你認(rèn)為哪種最易出效果?留言分享你的實戰(zhàn)經(jīng)驗!
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com