中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > Web 設(shè)計(jì)之道
標(biāo)志設(shè)計(jì)如何正確使用字體 回到列表 白宮網(wǎng)站改版之深度剖析
 Web 設(shè)計(jì)之道

作者:35公里 時(shí)間: 2009-02-16 文檔類型:翻譯 來自:銳商企業(yè)CMS

第 1 頁 Web 設(shè)計(jì)之道 [1]
第 2 頁 Web 設(shè)計(jì)之道 [2]
第 3 頁 Web 設(shè)計(jì)之道 [3]

為什么要這樣?

“人生之柔弱, 其死堅(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]

相關(guān)文章 更多相關(guān)鏈接
在線廣告及其在網(wǎng)頁設(shè)計(jì)中的重要性
10大實(shí)用web應(yīng)用界面技術(shù)
價(jià)目表:實(shí)例和最佳策略
list視圖方式淺析
web 2.0設(shè)計(jì)指導(dǎo)之一:簡單
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/31個(gè)記錄/頁 轉(zhuǎn)到 頁 共3個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2