阿里裝修托管
微信人工客服 |
深圳做網(wǎng)站規(guī)劃中負(fù)空間的有效運(yùn)用
發(fā)布日期：2019-04-29 關(guān)鍵詞:深圳做網(wǎng)站規(guī)劃中負(fù)空間的有效運(yùn)用 已有 3414 人瀏覽
很多規(guī)劃師都犯了一個(gè)大錯(cuò)誤，他們創(chuàng)立了過(guò)于雜亂、繁忙和五光十色的網(wǎng)頁(yè)。假如不是有意的，你應(yīng)避免創(chuàng)立雜亂的接口，并運(yùn)用更多的空間。空間是網(wǎng)頁(yè)規(guī)劃的一個(gè)根本方法，由于它能夠給網(wǎng)頁(yè)上的一切元素帶來(lái)很大的差異。在這篇文章中，深圳做網(wǎng)站闡明了負(fù)空間的重要性，并分享了如安在網(wǎng)頁(yè)規(guī)劃中正確運(yùn)用負(fù)空間的技巧。
什么是負(fù)空間？
在我們開(kāi)始之前，讓我們先定義什么是負(fù)空間。負(fù)空間，或空白區(qū)域，是指網(wǎng)頁(yè)上未運(yùn)用的空間。任安在頁(yè)面上沒(méi)有引起用戶留意的東西都是負(fù)空間。這并不意味著空間有必要是白色的：它可所以任何顏色、圖畫或任何其他背景。
“空白應(yīng)被視為一個(gè)活躍的元素，而不是被動(dòng)的背景。”-- Jan Tschichold
負(fù)空間有兩個(gè)層次：微觀和微觀。微觀負(fù)空間與線條、詞語(yǔ)、字母等小元素之間的空間有關(guān)，而微觀負(fù)空間則是較大塊或元素之間的空間。這兩個(gè)層次關(guān)于網(wǎng)頁(yè)規(guī)劃的全體有效性都很重要。
讓深圳做網(wǎng)站帶大家來(lái)看看下面的網(wǎng)頁(yè)規(guī)劃，它很好有利地勢(shì)用了負(fù)空間。
蘋果
蘋果一直十分關(guān)注規(guī)劃，他們自己的網(wǎng)站也不例外。看看他們?cè)趺辞擅畹剡\(yùn)用微觀和微觀負(fù)空間，其網(wǎng)站布局清楚，具有一個(gè)極為明確的舉動(dòng)召喚(CTA)。
你的留意力通常會(huì)集在中心功用，即產(chǎn)品自身，沒(méi)有什么能夠分散你在這一頁(yè)上的留意力。在頁(yè)面中心檢查單個(gè)對(duì)象是招引用戶留意力的完美方法。
谷歌
谷歌可能是網(wǎng)頁(yè)負(fù)面空間的開(kāi)山祖師。這家查找巨頭運(yùn)用了大量的負(fù)空間和干凈的規(guī)劃來(lái)招引我們對(duì)查找欄自身的留意。
谷歌只是引導(dǎo)用戶進(jìn)入頁(yè)面中最可操作的領(lǐng)域，即Gmail、圖片和查找欄。為了避免混淆，規(guī)劃堅(jiān)持清楚和簡(jiǎn)略。
Dropbox
Dropbox主頁(yè)結(jié)合了完美的微觀和微觀的負(fù)空間，自然的調(diào)色板和和諧的字體，營(yíng)建了平靜的氛圍，供給了流通的用戶體驗(yàn)。由于運(yùn)用了恰當(dāng)?shù)呢?fù)空間，網(wǎng)站看起來(lái)十分雜亂，而反過(guò)來(lái)又創(chuàng)造了簡(jiǎn)練和整潔的特性。
能夠看到，負(fù)空間字面上答應(yīng)你的規(guī)劃空間有呼吸感。現(xiàn)在讓我們來(lái)看看如安在你的網(wǎng)站上正確運(yùn)用這個(gè)負(fù)空間的技巧。
怎么運(yùn)用負(fù)空間
1.運(yùn)用負(fù)空間來(lái)分化頁(yè)面
打破網(wǎng)頁(yè)上的空間是規(guī)劃中最根本的視覺(jué)組件之一。當(dāng)一個(gè)網(wǎng)站信息太多而空間太少的時(shí)候，訪問(wèn)者很難專注于首要信息。
負(fù)空間讓用戶有時(shí)刻吸收他們?cè)陧?yè)面上看到的信息。有一些規(guī)矩能夠協(xié)助規(guī)劃師在頁(yè)面上創(chuàng)立對(duì)稱的構(gòu)圖，并確保人們能夠感知信息。組件之間的相等空間設(shè)置了恰當(dāng)?shù)囊?guī)劃結(jié)構(gòu)，協(xié)助用戶清楚地感知信息。根據(jù)網(wǎng)頁(yè)規(guī)劃的組成規(guī)矩，這些微塊之間的空間應(yīng)占宏塊之間空間的三分之一。
2.內(nèi)容了解方面的工作
內(nèi)容可讀性和易讀性是網(wǎng)頁(yè)規(guī)劃中一個(gè)十分重要的方面。負(fù)空間能夠優(yōu)化兩者。正確運(yùn)用線條、詞語(yǔ)和字母之間的空間能夠使閱讀了解能力提高好幾倍。
在優(yōu)化內(nèi)容了解的一起，階段邊距和行距是兩個(gè)首要的考慮因素。每一行之間的空間，或簡(jiǎn)稱行間距，增加了正文文本的全體可讀性，如下面的示例所示：
3.創(chuàng)立視覺(jué)層次結(jié)構(gòu)
負(fù)空間不僅僅是頁(yè)面中元素之間的空白，它還是構(gòu)建視覺(jué)層次結(jié)構(gòu)的重要東西。負(fù)空間能夠組成或別離ui元素，從而創(chuàng)立有效的頁(yè)面規(guī)劃。
它供給了一個(gè)溫馨的布局，使訪問(wèn)者在頁(yè)面上的訪問(wèn)時(shí)刻更長(zhǎng)。 此外，負(fù)空間也會(huì)引起用戶對(duì)重要元素的留意，并為眼睛供給時(shí)間短歇息。
4.清楚關(guān)系
格局塔心理學(xué)家在學(xué)習(xí)人們?cè)趺窗才乓曈X(jué)信息的一起，制定了“鄰近規(guī)律”。該定律指出，一切互相相鄰的視覺(jué)對(duì)象看起來(lái)與人眼相似。
在網(wǎng)頁(yè)規(guī)劃中，恰當(dāng)?shù)呢?fù)間距是完成鄰接準(zhǔn)則、使規(guī)劃更具視覺(jué)招引力的有效途徑。例如，這一準(zhǔn)則對(duì)博客架構(gòu)十分適用。通過(guò)將大量文本和諧地分割成階段和塊，規(guī)劃人員能夠完成更易于消化和更令人愉快的布局。
實(shí)質(zhì)內(nèi)容
正如你所看到的，負(fù)空間是網(wǎng)頁(yè)規(guī)劃中最強(qiáng)壯的東西之一。通過(guò)遵從本文中給出的一些簡(jiǎn)略規(guī)矩，規(guī)劃師能夠創(chuàng)造出一個(gè)完美的視覺(jué)上的招引人的規(guī)劃，會(huì)得到任何訪問(wèn)者的賞識(shí)。
什么是負(fù)空間？
在我們開(kāi)始之前，讓我們先定義什么是負(fù)空間。負(fù)空間，或空白區(qū)域，是指網(wǎng)頁(yè)上未運(yùn)用的空間。任安在頁(yè)面上沒(méi)有引起用戶留意的東西都是負(fù)空間。這并不意味著空間有必要是白色的：它可所以任何顏色、圖畫或任何其他背景。
“空白應(yīng)被視為一個(gè)活躍的元素，而不是被動(dòng)的背景。”-- Jan Tschichold
負(fù)空間有兩個(gè)層次：微觀和微觀。微觀負(fù)空間與線條、詞語(yǔ)、字母等小元素之間的空間有關(guān)，而微觀負(fù)空間則是較大塊或元素之間的空間。這兩個(gè)層次關(guān)于網(wǎng)頁(yè)規(guī)劃的全體有效性都很重要。
讓深圳做網(wǎng)站帶大家來(lái)看看下面的網(wǎng)頁(yè)規(guī)劃，它很好有利地勢(shì)用了負(fù)空間。
蘋果
蘋果一直十分關(guān)注規(guī)劃，他們自己的網(wǎng)站也不例外。看看他們?cè)趺辞擅畹剡\(yùn)用微觀和微觀負(fù)空間，其網(wǎng)站布局清楚，具有一個(gè)極為明確的舉動(dòng)召喚(CTA)。
你的留意力通常會(huì)集在中心功用，即產(chǎn)品自身，沒(méi)有什么能夠分散你在這一頁(yè)上的留意力。在頁(yè)面中心檢查單個(gè)對(duì)象是招引用戶留意力的完美方法。
谷歌
谷歌可能是網(wǎng)頁(yè)負(fù)面空間的開(kāi)山祖師。這家查找巨頭運(yùn)用了大量的負(fù)空間和干凈的規(guī)劃來(lái)招引我們對(duì)查找欄自身的留意。
谷歌只是引導(dǎo)用戶進(jìn)入頁(yè)面中最可操作的領(lǐng)域，即Gmail、圖片和查找欄。為了避免混淆，規(guī)劃堅(jiān)持清楚和簡(jiǎn)略。
Dropbox
Dropbox主頁(yè)結(jié)合了完美的微觀和微觀的負(fù)空間，自然的調(diào)色板和和諧的字體，營(yíng)建了平靜的氛圍，供給了流通的用戶體驗(yàn)。由于運(yùn)用了恰當(dāng)?shù)呢?fù)空間，網(wǎng)站看起來(lái)十分雜亂，而反過(guò)來(lái)又創(chuàng)造了簡(jiǎn)練和整潔的特性。
能夠看到，負(fù)空間字面上答應(yīng)你的規(guī)劃空間有呼吸感。現(xiàn)在讓我們來(lái)看看如安在你的網(wǎng)站上正確運(yùn)用這個(gè)負(fù)空間的技巧。
怎么運(yùn)用負(fù)空間
1.運(yùn)用負(fù)空間來(lái)分化頁(yè)面
打破網(wǎng)頁(yè)上的空間是規(guī)劃中最根本的視覺(jué)組件之一。當(dāng)一個(gè)網(wǎng)站信息太多而空間太少的時(shí)候，訪問(wèn)者很難專注于首要信息。
負(fù)空間讓用戶有時(shí)刻吸收他們?cè)陧?yè)面上看到的信息。有一些規(guī)矩能夠協(xié)助規(guī)劃師在頁(yè)面上創(chuàng)立對(duì)稱的構(gòu)圖，并確保人們能夠感知信息。組件之間的相等空間設(shè)置了恰當(dāng)?shù)囊?guī)劃結(jié)構(gòu)，協(xié)助用戶清楚地感知信息。根據(jù)網(wǎng)頁(yè)規(guī)劃的組成規(guī)矩，這些微塊之間的空間應(yīng)占宏塊之間空間的三分之一。
2.內(nèi)容了解方面的工作
內(nèi)容可讀性和易讀性是網(wǎng)頁(yè)規(guī)劃中一個(gè)十分重要的方面。負(fù)空間能夠優(yōu)化兩者。正確運(yùn)用線條、詞語(yǔ)和字母之間的空間能夠使閱讀了解能力提高好幾倍。
在優(yōu)化內(nèi)容了解的一起，階段邊距和行距是兩個(gè)首要的考慮因素。每一行之間的空間，或簡(jiǎn)稱行間距，增加了正文文本的全體可讀性，如下面的示例所示：
3.創(chuàng)立視覺(jué)層次結(jié)構(gòu)
負(fù)空間不僅僅是頁(yè)面中元素之間的空白，它還是構(gòu)建視覺(jué)層次結(jié)構(gòu)的重要東西。負(fù)空間能夠組成或別離ui元素，從而創(chuàng)立有效的頁(yè)面規(guī)劃。
它供給了一個(gè)溫馨的布局，使訪問(wèn)者在頁(yè)面上的訪問(wèn)時(shí)刻更長(zhǎng)。 此外，負(fù)空間也會(huì)引起用戶對(duì)重要元素的留意，并為眼睛供給時(shí)間短歇息。
4.清楚關(guān)系
格局塔心理學(xué)家在學(xué)習(xí)人們?cè)趺窗才乓曈X(jué)信息的一起，制定了“鄰近規(guī)律”。該定律指出，一切互相相鄰的視覺(jué)對(duì)象看起來(lái)與人眼相似。
在網(wǎng)頁(yè)規(guī)劃中，恰當(dāng)?shù)呢?fù)間距是完成鄰接準(zhǔn)則、使規(guī)劃更具視覺(jué)招引力的有效途徑。例如，這一準(zhǔn)則對(duì)博客架構(gòu)十分適用。通過(guò)將大量文本和諧地分割成階段和塊，規(guī)劃人員能夠完成更易于消化和更令人愉快的布局。
實(shí)質(zhì)內(nèi)容
正如你所看到的，負(fù)空間是網(wǎng)頁(yè)規(guī)劃中最強(qiáng)壯的東西之一。通過(guò)遵從本文中給出的一些簡(jiǎn)略規(guī)矩，規(guī)劃師能夠創(chuàng)造出一個(gè)完美的視覺(jué)上的招引人的規(guī)劃，會(huì)得到任何訪問(wèn)者的賞識(shí)。
注：本文來(lái)自深一集團(tuán)原創(chuàng)或轉(zhuǎn)截 http://m.laohuxinshiji.cn/newslist_6848_2.html 如需轉(zhuǎn)載，請(qǐng)注明出處！
專注設(shè)計(jì)14年
深一云服務(wù)器
拒絕不當(dāng)利
500強(qiáng)企業(yè)網(wǎng)
10000家客戶案
83位技術(shù)團(tuán)隊(duì)
只做有排名
200人服務(wù)團(tuán)隊(duì)
