歡迎光臨安陽中飛網絡傳媒官方網站 設為首頁 | 加入收藏 | 聯系我們
公司名稱
 
 
業務快速通道
網站建設
為您量身打造企業網站
域名注冊
中英文域名,通用網址
虛擬主機
中國萬網,東方網域
企業郵箱
自由定制,隨需購買
網站推廣
百度競價,谷歌推廣
聯系我們

安陽市中飛網絡傳媒有限公司

地址:河南省安陽市北關區彰德路與健康路交叉口U樂廣場2220室
郵編:455000
咨詢熱線:0372-3983299
郵箱:[email protected]

當前位置:網站首頁  >> 新聞資訊  >> 網站設計
如何讓設計有更多的留白空間
  2015-8-17 來源:安陽中飛網絡 作者:安陽中飛網絡

關于設計中的留白,也稱為負空間,但是不要認為留白就一定是白色,你可以想像一只大象在房間里,大象周圍的空間就是留白。

設計師喜歡它,因為它可以幫助元素分組,區分重點和提高可讀性。下面我們來講講如何讓設計有更多的留白,認真看完真的會漲經驗哦!

01. 刻意留白

網站留白設計 留白設計 網頁留白

在一些設計中,不要擔心大面積的留白,在上圖中,折紙和標題區域的上下方空白很多區域,但并不影響美觀。

就是說,刻意使用大量留白,可以創造出一個強大的焦點,并給它帶來呼吸的空間。

02. 去掉多余的元素

網站留白設計 留白設計 網頁留白

使用留白的一種方法就是除去設計中不必要的元素,如上例,去掉邊框將有助于擴展這個設計。

03. 放大圖片,增加足夠的空間

網站留白設計 留白設計 網頁留白

當你找到你想要的背景圖像時,如果文本沒有足夠空間的排版,那么可嘗試放大這個圖像來增加留白。(例:請看對比上下圖)

網站留白設計 留白設計 網頁留白

04. 留白不一定是白色

網站留白設計 留白設計 網頁留白許多人認為白色就是留白,這是錯,相反,你設計中任何空間都是可以是留白,例如使用顏色背景、縫隙、邊距、圖片等都可作為留白。

05. 使用文字間距

網站留白設計 留白設計 網頁留白

充分利用文字之間的間距也是讓你排版好版式的技術之一。如下圖,通過增加文字間距,可使文字更容易閱讀,畫面看起來更加漂亮。

網站留白設計 留白設計 網頁留白

 

06. 有效地使用填充

網站留白設計 留白設計 網頁留白

當使用大量的設計元素時,請確保所有元素都有自己的留白空間,如上圖的“COOKING BACK TO BASICS”文本使用了一個填充來實現留白并與底部的URL地址以及背景圖區分開來。

07. 增加邊界

網站留白設計 留白設計 網頁留白如上圖,通過增加一個邊框來圍繞文本,使周圍核心區域留白出來,這樣會顯示得合理的感覺。

這種設計的要點是要把元素居中,這樣才能讓留白區域更加統一。

08. 組織好留白的元素

網站留白設計 留白設計 網頁留白

如果在布局中增加一個元素的大小,其它元素應該是小的,并考慮加入留白。

在上面例子中增加了”Eat…”的大小,那么點增加了空格來增加留白,下排文字較短,字母也適當使用了一些間距實現留白。

09. 留白在網頁設計中的重要性

在Tut網頁設計教程的「using white space effectively (有效運用留白處)」中指出,留白的基本原則是避免使用者一次得閱讀所有文字訊息,讓閱讀容易些。一個凌亂的頁面不但缺乏吸引力,也讓使用者缺少閱讀的意愿,特別是文字間沒有視覺階層的時候。威奇托州立大學進行的某個研究顯示,留白雖然可能降低閱讀的速度,但確實增加了閱讀的理解度。

區分使用介面上的優先順序:Luke Wroblewski 在Developing the Invisible中主張「對設計師來說,留白處跟內容本身一樣重要,這些介面中無形的元素可以溝通:什么是最重要的、什么是相關的、以及什么是需要注意的。」

在頁面中引導使用者:Carla Rose提到:「留白處可以讓使用者集中內容元素的注意力,確實將你的視線從某一處引導到另一處。」Jason Santa Maria在white space design的文章中提出:「留白相當的重要作用之一,是設計師意圖在頁面中引導閱讀者。」

創造精練高雅的感覺:留白的大量使用,甚至可以有助于品牌定位。 alistapart.com曾經寫過一篇全面性的文章探討留白,主張留白可以「幫尊貴品牌創造精練高雅的感覺」。舉例來說:化妝品、保養品常常在他們的行銷素材中廣泛使用留白,傳達產品高級的感覺。

在平衡感及畫面的協調性上是必要的:根據Jason Santa Maria提出的論點:「頁面上的每一處的留白都跟影像所占用的空間一樣重要。因為就算是留白處在頁面上也具有目的,且提供了視覺上的完整度。」

10. 留白元素包括

圖像或圖片間的空間

邊寬、邊界距離、欄寬

文字間的行距、字距

列與列之間的距離

總結

留白是一個微妙的原則,許多排版設計看起來混亂的原因大多數是沒有合理的留白,所以學會一 些留白基本原則,可以讓你的設計提高可讀性以及區分內容的優先順序,而且能讓視覺表現更友好。

 
上一篇:網頁設計中常見的五種交互設計錯誤 下一篇: 5個嚴重影響用戶體驗的設計問題
     
首頁 | 關于中飛 | 新聞資訊 | 客戶案例 | 在線留言 | 聯系我們 | 支付方式

Copyright © 0372it.com 安陽市中飛網絡傳媒有限公司 豫ICP備12006994號
地址:河南省安陽市北關區彰德路與健康路交叉口U樂廣場2220室   郵編:455000 咨詢熱線:0372-3983299

大发麻将官网 新疆时时开奖结果69 排列三开奖公告 快乐购号码 黑龙江快乐10分走势 香港马会今年开奖结果 福彩快3彩票软件 江苏快三官网下载安装 腾讯分分彩开奖码查询 香港赛马一期计划 快速时时