2013-09-04 分類(lèi): 網(wǎng)站建設(shè)
我們都很清楚,很多時(shí)候網(wǎng)站設(shè)計(jì)時(shí)網(wǎng)站的字體的文本太小。雖然桌面顯示器和手機(jī)屏幕的尺寸在增加,但機(jī)身上的字體似乎在縮小。雖然它們?cè)瓉?lái)的尺寸是一樣的,但感覺(jué)比以前小了。我經(jīng)常發(fā)現(xiàn)自己瞇著眼看屏幕上的內(nèi)容,但事實(shí)并非如此。今天,讓我們來(lái)看看這個(gè)日益嚴(yán)重的問(wèn)題的原因以及如何解決它。
小字體網(wǎng)站設(shè)計(jì)是一個(gè)古老的學(xué)校概念。使用12pt作為文本字體大小的想法幾乎可以追溯到互聯(lián)網(wǎng)和數(shù)字出版的第一天,當(dāng)時(shí)文字處理器的默認(rèn)大小是12pt。(這就是為什么設(shè)計(jì)師們開(kāi)始使用非官方的指導(dǎo)方針。) 當(dāng)時(shí),屏幕要小得多,12磅的文字在離你眼睛幾英尺的地方就能看得很清楚。超大標(biāo)題和字幕已經(jīng)流行了一段時(shí)間,身體部分也需要跟上。Kissmetrics,一個(gè)關(guān)于網(wǎng)站分析、營(yíng)銷(xiāo)和測(cè)試的博客,指出大多數(shù)網(wǎng)站字體太小,他們甚至稱(chēng)之為網(wǎng)頁(yè)設(shè)計(jì)的七大罪過(guò)之一。
有一個(gè)很大的原因:你必須馬上引起用戶(hù)的注意,而小字體在保持用戶(hù)時(shí)間方面沒(méi)有多大價(jià)值。信不信由你?有四個(gè)原因可以說(shuō)明為什么文本應(yīng)該更大??勺x性是一件大事。你為什么要設(shè)計(jì)一個(gè)用戶(hù)難以閱讀的網(wǎng)站?第一種方法是在web上放棄對(duì)body字體的純數(shù)字測(cè)量。你的字體是12pt還是16pt還是22pt,看不懂也無(wú)所謂。(字體大小不是通用的。它因字體而異。)文本應(yīng)該與屏幕的其余部分匹配,以便用戶(hù)可以從遠(yuǎn)處看到它。
隨著時(shí)間的推移,標(biāo)準(zhǔn)是每行45到60個(gè)字符(包括標(biāo)點(diǎn)符號(hào)和空格)在一列是大多數(shù)讀者的理想長(zhǎng)度。因此,您需要考慮最常用瀏覽器的大小、使用的列的寬度以及適合該范圍的文本大小。記住相應(yīng)地調(diào)整斷點(diǎn)。對(duì)于較小的屏幕,范圍更窄,大多數(shù)人認(rèn)為較大的字體更好。(行范圍的一半。)
訣竅是創(chuàng)造一個(gè)適合閱讀的音階。需要處理的文本大小越多,它就越重要。逐行閱讀時(shí),網(wǎng)站建設(shè)字體太寬,難以集中注意力;過(guò)于擁擠,閱讀時(shí)眼睛移動(dòng)過(guò)快,節(jié)奏不好。如果縮放了所有字體,則大字體可以幫助您調(diào)整其他用戶(hù)界面元素的大小,例如導(dǎo)航鏈接或按鈕文本。它有助于整個(gè)過(guò)程。大字體也可以幫助你更好地決定內(nèi)容和有選擇地編輯,這對(duì)用戶(hù)來(lái)說(shuō)是件好事。這種簡(jiǎn)化有助于在設(shè)計(jì)的基礎(chǔ)上呈現(xiàn)最重要的元素。請(qǐng)記住,用戶(hù)的注意力集中時(shí)間很短,所以他們需要知道的關(guān)于設(shè)計(jì)和如何與之交互的一切必須一目了然。網(wǎng)站設(shè)計(jì)中的一切都將受益于重新考慮字體大小,因?yàn)樗麄児餐?,使最終產(chǎn)品。編輯和重新思考如何放置部件可以提高可用性,因?yàn)槟枰〞r(shí)間評(píng)估設(shè)計(jì)的各個(gè)元素,而不是像往常一樣將所有東西都放在同一個(gè)地方。
網(wǎng)站用戶(hù)疲勞是一個(gè)真正的問(wèn)題。大多數(shù)人整天看屏幕,瀏覽手機(jī),玩游戲,平板電腦,在電腦上工作或看電視。他們的眼睛累了。較大的字體可以幫助減少一些屏幕疲勞。屏幕疲勞的另一個(gè)常見(jiàn)來(lái)源是移動(dòng)設(shè)備,用戶(hù)必須從屏幕中獲取元素。大型手機(jī)正在減少拇指容易觸及的區(qū)域,但較大的元素和字體可以幫助解決這個(gè)問(wèn)題。字體和其他用戶(hù)界面元素變大的一個(gè)重要原因是,它有助于調(diào)整視覺(jué)顯示以匹配物理顯示,從而為用戶(hù)提供更舒適的體驗(yàn)。
你希望你的網(wǎng)站能給用戶(hù)留下深刻的第一印象。大字體比小字體具有更強(qiáng)的視覺(jué)效果和沖擊力。大字體更容易閱讀。所有這些策略都有助于持續(xù)吸引用戶(hù)的注意力。使用較大字體的意外結(jié)果是,設(shè)計(jì)中的其他元素可能會(huì)變大。大字體可以幫助您在設(shè)計(jì)中創(chuàng)建更多空間。更多的空間通常會(huì)創(chuàng)造更舒適的用戶(hù)體驗(yàn),并添加對(duì)比元素,以幫助吸引用戶(hù)參與設(shè)計(jì)。(這是最基本的設(shè)計(jì)理論,但它有效。)更大的字體和更大的間距是大多數(shù)用戶(hù)不會(huì)看到或談?wù)摰脑?,但他們?huì)意識(shí)到。這種體驗(yàn)很容易實(shí)現(xiàn),希望能使網(wǎng)站數(shù)據(jù)像網(wǎng)站停留時(shí)間和訪問(wèn)人數(shù)一樣上升。(這些度量可以是確定修改為大字體是否對(duì)用戶(hù)有影響的關(guān)鍵因素。)
文章名稱(chēng):成都網(wǎng)頁(yè)設(shè)計(jì):網(wǎng)站中字體大小的秘密!
網(wǎng)站鏈接:http://m.rwnh.cn/news3/7803.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)頁(yè)設(shè)計(jì)公司、動(dòng)態(tài)網(wǎng)站、云服務(wù)器、全網(wǎng)營(yíng)銷(xiāo)推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容