一款 App 或 Web 產(chǎn)品借卧，從用戶體驗(yàn)的角度包含了戰(zhàn)略層盹憎、范圍層、結(jié)構(gòu)層铐刘、框架層陪每、表現(xiàn)層。而作為 UI 設(shè)計(jì)師滨达，如果連「表現(xiàn)層」的內(nèi)容都還一知半解就去盲目地學(xué)習(xí)其他領(lǐng)域奶稠，這是不提倡的。

這里說的「表現(xiàn)層」是指視覺設(shè)計(jì)層面捡遍，在界面的視覺設(shè)計(jì)中同樣也包含了 5 個(gè)視覺要素：色彩锌订、文字、圖標(biāo)画株、圖片辆飘、空間。一個(gè)出色的界面設(shè)計(jì)谓传，必然是將這些要素做到了淋漓盡致蜈项。

本文結(jié)合大量?jī)?yōu)秀的案例，并以通俗簡(jiǎn)練的語言续挟，系統(tǒng)全面地介紹了這 5 個(gè)視覺要素紧卒。篇幅略長(zhǎng)，耐心讀完你一定會(huì)有收獲!（適合閱讀人群：視覺設(shè)計(jì)師诗祸、交互設(shè)計(jì)師跑芳、平面設(shè)計(jì)師、設(shè)計(jì)愛好者等直颅。）

文章大綱如下：

那我們就開始吧 ~

要素一：色彩

1. 色彩基礎(chǔ)概述

1.1 色彩三屬性

• 色相(H)：色彩的相貌博个、種類和名稱，比如紅功偿、橙盆佣、黃、綠等顏色的種類就叫色相械荷。

• 飽和度(S)：色彩的鮮艷程度共耍，也稱純度。

• 明度(B)：色彩的明亮程度吨瞎。

人眼看到的任一彩色光都是這三個(gè)屬性的綜合效果痹兜。

1.2 色彩寓意

同一色相的不同明度和不同飽和度，也會(huì)對(duì)人產(chǎn)生不同的心理感受关拒。我在這里歸納整理了各種色彩在通常情況下代表的不同寓意佃蚜，僅供參考庸娱。

• 紅色(Red) 熱烈、喜慶谐算、熱情熟尉、浪漫、危險(xiǎn)

• 橙色(Orange) 溫暖洲脂、食物斤儿、友好、財(cái)富恐锦、警告

• 黃色(Yellow) 光輝往果、明亮、尊貴一铅、權(quán)力

• 綠色(Green) 健康陕贮、自然、清新潘飘、希望肮之、安全

• 青色(Cyan) 朝氣、脫俗卜录、真誠(chéng)戈擒、清麗

• 藍(lán)色(Blue) 平靜、純潔艰毒、清涼筐高、科技、沉穩(wěn)

• 紫色(Purple) 神秘丑瞧、高貴柑土、優(yōu)雅、浪漫嗦篱、妖艷

• 黑色(Black) 深沉冰单、莊重幌缝、嚴(yán)肅灸促、邪惡、死亡

• 白色(White) 純潔涵卵、神圣浴栽、干凈、高雅轿偎、冷淡

• 灰色(Gray) 平凡典鸡、隨意、蒼老坏晦、冷漠

2. 色彩搭配

色相對(duì)比：兩種及兩種以上色彩組合后萝玷，由于色相差別而形成的色彩對(duì)比效果稱為色相對(duì)比嫁乘。

色相對(duì)比的強(qiáng)弱程度，取決于色相之間在色環(huán)上的距離 (角度)球碉，距離 (角度) 越大對(duì)比越強(qiáng)蜓斧，反之對(duì)比越弱。

一般界面的色彩搭配主要包括三種顏色：主色調(diào)睁冬、輔助色挎春、點(diǎn)綴色，搭配比例分別為 6:3:1豆拨。

2.1 同類色搭配

色環(huán)上相距 0° 的顏色為同類色直奋，一般常用同一種色相的不同明度或不同飽和度的組合方式，例如藍(lán)與淺藍(lán)施禾，紅與粉紅等脚线。同類色搭配對(duì)比效果統(tǒng)一、清新弥搞、含蓄殉挽，但也容易產(chǎn)生單調(diào)、乏味的感受拓巧。

2.2 鄰近色搭配

