国产在线高清视频无码,国产v亚洲v欧美v精品综合,日本饥渴人妻欲求不满,亚洲av毛片一区二区三区

青島外貿(mào)網(wǎng)站建設
當前位置::首頁 > 動態(tài) > 網(wǎng)絡知識 >
如何做好網(wǎng)站頁面排版提高網(wǎng)站顏值?
發(fā)布時間:[2017-12-02]    發(fā)布人:青島網(wǎng)站建設    

   網(wǎng)絡上95%以上的信息是書面形式的,所以對于網(wǎng)頁而言,視覺信息的傳達至關(guān)重要。做好網(wǎng)站頁面排版可讀性,可訪問性,可用性,整體圖形平衡,不僅僅可以提高網(wǎng)站用戶體驗,同時會提高網(wǎng)站顏值。那么,我們?nèi)绾巫龊镁W(wǎng)站頁面排版提高網(wǎng)站顏值呢?

第一:控制字體數(shù)量

   當你的網(wǎng)頁文本內(nèi)容中使用超過3種完全不同的字體的時候,會讓網(wǎng)站顯得結(jié)構(gòu)紊亂和不專業(yè)。太多的類型尺寸和樣式一次也可能破壞任何布局。

   一般來說,整個網(wǎng)站字體的數(shù)量限制在最多兩種,一種一般就足夠了。如果您使用多個字體,請確保字體系基于字符寬度互補。如圖:左邊組的字體相對就比較和諧,而右邊字體的粗細對比太明顯,則顯得輕重比例很不和諧了。

第二:合理調(diào)整行長和行距

   行長,是指單行文字的長度。如果一行文字太長,訪客很難注意到該段落的起點和終點,閱讀起來比較困難;而一行文字過短,訪客在瀏覽時需要不停的來回掃視,這也會破會閱讀的節(jié)奏。所以每一行文字的字數(shù)應該合理安排,提高網(wǎng)站的可讀性。中文在14號字體時,建議3545個文字。

   行距,顧名思義,行與行的間距。行距對網(wǎng)站的易讀性也有很大的影響。過寬的行距會讓內(nèi)容失去延續(xù)性,而太窄的行距又會易使訪客跳行、出現(xiàn)閱讀障礙。除此以外,我們還可以通過調(diào)整行距展現(xiàn)獨特的版式效果,寬一點的行距更顯輕松、隨意,寬窄行距并存也能增加網(wǎng)站內(nèi)容的層次感。行距通常隨字體的改變而變化,行間距稍稍大于字體的大小(如果使用了10號字體,,那么默認的間距是12)。這種默認的設置一般看上去很擁擠,你可以考慮增加間距提高可讀性,不過也要記住不能增加太多,把握適度原則。

第三:注意限制線長度

   如果你想要一個良好的閱讀體驗,你應該每行約60個字符。在每行上擁有適當?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵。如果每行文字太短,視線必須反復折回來,打破讀者的節(jié)奏。如果一行文字太長,用戶的眼睛將很難專注于文本。

   對于移動設備,您應該每行30-40個字符 。以下是在移動設備上查看的兩個網(wǎng)站的示例。第一個使用每行50-75個字符(打印和桌面的每行最佳字符數(shù)),而第二個使用最佳30-40個字符。

第四:適當留白

   在排版中,我們也要使用留白,事實上前面的字間距、行間距、段間距都是留白的幾種表現(xiàn)形式。除了這些以外,網(wǎng)站的不同區(qū)塊、圖片等之間也要留下充足的空間,讓訪客在獲取、加工這些信息時更加容易。

第五:避免使用閃爍的文字

   閃爍或閃爍的內(nèi)容可能會使一些敏感人群發(fā)瘋,并且對于一般使用者來說,這可能是令人討厭或分心的。

第六:確保色彩對比度合理

   文本和背景應該有足夠的對比度,文本越明顯,用戶就越能快速清晰地獲取其中的信息。按照W3C的建議,文本和背景的對比是有規(guī)則的:

·較小的文本應當確保至少和背景之間有4.5:1的對比度比率

·較大的文本(14pt粗體,18pt常規(guī))應當確保和背景之間的對比度超過3:1

   這些符合對比度的規(guī)范,易讀性不錯

   一旦你確定了配色,需要在盡可能多的設備上進行測試,讓不同的用戶來查看效果,盡量避免出現(xiàn)可讀性的問題。