界面設(shè)計(jì)中的字體-中文字體

字體的價(jià)值


在界?設(shè)計(jì)中,字體應(yīng)該是最被忽略的?個(gè)點(diǎn)桅锄,我們有圖標(biāo)規(guī)范,設(shè)計(jì)規(guī)范样眠,表單友瘤,顏?規(guī)范等等,但是對(duì)于字體規(guī)范少之又少檐束,除了規(guī)范蘋果和安卓設(shè)計(jì)默 認(rèn)那些字體辫秧,關(guān)于字體研究少之又少,很多?會(huì)說UI 中?的字體就那么幾個(gè)被丧,我們又不是做運(yùn)營活動(dòng)盟戏,和營銷不需要了解那么多字體,早期?作時(shí)候甥桂,我也是這么想的柿究,但是后?我發(fā)現(xiàn)我錯(cuò)了

網(wǎng)易易考拉品牌升級(jí)明確規(guī)定了中英?文字體運(yùn)?范圍

但是字體在設(shè)計(jì)中重要程度卻是越來越高,?字不僅是閱讀形式一種黄选,不同的字體不僅能影響排版蝇摸,同時(shí)也能反應(yīng)出產(chǎn)品的性格! 越來越多的品牌把字體設(shè)計(jì)融于品牌DNA中,在?易考拉改版設(shè)計(jì)中,針對(duì)中英?字體和整體品牌的融合办陷。

韓國知名電商11st的視覺升級(jí)中貌夕,對(duì)于中英?,韓?國際話語言進(jìn)?明確的規(guī)范

11st視覺更新規(guī)范

UBER的設(shè)計(jì)規(guī)范中民镜,同樣也對(duì)字體有著明確的要 求啡专,英?字體,印刷字體制圈,以及詳細(xì)使?規(guī)則


越來越多的公司開始對(duì)字體在設(shè)計(jì)中運(yùn)?進(jìn)?規(guī)范们童, 今天我們一起來聊聊界?設(shè)計(jì)中我們?nèi)绾稳ザx我們的字體辱揭,今天我們只聚焦UI中字體?些運(yùn)?規(guī)則

字體的情感

字體是影響品牌很關(guān)鍵的元素,如果了解?彩?理學(xué)的同學(xué)應(yīng)該知道不同的顏?其實(shí)有對(duì)應(yīng)的?彩情感病附, 那么同樣的不同字形问窃,筆畫等都也是有品牌情感的。


? 比如我們常?的?文常?字體之一完沪,Helvetica 作為? 種?襯線字體域庇,整體字體筆畫安全,專業(yè)覆积,嚴(yán)謹(jǐn)廣泛 適?于各種場(chǎng)合听皿,尤其受品牌商標(biāo)的偏愛, 包括 3M, 寶?宽档,雀巢, 曾經(jīng)的蘋果等等尉姨。另外,該字體很受政府的青睞吗冤,美國稅單上?的字體就是 Helvetica又厉。

Helvetica被視作現(xiàn)代主義在字體設(shè)計(jì)界的典型代表


用?Helvetica 字體設(shè)計(jì)的 LOGO 不計(jì)其數(shù)

Roboto是為Android操作系統(tǒng)設(shè)計(jì)的一個(gè)?襯線字體 家族。該字型特點(diǎn)為“現(xiàn)代的椎瘟、平易近?”也?直是安卓系統(tǒng)默認(rèn)英?字體覆致。

《機(jī)械姬》這個(gè)電影?家應(yīng)該很熟悉,作者使??何版型襯線字體肺蔚,整體呈現(xiàn)科技感

《鋼鐵俠》電影中煌妈,整套設(shè)計(jì)來源Territorystudio團(tuán)隊(duì)設(shè)計(jì)的虛擬界?面。??一整套虛擬界?宣羊,包括圖 形璧诵,字體等,整體?格?度?致仇冯,整體字體呈現(xiàn)未來和科技感之宿。



