編輯導(dǎo)語：隨著互聯(lián)網(wǎng)行業(yè)的快速發(fā)展，各種APP也開始應(yīng)運而生，現(xiàn)在不論是哪個行業(yè)，關(guān)于UI設(shè)計師都是一個必要的崗位，設(shè)計好板式是很重要的一項工作，那怎樣可以設(shè)計出屬于自己的版式呢，本文就來為大家聊一聊！

每次拿到原型開始設(shè)計，總是沒有好的想法；每次做出來的設(shè)計，不是同質(zhì)化，就是很平庸，該如何破局？

這是80%的設(shè)計師目前的現(xiàn)狀，設(shè)計好的UI版式真的很難么？答案顯然是否定的。

如果，大家經(jīng)常去關(guān)注一些前沿設(shè)計作品，設(shè)計概念，你就會發(fā)現(xiàn)別人的設(shè)計其實也沒用什么牛逼的技法，就是普通的版式，也可以設(shè)計感很強。

他們到底怎么做到的？

下面我來給你拆解3個方向，尤其是第二個，很容易學(xué)；但，就是越簡單的東西，越容易被忽略。

一、圖文序列

圖形與文字版式組合創(chuàng)新設(shè)計，形成可見的幾何序列或者幾何矩陣，從而達到增強設(shè)計版式的視覺效果。

比如，我們常見的線條序列幾何、或者塊面序列幾何、點陣序列幾何。

很多人說，這些我都知道，但是靈感從哪里來？我們做UI設(shè)計不一定只看這個領(lǐng)域的參考。

比如，我們可以去看看平面、品牌、建筑、裝置藝術(shù)、概念藝術(shù)、街頭藝術(shù)、建筑藝術(shù)。

來看個例子，下面這張平面海報的設(shè)計。

將圖形與文字混合穿插排版，增強了形式感與版式感，這樣的思路我們在UI版式中也可以使用。
這種設(shè)計手法特征關(guān)鍵詞：穿插組合、幾何序列、疊加序列、重復(fù)序列。
下面，我們看幾個案例。

大量重復(fù)使用幾何線條序列，區(qū)分信息層級的同時，還增加了版式感。

重復(fù)幾何序列矩陣，疊加，重復(fù)切割。

Nike Run Club

二、比大更大

大小對比，我們從學(xué)設(shè)計時，就已經(jīng)知道了，但就是用不好。

因為大家，把大小對比理解成就是放大或者縮小兩者之間的差距，這個理解只能說正確一半。

我們要真正意義上理解大小對比，應(yīng)該是需要更大，再大一些，形成鮮明的對比。

Short Waves Festival

Tech Central

雜志設(shè)計，大家應(yīng)該都看過，之所以雜志周刊很有版式感、設(shè)計感，是因為他們設(shè)計大膽。

比如，字體喜歡用大號文字，這樣更顯得直觀、清晰，在視覺上產(chǎn)生強烈的對比沖突，喚起思考。

下面，我們來看看在UI中的應(yīng)用案例。

分離派

上圖網(wǎng)頁UI設(shè)計，有了大字號數(shù)字排版，這個頁面才有了靈魂。

Tech Central

三、強化負空間

通過負空間也能產(chǎn)生設(shè)計感，增強界面版式質(zhì)感。那么，如何通過強化負空間來增加設(shè)計版式感？

首先要明白負空間的含義是留白，加大負空間的應(yīng)用，就是增加留白，讓頁面更有呼吸感。

蘋果官網(wǎng)，通過大量營造負空間效果，從而產(chǎn)生高級感，版式簡約而不簡單。

Enabling EV

下面看幾個應(yīng)用案例。

Upwork

在APP界面設(shè)計中，加大負空間效果，營造更多的設(shè)計留白，從而來營造版式感。

四、最后

版式是一切設(shè)計的基礎(chǔ)，做平面，品牌包裝，海報運營等都需要好的版式，在UI中也是一樣。

為什么在日常工作中，我們設(shè)計出來的UI界面不是很平庸就是同質(zhì)化，最大的原因是思維局限，思維沒打開。

我們可以從多維度去思考找靈感，夸領(lǐng)域汲取，從其他設(shè)計領(lǐng)域中找答案，這也是今天這篇文章的核心。

比如，通過從平面或者品牌中汲取版式靈感，再通過內(nèi)化、嘗試、探索應(yīng)用到你的界面設(shè)計中，設(shè)計創(chuàng)新就是這樣來的。

#專欄作家#

Tony，微信公眾號：功夫體驗設(shè)計，人人都是產(chǎn)品經(jīng)理專欄作家。百度視覺體驗設(shè)計師，一直堅持原創(chuàng)文章，樂于幫助新人。擅長作品集指導(dǎo)、筆試題指導(dǎo)、UI視覺創(chuàng)意、設(shè)計趨勢風(fēng)格等。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議