色環(huán)上相距 30° 左右的顏色為鄰近色 斯碌，例如紫與藍(lán)紫，藍(lán)紫與藍(lán)等肛度。鄰近色搭配對(duì)比效果柔和傻唾、文靜、和諧承耿，但也容易感覺單調(diào)冠骄、模糊，需調(diào)節(jié)明度來加強(qiáng)效果加袋。

2.3 類似色搭配

色環(huán)上相距 60° 左右的顏色為類似色凛辣，例如橙與黃，黃橙與黃綠等职烧。類似色搭配對(duì)比效果較豐富扁誓、活潑，同時(shí)又不失統(tǒng)一蚀之、和諧的感覺蝗敢。

2.4 中差色搭配

色環(huán)上相距 90° 左右的顏色為中差色，例如紅與黃橙足删，藍(lán)綠與黃等寿谴。中差色搭配對(duì)比效果明快、活潑失受、飽滿讶泰、使人興奮咏瑟，同時(shí)不失調(diào)和之感。

2.5 對(duì)比色搭配

色環(huán)上相距 120° 左右的顏色為對(duì)比色痪署，例如紅與黃响蕴，紅紫與黃橙等。對(duì)比色搭配對(duì)比效果強(qiáng)烈惠桃、醒目浦夷、刺激、有力辜王，但也容易造成視覺疲勞劈狐，一般需要采用多種調(diào)和手段來改善對(duì)比效果。

2.6 互補(bǔ)色搭配

色環(huán)上相距 180° 左右的顏色為互補(bǔ)色呐馆，例如紅與綠肥缔，黃與紫等⌒诶矗互補(bǔ)色搭配表現(xiàn)出一種力量续膳、氣勢(shì)與活力，具有非常強(qiáng)烈的視覺沖擊力收班。

2.7 ?多色搭配

多色搭配顧名思義是由多種色彩組合而成的一種搭配方式坟岔，一般以不超過 4 種顏色為宜，規(guī)定一種作為主導(dǎo)色摔桦，其余作為輔助色使用社付。

多色搭配會(huì)讓畫面顯得更加豐富寄狼、多彩薛闪，充滿趣味性舌稀，但若控制不好中鼠，也容易讓畫面變花，失去平衡伤哺。搭配時(shí)須注意區(qū)分主次协饲，按比例進(jìn)行調(diào)和裙戏。

要素二：文字

1. 字體簡(jiǎn)介

中文字體種類大致分為：宋體御滩、黑體鸥拧、仿宋、楷體艾恼、其它（變體字）住涉。

西文字體種類大致分為：無襯線體麸锉、羅馬正體或襯線體钠绍、意大利斜體、手寫體花沉、黑字體（哥特體）柳爽。

這次主要給大家介紹一下比較常用的襯線體和無襯線體媳握。

1.1 襯線體

襯線字體在筆畫末端具有附加的裝飾線條或者“韻腳”。襯線字體字母的橫線較細(xì)磷脯、豎線較粗蛾找，如 Times New Roman、Georgia 等字體屬于襯線體赵誓。

襯線體具有復(fù)古傳統(tǒng)的曲線美打毛、個(gè)性鮮明、張力十足俩功，通常用在時(shí)尚奢侈品牌幻枉、復(fù)古海報(bào)等設(shè)計(jì)領(lǐng)域中。

1.2 無襯線體

無襯線體顧名思義诡蜓，就是指“沒有襯線的字體”熬甫。襯線指的是字母結(jié)構(gòu)筆畫之外的裝飾性線條，無襯線字體字母的豎線和橫線粗細(xì)基本相同蔓罚，像經(jīng)典的 Helvetica 和 Futula 等字體就屬于無襯線體椿肩。

無襯線體通常比較簡(jiǎn)約、具有現(xiàn)代感豺谈，適用于 Web郑象、App 等互聯(lián)網(wǎng)科技領(lǐng)域的設(shè)計(jì)中。

2. 文字使用規(guī)則

不同平臺(tái)的界面設(shè)計(jì)中規(guī)范的字體會(huì)有不同茬末，像移動(dòng)端界面的設(shè)計(jì)就會(huì)有固定的字體樣式扣唱，網(wǎng)頁(yè)中會(huì)有常用的幾個(gè)字體。

2.1 移動(dòng)端常規(guī)字體

