本文轉自公眾號：學翼啟?綜合整理
網頁設計師們在設計網頁時，通常會為表達某種情感而選擇字體。可以說，除了需要表達文字內容本身之外，設計師在選擇一款字體時還應該考慮這款字體是否能與其他設計元素及布局相融合，同時加深網頁上的人或事物的特點。
隨著更多企業越來越“接地氣”，他們開始注重與用戶的互動與交流，增強用戶的參與感，因此對話式的網站快速受到用戶歡迎。這一趨勢無形中要求設計師們需要加強對文字性格的把握，以更好的設計實現與用戶的“對話”。
正如大家常聽到一句話“字如其人”，在看到一種字體后，人們會下意識聯想到某種人物形象、性格或感受，比如沉穩、柔美、活潑、可愛、平和等。
▼
因此在設計之前，設計師需要不斷問自己：我想讓用戶覺得，這是一個什么性格的人在和他們對話？我現在采用的這種字體所表現的性格，是我想要表達的特點嗎？
通過思考和對比，才能應用恰當的文字性格，把握好網頁的設計。
通過本文給大家展示收集的不同字體應用案例，希望能幫助設計師們在中文字體設計上加深理解。
我們需要先說明一點，同一類型的字體可以設計成不同的變體美術字，字體的粗細、曲直、疏密不同，在不同風格設計下可能展現不同性格特征。
1、客觀、正式、官方的、通用的
基本上看到這幾個描述詞，大家肯定知道描述的是什么字體了。沒錯，說的正是宋體。
宋體是與印刷術同齡的出版字體，這種最普通的字體在報刊雜志中常用。在網頁設計中，宋體也可以在很多地方使用，非常適合用于大段文字的版塊。
mp.weixin.qq.com/s/_qskwEEhgok4rCv-yCZX0Q
2、清秀、方正俊雅、真實可靠
有物電商平臺的banner圖中采用了楷體和微軟雅黑兩種字體，大字使用的楷體是漢字主要書體，看起來工整規范、干凈利落，給人方正俊雅的感覺，這段文字與圖片表達的“手工感”相融合，共同傳達出一種認真和質樸的精神。
這里有個細節需要大家注意嘍！在這個案例中，楷體文字是嵌入在圖片中的，而微軟雅黑則是用font-family寫在頁面的，為什么處理方式不一樣？
從文字的整體結構來看，楷體帶有一種書卷味，可以考慮在教育行業的網站上適當采用。
3、強壯、堅韌、壓迫、震撼、充滿力量感
給人這種感受的字體一般筆畫渾厚、濃重，很多情況下采用粗體或加粗的大號文字，在視覺上面積加重，給人一種強壯、震撼的感覺。
比如下面阿迪達斯采用的這款蒙納簡粗雅麗體，在網頁上占據的位置非常顯眼。
下面案例中節目的Logo位于官網首頁，采用了一款純直線字體，顯得硬朗、筆直、棱角分明，給人一種堅決的態度。
還有李寧官網圖片中使用的字體，筆畫粗細均衡，規律一致，充滿了堅韌。
NBA官網和國際飛鏢公開賽網站則是采用了微軟雅黑字體，加粗的大號的字體略帶傾斜，內容標題也同樣采用了加粗的微軟雅黑。微軟雅黑加粗后的視覺效果雖然不像上面幾個案例的字體那么強勢，但我們依然能在視覺上獲得類似“隆重、這是比賽”的感受。
這類字體一般呈現出硬朗、粗獷、棱角分明等特征，適合應用于與運動、比賽、競技、金屬、游戲，以及面向男性用戶群體的產品等。一些促銷活動也會經常使用這類字體。
4、細致優雅、纖細、柔美、婉轉、流暢、精致
給人這種感受的字體一般筆畫纖細，婉轉流暢，具有曲線美，很多情況下會采用末梢曲線優美的襯線字體。
上文提到讓人感覺正式的宋體就是一款襯線字體，在適當的元素搭配中，宋體也能展現出典雅的一面，給人優雅的感覺。比如下面Tiffany的官方網站。
還有拉菲官網也是。
mp.weixin.qq.com/s/_qskwEEhgok4rCv-yCZX0Q
這類字體一般呈現出纖細柔軟的特征，適合應用于珠寶、化妝品、珠寶首飾，以及面向女性用戶群體的產品等。另外像紅酒、餐廳、手工藝品牌、精選類品牌、奢侈品等也會使用這類字體。
有一點不得不說，其實很多品牌在中國區的官網上使用了特殊的自定義字體，但由于瀏覽器無法識別，瀏覽器最終以默認的宋體進行渲染，這時的視覺效果可能就不那么美好了。
5、活潑、可愛、有趣
給人這種感受的字體一般字體末梢圓潤，看起來圓乎乎的，顯得稚趣、可愛。
比如喜寶HiPP官網采用的圓體。
還有幫寶適采用的幼圓字體。
給人這種感受的字體主要適用于趣味游戲、嬰幼兒產品、游樂場、玩具等。另外，像柔軟舒適的產品也會選用這類字體，比如某些家居用品等。
6、平和、干凈、簡單、平靜
這類字體一般采用無襯線字體，鏈接襯線和字干的字弧被去除，字體看起來干脆利落，比如蘋果官網的PingHei字體。
魅族官網的方正悠黑字體。
這類字體主要適用于科技行業，包括平臺、電腦手機產品等，同樣也適用于現代感的產品、簡潔風格的產品等。
