本文轉(zhuǎn)自公眾號(hào)：學(xué)翼啟?綜合整理
網(wǎng)頁設(shè)計(jì)師們在設(shè)計(jì)網(wǎng)頁時(shí)预烙，通常會(huì)為表達(dá)某種情感而選擇字體墨微。可以說扁掸，除了需要表達(dá)文字內(nèi)容本身之外翘县，設(shè)計(jì)師在選擇一款字體時(shí)還應(yīng)該考慮這款字體是否能與其他設(shè)計(jì)元素及布局相融合，同時(shí)加深網(wǎng)頁上的人或事物的特點(diǎn)谴分。
隨著更多企業(yè)越來越“接地氣”锈麸，他們開始注重與用戶的互動(dòng)與交流，增強(qiáng)用戶的參與感牺蹄，因此對(duì)話式的網(wǎng)站快速受到用戶歡迎忘伞。這一趨勢無形中要求設(shè)計(jì)師們需要加強(qiáng)對(duì)文字性格的把握，以更好的設(shè)計(jì)實(shí)現(xiàn)與用戶的“對(duì)話”钞馁。
正如大家常聽到一句話“字如其人”虑省，在看到一種字體后，人們會(huì)下意識(shí)聯(lián)想到某種人物形象僧凰、性格或感受探颈，比如沉穩(wěn)、柔美训措、活潑伪节、可愛、平和等绩鸣。
▼
因此在設(shè)計(jì)之前怀大，設(shè)計(jì)師需要不斷問自己：我想讓用戶覺得，這是一個(gè)什么性格的人在和他們對(duì)話呀闻？我現(xiàn)在采用的這種字體所表現(xiàn)的性格化借，是我想要表達(dá)的特點(diǎn)嗎？
通過思考和對(duì)比捡多，才能應(yīng)用恰當(dāng)?shù)奈淖中愿癖涂担盐蘸镁W(wǎng)頁的設(shè)計(jì)铐炫。
通過本文給大家展示收集的不同字體應(yīng)用案例，希望能幫助設(shè)計(jì)師們在中文字體設(shè)計(jì)上加深理解蒜焊。
我們需要先說明一點(diǎn)倒信，同一類型的字體可以設(shè)計(jì)成不同的變體美術(shù)字，字體的粗細(xì)泳梆、曲直鳖悠、疏密不同，在不同風(fēng)格設(shè)計(jì)下可能展現(xiàn)不同性格特征优妙。
1乘综、客觀、正式鳞溉、官方的瘾带、通用的
基本上看到這幾個(gè)描述詞，大家肯定知道描述的是什么字體了熟菲。沒錯(cuò)，說的正是宋體朴恳。
宋體是與印刷術(shù)同齡的出版字體，這種最普通的字體在報(bào)刊雜志中常用。在網(wǎng)頁設(shè)計(jì)中情屹，宋體也可以在很多地方使用消请，非常適合用于大段文字的版塊。
mp.weixin.qq.com/s/_qskwEEhgok4rCv-yCZX0Q
2森渐、清秀做入、方正俊雅、真實(shí)可靠
有物電商平臺(tái)的banner圖中采用了楷體和微軟雅黑兩種字體同衣，大字使用的楷體是漢字主要書體竟块，看起來工整規(guī)范、干凈利落耐齐，給人方正俊雅的感覺浪秘，這段文字與圖片表達(dá)的“手工感”相融合，共同傳達(dá)出一種認(rèn)真和質(zhì)樸的精神埠况。
這里有個(gè)細(xì)節(jié)需要大家注意嘍耸携！在這個(gè)案例中，楷體文字是嵌入在圖片中的辕翰，而微軟雅黑則是用font-family寫在頁面的夺衍，為什么處理方式不一樣？
從文字的整體結(jié)構(gòu)來看喜命，楷體帶有一種書卷味沟沙，可以考慮在教育行業(yè)的網(wǎng)站上適當(dāng)采用河劝。
3、強(qiáng)壯尝胆、堅(jiān)韌丧裁、壓迫、震撼含衔、充滿力量感
給人這種感受的字體一般筆畫渾厚煎娇、濃重，很多情況下采用粗體或加粗的大號(hào)文字贪染，在視覺上面積加重缓呛，給人一種強(qiáng)壯、震撼的感覺杭隙。
比如下面阿迪達(dá)斯采用的這款蒙納簡粗雅麗體哟绊，在網(wǎng)頁上占據(jù)的位置非常顯眼。
下面案例中節(jié)目的Logo位于官網(wǎng)首頁痰憎，采用了一款純直線字體票髓，顯得硬朗、筆直铣耘、棱角分明洽沟，給人一種堅(jiān)決的態(tài)度。
還有李寧官網(wǎng)圖片中使用的字體蜗细，筆畫粗細(xì)均衡裆操，規(guī)律一致，充滿了堅(jiān)韌炉媒。
NBA官網(wǎng)和國際飛鏢公開賽網(wǎng)站則是采用了微軟雅黑字體踪区，加粗的大號(hào)的字體略帶傾斜，內(nèi)容標(biāo)題也同樣采用了加粗的微軟雅黑吊骤。微軟雅黑加粗后的視覺效果雖然不像上面幾個(gè)案例的字體那么強(qiáng)勢缎岗，但我們依然能在視覺上獲得類似“隆重、這是比賽”的感受水援。
這類字體一般呈現(xiàn)出硬朗密强、粗獷、棱角分明等特征蜗元，適合應(yīng)用于與運(yùn)動(dòng)或渤、比賽、競技奕扣、金屬薪鹦、游戲，以及面向男性用戶群體的產(chǎn)品等。一些促銷活動(dòng)也會(huì)經(jīng)常使用這類字體池磁。
4奔害、細(xì)致優(yōu)雅、纖細(xì)地熄、柔美华临、婉轉(zhuǎn)、流暢端考、精致
給人這種感受的字體一般筆畫纖細(xì)雅潭，婉轉(zhuǎn)流暢，具有曲線美却特，很多情況下會(huì)采用末梢曲線優(yōu)美的襯線字體扶供。
上文提到讓人感覺正式的宋體就是一款襯線字體，在適當(dāng)?shù)脑卮钆渲辛衙鳎误w也能展現(xiàn)出典雅的一面椿浓，給人優(yōu)雅的感覺。比如下面Tiffany的官方網(wǎng)站闽晦。
還有拉菲官網(wǎng)也是扳碍。
mp.weixin.qq.com/s/_qskwEEhgok4rCv-yCZX0Q
這類字體一般呈現(xiàn)出纖細(xì)柔軟的特征，適合應(yīng)用于珠寶仙蛉、化妝品左腔、珠寶首飾，以及面向女性用戶群體的產(chǎn)品等捅儒。另外像紅酒、餐廳振亮、手工藝品牌巧还、精選類品牌、奢侈品等也會(huì)使用這類字體坊秸。
有一點(diǎn)不得不說麸祷，其實(shí)很多品牌在中國區(qū)的官網(wǎng)上使用了特殊的自定義字體，但由于瀏覽器無法識(shí)別褒搔，瀏覽器最終以默認(rèn)的宋體進(jìn)行渲染阶牍，這時(shí)的視覺效果可能就不那么美好了。
5星瘾、活潑走孽、可愛、有趣
給人這種感受的字體一般字體末梢圓潤琳状，看起來圓乎乎的磕瓷，顯得稚趣、可愛。
比如喜寶HiPP官網(wǎng)采用的圓體困食。
還有幫寶適采用的幼圓字體边翁。
給人這種感受的字體主要適用于趣味游戲、嬰幼兒產(chǎn)品硕盹、游樂場符匾、玩具等。另外瘩例，像柔軟舒適的產(chǎn)品也會(huì)選用這類字體啊胶，比如某些家居用品等。
6仰剿、平和创淡、干凈、簡單南吮、平靜
這類字體一般采用無襯線字體琳彩，鏈接襯線和字干的字弧被去除，字體看起來干脆利落部凑，比如蘋果官網(wǎng)的PingHei字體露乏。
魅族官網(wǎng)的方正悠黑字體。
這類字體主要適用于科技行業(yè)涂邀，包括平臺(tái)瘟仿、電腦手機(jī)產(chǎn)品等，同樣也適用于現(xiàn)代感的產(chǎn)品比勉、簡潔風(fēng)格的產(chǎn)品等劳较。
