思源黑體、思源宋體這兩款由 Google 和 Adobe 合作共同開(kāi)發(fā)的字型已經(jīng)為無(wú)數(shù)設(shè)計(jì)師及開(kāi)發(fā)者解決字型問(wèn)題，并奠定新的字型發(fā)展典范，最大價(jià)值可能不一定是價(jià)格上免費(fèi)，而是開(kāi)放原始碼特性使它可以再次被用于創(chuàng)作出新字體，例如：思源真黑體、思源柔黑體或修改自思源宋體的裝甲明朝、源界明朝等等，不過(guò)有點(diǎn)可惜的是這些字型都出自于日本設(shè)計(jì)師，一直到寫這篇文章前好像都還沒(méi)有中國(guó)臺(tái)灣創(chuàng)作的字體風(fēng)格。

• 源界明朝字體：http://www.hx168888.com/font-and-pattern-library
• 裝甲明朝字體：http://www.hx168888.com/armor-mincho-google-quickdraw

最近中國(guó)臺(tái)灣最活躍的字型社團(tuán)「字嗨」管理員 But Ko 釋出三款改造自思源宋體的繁體中文字型，開(kāi)放讓需要的使用者免費(fèi)下載！分別為：源樣明體、源流明體及源云明體，不過(guò)目前仍在公測(cè)階段，不排除未來(lái)有大幅更改規(guī)格的可能性。無(wú)論如何，可以從 GitHub 頁(yè)面下載使用，將測(cè)試結(jié)果反映給開(kāi)發(fā)者。

源樣明體

改造自思源宋體，傳統(tǒng)印刷體風(fēng)格且易用的繁體中文字型。

源流明體

傳統(tǒng)印刷體風(fēng)格，比劃帶有抑揚(yáng)頓挫情緒的繁體中文字型。

源云明體

筆畫(huà)交叉處有朦朧處理，懷舊而帶點(diǎn)感性的繁體中文字型。

這三款字型的共同特色是修改自「思源宋體」，源樣明體采用思源宋體韓文版本的字符，配合繁體中文習(xí)慣的置中標(biāo)點(diǎn)符號(hào)，可說(shuō)是兼具排版及傳統(tǒng)印刷體風(fēng)格的繁體中文字型；源流明體在筆畫(huà)上有所調(diào)整，使字型看起來(lái)更有力道；至于源云明體在橫筆的起筆及豎筆的起筆、收筆處加入粗細(xì)變化，筆畫(huà)交叉處有朦朧處理。

字型改造雖以計(jì)算機(jī)程序自動(dòng)進(jìn)行，但在一些細(xì)節(jié)調(diào)整后可以明顯感受出不同效果。

若有興趣可參照以下鏈結(jié)及教學(xué)來(lái)下載、獲取源樣、源流、源云明體，亦可從 GitHub 找到更多說(shuō)明及注意事項(xiàng)。

• 下載鏈接：（源樣明體）https://github.com/ButTaiwan/genyo-font
• 下載鏈結(jié)：（源流明體）https://github.com/ButTaiwan/genryu-font
• 下載鏈結(jié)：（源云明體）https://github.com/ButTaiwan/genwan-font

使用教學(xué)

STEP 1

開(kāi)啟任一字型的 GitHub 頁(yè)面，下方說(shuō)明會(huì)有字型效果預(yù)覽、介紹、特征及下載方式，建議使用前務(wù)必要詳細(xì)閱讀說(shuō)明。順帶一提，三套字型都分別提供繁體中文（TW）和日文（JP）兩種版本。

STEP 2

點(diǎn)擊 GitHub 頁(yè)面右上角綠色「Clone or download」按鈕，再按一下「Download ZIP」就能下載、取得字型壓縮檔。當(dāng)然你也可以從 GitHub 目錄里自行手動(dòng)下載，兩者獲得的檔案是相同的。

STEP 3

下載后解壓縮，進(jìn)入 TW 資料夾后能看到所有字重的 TyueType（.ttf）格式，Mac 使用者在全選后以字體簿打開(kāi)就能安裝，Windows 使用者一樣是全選、右鍵然后按下「安裝」將字型安裝到作業(yè)系統(tǒng)。

和思源宋體一樣，源樣明體、源流明體都有七種字重，源云明體則是 Light、Regular、Medium 和 SemiBold 四種，能廣泛使用于各種環(huán)境。

STEP 4

記得登入 GitHub 按一下右上角的「Star」給這些項(xiàng)目一個(gè)星星鼓勵(lì)吧！這也是支持項(xiàng)目最有用的方法。

MacOs桌面GUI素材

這是「Facebook 設(shè)計(jì)」分享的一組 MacOS GUI 素材：Desktop Kit，該素材適用于 Web 及桌面APP 應(yīng)用的展示使用。雖然以前也分享過(guò)相關(guān)的 Mockup，但這個(gè)是比較全面的桌面組件，包含 Mac 系統(tǒng)的 Chrome、Safari瀏覽器界面、 Finder、菜單、表單、Tab、側(cè)欄、Dock等等。

注：本素材暫無(wú) Photoshop源文件，僅有 Sketch 版本。

桌面端的 KIT 相當(dāng)全面，很適合展示你的 APP 和 網(wǎng)頁(yè)設(shè)計(jì)作品。

Macbook筆記本樣機(jī)

這個(gè)樣機(jī)里面所有所有的設(shè)計(jì)元素都是繪制出來(lái)，矢量分層可修改，估計(jì)畫(huà)完這個(gè)我都可以設(shè)計(jì)一套簡(jiǎn)單的 APP 了……

連Dock的圖標(biāo)都是矢量繪制的：

Mac系統(tǒng)光標(biāo)

鼠標(biāo)狀態(tài)的各種樣式，比如默認(rèn)光標(biāo)、點(diǎn)擊、拖動(dòng)手勢(shì)、Loading 狀態(tài)等等。

Chrome 和 Safari 瀏覽器UI

這算是最新版的MAC 瀏覽器界面了，如果你是網(wǎng)頁(yè)設(shè)計(jì)師，這些 mockup 你一定用得上，用來(lái)展示你的 Website 作品也放會(huì)變得更加高端。

完整預(yù)覽

因?yàn)閳D片太大，這里只縮小了放上來(lái)，想看高清的話，請(qǐng)自行下載素材。

下載MacOS Desktop Kit

素材名稱：Desktop Kit

素材版權(quán)：免費(fèi)

素材格式：Sketch

下載地址：http://pan.baidu.com

「優(yōu)設(shè)最新神器推薦」

1. 《這款國(guó)人開(kāi)發(fā)的EAGLE，堪稱收集和管理素材靈感的最佳利器！》
2. 《超過(guò)5萬(wàn)張！免費(fèi)高清可商用圖庫(kù)ZOOMMY 3.0重磅來(lái)襲！》
3. 《超好用的PS字體管理插件FONTAGS（附安裝方法）》

原文地址：shejidaren、free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com