建站常識
文字的可讀性與辨識度
2007-10-26 14:33:00
不久前因業(yè)務需要,我在自己的筆記本中安裝了搜霸。當時一個做平面的朋友過來和我做一些設計交流,
我在筆記本前準備輸入一個網(wǎng)址,他靠近我的電腦,大叫道:“嗷!你也認識我的老同學“高亮”?。 ?BR>我驚出一身冷汗。
幾乎所有的產(chǎn)品中,都會使用到文字。小到錯誤、警告、提示信息,大到介紹、專題策劃、廣告文案。如果文字出現(xiàn)問題,修改起來成本很低。然而文字的可用性如果不好,將直接作用于產(chǎn)品。
我將文字的可用性理解為 辨識度 與 可讀性 兩個方面。
辨識度就是文字在界面上出現(xiàn)時,用戶能不能正常閱讀。在設計中最常遇到的問題是關于文字的字體、字號、以及行距、間距。在中文的WEB設計中,12號和14號宋體是最常使用的,縱觀幾大國內門戶網(wǎng)站,這幾乎已經(jīng)成為中國網(wǎng)友的閱讀習慣。
而遇到列表或大段文字,還需要注意行距問題。例如12號宋體時,我們一般使用18-20像素的行距。14號宋體通常使用22-24像素的行距。
WEB設計時,一般不用考慮平面設計中字與字的間距問題,而使用默認狀態(tài)。
但是也有例外。有時我們會用到18號的黑體或宋體,例如新聞內頁的標題。
特別要提一下UCDCHINA.COM上的文章頂部右側都會有一個“-”一個“+”號:
這是一個很貼心的設計,當視力較弱或者年老的讀者需要大一點的字體時。
可以使用“+”這個功能來提高文本的辨識度。
同時,設計師還要考慮文本的顏色、加粗、對齊方式、對比度、鏈接樣式等辨識度方面的問題。為了重點顯示某些信息,我們通常會給文字加粗或改變字體的顏色,但是要慎用。過度的強調等于沒有強調,例如下面這種情況:
一些保守的設計師強烈要求帶鏈接的文本要有下劃線,而一些設計師卻很反感大面積出現(xiàn)下劃線的鏈接。
我覺得重點不是下劃線的問題,而是凡是有鏈接的文字,需要與別的文字做一個明顯的提示,以示區(qū)別。如:
在可讀性方面,會出現(xiàn)的問題也不少,設計師遇到時要學會將它們剔出來。經(jīng)常出現(xiàn)的會是“術語”問題,因為我們經(jīng)常會在設計產(chǎn)品時無意識地使用一些術語。很多術語對我們自己來說簡單,但是對我們的目標用戶群來說并不容易。
例如,要避免使用”ISP”,而要說成”網(wǎng)絡服務供應商”。別對用戶說”PV”,而告知“流量”等等。
我們應盡量使用用戶的語言,而不是想當然的使用術語。如果一定要使用術語,那么在每次出現(xiàn)這個詞時要一致。千萬不要一會“搜索”,一會“查找”,一會“查詢”,不一致會增加用戶的學習成本。
另一個常見的問題就是含義模糊不清,詞不達意。
例如上文提到的“高亮”,其實重點不是會不會聯(lián)想到你的同學叫高亮,而是“高亮”代表什么功能讓人摸不著頭腦:是誰讓誰高讓誰亮,為什么要高亮,
不高亮行不行?是變高還是變亮?這不是產(chǎn)生誤解的問題,而是不解——不知道它是干什么的,自然就不敢去使用它。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-05-18 07:57:00] 該用多大的字
- [2010-05-17 17:12:00] 表格可讀性提升分析
- [2010-07-15 08:29:00] [圖說交互]鼠標文字選中與產(chǎn)品整合
- [2005-12-29 20:52:00] 網(wǎng)頁設計中的文字運用
- [2007-01-15 16:16:00] 網(wǎng)頁界面設計教程五:文字的編排設計
- [2005-12-29 21:14:00] 網(wǎng)頁高手之淺談設計中的文字
- [2019-04-23 09:58:28] 網(wǎng)站品牌的辨識度是怎樣提高的?
- [2007-04-11 09:04:00] 關于中英文正文字體比較
- [2007-10-25 12:26:00] 適合閱讀的頁面文字寬度(字數(shù))
- [2006-04-07 16:45:00] 文字,你到底能多大?--分析網(wǎng)頁文字的字號
- [2009-06-22 14:31:00] 產(chǎn)品文字的減法
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島網(wǎng)站建設 手機網(wǎng)站建設 青島海洋投資集團 頁面設計 網(wǎng)站建設,手機網(wǎng)站 官網(wǎng)網(wǎng)站建設 SEO優(yōu)化 外貿網(wǎng)站建設 H5專題頁面 力圖 網(wǎng)站推廣 網(wǎng)站SEO php程序 青島網(wǎng)頁制作 程序開發(fā) 手機網(wǎng)站 青島高端網(wǎng)站建設 手機端的網(wǎng)站 青島網(wǎng)絡公司 企業(yè)建站 微官網(wǎng) 微信營銷的優(yōu)勢 青島高端網(wǎng)站建設公司哪家好 中小型企業(yè)網(wǎng)站建設 膠南網(wǎng)站建設公司 網(wǎng)站優(yōu)化 網(wǎng)站設計趨勢 互聯(lián)網(wǎng) robots 網(wǎng)站設計