在 iOS 設(shè)備上团南，系統(tǒng)默認(rèn)的英文字體為 SanFrancisco噪沙，中文字體為 PingFang。值得注意的是吐根，SanFrancisco 字體會(huì)隨著字號(hào)的變化自動(dòng)調(diào)整字母之間的間距正歼，以確保任何情況下都能很清晰地閱讀。

在 Android 設(shè)備上拷橘，原生系統(tǒng)英文字體使用 DroidSans 或 Roboto局义，但國(guó)內(nèi)的 Rom 大都是第三方廠商定制而成，對(duì)原生系統(tǒng)字體有所變動(dòng)冗疮。大家在設(shè)計(jì)時(shí)可以使用 Noto 作為中文字體來使用萄唇。

2.2 網(wǎng)頁(yè)端常用字體

在 Windows 系統(tǒng)中，常用字體有 微軟雅黑术幔、黑體另萤、宋體 等，最小字號(hào)推薦 12px，正文字號(hào)推薦 14px四敞，標(biāo)題字號(hào)推薦 18px泛源、20px、24px忿危、28px达箍、32px 等，盡可能使用偶數(shù)铺厨。而行間距一般為字號(hào)的 1.5-1.8 倍缎玫。

在 Mac OS 系統(tǒng)中，常用中文字體有 蘋方解滓、思源黑體 碘梢、華文細(xì)黑等，英文字體有 Helvetica伐蒂、SanFrancisco 等煞躬。

值得一提的是：Helvetica 曾被評(píng)為是設(shè)計(jì)師最愛的字體，簡(jiǎn)潔現(xiàn)代的線條逸邦，非常受到追捧恩沛。在 Mac 下被認(rèn)為是最佳的網(wǎng)頁(yè)字體，在 Windows 下由于 Hinting 的原因顯示很糟糕缕减。

要素三：圖標(biāo)

1. 圖標(biāo)功能

圖標(biāo)是 Web 和 App 設(shè)計(jì)中的點(diǎn)睛之筆雷客，既能輔助文字信息的傳達(dá)，也能作為信息載體被高效地識(shí)別桥狡，并且圖標(biāo)也有一定的裝飾作用搅裙，可以提高界面設(shè)計(jì)的美觀度。

2. 圖標(biāo)類型

關(guān)于圖標(biāo)的類型目前并沒有很權(quán)威的分類裹芝，我根據(jù)圖標(biāo)的用途將其分為兩大類：「功能型圖標(biāo)」和「展示型圖標(biāo)」部逮。

2.1 功能型圖標(biāo)

一般來說，凡是 UI 界面中嫂易，用戶可以點(diǎn)擊的圖標(biāo)均可看成是功能型圖標(biāo)兄朋，該類圖標(biāo)往往代表某一功能或某一鏈接的跳轉(zhuǎn)。這類圖標(biāo)的典型應(yīng)用場(chǎng)景就是 iOS 系統(tǒng)中的底部標(biāo)簽欄怜械，以及 Material Design 中側(cè)滑菜單選項(xiàng)的左側(cè)颅和。

某些列表或卡片內(nèi)的圖標(biāo)也屬于功能型圖標(biāo)，但這類圖標(biāo)往往代表一個(gè)功能缕允，而底部標(biāo)簽欄圖標(biāo)往往代表一個(gè)頁(yè)面或板塊峡扩。

2.2 展示型圖標(biāo)

相比功能型圖標(biāo)，展示型圖標(biāo)更加具有「設(shè)計(jì)感」障本，是獨(dú)特的教届、有內(nèi)涵的以及具備辨識(shí)度的。

一般來說，展示型圖標(biāo)主要是應(yīng)用程序的啟動(dòng)圖標(biāo)巍佑。該類圖標(biāo)代表了一款產(chǎn)品的屬性茴迁、氣質(zhì)以及品牌形象等寄悯，也是用戶首先看到的內(nèi)容萤衰，設(shè)計(jì)時(shí)應(yīng)盡可能讓用戶記住并感到愉悅。

該類圖標(biāo)在 iOS 系統(tǒng)中除了出現(xiàn)在 App Store 里猜旬，還出現(xiàn)在用戶下載后的桌面上脆栋，以及 Spotlight 的搜索結(jié)果和設(shè)置等地方。

3. 圖標(biāo)風(fēng)格

圖標(biāo)的設(shè)計(jì)風(fēng)格有很多種洒擦，例如：線性圖標(biāo)椿争、面性圖標(biāo)、線面結(jié)合圖標(biāo)熟嫩、扁平圖標(biāo)秦踪、輕擬物圖標(biāo)、擬物圖標(biāo)掸茅、手繪型圖標(biāo)等椅邓，我對(duì)其中常見的幾種作下簡(jiǎn)要的介紹。