所以?套字體?定是和整個(gè)品牌DNA是相延續(xù)的,他們之前有整體品牌調(diào)性赞枕,?不是單獨(dú)存在澈缺,就像我內(nèi)?,看不見但是很重要炕婶,字體也是如此

中文字體

iOS和安卓都有官?方推薦默認(rèn)字體姐赡,?上圖,但是很多時(shí)候我們的品牌柠掂,整體設(shè)計(jì)語?都有?己獨(dú)特個(gè)性化项滑,所以有時(shí)候也需要去重新制定?套新的字體,那么對(duì)于這些字體涯贞,我們要如何去選擇呢?

所以我們?cè)谶x擇字體時(shí)候枪狂,一定要根據(jù)整體品牌調(diào)性去選擇最合適的字體危喉,下?是一些界?中常?的中文字體,?且版權(quán)也?較容易買到

思源?體

思源?體視覺感受:由adobe和Google 聯(lián)合推出的開源字體州疾。字體家族龐?辜限,涵蓋了了中?日韓?字。由?本設(shè)計(jì)師主導(dǎo)严蓖,與?冢?體?格上一脈相承薄嫡,字體堅(jiān)固穩(wěn)定,字符空間均勻颗胡,整體給?專業(yè)毫深,硬朗感受


微軟雅黑視覺感受:是?正第?代屏顯字體,也開創(chuàng)了中?屏顯字體設(shè)計(jì)先河毒姨,字形略呈扁?方而飽滿哑蔫,筆畫簡潔?舒展,易于閱讀弧呐,視覺感受清新和優(yōu)美


冬青黑體視覺感受:字的結(jié)構(gòu)是?本的印刷字設(shè)計(jì)與 中國用字習(xí)慣有諸多不一致的地?闸迷,盡管冬?黑體簡體針對(duì)中國?陸?設(shè)計(jì),卻保留了原設(shè)計(jì)的風(fēng)格泉懦,這反倒讓字體顯得別具風(fēng)味稿黍,有個(gè)性,錘?系統(tǒng)貌似運(yùn)?用的此款字體


?體-簡

?體-簡視覺感受:?體字是現(xiàn)代漢字體系中最重要的 字體之?崩哩,特點(diǎn):?常突出,?正言沐、粗獷邓嘹、樸素、簡潔险胰、?裝飾汹押、橫豎筆形粗細(xì)視覺相等、筆形?頭?尾起便、?白均勻,因此?常醒?,運(yùn)用?泛棚贾。


蘋?-簡

蘋?-簡視覺感受:蘋?是蘋果新?代主題字,整體字體特點(diǎn):專業(yè)榆综,便捷妙痹,排版嚴(yán)謹(jǐn),?比較容易識(shí)別鼻疮,是蘋果官?中?字體怯伊,也是?多數(shù)app?選字體


方正蘭亭?

方正蘭亭?感受:?正蘭亭?系列列是微軟雅?的延續(xù) 設(shè)計(jì),字?略為縮小判沟,字重梯度多耿芹,獲得了更廣泛的適用性崭篡,其中用在品牌營銷中很多,它的特點(diǎn):靈活多變吧秕,個(gè)性化營銷字體琉闪,排版嚴(yán)謹(jǐn),識(shí)別性高砸彬,?比如天貓?zhí)詫毢芏酄I銷banner規(guī)范都是運(yùn)?的蘭亭?颠毙,在 app中優(yōu)酷的?標(biāo)題也是運(yùn)?蘭亭?,屬于我個(gè)??較喜歡的?款字體

關(guān)于字重


字重:中文字體中字重是重要的一個(gè)概念拿霉,不同字重傳遞出來視覺感受完全不一樣

輕字重:傳遞出輕盈吟秩,放松視覺感受,常配合粗的字 重使?绽淘,在?些引導(dǎo)?面涵防,閱讀??面,說明?案時(shí)候使用

