欧美性视频网站_欧美成在线观看_精品99在线_成人午夜免费视频_欧美日韩亚洲国内综合网_精品亚洲一区二区三区

一點兒網頁空白空間設計的想法

2014-11-28    藍藍設計的小編

藍藍設計( www.www04089.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 UI界面設計BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務

來源:http://uedc.163.com/7206.html

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

空白,在網頁上主要是指除圖形&文字內容之外的空間。網頁中的空白雖沒有像山水畫中“計白當黑”的那么浪漫,但他在引導用戶視覺和創造流暢的視覺感受方面卻是至關重要的。

施樂公司在推出《施樂出版標準》中,他們這樣描述他們設計的原則:”頁面設計的主要目標是視覺認知和清楚易讀。這些目標必須通過和諧的排印、有效地利用圖畫和空白空間,有節制的利用(字行)來完成… …多次重復,在視覺上形成必然聯系可以引導視線和幫助讀者快速瀏覽。設計中,留出大量空白空間作為空白表現領域,使標題”突出”,大的圖畫得到視覺上的延伸。”
下面,結合一些例子,談談我對空白設計的一些簡單理解。

例子1:

A: http://ssq.cpdyj.com/

B: http://trade.500wan.com/ssq/

這是兩個彩票投注的頁面,從整個網頁的功能來說幾乎是一樣的,但是A網站的設計空白使用的比較散亂再加之內容過多,會產生不知從哪里開始也不明白到哪里結束的視覺感覺,對于用戶來說會花費更多時間精力去分辨和判斷什么是什么;B網站頁面的空白使用相對合理,在用戶會花時間最多的操作區域內保留了更多的空白空間,這樣不單可以起到強調操作區的作用,同時為眼睛找到一點點休息的區域,這相對擁擠的頁面更能幫助用戶再操作的過程中不容易著急。空白在這里首先是頁面看上去更清爽一些了,同時也提高了網頁的可用性。

例子2:

A: http://www.baidu.com/more/

B: http://www.soso.com/more.shtml

C: http://www.google.com.hk/intl/zh-CN/options/

先看soso和百度的,很明顯兩個頁面使用了同樣的排版的手法,產生的效果也是類似的。這樣橫縱像表格一樣的排版,在每一個項目周圍會產生一些曖昧的空白空間,請試著體驗一下眼睛在需找其中一項的時候是如何在這些并不明確的空白空間中游走的,這樣做的結果很明顯的導致了頁面實用性的下降,用戶很可能在尋找的過程中產生很難找到東西的心理感受,但是soso的內容較少所以可用性還是不錯的。再看看google的做法,google的做法也許你會說這樣排版太浪費空間了。的確這樣的做法的確是浪費空間,但是這樣做的好處在于:這兩列加右側留白空間,在視覺上給了用戶足夠的引導——-非常明顯的從上到下的瀏覽方向,可用性相對較高。

空白其實也就是圖形和背景的關系,但是和圖形設計中陰形陽形的使用有所不同的是,圖形設計中圖底之間的關系更為復雜,形成的美感更富變化,圖底可能分別都作為視覺的主題在進行設計,從而形成非常曖昧互相變化的復雜圖形,如:下圖。

但這種做法在網頁的設計中要慎用,這樣很容易造成圖形的底形分不清,造成視覺上的困擾。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.www04089.cn

存檔

主站蜘蛛池模板: 国产www在线观看 | 中文字幕第7页 | 成人一级黄色片 | 亚洲免费视频观看 | 亚洲一区二区三区视频 | 国产日韩一区二区三区 | 亚洲成人动漫在线观看 | 日韩精品视频一区二区三区 | 在线观看欧美日韩 | 日本黄色免费视频 | 国产成人在线播放 | 国产成人免费视频 | 黄色一级视频在线观看 | 亚洲精品一区二区三区在线 | 一区在线观看 | 四虎永久在线 | 一级片在线观看视频 | 国产裸体永久免费视频网站 | www.日韩.com| 欧美精品色 | 午夜成人免费视频 | 国产精品第一 | 精品国产91 | 双性呜呜宫交受不住了h | 精品国产三级 | 日韩毛片网 | 美女一级片 | 免费成人深夜夜国外 | 欧美一级色 | 久久久久久综合 | 五月天毛片 | 黄网免费看 | 亚洲免费视频一区 | 国产激情一区二区三区 | 欧美国产视频 | 日韩爱爱视频 | 久久福利社 | 黄色片免费 | 亚洲色综合 | 色综合激情 | 婷婷av在线 |