網頁設計中常用字號最好使用偶數字號。
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廣告頁和兒童/女性主題)
第四類,靈動,清新,秀麗典雅,精致,古韻。
方正清科版宋嶽簡本、方正宋傑克秀楷、方正宋傑克體、秀楷、漢儀全唐詩、簡康熙字典體、湘南行書法體、造字坊、宋刻本體。
(適合復古、優雅、傳統、品質、靈動等主題)