3.1 線性圖標(biāo)

線性圖標(biāo)是由直線昧狮、曲線景馁、點(diǎn)等元素組合而成的圖標(biāo)樣式。該類圖標(biāo)輕巧簡(jiǎn)練逗鸣，具有一定的想象空間合住，且不會(huì)對(duì)界面產(chǎn)生太大的視覺干擾。

3.2 面性圖標(biāo)

面性圖標(biāo)可以簡(jiǎn)單理解為對(duì)線性圖標(biāo)的填充撒璧，但面性比線性更加穩(wěn)重和扎實(shí)透葛，對(duì)色彩的傳達(dá)也清晰明顯。

3.3 線面結(jié)合圖標(biāo)

線面結(jié)合圖標(biāo)典型代表是「MBE風(fēng)格」圖標(biāo)卿樱，其設(shè)計(jì)特點(diǎn)是采用了粗描邊線和偏移的填充面相結(jié)合获洲，靈動(dòng)而鮮明。粗線條起到對(duì)畫面的絕對(duì)分割殿如，突顯內(nèi)容贡珊、表現(xiàn)清晰。

3.4 扁平圖標(biāo)

扁平圖標(biāo)去掉了透視涉馁、紋理门岔、漸變等能做出 3D 效果的元素，讓信息本身作為核心被凸顯出來烤送，并且在設(shè)計(jì)元素上強(qiáng)調(diào)抽象寒随、極簡(jiǎn)、符號(hào)化。

3.5 輕擬物圖標(biāo)

輕擬物圖標(biāo)沒有擬物圖標(biāo)那么寫實(shí)妻往，也不像扁平圖標(biāo)那么“平”互艾，而是利用淡淡的漸變和一些光影來達(dá)到兩者之間的平衡，識(shí)別性高又不失美感讯泣。

要素四：圖片

圖片在 Web 和 App 界面設(shè)計(jì)中是非常常見的纫普，圖片的質(zhì)量和展現(xiàn)方式都會(huì)影響著用戶對(duì)產(chǎn)品的感官體驗(yàn)。

1. 圖片比例

不同比例的圖片所傳遞的主要信息各不相同好渠，我們需要結(jié)合產(chǎn)品的特點(diǎn)昨稼，并根據(jù)不同的場(chǎng)景來選擇合適的圖片比例進(jìn)行設(shè)計(jì)。

1.1 1比1

1:1 是比較常見的圖片設(shè)計(jì)比例拳锚，相同的長(zhǎng)寬將構(gòu)圖呈現(xiàn)得簡(jiǎn)單假栓，突出了主體的存在感，常用于產(chǎn)品霍掺、頭像匾荆、特寫等展示場(chǎng)景。

1.2 4比3

4:3 的圖片比例使圖像更緊湊杆烁，更容易構(gòu)圖牙丽，便于開展設(shè)計(jì)，也是常用圖片比例之一连躏。

1.3 16比9

16:9 的圖片比例可以呈現(xiàn)電影觀影般的效果剩岳，是很多視頻播放軟件常用的尺寸，能帶給用戶一種視野開闊的體驗(yàn)入热。

1.4 16比10

16:10 的圖片比例最接近黃金比拍棕，而黃金分割具有嚴(yán)格的比例性、藝術(shù)性勺良、和諧性绰播，蘊(yùn)藏著豐富的美學(xué)價(jià)值，被認(rèn)為是藝術(shù)設(shè)計(jì)中最理想的比例尚困。

2. 圖片排版

圖片的排版類型有很多種蠢箩，根據(jù)不同的場(chǎng)景和所需傳遞的主體信息來選擇與之相符的展現(xiàn)方式，以下是常見的幾種排版類型事甜。

2.1 滿版型

滿版型是以圖片作為主體或背景鋪滿整個(gè)畫面谬泌，常搭配文字信息或 icon 修飾，視覺傳達(dá)直觀而強(qiáng)烈逻谦，給人大方掌实、舒展的感覺。

2.2 通欄型

