歡迎光臨
我們一直在努力

UI設計成長筆記 No.5

文章摘要: 大家可自行下載 1.2. 根據設計風格來選擇字型 高大上風 高大上風格的設計一般都比較簡潔所以應該選擇比較有設計感、有張力的字型

本期目錄

設計理論

  • 根據設計風格來選擇字型
  • 設計師常用中英文字型彙總

設計欣賞

  • 插畫欣賞 | Llive, Llaugh, Llove Llike a Llama
  • 插畫欣賞 | Renn Qin 插畫欣賞
  • 插畫欣賞 | To Go by Lucas Wakamatsu

ONE / 設計理論

1.1 免費可商用字型彙總

思源黑體

思源宋體

思源柔黑體

Droid Sans Fallback

站酷高階黑

站酷酷黑

站酷小薇logo體

站酷義大利體

站酷快樂體

方正黑體

方正書宋

方正仿宋

方正楷體

旁門正道標題體

鄭慶科黃油體

瀨戶字型

花園明朝體

ORADANO Mincho 明朝

以上為近期整理免費可商用字型,大家可自行下載

1.2. 根據設計風格來選擇字型

高大上風

高大上風格的設計一般都比較簡潔,畫面元素的質感很好、背景比較乾淨,所以不宜使用太複雜、太隨性的字型。

宋體和比較細的等線體是比較不錯的選擇

例如: 漢儀長宋、漢儀中宋、華文宋體、方正大標宋、方正書宋、方正蘭亭纖黑和超細黑 等,而且最好不要給字型增加過多的效果。

年輕時尚風

針對90後所做的設計,關鍵詞是:時尚、個性、年輕、叛逆等,

設計風格普遍都是色彩豔麗、表現形式新穎、動感較強。

所以應該選擇比較有設計感、有張力的字型,太規矩的字型會顯得有點呆板,

例如: 站酷高階黑、造字工房尚黑、造字工房力黑、造字工房形黑、造字工房版黑、銳字巔峰粗黑、逼哥青春簡體 等,都是比較好的選擇。

可愛風

可愛風設計主要針對人群是兒童和年輕女性,

顏色飽和度比較高,畫面活潑、溫和有趣,

所以選擇的字型也應該符合這幾個特點,像比較硬朗和規矩的造字工房字型和宋體在這裏就不合適了,

我們應該選用比較圓滑、親和力較強的手寫體和卡通字型,

例如 方正少兒體、漢儀粗圓簡體、站酷快樂簡體、華康少女文字、漢儀娃娃篆體、漢儀荔枝體、華康娃娃體、迷你胖頭魚體 等等。

文藝清新風

文藝清新風設計是年輕女性很喜歡的一種風格,

例如一些護膚品、服裝廣告、h5的設計就很喜歡使用這種風格,

爲了統一協調,我們選擇的字型當然也要清新脫俗,

硬筆書法字型、細長的宋體、等線體都具有這一特色,

如: 鍾齊安景臣硬筆行書、凌惠體、方正靜蕾簡體、漢儀家書簡體、華文宋體、方正幼線簡體 等。

男士風

針對男性消費者的設計自然與女性的不會一樣,

男性設計更傾向陽剛、大氣、簡單、冷酷,顏色上冷色調偏多,所以我們要選擇簡潔有力的字型

如: 造字工房力黑、方正蘭亭特黑、大黑、騰祥潮黑、銳字銳線怒放黑體、蒙納超綱黑體、沙孟海書法字型 等。

中國風

中國風是客戶很喜歡的設計風格,特別是在跟茶葉、保健品、土特產、瓷器相關的設計中比較多見,

中國風的設計當然要配色中國風的字型,

像宋體、楷體、隸書、毛筆字、都是具有中國風特色的字型,

具體可以選用: 華康儷金黑、造字工房刻送、方正楷體、方正華隸簡體、漢儀字典宋體、方正珊瑚簡體、禹衛書法行書簡體等,書法字型比較少很好的現成字型,最好是叫專人手寫或者用筆刷拼湊

手繪風

手繪風格的設計一般具有自然、好玩、開放等特性,畫面中的文字要很好的融入畫面,不要搶了畫面的風頭,

所以我們選擇字型時也要以手寫字型為主。

例如: 漢儀小麥簡體、漢儀跳跳簡體、方正喵嗚體、方正稚藝簡體、造字工房童心體、文鼎奈穀米POP體等,如果你字寫的不錯,也可以自己動手寫

促銷風

對於促銷海報、促銷單張、促銷摺頁這類促銷設計,主要目的是吸引消費者的注意、突出優惠資訊等,

所以要選擇筆畫粗且清晰有力的字型,

例如 方正蘭亭特黑、方正正大黑、龐門正道標題體、方正漢真廣標簡體、雅坊美工14、造字工房力黑、造字工房典黑等等

源自: 億品元素

1.3. 設計師常用中英文字型彙總

中文部分

精緻黑體字形

漢儀旗黑

冬青黑體簡體中文

方正蘭亭黑簡體(方正最火的黑體系列之一,現代感很強的黑體字)

方正悠黑 (我個人非常喜歡的一套,筆畫字型都很精緻)

