深圳做網站規劃中負空間的有效運用
發布日期:2019-04-29 關鍵詞:深圳做網站規劃中負空間的有效運用 已有 2778 人瀏覽
很多規劃師都犯了一個大錯誤,他們創立了過于雜亂、繁忙和五光十色的網頁。假如不是有意的,你應避免創立雜亂的接口,并運用更多的空間??臻g是網頁規劃的一個根本方法,由于它能夠給網頁上的一切元素帶來很大的差異。在這篇文章中,深圳做網站闡明了負空間的重要性,并分享了如安在網頁規劃中正確運用負空間的技巧。
什么是負空間?
在我們開始之前,讓我們先定義什么是負空間。負空間,或空白區域,是指網頁上未運用的空間。任安在頁面上沒有引起用戶留意的東西都是負空間。這并不意味著空間有必要是白色的:它可所以任何顏色、圖畫或任何其他背景。
“空白應被視為一個活躍的元素,而不是被動的背景?!?- Jan Tschichold
負空間有兩個層次:微觀和微觀。微觀負空間與線條、詞語、字母等小元素之間的空間有關,而微觀負空間則是較大塊或元素之間的空間。這兩個層次關于網頁規劃的全體有效性都很重要。
讓深圳做網站帶大家來看看下面的網頁規劃,它很好有利地勢用了負空間。
蘋果
蘋果一直十分關注規劃,他們自己的網站也不例外。看看他們怎么巧妙地運用微觀和微觀負空間,其網站布局清楚,具有一個極為明確的舉動召喚(CTA)。
你的留意力通常會集在中心功用,即產品自身,沒有什么能夠分散你在這一頁上的留意力。在頁面中心檢查單個對象是招引用戶留意力的完美方法。
谷歌
谷歌可能是網頁負面空間的開山祖師。這家查找巨頭運用了大量的負空間和干凈的規劃來招引我們對查找欄自身的留意。
谷歌只是引導用戶進入頁面中最可操作的領域,即Gmail、圖片和查找欄。為了避免混淆,規劃堅持清楚和簡略。
Dropbox
Dropbox主頁結合了完美的微觀和微觀的負空間,自然的調色板和和諧的字體,營建了平靜的氛圍,供給了流通的用戶體驗。由于運用了恰當的負空間,網站看起來十分雜亂,而反過來又創造了簡練和整潔的特性。
能夠看到,負空間字面上答應你的規劃空間有呼吸感?,F在讓我們來看看如安在你的網站上正確運用這個負空間的技巧。
怎么運用負空間
1.運用負空間來分化頁面
打破網頁上的空間是規劃中最根本的視覺組件之一。當一個網站信息太多而空間太少的時候,訪問者很難專注于首要信息。
負空間讓用戶有時刻吸收他們在頁面上看到的信息。有一些規矩能夠協助規劃師在頁面上創立對稱的構圖,并確保人們能夠感知信息。組件之間的相等空間設置了恰當的規劃結構,協助用戶清楚地感知信息。根據網頁規劃的組成規矩,這些微塊之間的空間應占宏塊之間空間的三分之一。
2.內容了解方面的工作
內容可讀性和易讀性是網頁規劃中一個十分重要的方面。負空間能夠優化兩者。正確運用線條、詞語和字母之間的空間能夠使閱讀了解能力提高好幾倍。
在優化內容了解的一起,階段邊距和行距是兩個首要的考慮因素。每一行之間的空間,或簡稱行間距,增加了正文文本的全體可讀性,如下面的示例所示:
3.創立視覺層次結構
負空間不僅僅是頁面中元素之間的空白,它還是構建視覺層次結構的重要東西。負空間能夠組成或別離ui元素,從而創立有效的頁面規劃。
它供給了一個溫馨的布局,使訪問者在頁面上的訪問時刻更長。 此外,負空間也會引起用戶對重要元素的留意,并為眼睛供給時間短歇息。
4.清楚關系
格局塔心理學家在學習人們怎么安排視覺信息的一起,制定了“鄰近規律”。該定律指出,一切互相相鄰的視覺對象看起來與人眼相似。
在網頁規劃中,恰當的負間距是完成鄰接準則、使規劃更具視覺招引力的有效途徑。例如,這一準則對博客架構十分適用。通過將大量文本和諧地分割成階段和塊,規劃人員能夠完成更易于消化和更令人愉快的布局。
實質內容
正如你所看到的,負空間是網頁規劃中最強壯的東西之一。通過遵從本文中給出的一些簡略規矩,規劃師能夠創造出一個完美的視覺上的招引人的規劃,會得到任何訪問者的賞識。
什么是負空間?
在我們開始之前,讓我們先定義什么是負空間。負空間,或空白區域,是指網頁上未運用的空間。任安在頁面上沒有引起用戶留意的東西都是負空間。這并不意味著空間有必要是白色的:它可所以任何顏色、圖畫或任何其他背景。
“空白應被視為一個活躍的元素,而不是被動的背景?!?- Jan Tschichold
負空間有兩個層次:微觀和微觀。微觀負空間與線條、詞語、字母等小元素之間的空間有關,而微觀負空間則是較大塊或元素之間的空間。這兩個層次關于網頁規劃的全體有效性都很重要。
讓深圳做網站帶大家來看看下面的網頁規劃,它很好有利地勢用了負空間。
蘋果
蘋果一直十分關注規劃,他們自己的網站也不例外。看看他們怎么巧妙地運用微觀和微觀負空間,其網站布局清楚,具有一個極為明確的舉動召喚(CTA)。
你的留意力通常會集在中心功用,即產品自身,沒有什么能夠分散你在這一頁上的留意力。在頁面中心檢查單個對象是招引用戶留意力的完美方法。
谷歌
谷歌可能是網頁負面空間的開山祖師。這家查找巨頭運用了大量的負空間和干凈的規劃來招引我們對查找欄自身的留意。
谷歌只是引導用戶進入頁面中最可操作的領域,即Gmail、圖片和查找欄。為了避免混淆,規劃堅持清楚和簡略。
Dropbox
Dropbox主頁結合了完美的微觀和微觀的負空間,自然的調色板和和諧的字體,營建了平靜的氛圍,供給了流通的用戶體驗。由于運用了恰當的負空間,網站看起來十分雜亂,而反過來又創造了簡練和整潔的特性。
能夠看到,負空間字面上答應你的規劃空間有呼吸感?,F在讓我們來看看如安在你的網站上正確運用這個負空間的技巧。
怎么運用負空間
1.運用負空間來分化頁面
打破網頁上的空間是規劃中最根本的視覺組件之一。當一個網站信息太多而空間太少的時候,訪問者很難專注于首要信息。
負空間讓用戶有時刻吸收他們在頁面上看到的信息。有一些規矩能夠協助規劃師在頁面上創立對稱的構圖,并確保人們能夠感知信息。組件之間的相等空間設置了恰當的規劃結構,協助用戶清楚地感知信息。根據網頁規劃的組成規矩,這些微塊之間的空間應占宏塊之間空間的三分之一。
2.內容了解方面的工作
內容可讀性和易讀性是網頁規劃中一個十分重要的方面。負空間能夠優化兩者。正確運用線條、詞語和字母之間的空間能夠使閱讀了解能力提高好幾倍。
在優化內容了解的一起,階段邊距和行距是兩個首要的考慮因素。每一行之間的空間,或簡稱行間距,增加了正文文本的全體可讀性,如下面的示例所示:
3.創立視覺層次結構
負空間不僅僅是頁面中元素之間的空白,它還是構建視覺層次結構的重要東西。負空間能夠組成或別離ui元素,從而創立有效的頁面規劃。
它供給了一個溫馨的布局,使訪問者在頁面上的訪問時刻更長。 此外,負空間也會引起用戶對重要元素的留意,并為眼睛供給時間短歇息。
4.清楚關系
格局塔心理學家在學習人們怎么安排視覺信息的一起,制定了“鄰近規律”。該定律指出,一切互相相鄰的視覺對象看起來與人眼相似。
在網頁規劃中,恰當的負間距是完成鄰接準則、使規劃更具視覺招引力的有效途徑。例如,這一準則對博客架構十分適用。通過將大量文本和諧地分割成階段和塊,規劃人員能夠完成更易于消化和更令人愉快的布局。
實質內容
正如你所看到的,負空間是網頁規劃中最強壯的東西之一。通過遵從本文中給出的一些簡略規矩,規劃師能夠創造出一個完美的視覺上的招引人的規劃,會得到任何訪問者的賞識。
注:本文來自深一集團原創或轉截 http://simplyfamilytime.com/newslist_6848_2.html 如需轉載,請注明出處!