為什么要這樣?
“人生之柔弱, 其死堅(jiān)強(qiáng)。萬物草木生之柔脆,其死枯槁。故堅(jiān)強(qiáng)者死之徒,柔弱者生之徒! 《道德經(jīng)》第76章
不能控制網(wǎng)頁看似一種局限,或缺陷,而來自 WYSIWYG 世界的我們初期都有這種想法,我承認(rèn)最初我也這樣想。但如今我不再認(rèn)為那是一種局限,而是新媒體的力量所在。
事實(shí)上,我們對(duì)紙張媒體的控制才是真正的局限。想想看,我們能固定文字的尺寸,或者說,文字大小不可改變,或者,你可以說,紙張的尺寸也在控制中。
然而這未必是好事,尤其對(duì)讀者。如果某個(gè)讀者視力不好,你的那些固定的小字體不借助放大鏡就很難看清;如果讀者身處一個(gè)局促的空間,比如火車或飛機(jī),那些寬幅的報(bào)紙就太大了,而針對(duì)這些問題,用戶幾乎無能為力。
我們?cè)谟∷⒅蝎@得的控制力事實(shí)上是一種缺陷,不應(yīng)再繼承到 Web 設(shè)計(jì)中。我們知道,Web 沒有這樣的局限,因此應(yīng)基于彈性而設(shè)計(jì),愛這之前我們需要“萬物作而不辭”。
可適應(yīng)性就是可訪問性
“上善若水, 水善利萬物,又不爭。處眾人之所惡,故幾於道! 《道德經(jīng)》第8章
有人認(rèn)為道是宿命,淺讀會(huì)覺得人應(yīng)當(dāng)無為,靜待事情的降臨而被動(dòng)反應(yīng)。我認(rèn)為,我們不應(yīng)為久遠(yuǎn)的目標(biāo)預(yù)設(shè)將來,相反,應(yīng)該有適應(yīng)力,而不是膠柱鼓瑟。
“見小曰明,守柔曰強(qiáng)。用其光,復(fù)歸其明,無遺身殃,是謂習(xí)常! 《道德經(jīng)》第52章
我迄今所談到的所謂彈性即“適應(yīng)性”。前面所言總結(jié)起來就是:讓你的網(wǎng)頁具有適應(yīng)性。讓你的網(wǎng)頁具有可訪問性,不拘何種瀏覽器,何種平臺(tái)亦或何種屏幕。這意味著在任何屏幕尺寸,任何屏幕顏色數(shù)下,網(wǎng)頁都合法可用(同時(shí)還要記住,人們可能會(huì)打印這些網(wǎng)頁,或者使用讀屏軟件以及盲文瀏覽器進(jìn)行訪問)。這意味著網(wǎng)頁要適應(yīng)它的訪問者,它的訪問者可能視力不佳,希望使用比較大的字體。
設(shè)計(jì)適應(yīng)性網(wǎng)頁就是設(shè)計(jì)可訪問性網(wǎng)頁,而這是 Web 設(shè)計(jì)中遠(yuǎn)未實(shí)現(xiàn)的目標(biāo),也是 W3C 的一個(gè)重要思想,對(duì) Web 設(shè)計(jì)來說,這是一個(gè)迫切的使命,將來的網(wǎng)頁也許要求實(shí)現(xiàn)通用訪問。
這聽上去不太可能,通用訪問,在當(dāng)今并不靈光的瀏覽器面前,在各種可以訪問 Web 的不成熟的移動(dòng)設(shè)備面前,只是一種理想。但我們?nèi)杂泻芏鄸|西可以努力,并為今后適應(yīng)性網(wǎng)頁設(shè)計(jì)打好基礎(chǔ)。
解決之道
“名亦既有,天將知止。知止不殆。譬道在天下,猶川谷與江海。” 《道德經(jīng)》第32章
如何實(shí)現(xiàn)自適應(yīng)性設(shè)計(jì)并提高可訪問性?我們要從多個(gè)方面做通盤考慮,然后針對(duì)這些考量給出解決步驟。首先,想一下你的網(wǎng)頁是做何之用,而不是看上去如何。讓你的設(shè)計(jì)跟隨你所提供的服務(wù),而不是外觀。讓形式跟從功能,而不是設(shè)計(jì)。
這種思想的基石是區(qū)隔內(nèi)容與展示,這種說法你或許多次聽過,然而這可能是你所能走出的最重要的一步。舉個(gè)簡單的例子,某個(gè)網(wǎng)頁上有一段斜體字,為什么要斜體?可能為了強(qiáng)調(diào),或是引述,或者是在英語中使用了一個(gè)外文詞,在傳統(tǒng)印刷中,形式跟從功能。而 Web 出版的優(yōu)勢是我們可以將紙張上含糊的東西明確地表達(dá)出來,如果斜體的目的是強(qiáng)調(diào),為什么要使用 <i> 實(shí)現(xiàn)而不是非 PC 平臺(tái)的瀏覽器也能認(rèn)識(shí)的 <em>?
從大范圍來說,不用將 HTML 用作展示,不要使用 <font>,<b> 以及 <i>,使用那些恰當(dāng)?shù)?HTML 標(biāo)簽,如果找不到恰當(dāng)?shù)臉?biāo)簽,使用 CSS 類。使用 CSS 進(jìn)行展示,我們要向前看,而不是墨守陳規(guī)。
如果你合理地運(yùn)用了 Style Sheet,并讓它引導(dǎo),而不是控制你的網(wǎng)頁外觀,同時(shí),你并沒有依賴 Style Sheet 表達(dá)信息,那么你的網(wǎng)頁就能在任何瀏覽器正常工作,不管是過去的,還是將來的。那些不支持 Style Sheet 的瀏覽器將輸出簡單的內(nèi)容部分。事實(shí)上,我們最擔(dān)心的是那些對(duì) Style Sheet 支持有 BUG 的瀏覽器,今天,這是一個(gè)問題,不久前還沒有這么嚴(yán)重,F(xiàn)在,你可以限制你的 CSS 只使用其中被各種瀏覽器都完美支持的部分,對(duì)于那些不能很好支持的部分,可以使用那些展示型的 HTML 標(biāo)簽。作者曾為此寫過一些文章。
在實(shí)踐中,當(dāng) CSS 設(shè)計(jì)可能影響網(wǎng)頁的可訪問性時(shí),你應(yīng)當(dāng)有所為有所不為。不管怎樣,不要依賴任何 CSS,絕對(duì)單位,如 px 以及 pt 都應(yīng)當(dāng)避免,對(duì)色彩的使用也要謹(jǐn)慎,而且永遠(yuǎn)不要依賴它們。
出處:銳商企業(yè)CMS
責(zé)任編輯:bluehearts
上一頁 Web 設(shè)計(jì)之道 [1] 下一頁 Web 設(shè)計(jì)之道 [3]
|