您當前的位置:首頁 > 繪畫

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

作者:由 小丸子愛設計 發表于 繪畫時間:2022-07-12

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

網上各種排版教程,看似簡單,但到自己實際操作時,依舊無從下手,那麼今天小編就為大家分享一下四個非常簡單實用的排版小技巧。

視線順序

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

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

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

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

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

節奏與平衡

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

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

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

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

利用大小不同的元素,使沉悶的頁面富有節奏感。

同時也可以在影象的使用,你可以在大小尺寸、上下左右位置等上面下功夫,這些能夠為版面增加強弱對比。

如果版面的排列順序很明確,那麼可以有意識的去打破它,而且一定要表現出這是有意的。

技巧就是,打破常規沉悶時,一定要乾脆一些,要麼全部採用這種排列順序,要麼全部不採用,千萬不要保守。

留白

我們在設計時非常重視留白,設計中的留白區域不侷限於白色,留白的”白”指的不是顏色的”白”,而是空白的”白”

留白區域指的是某一區域無額外元素,無裝飾,處於空白的狀態。

常見的留白方式有以下幾種:

留白分割頁面

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

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

留白區分層次

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

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

留白活躍版面

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

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

簡潔

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

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

有時即使設計本身不怎麼樣,但是一個機敏醒目的標題就能夠吸引人。

一個頁面重要的是具體給讀者展示你想要表達的內容,並不是讓你把全部生平都放上去,頁面要切中要點,畢竟濃縮的才是精華。

排版的四個小技巧就介紹完了,看似很簡單的方法其實也包含了很多內容,要想真正掌握好排版。

除了懂得方法技巧之外,還要多去看一些優秀作品和多去練習。

希望這篇文章能給正在苦惱排版的你,帶來有一定的幫助。

後期會繼續分享更多實用教程供大家學習哦,感謝你的關注。

往期乾貨分享:

Cheryy平面設計:價值上萬的UI設計VIP課程免費開放試聽啦!Cheryy平面設計:價值上萬的UI設計VIP課程免費開放試聽啦!Cheryy平面設計:價值上萬的UI設計VIP課程免費開放試聽啦!

標簽: 留白  版面  頁面  排版  UI