<-- IE錯誤修正 --> IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南 - RiS社群 | FileMaker 中小企業應用



快速發表主題
返回   RiS社群 | FileMaker 中小企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 3 週前
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南

Click the image to open in full size.

這幾天看到國外網站介紹,IBM 企業自行開發一款新免費字型「IBM Plex」,同時將它釋出、開放讓所有人可以免費下載使用!此外還提供「IBM Type」風格指南仔細規範各種使用範例,例如當網頁顯示時應該配合什麼樣的字重、大小、間距、書寫風格、行高和對齊方式才會有最佳使用效果。這幾年各家企業公司開始注重自己的設計風格,而這些細節往往代表一家公司的文化精神或方向,若你是設計者,其實可以從這類文件找到不少的靈感,或者將它套用到網頁或其他設計來達到更好的視覺效果。



IBM Plex Family 由三大字體類型組成:Sans-serif(無襯線體)、Serif(襯線體)Mono(等寬字體),相信熟悉英文字型的朋友對於這三種字體類型一定不陌生,每種類別有八種不同的字重:Thin、ExtraLight、Light、Text、Regular、Medium、Bold、SemiBold,也有為斜體設計的 Italic 系列。

值得一提的是 IBM Plex 收錄的字型檔案為 Windows 和 Mac 適用的 .ttf 和 .otf 格式,也附帶 Sketch App 檔案,若使用者要應用於網頁字型,IBM Plex 亦提供網頁字型 .eot、.woff 和 .woff2 格式,幾乎可以說完整照顧到所有需求。

IBM Type 詳細規範使用 IBM Plex 字型最好的配置方式,例如當使用於網頁時,建議只使用 SemiBold、Regular 和 Light 三種字重,行高和字元間距(Letter-spacing)必須依照字體大小而有不同的設定值,才能維持字體的整體感覺。IBM Type 也提供一些實際的字型設定範例,對於想使用 IBM Plex 字型的設計師來說是個相當值得仔細閱讀的風格指南。

網站名稱:IBM Plex Family
網站鏈結:https://ibm.github.io/type/

使用教學

STEP 1

開啟 IBM Type 網站,可以看到關於此專案項目的介紹及說明,簡單來說,IBM Type 認為排版是一種外觀和佈局,每個字元及段落放在網格中,可以創造出對齊、和諧或清晰的視覺感受,排版反映出選擇的字體大小、位置和字重,用以引導使用者來瀏覽內容。

從首頁就能找到 IBM Plex Family 字型的免費下載鏈結,如果你要使用於 Sketch 的話,網站也提供 IBM Type 的 Sketch 檔案,一樣能從首頁找到下載鏈結。

Click the image to open in full size.

STEP 2

下載後解壓縮,從「fonts」資料夾下就能找到 IBM Plex 三種字體類型:Sans、Serif 和 Mono,其中還會分成桌面端、網頁使用的字型,再找到 Windows 或 Mac 資料夾就會有 .ttf 或 .otf 格式可供安裝。

Click the image to open in full size.

STEP 3

因為 IBM Plex 字體類型、字重和斜體等字型加一加數量相當多,因此我只挑其中幾個安裝,安裝後能直接在字體簿裡看到字型名稱和預覽,回到你要使用的應用程式,選擇 IBM Plex 或你安裝的字型就能使用。

Click the image to open in full size.

要特別注意的是 IBM Plex Family 是英文字型,對於中文內容使用是沒有效果的。

Click the image to open in full size.

STEP 4

前面不斷提到 IBM Type 提供風格指南,可以告訴設計師應該如何正確使用 IBM Plex 字型,因為都有附上圖片解說,就算沒有完整閱讀說明也能大致了解它要傳達的意思。

Click the image to open in full size.

IBM Plex 也能使用於應用程式開發,從風格指南頁面中可以看到一些實際應用範例。

Click the image to open in full size.

對於產品體驗來說,可依照需求來運用不同的字型樣式和大小,IBM Type 對此有不少著墨,有興趣的設計師可以看看 Type Sets 和 Alignments 說明。

Click the image to open in full size.

值得一試的三個理由:
  1. 由 IBM 企業設計的字型,提供 Serif、Sans-serif 和 Mono 三種字體類型
  2. Windows 和 Mac 適用的 .ttf、.otf 格式,也能使用於網頁字型(Webfont)
  3. 每一種類型各有八種不同字重,也有針對斜體提供不同的檔案
喜歡 IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南 嗎?歡迎將免費資源網路社群加入書籤,以 FacebookTwitterGoogle+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆
相似的主題
主題 主題作者 討論區 回覆 最後發表
介紹新知或別人沒有的好東西 IBM:谷歌的最佳專利夥伴? wowria 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) 0 2011-08-01 02:58 PM
IBM聯手Akamai 共推雲端加速 Bing 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) 0 2011-05-04 01:00 PM
IBM將Firefox作為預設的瀏覽器 Bing 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) 0 2010-07-02 05:11 PM
IBM:開發應用程式 應納入安全考量 Bing 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) 0 2010-06-11 08:51 PM
IBM偕本土網通業者進軍視訊監控市場 Bing 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) 0 2009-04-23 10:10 PM


主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +9。現在的時間是 11:18 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2017,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝正洋資訊顧問有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2