2022-04-20 分類: 網站建設
在網站建設中,字體的處理其實和圖形、版式、顏色的處理一樣。字體的編排合理、漂亮,可以給人以賞心悅目的感覺,為網站做到畫龍點睛的作用。字體編排合理,也會吸引讀者在網站閱讀更多的內容。深圳網站建設公司創新互聯來給大家介紹下網站建設中字體的編排技巧。
1.文字圖形化
文字圖形化就是將文字用圖片的形式來表現,這種形式在頁面的子欄目里面最為常用,因為它具有突出,同時又美化了頁面,使頁面更加人性化加強了視覺效果,這是文字無法達到的。對于通用性的網站弊端就是擴展性不強。
2.強調文字
如果將個別文字作為頁面的訴求重點,則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果,使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。
3.合理設置行文本的長度
我們隨手拿起一本書或者一份報紙,數一數每行的文字,一般情況下都不會超過40個漢字。據國外研究所調查表明:當行文本太短時,用戶眼睛回轉的頻率增大了,閱讀節奏容易被打破。而當行文本太長時,又容易引起用戶閱讀疲勞(專注力下降),從而導致其喪失閱讀欲望。
因此,如果想要給用戶一個良好的閱讀體驗,網頁中的行文本長度更好控制在60個字符(約30個漢字)左右,這可以提高文本的可讀性。另外,如果是移動設備的話,行文本長度則以30-40個字符為更佳。
4.合理的文字間距
通過設置間距,我們就可以控制文字的密度。如果每行間距太小,與文字過長一樣,讀者瀏覽文章時也容易串行;如果行距過寬,閱讀時就會感覺文章不夠連貫。
間距沒有固定的值,通常是根據字體大小來定義的。在word里我們常看到雙倍行距、單倍行距和1.5倍行距的選項。網頁上行距的單位常用em來表示,不管是中文網站還是英文網站,大家多喜歡用1.5em-1.8em的行距。以1.6em的行距為例,字號16px的字,行距就是25.6px。
1.5-1.8em的行距的確是非常適于閱讀的文字密度。
5.使用標準字體
字體分為襯線體(serif)與非襯線體(sans serif)。簡單的說,襯線體(serif)就是帶有襯線的字體,筆畫粗細不同并帶有額外的裝飾,開始和結尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia,中文即是我們在windows下最常見的中易宋體。
與襯線體相反,無襯線裝飾,筆畫粗細無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認的中文-華文細黑。
6.使用一種字體
正常情況下,頁面中采用一種字體就好了,因為當一個頁面中使用的字體超過3 種時,會給用戶帶來“不專業”、“沒有權威性”、“沒有層次結構”之類的感覺。如果需要選用兩種字體的話,但也應該盡量把字體間的差異性降到更低,在視覺體驗上盡量和諧。
7.字體大小的選擇
網站建設中字體大小的選擇是用戶體驗中的一個重要部分,過大過小都會影響用戶體驗。在制作網頁的時候,我們可以根據文字在網頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說,內容標題可以使用較大的字體,而內容小標題可以采用次一號的字體,而內容正文則可以采用正常大小的字體。
對于不同的分辨率,不同的顯示器尺寸,不同的DPI,乃至不同的瀏覽器設置,都會對最終在瀏覽器上展現出來的文字大小帶來影響。更好的方式還是在網頁制作時根據用戶的分辨率給用戶一個比較美觀的默認字體大小。大多數專業的網站建設人員,都會習慣性的使用某一字體大小,比如14px或12px,因為12px和14px基本已經成了大多數網站字體的標準大小,而11px、13px、15px等大小則涉及到一個鋸齒的問題,特別是在早期的顯示器中,往往不能很好的處理文字的鋸齒問題,使用單數的像素,極有可能造成鋸齒,所以通常采用偶數的大小。
網站標題:企業網站建設策劃方案的十二個步驟分享
網站鏈接:http://m.newbst.com/news34/146034.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容