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

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

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

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

字體

一般來說,Windows, Mac 以及其它操作系統(tǒng)都只安裝了有限的字體,而它們之間共同的字體更少。目前的很多瀏覽器,以后會有更多,它們已經(jīng)可以允許用戶自己選擇顯示字體。使用 CSS,你可以指定盡可能多的字體,同樣,不要依賴它們,不管這種字體是多么普遍。

更重要的仍然是字號,你需要知道,同樣的字體,同樣的字號,在 Mac 系統(tǒng)上看上去要比 Windows 系統(tǒng)小。因為 Mac 的邏輯分辨率是 72dpi 而 Windows 是 96dpi。這很重要,首先,讓文字在 Mac 上和 Windows 上顯示一模一樣是不可能的,不過,如果你遵從的是適應(yīng)性設(shè)計,這將不會成為問題。

如果你還操心你的網(wǎng)頁最終看上去是否正好如何,說明你仍沒以適應(yīng)性設(shè)計思想思考問題。一個最主要的可訪問性問題是字號,我們這些視力正常的人可能不相信世界上有很大比例的人無法在印刷媒體上閱讀 14pt 以下的字體,更不要說顯示器,顯示器的分辨率更低。

這是否意味著 14pt 是最小的字號?非也,有的人的視力還要差,那到底用哪個字號?答案是,不要使用 pt,讓用戶自己選擇閱讀字體大小,px 也一樣,因為邏輯分辨率的差別,一個平臺上的 px 和另一個平臺的 px 是不一樣大的。

對于標(biāo)題等位置,你仍可以使用大一些的字體。CSS 提供了多種方式設(shè)置字體尺寸,你可以按某個對象的父對象的百分比設(shè)置字體尺寸,比如,標(biāo)題位于網(wǎng)頁的 BODY 內(nèi),如果你沒有設(shè)置 BODY 的字體尺寸,系統(tǒng)會取用戶自己指定的字體尺寸,有時候,我們有所不為也可以幫助提升可訪問性。

你可能會說,文字看上去太大,但你可以在瀏覽器中把它縮小,而你的用戶可以選擇放大或者縮小,依據(jù)他們的口味或需求。我們可以對標(biāo)題進(jìn)行強(qiáng)調(diào),比如,將一級標(biāo)題的字號加大30%,二級標(biāo)題加大25%,這樣,不管你的頁面 BODY 部分選用了什么字號,標(biāo)題都按比例改變,同樣,字號也可以縮小,但需要小心,有時候,字號可能小到無法閱讀。

以上我們所做的僅僅是避免使用絕對尺寸字體已經(jīng)為可訪問性帶來很多幫助。

布局

邊界,頁寬,縮進(jìn)都是一些可以提升可訪問性的設(shè)計因素。瀏覽器窗口可以改變尺寸,并導(dǎo)致頁面尺寸的改變,不同的 Web 設(shè)備(Web TV, 高分辨率顯示器,PDA)擁有不同的最小與最大窗口尺寸,和固定字體尺寸一樣,頁面布局也會帶來可訪問性問題。

和字體一樣,布局也可以使用百分比實現(xiàn)適應(yīng)性設(shè)計,邊界可以使用其容器尺寸的某個百分比。在 CSS 中使用百分比寬度布局會自動實現(xiàn)適應(yīng)性設(shè)計,隨著瀏覽器窗口的拉寬與收窄,頁面的各個部分自動適應(yīng)以維持相同的比例,從而整體頁面也自動適應(yīng),用戶可以自己選擇一個他們認(rèn)為合適的窗口尺寸。

邊界,文字縮進(jìn)以及其它布局方因素也可以基于它們所包含的文字的尺寸,可以使用 em 單位,比如:

p {margin – left: 1.5em}

這意味著段落的邊界寬度將是它里面的文字的高度的1.5倍。因此,當(dāng)我們調(diào)整文字的尺寸,邊界也會隨著改變。

顏色

Web 是一個比印刷要色彩豐富得多的媒體,色彩對 Web 來說非常便宜。色彩具有裝飾性,可以建立視覺表征,可以帶來現(xiàn)實意義(比如吸引注意力),然而色彩也會為可訪問性帶來問題。

你是否知道在很多國家(或許全部),紅綠色盲的人不可以申請飛行執(zhí)照?因為警告信息通常都是按紅色危險綠色安全的形式表現(xiàn)的。很遺憾,警告信息沒有使用可適應(yīng)性色彩搭配。

你的網(wǎng)頁是否同樣將一些用戶擋在外面?這可不怎么樣,因為不遠(yuǎn)的將來,多數(shù)瀏覽器將允許用戶使用自定義 Style Sheet 調(diào)整頁面的配色,,這些自定義 CSS 將覆蓋你設(shè)計的 CSS。如何避免這些問題?不要使用 HTML 標(biāo)簽,使用 CSS,同時不要依賴同一種配色含義。

改變之途

“合抱之木,生於毫末;九層之臺,起於累土;千里之行,始於足下!
《道德經(jīng)》第64章(上)

思想與行為的改變并不容易,“下德不失德”。但我漸漸明白很多我認(rèn)為理所當(dāng)然的東西都需要重新考慮,過去我所讀,所見,所聞,所談皆需反思。Web 作為一個新媒體已經(jīng)到了突破印刷媒體的時候,并非放棄那些智慧與經(jīng)驗,而是找到自己的使命。

Web 最強(qiáng)大的力量,一直以來被視為局限與缺點,然而 Web 的天性是彈性,我們作為開發(fā)者與設(shè)計者,需要擁抱這種彈性,實現(xiàn)一個自適的,容易訪問的 Web,這些努力從釋放我們的控制欲開始。

本文國際來源http://www.alistapart.com/articles/dao

本文鏈接:http://m.95time.cn/design/doc/2009/6404.asp 

出處:銳商企業(yè)CMS
責(zé)任編輯:bluehearts

上一頁 Web 設(shè)計之道 [2] 下一頁

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

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

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

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

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

雜⑦雜⑧ Gold NORMANA V2