畫面呆板沒張力？試試這7個破形技法！

今天來講一個設計排版中常用的方法——破形設計。所謂破形設計即突破原有的形體、結構、規則等限制，進行新的排版設計，讓設計變得更加具有設計感。

破形設計通常會利用新的圖形、紋樣、文字、顏色等等設計元素來進行解構重組升級，讓原本呆板、固化的設計變得更加具有美感和差異度。

通過破形的設計，可以大大提升設計排版的設計感，通過對核心元素的強調、突出、銜接、切割等技法，讓原本比較常規、固化、死板的畫面變得具有活力和新鮮感。

翻了下國內外的設計網站之后，給大家梳理了以下 7 種常見的破形設計手法。

更多作者干貨：

一、角色 IP 破形，強化游戲氛圍感

在一些游戲類的設計中，通常會結合角色 IP 來進行破形處理，比如說下面這些案例，就是利用角色和背景底色互動的特點，讓選中的角色進行了凸起設計，來強調當前的角色。

二、切割破形，強化功能、信息的區塊感

比如下面的這些案例，就是利用 UI 結構切割進行破形，來突出核心的操作或者內容，讓原本比較沉悶的方格子設計，變得更加具有設計感和幾何結構感。

三、組合拼貼式破形

這種方式通常是在不破壞原有 UI 組合結構的情況下進行設計，通過背景與前景元素的錯位來營造破形的空間感和層次感，這種類型與第一種方式一樣，都是為了強調主體，主要差異點在于表現的手法，第一種類型更依賴于設計的整體性，這種則更強調主體的突出性。

四、強調核心操作，騎縫破形強化體驗

這種方式也比較常見，通常在底部導航的設計或者整個界面具備核心重要的操作時，會通過騎縫的設計方式來對原本完整的界面結構進行破形設計處理，強調了主操作之余也增加了結構的裝飾性設計。圖片

五、破形延伸視覺，提升場景銜接感和空間感

在設計一些長網頁的時候，通常會在上下屏銜接的時候，利用角色或者部分視覺元素來進行上下的破形銜接，可以通過一些簡單的元素進行上下銜接或者空間擴展的視覺變化，來突破原本固定化的視覺畫面感，讓整體的畫面更加具有張力，同時增加畫面閱讀的延伸感。

六、文字破形，強化圖文板式感

利用文字元素，通過侵入、遮擋、嵌入等方式進行破形設計，常見于一些標題的設計時可以利用文字的延展性來加強畫面的視覺延伸，提升了文字和場景的層次感和空間感。

七、錯位破形，提升視覺穿插感

在同一組元素或者同一個模塊的元素內，通過上下左右的視覺錯位來打破原有的固定結構造型，讓整體的設計變得更加具有排版的節奏感，提升畫面的視覺張力和設計感。

最后

如果你在設計排版的時候沒有特別好的靈感，不敢嘗試下破形的設計方法來提升下你的畫面張力，通過破形的設計可以讓原本呆板的設計變得更加具有生命力和設計感。

7種手法中，你認為哪種最易出效果？留言分享你的實戰經驗！