四個簡單小技巧,快速學會

遇到有一些小夥伴說,學習UI設計時,每到排版,內心彷彿有一萬隻羊駝奔騰而過....

視線順序

閱讀引導線”引導閱讀順序,使版面易讀。

乾貨分享 | 四個簡單小技巧,快速學會

不管是什麼樣的版面,設置文本與圖象時,首先需要考慮的就是閱讀引導線。

一般來講,在豎排段落裡閱讀順序為右上到左下,而在橫排段落裡則是由左上到右下。

在視線順序的起點處可以設計一些引人注目的文案,比如,大小標題等元素。

節奏與平衡

節奏與平衡與閱讀引導線同等重要;過於嚴謹的整齊的版面,容易給人單調死板的感覺。

乾貨分享 | 四個簡單小技巧,快速學會

井然有序的版面稍微加上點靈活的錯開元素位置能讓頁面更加有趣、生動,且富有活力。

乾貨分享 | 四個簡單小技巧,快速學會

乾貨分享 | 四個簡單小技巧,快速學會

乾貨分享 | 四個簡單小技巧,快速學會

每個區塊用空白區分的很開,看起來比較寬鬆舒適。

留白區分層次

乾貨分享 | 四個簡單小技巧,快速學會

“焦點就是標題文本“Hi there”。因為它的字號最大,周邊留白最多,所以第一眼看到的就是它。”

留白活躍版面

乾貨分享 | 四個簡單小技巧,快速學會

“圖片元素較少時,利用適當的留白,平衡配置元素,使版面動起來。”

簡潔

現如今都在提倡簡潔的頁面,所以我們在製作頁面時,不要將所有的內容都裝進去,顯得很擠,沒有空間感,頁面要學會取捨。

乾貨分享 | 四個簡單小技巧,快速學會

乾貨分享 | 四個簡單小技巧,快速學會


分享到:


相關文章: