做網站,我們是認真的!

網站適配電腦+手機端,僅1280元,送2000M阿里云服務器,送com域名+免費備案
網站前端采用靜態系統顯示,后端動態管理,我們承諾網站包收錄,完成網站之后把源碼給客戶!

觀點

互聯網+時代,說建站,談運營與網絡營銷

幾個排版技巧幫助你更好的做好網頁設計

時間:2021-06-03

在網頁設計中,排版在網站和用戶之間建立良好的溝通和幫助用戶實現他們的目標方面起著重要的作用。當我們談論網頁與用戶建立有效溝通的能力時,我們通常指的是文本布局的作用:

網絡上超過95%的信息是文本,好的排版會讓用戶更容易閱讀,而凌亂的排版會讓用戶失去繼續瀏覽的意圖。正如Oliver Reisenstein在他的文章“網頁設計是95%的排版”中所寫的,排版的目的是優化可讀性,可訪問性,可用性,以及與圖形的平衡

換句話說,優化布局也有助于優化界面。在本文中,我們提供了一組規則,可以幫助您提高文本內容的可讀性和可讀性。


1. 不要使用太多字體

建議您在站點布局中使用不超過三種字體類型,否則您的站點會看起來松散和不專業。不僅過多的字體會導致這個問題,而且過多的字體大小也會破壞頁面的布局。

作為一個通用規則,保持字體族的數量最少(兩個字體是倍數;一種字體通常就足夠了),并在整個網站中遵循相同的原則。如果使用的字體多于一種,請確保這兩種字體是兼容的。以以下字體組合為例。喬治亞州和懷爾達那州在相對和諧中相互補充。與在巴斯克維爾的震驚相反,這里將有一種明顯的沖突感。這種非線性的影響顯然比巴斯克維爾的視覺沖擊更大。

在進行中、英文排版時,建議使用標準中文字體對應英文,標準英文字體對應數字和字符,標準英文字體對應英文。這里有一個例子,看看你能否比較美。

2. 用標準字體

在谷歌Web fonts或TypeKit中有很多有趣的字體,在中文“字體庫”中有字體嵌入服務。對于中國設計師來說,角色的體驗非常重要。一個字符將移動幾兆字節或10兆字節,這增加了用戶瀏覽網站的加載時間。相反,在一個網頁上使用26個英文字母和數百個K標點符號是很容易的。

選擇一種標準字體。(近年來,網站都使用簡單的單層粗體字體。對于英文,使用Arial, Calibri或任何其他類型的粗體以方便在屏幕上閱讀。如果你沒有一個特定的概念來指導你,避免使用襯線字體。

不是每個用戶都會在終端上看到相同的字體,這意味著用戶可能看不到您選擇的適當字體。

用戶更熟悉標準字體,所以他們可以更快地閱讀它們,可以制作特殊和有限的字體。嵌入在Web中以SVG格式使用的材料,好的字體設計可以讓用戶更關注內容,而不是字體的類型。

3.限制文本的行數

文本可讀性的關鍵是確保每行字符的數量。不是設計者定義文本的寬度,而是用戶的可讀性。

太寬——會讓一行文字太長,讓讀者的眼睛很難集中在文字上。在一篇長文章中很難找到正確的臺詞,因為很容易在很長一段時間內聯系起來。

太短——它把讀者的目光帶回到下一行,打破了讀者的節奏。時間過長會導致眼睛疲勞。太短也會讓讀者在閱讀當前一行之前就很容易跳到下一行,可能會錯過潛在的重要單詞和句子。

以谷歌和百度為例:正如我們所見,對于移動設備,每行應該是30-40個字符長(半個角),根據屏幕、文本的寬度和不同分辨率的字體大小顯示準確的字數。設計原則是要保證文字能夠被用戶輕松閱讀,文字不能太小也不能太大。對于iOS(移動),文本的最小字體大小不應小于24px,這對用戶來說太小了,無法閱讀。例如,可以使用百度作為引用。

4.選擇各種顯示效果好的字體大小

用戶將通過具有不同屏幕分辨率的終端設備訪問您的站點。大多數用戶界面需要不同大小的文本(標題、字幕、文本、評論等等)。選擇適合不同屏幕分辨率設備的字體也很重要,以確保不同大小的字體具有較高的可讀性和可用性。

在過去的兩年中,流行的粗體和平房字體一直是一個不錯的選擇。當然,我認為漢藝黑旗在字體族數量、字體質量、屏幕顯示、紙張印刷等方面都不遜于前兩種字體。每個設計師都是這樣的
0
首頁
案例
關于
聯系
凯时平台