重字重:視覺感受莊重沪铭,嚴(yán)謹(jǐn)壮池,很重要,常?在重點(diǎn)強(qiáng)調(diào)的文字杀怠,數(shù)字椰憋,引導(dǎo)?動(dòng)操作點(diǎn)上,或者?面中大的標(biāo)題赔退,banner主標(biāo)題等橙依。

最后

正如前?開頭所說,字體是設(shè)計(jì)中體現(xiàn)品牌很重要?點(diǎn)硕旗,字體選擇?常重要窗骑,字體也是設(shè)計(jì)中最大量的內(nèi)容,所以我們?定要掌握起來!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末漆枚,一起剝皮案震驚了整個(gè)濱河市创译,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌墙基,老刑警劉巖软族,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異残制,居然都是意外死亡立砸,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門痘拆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仰禽,“玉大人,你說我怎么就攤上這事⊥驴” “怎么了规揪?”我有些...
    開封第一講書人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長温峭。 經(jīng)常有香客問我猛铅,道長,這世上最難降的妖魔是什么凤藏? 我笑而不...
    開封第一講書人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任奸忽,我火速辦了婚禮,結(jié)果婚禮上揖庄,老公的妹妹穿的比我還像新娘栗菜。我一直安慰自己,他們只是感情好蹄梢,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開白布疙筹。 她就那樣靜靜地躺著,像睡著了一般禁炒。 火紅的嫁衣襯著肌膚如雪而咆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評(píng)論 1 289
  • 那天幕袱,我揣著相機(jī)與錄音暴备,去河邊找鬼。 笑死们豌,一個(gè)胖子當(dāng)著我的面吹牛涯捻,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播望迎,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼汰瘫,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了擂煞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤趴乡,失蹤者是張志新(化名)和其女友劉穎对省,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晾捏,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蒿涎,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了惦辛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片劳秋。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出玻淑,到底是詐尸還是另有隱情嗽冒,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布补履,位于F島的核電站添坊,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏箫锤。R本人自食惡果不足惜贬蛙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望谚攒。 院中可真熱鬧阳准,春花似錦、人聲如沸馏臭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽位喂。三九已至浪耘,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間塑崖,已是汗流浹背七冲。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留规婆,地道東北人澜躺。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像抒蚜,于是被迫代替她去往敵國和親掘鄙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 英?字體相對(duì)中?來說嗡髓,字體包更?操漠,所以選擇性更??些,今天主要推薦?些谷歌免費(fèi)開源字體饿这,谷歌字體真的?常棒浊伙,搭配好...
    來自遠(yuǎn)古的喵先森閱讀 9,243評(píng)論 0 11
  • 1、俠客行走江湖长捧,策馬而來嚣鄙,揚(yáng)長而去,無須貪戀串结,卻也懂惺惺相惜哑子,亦不必終日黏在一起舅列,但再次相逢,定當(dāng)痛飲幾杯卧蜓。 2...
    怪俠一只豬閱讀 207評(píng)論 0 1
  • 2019.03.23賈老師生日 剛開始寫帐要,就滿滿回憶烦却,眼眶慢慢濕潤宠叼。卻又不知從何說起… 翻開手機(jī)QQ相冊(cè)其爵、百度網(wǎng)盤...
    鼎典吳老師閱讀 1,189評(píng)論 0 2
  • 一夜魂?duì)縼砣雺?mèng)冒冬,江郎一世終成空,戎馬一生天下慟摩渺,繁華落盡入囚籠简烤; 蒼天若借三百年,一世執(zhí)劍作俠客摇幻,半生愿做陶淵明,...
    夢(mèng)中葬淚別伊人閱讀 139評(píng)論 0 0
  • 下雨天 獨(dú)自待在寢室 本想著學(xué)習(xí) 思緒卻又飄到了雨里 想起前段時(shí)間分手的我一直很喜歡的一對(duì)情侶 女生在空間里對(duì)自己...
    曲折的一只鹿閱讀 144評(píng)論 0 0