文字排版:Google字體如何搭配組合

2021-02-24 字體設計

點擊上方藍字，把我設置為星標☆吧

現今中文字庫中的字體已有數千款之多並每年都在不斷增加著，紛繁多變的字體讓設計師不時會犯「選擇困難症」。

面對著這麼多字體，文字排版應該如何搭配呢？來自羅馬尼亞的Milo藝術設計機構就通過十五張圖，為大家展示了Google字體如何搭配組合。

每張圖使用兩到三種字體搭配，都標註了字體名稱、字號、行間距、字母間隔。字體組合和顏色完美無瑕，易於眼睛使用，學習起來很方便。

這是谷歌字體平臺網站：https://fonts.google.com

大家可上去搜尋一些合適的字體，並嘗試進行不同風格的搭配。

最後，和大家介紹下Milo。它是兩個平面設計師之間的藝術合作：Loredana Papp-Dinea & Mihai Baldean。他們在商業和現實生活中的合作，將他們的優勢和創造力結合在一起，同時也將他們對設計的不同看法結合在一起。

Milo是一個不斷成長的成功藝術設計項目，並於去年底編寫了《2019年的33個設計趨勢，你必須知道！》大家不妨點擊回顧一下。

排列標題，內文等相關文字，稱作「文字排版」。除了挑選字體之外，文字排版更是設計師必須妥善控制的重點。過些天和大家分享：中文/中英文的字體搭配。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

設計作品版權歸作者所有

@字體設計 編輯發布

正式海報設計 vs 未採用海報

收藏！推薦3個免費高清無版權圖片網站！

2019年十大平面設計趨勢

曬照！字友團五一期間最滿意的照片之一

設計師正在實踐的10個字體組合黃金規則

