AV永久免费网站在线观看,年轻善良大胸的继坶免费,最近韩国免费观看视频,日韩高清无码一区_在线成人国产公开视频

網站建設

結合設計經驗與營銷實踐,提供有價值的企業營銷資訊

首頁 > 新聞資訊 > 網站建設

網頁設計中文字排版有哪些技巧?深圳網站設計分享

2018/9/6 11:19:00 來源:網站建設公司
內容摘要:網站最基本的功能是呈現信息,讓用戶可以閱讀。字體的展示和排版自然也是網頁設計師工作的重要內容之一,今天我們整理了一些關于文字排版的技巧,分享給大家。

  2006年,Oliver Reichenstein撰寫了文章《網頁設計95%的工作是排版》,這是當年最有爭議的文章之一。Reichenstein在文章中這么說道:“網頁設計不僅僅是挑選并使用精美的字體,更多的是關于我們如何在設計中使用它們?!本W站最基本的功能是呈現信息,讓用戶可以閱讀。字體的展示和排版自然也是網頁設計師工作的重要內容之一,今天我們整理了一些關于文字排版的技巧,分享給大家。



  首先我們要清楚一個問題,就是什么樣的排版才可以稱得上是優秀的頁面文字排版?很多人都認為優秀的文字排版,在閱讀感受上一定是很棒的,文字表達的意思也是連貫的,在視覺上體現出來的就是平衡,在整體上有一個空間感。網頁制作時文章的布局,內容的設置以及欄目的設計都對文字的易讀性有影響。從文字排版的易讀性出發,需要考慮文字的字體、文字的大小、段落之間的行距、間距、背景顏色的使用以及文字的顏色等等。

  字體、字號

  字體和字號這兩個元素必須捏在一起說。

  字體分為襯線體(serif)與非襯線體(sans serif)。簡單的說,襯線體(serif)就是帶有襯線的字體,筆畫粗細不同并帶有額外的裝飾,開始和結尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia,中文即是我們在windows下最常見的中易宋體。

  與襯線體相反,無襯線裝飾,筆畫粗細無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認的中文-華文細黑。

  我們隨手拿起一本書或者一份報紙,數一數每行的文字,一般情況下都不會超過40個漢字。這是因為如果每行文字過長,讀者會不停的轉動脖子,感到疲憊的同時也會降低閱讀效率;目光從行尾移至下一行首,也很容易串行,影響讀者瀏覽文章的節奏。這點同樣適用于網頁上的文章閱讀。由于顯示器是橫向的,我們更要注意劃分閱讀區域。



  白色是全頻光,全放射光對人眼睛的最有刺激,所以很多印刷品讀物的紙張都選用乳白色或者淡黃色的紙張。由于顯示器本身就發光,所以同是純白色背景的文字,在電腦上比在紙上閱讀會使眼睛更容易疲乏,另有研究表明:在電腦上閱讀只有在紙上閱讀速度的78%,閱讀效率大大減低。因此,為了提高頁面瀏覽的舒適度和效率,越來越多的頁面采用淺灰色和淡黃色做為頁面背景。

  另外,印刷品以文字為主的出版物往往會采用低光澤度的紙張,也是因為光澤度高的紙張反射度高,導致閱讀質量下降,容易使人視覺疲勞。頁面背景仿造低光澤度的紙張(紙張紋理)也能否提高閱讀的舒適度呢?

  雖然在網頁設計中依然有很多需要我們注意的地方,最后,分享給大家一個想法就是:網頁設計中排版很重要。做出正確的排版可以讓你的網站感覺清爽,糟糕的網頁排版會令用戶分心,傾向于關注自己的感受而非內容。排版的關鍵在于使信息層級清晰、用戶易于閱讀、并且保證文字是可讀的。文字的排版不應該增加用戶的認知符合,以求達到尊重內容、尊重用戶的目的。

http://79806.xyz/jianzhanzhishi/6359.html 網頁設計中文字排版有哪些技巧?深圳網站設計分享

特別聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:0755-85297058;郵箱:2295772445#qq.com (#替換成@)。
QQ咨詢
微信咨詢
微信咨詢
電話咨詢
周一至周五 9:00-18:00
135-1055-3738
回頂部 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>