留白在東莞網(wǎng)站設(shè)計(jì)中的重要性
2019-07-08 15:01:34留白在近幾年的網(wǎng)站設(shè)計(jì)中用的非常廣泛，能夠更加凸顯其中的元素，有了留白才有強(qiáng)調(diào)，它們從來(lái)都是一體兩面，焦不離孟。今天和大家來(lái)聊一下留白的使用技巧和實(shí)踐。
1、網(wǎng)站設(shè)計(jì)中的留白
留白本身通常還被稱為負(fù)空間，它們可以在網(wǎng)頁(yè)制作布局中各個(gè)元素之間，還可以在特定 UI元素的內(nèi)部。留白賦予了頁(yè)面呼吸感，而它本身并不一定非得是白色的空白區(qū)域。留白界定了 UI元素本身的空間邊界，而借助格式塔原理，它還可以創(chuàng)造視覺(jué)上的聯(lián)系。
因此，留白是一種重要的、功能強(qiáng)大的網(wǎng)站設(shè)計(jì)元素，它對(duì)于創(chuàng)造積極的用戶體驗(yàn)有著重大的影響。 在諸多的平面網(wǎng)站設(shè)計(jì)領(lǐng)域當(dāng)中，負(fù)空間都發(fā)揮著無(wú)法替代的作用。無(wú)論是網(wǎng)站設(shè)計(jì)LOGO、平面插畫(huà)還是字體的時(shí)候，留白的使用關(guān)系著整個(gè)網(wǎng)站設(shè)計(jì)的表現(xiàn)力。
無(wú)論是在網(wǎng)站設(shè)計(jì)還是 UI網(wǎng)站設(shè)計(jì)當(dāng)中，網(wǎng)站設(shè)計(jì)師都需要借助留白來(lái)提升界面和導(dǎo)航的可用性。布局元素周圍的留白或者負(fù)空間通常被稱為宏空間，而它們之間的留白和內(nèi)部的負(fù)空間，則被稱為微空間。
理清概念
留白和負(fù)空間雖然是兩個(gè)不同的說(shuō)法，但是兩者表述的是同一個(gè)東西。之所以有兩個(gè)不同的說(shuō)法，是因?yàn)閮蓚€(gè)名稱是來(lái)源于不同的兩個(gè)領(lǐng)域。
留白是來(lái)自排版印刷網(wǎng)站設(shè)計(jì)領(lǐng)域，因?yàn)轫?yè)面的背景通常是白色的，而文本和圖片周圍的區(qū)域也多是白色的空白，因此有留白之說(shuō)。而負(fù)空間這個(gè)說(shuō)法是源自于攝影，吸引人注意的視覺(jué)主體被稱為正空間，而相應(yīng)的留白就成了負(fù)空間。
需要注意的是，留白并不一定非得是白色的，還可以是其他的顏色，甚至是其他的圖案。
2、留白為何如此重要
當(dāng)你進(jìn)入一個(gè)擠滿各種物品和人的房間，到處都是東西和人，找到特定的東西肯定是一個(gè)非常艱難的事情。相應(yīng)的，在干凈的地面上，擺放的**的物品肯定是非常醒目的，你不需要花費(fèi)任何力氣就能注意到它。這也是留白發(fā)揮作用的原理所在。
雖然客戶可能會(huì)要求網(wǎng)站設(shè)計(jì)師在頁(yè)面上盡可能多地塞滿各種元素和功能，這樣可以節(jié)省空間。但是，實(shí)際上這是一個(gè)常見(jiàn)的錯(cuò)誤的做法：用戶并不需要在網(wǎng)頁(yè)上一次完成全部的工作。更重要的是，太多的元素會(huì)分散用戶的注意力，用戶會(huì)難以找到真正想要的信息。正如同 Aarron Walter 所說(shuō)：“你想讓用戶注意到所有事情的時(shí)候，他們會(huì)感知不到任何東西的?！?/p>
3、影響網(wǎng)站設(shè)計(jì)留白的核心因素：
合理的使用留白能夠讓界面的用戶體驗(yàn)提升不少。
可讀性和清晰度：如果和元素之間沒(méi)有足夠的留白，會(huì)變得難以閱讀，用戶需要花費(fèi)額外的精力來(lái)進(jìn)行分辨。不合理的留白網(wǎng)站設(shè)計(jì)會(huì)讓用戶感到緊張，想要讓用戶感到自然，需要讓留白恰到好處，令布局顯得足夠自然。如同音樂(lè)中的韻律感一樣，網(wǎng)站設(shè)計(jì)中的韻律感是通過(guò)留白的變化來(lái)呈現(xiàn)的。
品牌化：如果你熟悉LOGO的網(wǎng)站設(shè)計(jì)，你會(huì)發(fā)現(xiàn)網(wǎng)站設(shè)計(jì)師借助元素周圍的留白來(lái)營(yíng)造氛圍提升感覺(jué)，留白的功能性在品牌網(wǎng)站設(shè)計(jì)上有著非常顯著的體現(xiàn)。打破留白的網(wǎng)站設(shè)計(jì)規(guī)則，對(duì)于整體是有害的。
強(qiáng)化屬性：留白的運(yùn)用能夠強(qiáng)化屬性，比如新聞博客平臺(tái)會(huì)更加密集地呈現(xiàn)信息，甚至?xí)柚鷦?dòng)態(tài)的數(shù)據(jù)呈現(xiàn)和較為致密的布局來(lái)營(yíng)造一種資訊的密集感和平臺(tái)的調(diào)性。
視覺(jué)層次：富有層次感的留白網(wǎng)站設(shè)計(jì)能夠創(chuàng)造出視覺(jué)層次，并且讓用戶注意到特定的元素和信息。