思源黑體 ( 我本人用的最多的字型,因為易用耐看,而且是免商用!)

優美宋體字型

方正書宋簡體

方正蘭亭刊宋

思源宋體(前段時間刷遍朋友圈的字型,以後宋體字不用愁)

造字工房俊雅銳宋(造字工房這套字強化了宋體「橫細豎粗」的特點,同時又去掉了筆末裝飾,讓這套字型整體感既有設計感,又不失傳統韻味。)

造字工房言宋

現代美術字型

文悅新青年體(這套簡直就是網紅字型,應該是近期最火爆的一款,適用性很強,特別是用在海報,banner等設計上,像奇葩說這些綜藝用的也是這套字型。)

文悅後現代體(文悅科技這兩套字型我個人都特別喜歡,設計感很強的美術字體)

造字工房尚黑(造字工房早期的字型)

銳字逼格青春體(雖然字型名字有點low low的,但是有時候會用得上這類字型)

GD-高速道路ゴシック(這套是日本字型包,但裏面有很多漢字可以借鑑,日本字型的字型處理總有一種獨特的味道。)

韻味復古字型

方正清刻本悅宋簡體(曾經很喜歡這一類的刻本的字型,還有另一套爆款:康熙字典體,正因為這兩套的影響纔有了後面設計「燕安字」的想法。)

文悅古體仿宋 (我一直都有在研究如何將仿宋的字型現代化,文悅這套字做的是很不錯的,很有味道。)

方正宋刻本秀楷簡體

造字工房黃金時代 (這套字型很有明國時期的復古感。)

字酷堂黃自元楷體

傳統書法字型

葉根友刀鋒黑草(葉根友的系列字型中我比較喜歡這一套,挺有氣勢的。)

李旭科書法(書法在日常的版式中我比較少用到,個人更多的是在學習書法的起筆落筆等,對我做標誌設計有很大幫助。)

段寧毛筆行書

日式毛筆字型

味わい毛筆(日本的毛筆字型檔比國內的多很多,很多字型都值得參考學習。)

京円

白舟行書教漢

大髭

英文部分

無襯線體

Futura

第一個果斷是Futura,因為我常接觸時尚類的品牌,而Futura靈感來自包豪斯,也就是繼承了包豪斯極簡的設計理念——銳利、簡練,不過也有點性冷淡的感覺。設計師保羅倫納在1924年至1926年首次建立了Futura。

Helvetica

當你想不到用什麼字型的時候,用Helvetica準沒錯。蘋果的御用字型,甚至很多著名標誌也是直接用Helvetica來做。例如我母校UAL的LOGO,就是用它作為標準字體。還有一本書叫《Helvetica 字型傳奇》,專門介紹這個字型的歷史,可以買來看看。

Uni Sans

Uni Sans無論是字型還是筆畫,都是很有未來感的字型,適合用於時尚感較強的設計中。

Nexa

我喜歡用Nexa來當標題,因為它筆畫很簡練,設計感也強,很適合作為超大的標題使用。

DIN

DIN就不用多做介紹了,易用,好看。

Haettenschweiler

運動感十足的字型,當然,這類長款的字型也可以滿足很多版面需求,建議下載試試看。

襯線字

ChunkFiveEx

ChunkFiveEx是一款粗襯線字型,是襯線字的一種,特點是筆畫和襯線特別粗,這類字型相對其他型別的少很多,也是適合用在標題當中。

Baskerville

比較常規字型的襯線字,但是相比傳統襯線字Time來說,又多了一些的現代感。對我來說,在無想法的時候,無襯線Helvetica是首選,襯線就是Baskerville首選,我最喜歡它的斜體字型,很好看。

Arctic

我個人覺得Arctic是無襯線字的筆畫字型,然後加了點襯線裝飾,是處在中間地帶的位置,重點是還不錯看。

Didot

Didot時尚時尚最時尚,雖然被用爛,但是還是屬於耐看型。

Bodoni

Bodoni也是比較著名的襯線字型,誕生比Didot稍微晚,兩者常被人拿來比較,個人覺得Bodoni更加好用。

源自: 優設@設計便利店

優設@設計便利店

TWO / 設計欣賞

2.1. 插畫欣賞 | Llive, Llaugh, Llove Llike a Llama

一隻超可愛的羊駝

感覺可以給自己下一套表情包做參考。

源自: Alena Tkach

2.2. Renn Qin 插畫欣賞

依然是粗壯身體風格的插畫。

腦袋的畫法有種法式風情,手都超大,腿都超長,服飾都很時尚。

給每種風格的每個部分都有一個明確的設定,這樣風格就會更統一。

源自: Renn Qin

2.3. 插畫欣賞 | Markconlan

腦袋超級小,加上平寬肩,粗壯萌更加明顯。

Markconlan的配色也很美,暖色暗色相結合,冷色暖色相結合,很美。

而他的線條更簡潔,基本很多細節能略去不表現,展現出一種簡約美。

很想知道他用的彩筆是哪種,竟然覆蓋力還蠻不錯的。

以後也想多嘗試嘗試在卡紙上作畫。

源自: Markconlan

想有更多交流歡迎新增本人微信:Cymaizi

未經允許不得轉載:頭條楓林網 » UI設計成長筆記 No.5