當前位置:成語大全網 - 古籍修復 - 網頁設計中的字體相關性

網頁設計中的字體相關性

本文來自微信公眾號設計師,僅記錄於此。

網頁設計中常用字號最好使用偶數字號。

1,頁眉導航文本12或14;

2.菜單導航文本編號14—18;

3.SidebarNo。12或否。14,

4 .編號14用於壹級菜單,編號12為二級菜單。

或者壹級菜單用12,二級菜單用12。

5.福特諾。12或否。14

6.正文:24-32號標題;標題文字16或18;文本編號12或14

7.標題字號,18px,20px,24px,28px,32px,盡量用偶數。

8.按鈕文字:例如登錄和註冊頁面按鈕或其他按鈕,文字編號為14—16,可根據實際情況調整大小或加粗。

9.同壹級別的字體大小搭配要壹致。例如,同壹級別塊中標題文本和內容文本大小的壹致性。

在蘋果官網,產品展示文字搭配64號和32號,短小有力,可讀性強,視覺沖擊力大,突出品牌特色。

字體排版規範

首先,最好的可讀性規範

1.線條寬度

傳統書籍排版的每行字符數最好是55-75,但實際上,75-85的每行字符在網頁上更受歡迎。中文為14字體時,建議35-45個字符。

向高處走

網頁設計中,文字間距根據字體大小壹般為1-1.5倍為行距,1.5-2倍為段落間距。

比如字體12,行距為12px-18px,段落間距為18px-24px。

此外,段落之間的行高/間距=0.754。行距正好是段落間距的75%是很常見的。

3.線條對齊

壹般來說,建議頁面上只使用壹種文字對齊方式,盡量避免兩端對齊。

4.將文本留空

文字排版時,需要在版面中留出自由空間,空白空間由小到大的順序應該是:字距、行距、段落距。另外,在對內容區域進行排版之前,需要根據頁面的實際情況,在頁面周圍留出空白。

5.廢話原則(鯉魚)

對比、重復、對齊和親密。

字體選擇

字體:中文:宋體、微軟雅黑、方正系列(無狀態)

字體大小:網頁中的文字/導航字體大小在12px-18px之間。

英語可以小10px-16px。

再小,辨識度也不是特別好。

常規、經典和通用

鐘毅歌體

Win最常見的字體,小字體點陣,大字體TrueType,但是大字體不好看,最好不要做標題。

微軟雅黑

微軟雅黑字體大段略粗。如果長時間在網上瀏覽,會讓人眼睛不舒服。相比較而言,serif字體裝飾性強,容易閱讀,所以宋體更適合知乎這種大型文字網站。

微軟雅黑的感覺包括平和、幹凈、簡單、沈穩、專業。

中國細黑

Mac下默認中文。

英語

Helvetica:

被評為設計師最喜歡的字體,寫實風格,簡潔現代的線條,備受追捧。被認為是Mac下最好的網頁字體,但在Windows下由於提示的原因顯示很差。

Arial:

Helvetica的《克隆》和Helvetica很像,R、g等細節上略有差異,如果字體太小,字數太多,看起來會有點累。Win和Mac顯示正常。

Lucida家族:

Lucida Grande是Mac OS UI的標準字體,屬於人文主義風格,有點活潑。Mac下的顯示比Win下好。

Verdana:

專為屏幕顯示設計的字體,人文主義風格,小字號依然可以清晰顯示,但是字體細節嚴重缺失,最好不要做標題。

Tahoma:

這也是人文主義風格。字體有點像Verdana,但略窄,計數器略小。曾經是Windows的標準字體,Mac 10.5之後也是默認安裝的。

Verdana:

它是壹組無襯線字體。由於其在小字中仍具有結構清晰、易於閱讀識別等優質性能,在1996推出後迅速成為眾多領域喜愛的標準字體之壹。

格魯吉亞:

格魯吉亞是基本上適合文本屏幕顯示的襯線字體。筆畫重,襯線亮,輪廓大,小字體顯示清晰,細節還可以。

壹些偏美術的網站,大字會用龍蝦。搜索免費字體或字體贈品,為壹個更藝術的網站。

Trebuchet、Georgia、Times New Roman、Arial、Lucida等字體在26px或更大時效果更好,非常適合作為文字的標題。

網頁的橫幅字體

web banner的字體選擇方法是根據banner的主題來選擇字體,因為字體本身就有個性。

第壹類,穩定(協調、完整、穩定、優質)

微軟雅黑、冬青加粗、宋風格、中國精品黑、方正黑、方正蘭亭系列。

第二種,死板,犀利,清晰,強勢。

造字工坊黑體,造字工坊版黑體,造字工坊黑體,銳字力銳線體,張海山銳線體,康華李金黑,夢娜超硬黑體。

(比較適合氣氛、熱情、權威、陳述等主題。)

第三類,輕松的,手寫的,可愛的,童真的,善良的。

方正京黑、康華海報、漢儀小麥、方正智壹、新地下午茶、漢儀邊提、新地小丸子。

(適用於遊戲和娛樂海報、h5廣告頁和兒童/女性主題)

第四類,靈動,清新,秀麗典雅,精致,古韻。

方正清科版宋嶽簡本、方正宋傑克秀楷、方正宋傑克體、秀楷、漢儀全唐詩、簡康熙字典體、湘南行書法體、造字坊、宋刻本體。

(適合復古、優雅、傳統、品質、靈動等主題)