網(wǎng)站的頁面寬度和行長(zhǎng)

2017-01-01    分類: 網(wǎng)站建設(shè)

文本布局理想的長(zhǎng)度基于人眼的生理機(jī)能。視網(wǎng)膜上負(fù)責(zé)那些要求高視敏度的任務(wù)的區(qū)域被稱為黃斑。黃斑很小,一般不超過視網(wǎng)膜的15%。正常的閱讀距離下,黃斑的視野面積僅有幾英寸寬 大約為一個(gè)精心設(shè)計(jì)的文本欄寬度,或者約每行12個(gè)單詞的寬度。研究表明,隨著行長(zhǎng)開始超過理想的寬度,那么閱讀的速度也會(huì)減慢,因?yàn)檫@時(shí)讀者需要使用眼睛或脖子的肌肉來跟蹤一個(gè)文本行的行尾到下一個(gè)文本行的起始部分。如果眼睛必須穿過頁面上很大一段距離,那么讀者就必須搜尋下一行的起始部分。

由于用戶可以自定義網(wǎng)絡(luò)特性,且技術(shù)存在眾多可變性,想在所有環(huán)境中控制行長(zhǎng)是不可能的。對(duì)一個(gè)以每行66個(gè)文字的舒適寬度來顯示標(biāo)準(zhǔn)文本而設(shè)計(jì)的行而言,如果用戶對(duì)默認(rèn)的瀏覽器文本進(jìn)行放大,那么該行將變得狹窄且每行只有20個(gè)文字。帶有固定欄寬的多欄布局,很容易在放大字體時(shí)變得難于閱讀。

在確保頁面設(shè)計(jì)可以靈活適應(yīng)頁面寬度的前提下,通用可用性為行長(zhǎng)問題提供了一個(gè)很不錯(cuò)的解決方案,這樣用戶不會(huì)被鎖定在單一的并且或許并不適于他們的視圖中。瀏覽者可以通過將瀏覽器窗口調(diào)窄來適應(yīng)靈活布局的行長(zhǎng)。

頁面長(zhǎng)度

在確定恰當(dāng)?shù)木W(wǎng)頁長(zhǎng)度時(shí)需要平衡4方面因素:

1)頁面與屏幕大小之間的關(guān)系。

2)文檔內(nèi)容。

3)讀者是希望在線閱讀內(nèi)容還是希望打印或下載文檔以便后續(xù)閱讀。

4)讀者可用的帶寬。

研究者們注意到了,用戶會(huì)因滾動(dòng)電腦屏幕而導(dǎo)致迷失方向。在滾動(dòng)屏幕時(shí),如果因類似文檔標(biāo)題、網(wǎng)站標(biāo)識(shí)以及其他網(wǎng)頁的鏈接等基本導(dǎo)航元素消失而導(dǎo)致讀者在上下文中迷失,這尤其令人煩惱。正是因?yàn)檫@一方向迷失的結(jié)果,人們要求創(chuàng)建僅包含一兩屏的信息且.在頁面布局的起始和結(jié)束部分有本地導(dǎo)航鏈接的導(dǎo)航網(wǎng)頁(尤其是首頁和菜單)。長(zhǎng)的網(wǎng)頁要求讀者在滾動(dòng)屏幕時(shí)記住的信息過多;用戶在缺乏導(dǎo)航按鈕或主要鏈接時(shí),很容易失去對(duì)上下文的感知。

但基長(zhǎng)的網(wǎng)頁擁有其自身的優(yōu)勢(shì)。對(duì)創(chuàng)建者而青,長(zhǎng)的網(wǎng)頁更容易組縱,而對(duì)用戶而育,其更容易下載。網(wǎng)站管理員沒有必要為長(zhǎng)的文檔保留尾可能弟的鏈模和頁面,用戶也沒有必要下載第個(gè)文檔來槐集同一重題的信息。當(dāng)你不希望用聲在線閱讀時(shí),長(zhǎng)頁面在情息提供方面尤其有用。將有美聯(lián)的情息圈定在單獨(dú)的一個(gè)網(wǎng)頁范圍內(nèi)有其合理之處,尤其是當(dāng)你預(yù)期用戶會(huì)打印或保存文本時(shí)。將內(nèi)容放在一個(gè)地方會(huì)讓打印或保存變得更容易。但是,如果信息量超過了4屏,那么用戶就不得不大幅度權(quán)動(dòng)屏幕,這樣一來,頁面的在線版本的功效則開始降低,長(zhǎng)的頁面往往無法利用網(wǎng)頁媒介上可用的鏈接。

如果你希望為長(zhǎng)的文檔提供一個(gè)好的在線界面,同時(shí)也能進(jìn)行文檔內(nèi)容的輕松打印或保存,那么應(yīng)該進(jìn)行如下操作

●將文檔分成禽不超過一個(gè)或兩個(gè)打印頁面信息的信息塊,其中包括嵌人圖形??墒勾ǔ谋炬溄觼沓浞掷镁W(wǎng)頁這一媒介。

●提供一個(gè)指向“將完整未刪節(jié)的文本合并成一個(gè)頁面的單獨(dú)文件”的鏈接,以便讀者可以一站式打印或保存所有相關(guān)信息。別忘了在該文本頁中納人在線版本的URL,這樣一來,用戶就可以更新并找到正確的引用來源。

●在固定的間隔處為長(zhǎng)的頁面放置“回到頁面頂部按鈕”,讓頁面更友好。通過這一方式,用戶將不再需要長(zhǎng)長(zhǎng)地滾動(dòng)屏幕來尋找可以快速回到頁面頂部的導(dǎo)航按鈕。

總體來說,你可能會(huì)因?yàn)橐韵略蚨矚g簡(jiǎn)短的網(wǎng)頁:

●網(wǎng)站其他地方也能找到首頁和菜單或者導(dǎo)航頁。

●可在線瀏覽或閱讀的文檔。

●擁有非常大的圖形的頁面。通常,更長(zhǎng)的文檔有以下特征:

●更易于維護(hù)(文檔內(nèi)容為一個(gè)整體,而不是跨了很多頁的相連的好幾部分)。

●與紙質(zhì)文檔更近似(未被分割)。

●更易于網(wǎng)站建設(shè)用戶下載和打印。

網(wǎng)站欄目:網(wǎng)站的頁面寬度和行長(zhǎng)
標(biāo)題路徑:http://www.bm7419.com/news24/73824.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、微信小程序、面包屑導(dǎo)航、品牌網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(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í)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)