通欄型是指圖片與整體頁(yè)面的寬度相同邦马，而高度為其幾分之一甚至更小的一種圖片展現(xiàn)方式贱鼻，最常見的就是輪播圖（Banner）宴卖。通欄型圖片寬闊大氣，可以有效地強(qiáng)調(diào)和展示重要的商品邻悬、活動(dòng)等運(yùn)營(yíng)內(nèi)容症昏。

2.3 并置型

并置型是將不同的圖片作大小相同而位置不同的重復(fù)排列，可以是左右或上下排列父丰，能給原本復(fù)雜喧鬧的版面帶來秩序肝谭、安靜、調(diào)和與節(jié)奏感础米。

2.4 九宮格型

九宮格型是用四條線把畫面上下左右分割成九個(gè)小塊分苇，可以把 1 個(gè)或者 2 個(gè)小塊作為一個(gè)單位填充圖像添诉，這種構(gòu)圖給人嚴(yán)謹(jǐn)屁桑、規(guī)范、有序的感覺栏赴。

2.5 瀑布流型

瀑布流型的圖片會(huì)在頁(yè)面上呈現(xiàn)參差不齊的多欄布局蘑斧，降低了界面復(fù)雜度，節(jié)省了空間须眷，使用戶專注于瀏覽竖瘾，去掉了繁瑣的操作，體驗(yàn)更好花颗。

要素五：空間

1. 柵格系統(tǒng)

1.1 柵格系統(tǒng)簡(jiǎn)介

柵格系統(tǒng)英文為「Grid systems」捕传，是一種平面設(shè)計(jì)的方法與風(fēng)格，運(yùn)用固定的格子設(shè)計(jì)版面空間布局扩劝，其風(fēng)格工整簡(jiǎn)潔庸论，在二戰(zhàn)后大受歡迎，已成為今日出版物設(shè)計(jì)的主流風(fēng)格之一聂示。

如今柵格系統(tǒng)也已經(jīng)被運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中，它以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁(yè)中的空間布局簇秒。柵格系統(tǒng)的使用鱼喉，可以讓網(wǎng)頁(yè)的信息呈現(xiàn)更加美觀、易讀趋观、嚴(yán)謹(jǐn)和一致扛禽，同時(shí)也更具可用性。

1.2 「8像素」柵格規(guī)則

「8像素」柵格規(guī)則是一個(gè)以 8px 為單位皱坛，利用 8 的倍數(shù)來規(guī)定頁(yè)面中元素(按鈕编曼、輸入框、圖片等)的尺寸及各自間距的一種通用的柵格規(guī)則麸恍。

為什么用 8 而不是 5 或 7 呢灵巧？因?yàn)?8 是一個(gè)偶數(shù)搀矫，在 UI 設(shè)計(jì)過程中，對(duì)于 Android 系統(tǒng)需要導(dǎo)出特殊的 @1.5x 的切圖刻肄，如果圖片尺寸為奇數(shù)瓤球，則會(huì)出現(xiàn)半像素和虛邊的問題，而用偶數(shù)則可以避免這種情況敏弃。

為什么用 8 而不是 6 或 10 呢卦羡？因?yàn)槟壳爸髁鞯钠聊怀叽绱蟛糠侄际?8 的整數(shù)倍，比如 1920 × 1080麦到、1280 × 1024绿饵、1280 × 800、1024 × 768 等瓶颠。即使某些屏幕邊長(zhǎng)像素不是 8 的倍數(shù)拟赊，在設(shè)計(jì)中仍然可以盡量做到自定義元素的長(zhǎng)、寬粹淋、margin 以及 padding 都是 8 的整倍數(shù)來維持設(shè)計(jì)的一致性吸祟。

2. 留白

對(duì)于一些特殊的頁(yè)面，例如引導(dǎo)頁(yè)桃移、閃屏頁(yè)屋匕、促銷頁(yè)等，可以不用嚴(yán)格按照柵格系統(tǒng)進(jìn)行設(shè)計(jì)借杰，但需要注意空間留白的運(yùn)用过吻。

2.1 留白四屬性

• 層次感 留白可以使頁(yè)面的層次感得到極大的增強(qiáng)，留白越大蔗衡，模塊纤虽、信息間的層次感越清晰。

• 焦點(diǎn) 元素越多粘都，人的視覺注意力越容易分散廓推；相反元素越少(即留白越大)，注意力則會(huì)更有效地聚焦在重要的內(nèi)容上翩隧。

