精品久久av,四虎影院在线观看免费,天天亚洲,欧美WW

企業(yè)與個(gè)人網(wǎng)絡(luò)營(yíng)銷(xiāo)一站式服務(wù)商
網(wǎng)站建設(shè) / SEO優(yōu)化排名 / 小程序開(kāi)發(fā) / OA
0731-88571521
136-3748-2004
一點(diǎn)兒網(wǎng)頁(yè)空白空間設(shè)計(jì)的想法
信息來(lái)源:網(wǎng)頁(yè)空白空間設(shè)計(jì)   發(fā)布時(shí)間:2011-9-5   瀏覽:

空白,在網(wǎng)頁(yè)上主要是指除圖形&文字內(nèi)容之外的空間。網(wǎng)頁(yè)中的空白雖沒(méi)有像山水畫(huà)中“計(jì)白當(dāng)黑”的那么浪漫,但他在引導(dǎo)用戶視覺(jué)和創(chuàng)造流暢的視覺(jué)感受方面卻是至關(guān)重要的。

施樂(lè)公司在推出《施樂(lè)出版標(biāo)準(zhǔn)》中,他們這樣描述他們?cè)O(shè)計(jì)的原則:”頁(yè)面設(shè)計(jì)的主要目標(biāo)是視覺(jué)認(rèn)知和清楚易讀。這些目標(biāo)必須通過(guò)和諧的排印、有效地利用圖畫(huà)和空白空間,有節(jié)制的利用(字行)來(lái)完成… …多次重復(fù),在視覺(jué)上形成必然聯(lián)系可以引導(dǎo)視線和幫助讀者快速瀏覽。設(shè)計(jì)中,留出大量空白空間作為空白表現(xiàn)領(lǐng)域,使標(biāo)題”突出”,大的圖畫(huà)得到視覺(jué)上的延伸!

下面,結(jié)合一些例子,談?wù)勎覍?duì)空白設(shè)計(jì)的一些簡(jiǎn)單理解。

例子1:

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

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

這是兩個(gè)彩票投注的頁(yè)面,從整個(gè)網(wǎng)頁(yè)的功能來(lái)說(shuō)幾乎是一樣的,但是A網(wǎng)站的設(shè)計(jì)空白使用的比較散亂再加之內(nèi)容過(guò)多,會(huì)產(chǎn)生不知從哪里開(kāi)始也不明白到哪里結(jié)束的視覺(jué)感覺(jué),對(duì)于用戶來(lái)說(shuō)會(huì)花費(fèi)更多時(shí)間精力去分辨和判斷什么是什么;B網(wǎng)站頁(yè)面的空白使用相對(duì)合理,在用戶會(huì)花時(shí)間最多的操作區(qū)域內(nèi)保留了更多的空白空間,這樣不單可以起到強(qiáng)調(diào)操作區(qū)的作用,同時(shí)為眼睛找到一點(diǎn)點(diǎn)休息的區(qū)域,這相對(duì)擁擠的頁(yè)面更能幫助用戶再操作的過(guò)程中不容易著急?瞻自谶@里首先是頁(yè)面看上去更清爽一些了,同時(shí)也提高了網(wǎng)頁(yè)的可用性。

例子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和百度的,很明顯兩個(gè)頁(yè)面使用了同樣的排版的手法,產(chǎn)生的效果也是類(lèi)似的。這樣橫縱像表格一樣的排版,在每一個(gè)項(xiàng)目周?chē)鷷?huì)產(chǎn)生一些曖昧的空白空間,請(qǐng)?jiān)囍w驗(yàn)一下眼睛在需找其中一項(xiàng)的時(shí)候是如何在這些并不明確的空白空間中游走的,這樣做的結(jié)果很明顯的導(dǎo)致了頁(yè)面實(shí)用性的下降,用戶很可能在尋找的過(guò)程中產(chǎn)生很難找到東西的心理感受,但是soso的內(nèi)容較少所以可用性還是不錯(cuò)的。再看看google的做法,google的做法也許你會(huì)說(shuō)這樣排版太浪費(fèi)空間了。的確這樣的做法的確是浪費(fèi)空間,但是這樣做的好處在于:這兩列加右側(cè)留白空間,在視覺(jué)上給了用戶足夠的引導(dǎo)——-非常明顯的從上到下的瀏覽方向,可用性相對(duì)較高。

空白其實(shí)也就是圖形和背景的關(guān)系,但是和圖形設(shè)計(jì)中陰形陽(yáng)形的使用有所不同的是,圖形設(shè)計(jì)中圖底之間的關(guān)系更為復(fù)雜,形成的美感更富變化,圖底可能分別都作為視覺(jué)的主題在進(jìn)行設(shè)計(jì),從而形成非常曖昧互相變化的復(fù)雜圖形,如:下圖。

但這種做法在網(wǎng)頁(yè)的設(shè)計(jì)中要慎用,這樣很容易造成圖形的底形分不清,造成視覺(jué)上的困擾。




上一條: 移動(dòng)互聯(lián)網(wǎng)草根創(chuàng)業(yè)自白
下一條: 互聯(lián)網(wǎng)上的單點(diǎn)登錄研究
案例鑒賞
多年的網(wǎng)站建設(shè)經(jīng)驗(yàn),斌網(wǎng)網(wǎng)絡(luò)不斷提升技術(shù)設(shè)計(jì)服務(wù)水平,迎合搜索引擎優(yōu)化規(guī)則
新聞中心
多年的網(wǎng)站建設(shè)經(jīng)驗(yàn),網(wǎng)至普不斷提升技術(shù)設(shè)計(jì)服務(wù)水平,迎合搜索引擎優(yōu)化規(guī)則
長(zhǎng)沙私人做網(wǎng)站    長(zhǎng)沙做網(wǎng)站    深圳網(wǎng)站建設(shè)    株洲做網(wǎng)站    東莞做網(wǎng)站    南京防腐木    湖南大拇指養(yǎng)豬設(shè)備    株洲做網(wǎng)站    
版權(quán)所有 © 長(zhǎng)沙市天心區(qū)斌網(wǎng)網(wǎng)絡(luò)技術(shù)服務(wù)部    湘公網(wǎng)安備 43010302000270號(hào)  統(tǒng)一社會(huì)信用代碼:92430103MA4LAMB24R  網(wǎng)站ICP備案號(hào):湘ICP備13006070號(hào)-2