文字的可讀性與辨識(shí)度_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:活動(dòng)網(wǎng)站設(shè)計(jì)點(diǎn)評(píng)之中南海盈月之約廣告制作:拓之林http://www.to-dream.com/(設(shè)計(jì)師:樊燊)廣告背景:中南海品牌與拓之林自2006年開(kāi)始全面合作。拓之林認(rèn)為該廣告主品牌受眾的定位不應(yīng)
不久前因業(yè)務(wù)需要,我在自己的筆記本中安裝了搜霸。當(dāng)時(shí)一個(gè)做平面的朋友過(guò)來(lái)和我做一些設(shè)計(jì)交流,
我在筆記本前預(yù)備輸入一個(gè)網(wǎng)址,他靠近我的電腦,大叫道:“嗷!你也熟悉我的老同學(xué)“高亮”�。 �
我驚出一身冷汗。
幾乎所有的產(chǎn)品中,都會(huì)使用到文字。小到錯(cuò)誤、警告、提示信息,大到介紹、專題策劃、廣告文案。假如文字出現(xiàn)問(wèn)題,修改起來(lái)成本很低。然而文字的可用性假如不好,將直接作用于產(chǎn)品。
我將文字的可用性理解為 辨識(shí)度 與 可讀性 兩個(gè)方面。
辨識(shí)度就是文字在界面上出現(xiàn)時(shí),用戶能不能正常閱讀。在設(shè)計(jì)中最常碰到的問(wèn)題是關(guān)于文字的字體、字號(hào)、以及行距、間距。在中文的WEB設(shè)計(jì)中,12號(hào)和14號(hào)宋體是最常使用的,縱觀幾大國(guó)內(nèi)門(mén)戶網(wǎng)站,這幾乎已經(jīng)成為中國(guó)網(wǎng)友的閱讀習(xí)慣。
而碰到列表或大段文字,還需要注重行距問(wèn)題。例如12號(hào)宋體時(shí),我們一般使用18-20像素的行距。14號(hào)宋體通常使用22-24像素的行距。
WEB設(shè)計(jì)時(shí),一般不用考慮平面設(shè)計(jì)中字與字的間距問(wèn)題,而使用默認(rèn)狀態(tài)。
但是也有例外。有時(shí)我們會(huì)用到18號(hào)的黑體或宋體,例如新聞內(nèi)頁(yè)的標(biāo)題。
非凡要提一下UCDCHINA.COM上的文章頂部右側(cè)都會(huì)有一個(gè)“-”一個(gè)“ ”號(hào):
這是一個(gè)很貼心的設(shè)計(jì),當(dāng)視力較弱或者年老的讀者需要大一點(diǎn)的字體時(shí)。
可以使用“ ”這個(gè)功能來(lái)提高文本的辨識(shí)度。
同時(shí),設(shè)計(jì)師還要考慮文本的顏色、加粗、對(duì)齊方式、對(duì)比度、鏈接樣式等辨識(shí)度方面的問(wèn)題。為了重點(diǎn)顯示某些信息,我們通常會(huì)給文字加粗或改變字體的顏色,但是要慎用。過(guò)度的強(qiáng)調(diào)等于沒(méi)有強(qiáng)調(diào),例如下面這種情況:
一些保守的設(shè)計(jì)師強(qiáng)烈要求帶鏈接的文本要有下劃線,而一些設(shè)計(jì)師卻很反感大面積出現(xiàn)下劃線的鏈接。
我覺(jué)得重點(diǎn)不是下劃線的問(wèn)題,而是凡是有鏈接的文字,需要與別的文字做一個(gè)明顯的提示,以示區(qū)別。如:
在可讀性方面,會(huì)出現(xiàn)的問(wèn)題也不少,設(shè)計(jì)師碰到時(shí)要學(xué)會(huì)將它們剔出來(lái)。經(jīng)常出現(xiàn)的會(huì)是“術(shù)語(yǔ)”問(wèn)題,因?yàn)槲覀兘?jīng)常會(huì)在設(shè)計(jì)產(chǎn)品時(shí)無(wú)意識(shí)地使用一些術(shù)語(yǔ)。很多術(shù)語(yǔ)對(duì)我們自己來(lái)說(shuō)簡(jiǎn)單,但是對(duì)我們的目標(biāo)用戶群來(lái)說(shuō)并不輕易。
例如,要避免使用”ISP”,而要說(shuō)成”網(wǎng)絡(luò)服務(wù)供給商”。別對(duì)用戶說(shuō)”P(pán)V”,而告知“流量”等等。
我們應(yīng)盡量使用用戶的語(yǔ)言,而不是想當(dāng)然的使用術(shù)語(yǔ)。假如一定要使用術(shù)語(yǔ),那么在每次出現(xiàn)這個(gè)詞時(shí)要一致。千萬(wàn)不要一會(huì)“搜索”,一會(huì)“查找”,一會(huì)“查詢”,不一致會(huì)增加用戶的學(xué)習(xí)成本。
另一個(gè)常見(jiàn)的問(wèn)題就是含義模糊不清,詞不達(dá)意。
例如上文提到的“高亮”,其實(shí)重點(diǎn)不是會(huì)不會(huì)聯(lián)想到你的同學(xué)叫高亮,而是“高亮”代表什么功能讓人摸不著頭腦:是誰(shuí)讓誰(shuí)高讓誰(shuí)亮,為什么要高亮,
不高亮行不行?是變高還是變亮?這不是產(chǎn)生誤解的問(wèn)題,而是不解——不知道它是干什么的,自然就不敢去使用它。
分享:活動(dòng)網(wǎng)站設(shè)計(jì)點(diǎn)評(píng)之斯柯達(dá)廣告制作:安瑞索思http://www.energysource-cn.com廣告背景為配合明銳1.6的上市,在原來(lái)octaviachina網(wǎng)站基礎(chǔ)上新增了明銳1.6產(chǎn)品點(diǎn)、上市信息以及明銳夢(mèng)
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-文字的可讀性與辨識(shí)度
。