• 韻味 留白具有“此時(shí)無物勝有物”的感覺樊展，猶如中國(guó)的水墨畫。留白運(yùn)用于頁(yè)面設(shè)計(jì)中堆生，韻味也會(huì)出現(xiàn)专缠。

• 呼吸 留白的呼吸屬性可以想象成周圍的空氣，當(dāng)空氣中的顆粒物(元素)特別多時(shí)淑仆，人的呼吸也會(huì)覺得不通透涝婉；相反留白越多時(shí)，呼吸感越順暢蔗怠。

2.2 留白表現(xiàn)形式

• 輕度留白 輕度留白是我們常見的頁(yè)面留白設(shè)計(jì)形式墩弯，在傳遞出雅致吩跋、高端、文藝等氣質(zhì)的同時(shí)渔工，又能將信息表現(xiàn)得清晰直接锌钮，讓頁(yè)面更加簡(jiǎn)潔和實(shí)用。輕度留白融合了重度留白的優(yōu)勢(shì)引矩，但不受品牌屬性的影響梁丘，幾乎任何產(chǎn)品都可以用這種表現(xiàn)形式。

• 重度留白 重度留白是把主體縮小到極致旺韭，其傳遞出的雅致氛谜、空靈、高端氣質(zhì)是最強(qiáng)的区端，但與此同時(shí)值漫，其他的屬性也近乎為零∩毫牵“無印良品”品牌倡導(dǎo)簡(jiǎn)約惭嚣、質(zhì)樸的生活方式遵湖，原研哉賦予其設(shè)計(jì)理念就是“空”悔政。所以，重度留白傳遞的不是產(chǎn)品延旧，而是概念谋国、氣質(zhì)和態(tài)度。

小結(jié)

1. 色彩

色相迁沫、明度芦瘾、飽和度是色彩的三個(gè)屬性，不同的色彩具有不同的心理寓意集畅，選色時(shí)需考慮產(chǎn)品的調(diào)性和受眾人群近弟；色環(huán)上距離(角度)越大的顏色對(duì)比效果越強(qiáng)，反之對(duì)比效果越弱挺智，設(shè)計(jì)時(shí)應(yīng)采用合適的色彩搭配祷愉。

2. 字體

黑體、宋體等是常用的中文字體赦颇，而襯線體和無襯線體是常用的西文字體二鳄；不同平臺(tái)的界面設(shè)計(jì)會(huì)有不同的字體使用規(guī)范；另外媒怯，設(shè)計(jì)時(shí)需注意字號(hào)订讼、字重以及行間距的設(shè)置扇苞，以達(dá)到最佳的閱讀體驗(yàn)欺殿。

3. 圖標(biāo)

圖標(biāo)可以輔助信息文字的傳達(dá)寄纵，也可以對(duì)界面起到修飾作用擂啥；功能型和展示型是圖標(biāo)的兩大類型；不同風(fēng)格的圖標(biāo)傳遞出不同的視覺語言，根據(jù)場(chǎng)景的需要進(jìn)行合適的選擇濒募，并保持風(fēng)格的一致性瑰剃。

4. 圖片

不同比例的圖片所傳遞的主要信息各不相同粤剧，設(shè)計(jì)時(shí)需要結(jié)合產(chǎn)品的特點(diǎn)宝磨，并根據(jù)不同的要求來選擇合適的圖片比例梯醒；圖片的排版類型有很多種茸习，根據(jù)不同的場(chǎng)景和所需傳遞的主體信息來選擇與之相符的展現(xiàn)方式。

5. 空間

使用柵格系統(tǒng)，可以讓界面的信息呈現(xiàn)更加美觀弃秆、易讀和規(guī)范瘩欺，設(shè)計(jì)時(shí)可以采用「8像素」柵格規(guī)則來指導(dǎo)元素尺寸和間距的制定；層次感、焦點(diǎn)甲馋、韻味、呼吸是留白的四個(gè)屬性痊远，留白的表現(xiàn)形式需結(jié)合品牌的屬性來選擇垮抗。

最后附上一段正能量語錄:

在任何領(lǐng)域，如果想要有所成就碧聪，都需要超越極限的學(xué)習(xí)冒版，都需要孜孜以求的探索，都需要?dú)椌邞]的思考逞姿，都需要無數(shù)次失敗和成功的實(shí)踐辞嗡。沒有人可以超越學(xué)習(xí)捆等、思考和實(shí)踐成為一個(gè)真正的高手。

感謝你的閱讀续室。