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-。此外,段落之間的行高/間距=0.754。行距正好是段落間距的75%是很常見的。
3.線條對齊
壹般來說,建議頁面上只使用壹種文字對齊方式,盡量避免兩端對齊。
4.將文本留空
文字排版時,需要在版面中留出自由空間,空白空間由小到大的順序應該是:字距、行距、段落距。另外,在對內容區域進行排版之前,需要根據頁面的實際情況,在頁面周圍留出空白。
5.廢話原則(鯉魚)
對比、重復、對齊和親密。
字體選擇
字體:中文:宋體、微軟雅黑、方正系列(無狀態)
字體大小:網頁中的文字/導航字體大小在12px-18px之間。
英文可以小10px-16px,再小的話識別度也不是特別好。很正常也很經典。
鐘毅歌體
Win最常見的字體,小字體點陣,大字體TrueType,但是大字體不好看,最好不要做標題。
微軟雅黑
微軟雅黑字體大段略粗。如果長時間在網上瀏覽,會讓人眼睛不舒服。相比較而言,襯線字體具有裝飾性,容易閱讀,所以宋體更適合知乎這種大型文字網站。微軟雅黑給人的感覺是平和、幹凈、簡單、沈穩、專業。
中國細黑
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廣告頁、兒童/女性主題)
第四類,靈動,清新,秀麗典雅,精致,古韻。
方正清科版宋嶽簡體版、方正宋刻本修楷體、方正宋刻本修楷體、漢儀全唐詩、簡康熙字典體、湘南行書法體、造字工坊、宋刻本(適合復古、典雅、傳統、品質、靈動等題材)
特殊字體或藝術字體的設置。
如果妳需要用壹種特殊的字體來表達妳的風格,那麽最好把壹種特殊的字體或者藝術字體以圖片的形式放到網頁中。在需要這種字體的地方,用圖片代替,確保所有人看到的是同壹個頁面。