相關焦點

  • 牆裂乾貨:排版中的組合與重複
    幾乎所有的排版都會用的組合的原則，下面看這幾個案例重複就是作品中的視覺要素要在整個作品中統一，包括色彩方案、字體字號、文本行距、項目符號等，也可以是某種個視覺符號。4、文字組處理不好，出現了字體粘連的情況。做東西之前我們要先分析，任何設計都是如此的，前期的分析調研尤為重要。因為這是一個藝術展的海報，所以我準備偏向藝術一點。
  • 婚禮素材第四季:婚禮卡通復古動態排版設計文字標題動畫-PR模板
    Premiere模板-222個現代媒體婚禮卡通復古動態排版設計終極文字標題動畫預設 The Ultimate
  • 快收藏:好招牌的最佳字體樣式與色彩組合
    首先一個原則是避免在招牌上使用兩種以上的字體樣式。使用的字體越多，顧客閱讀理解起來越困難。據站酷網設計師研習設K先生的研究，宋體、黑體、圓體是招牌常用的三款字體。而對於西文來講，Helvetica，Futura和Antique Olive等Sans serif字體是最容易從遠處查看的字體，適用於設計招牌上的主要信息，Goudy、Benguiat或Times襯線字體則適用於表現輔助信息。第二點是要考慮招牌的使用環境和場景。
  • 網頁排版:精確控制文字行高和間距
    文字在一行裡的上下間距等於 font-size * (line-height - 1) * 0.5line-height: 1行高設為 1 時，文字上下沒有間距，調到 1.5 倍以後的效果：的關係計算出間距：14 * (1.5 - 1) * 0.5 = 3.5px多行文字總高度 = 單行高度 * 行數
  • 重磅:Adobe聯合Google發布全新開源字體「思源宋體」(附下載)
    以下文字節選自Source Han Serif 思源宋體官方頁面思源宋體是 Adobe Type 發布的最新泛 CJK 字體，它是對應於思源黑體的宋體字體；我們發布這兩種字體是為了響應統一設計的需求「Google Noto 字體項目的目標是為所有現代設備開發一款涵蓋所有語言的和諧、優質的字體系列，無論是從規模還是範圍的角度來看，這都是一項極其艱巨的任務。」 Google 國際化總監 Bob Jung 說，「僅 CJK 語言就對超過 10 億用戶有著至關重要的意義。Adobe 作為數字排版的先鋒，是幫助我們將優美的 CJK 引入 Noto 中的理想合作夥伴。」
  • 字體推薦:有那些百用不厭的英文字體?
    字體的分類有很多羅馬字體或襯線體（roman，serif）；無襯線體（sanserif）；手寫體（script）；雕刻字系（glayphic）；典籍體字系（Classical）；裝飾體字系（decorative）； 展示體字系（Display）；當代字體字系（Contemporary）；符號字系（Symbol） …今天我們主要討論的是襯線體與無襯線體的一些明星字體。
  • 純圖文PPT排版:還是熟悉的味道
    聖誕到了，給大家一份聖誕禮物——一套純圖文排版的PPT模板。
  • 傳奇字體:Helvetica
    作為排版鉛字製作的。當時人們熟悉的是「國際字體風格」（也稱為「瑞士風格」），比如Josef Muller-Brockmann在1896年推廣Akzidenz Grotesk這類在50多年前製作的無襯線字體，並由德國鑄造所Berthold持續進行市場推廣。因此哈斯希望能設計一套新的無襯線字體能夠與Akzidenz Grotesk在瑞士市場上競爭。
  • TypePro: Shanghai 2016 字體研討會(活動地點已更新)
    1989年他離開寫研公司併到倫敦研習西洋書法和文字排印，並在1990回歸日本時加入字遊工房公司，參與冬青明朝體（HiraginoMincho）和冬青黑體（Hiragino Gothic）的設計和數碼化工作。從1993年到1997年間他為TypeBank公司工作，為旗下的日語數碼字型設計西文字型搭配。1997年到2001他當上自由業字體設計師，期間他的原創字型得到好幾項國際字體比賽殊榮。
  • 重磅:阿里為百萬商家提供免費字體!
    為方便阿里巴巴集團旗下平臺商家對字體使用的需求，阿里巴巴集團與華康字體公司達成合作，提供45款華康字體，供商家在阿里巴巴集團旗下各平臺上免費使用，而且是永久的授權。馬雲有句名言：「讓天下沒有難做的生意」，而近年來，由於電商店鋪侵權字體的取證較過去實體店容易，故各字體公司也加強了版權的主張與維護，這讓許多商家頭痛不已，尤其是中小商家，偏高的字體授權讓他們有心無力。阿里巴巴集團此舉則一次性解決了這個問題，當然，這批字體僅限於線上使用，如需要在阿里巴巴集團旗下平臺之外使用該些字體，還須另行獲取華康字體公司的正式授權。
  • 實用攻略:word論文排版最全技巧
    文字排版真真是讓很多同學頭疼的一件事，尤其是篇幅較長的論文，常常是改了後面又錯了前面，一遍一遍修改直到崩潰。
  • 創造一套殘缺文字「阿爾茨海默病字體」,只為讓你不再遺忘
    推廣活動圍繞一套筆畫缺失的獨特字體庫「阿爾茨海默病字體」展開。這套字數龐大的漢字字體庫用厚重黑體與傳統宋體結合，在控制字面認知度及結構重心的同時，通過簡化、刪減、變形字體筆畫，形成破碎的風格，不但覆蓋中國常用漢字，還包括數字、標點、拉丁文等，共計近7000個文字，不易讀取但具有可識別性。
  • 9102年了,公眾號還不會換字體?
    首先我們打開i排版編輯器，點擊右上角的 HTML 這個按鈕。點開之後，就會出現一個代碼的編輯框。<p><span style="font-family: STHeitiSC-Light; font-size: 14px; color: rgb(63, 63, 63);">歡迎關注公眾號i排版</span></p>
  • 經驗貼:如何製作精緻的商品詳情圖
    最讓我頭痛的就是商品詳情圖片。因為不會PS，所以無法做出成套風格統一的詳情圖片。廠家圖片也只是簡單的實拍圖。想要表達的細節內裡……都無法用圖文並茂的方式來展現。11月初排版君出現了，它的口號是讓你的店鋪更漂亮，它的出現徹底解決了我的商品詳情問題。之前商品描述都是用文字打在商品標題下面，一大堆文字密集又不美觀。讓人不願去讀完它。
  • 經驗分享: 劍走偏鋒的程式設計師,如何用google map找到了工作
    後來才知道,Eric求職,是劍走偏鋒但人不順應主流,意味著要付出更多與其說Eric用google map
  • 設計狗看到這個都哭了:掃一掃就能獲取顏色字體的神器
    菲姐說：讓設計師感動的想哭的神器誕生了，它叫魔術管The Spector，不論我們的客戶需要何種顏色何種字體，你都在一秒鐘之內解決，只要拿著掃一掃！搞定！素材源自網絡，版權歸原作者所有據說，設計狗和項目經理的日常，一般都是這樣的：項目經理：小某，給我做一個和這個一模一樣的手冊配色、字體，還有字間距都要一模一樣。小某設計師拿到那本高大上的手冊：為毛要一模一樣？我還想搞搞創意呢？
  • 【周末看】世界各個國家google搜尋引擎大全
    越南語 寮國 www.google.la 寮語 柬埔寨 www.google.com.kh 高棉語 泰國 www.google.co.th 泰語 馬來西亞 www.google.com.my 馬來語 新加坡 www.google.com.sg 馬來語 汶萊達魯薩蘭國 www.google.com.bn 馬來語
  • 地球上最厲害的字體:Helvetica
    論實用，它比不上Times New Roman（留學黨懂，你們教授規定paper必須用這個字體）；論討喜，它比不上Futura（經常出現在電影海報上，據說是鬼才導演Wes Andersen最愛的字體）...打臉例子無窮盡也。
  • HTML5基礎——文字常用標籤(上)
    字體與字號在介紹完標題後，我們還要處理正文的文字，2.1 設置字體——face語法：<font face="宋體">文字</font>其中，font為設置文字的標籤，face為該標籤的屬性，表示文字的字體，<font></font>之間的文字，就是應用字體的文字。