實用UI設(shè)計法則（下）(3)

Ubuntu（上圖）——字體偏粗，對于有些 app 來說太張揚了，但是對于大多數(shù) app 來說還是不錯的。在Google Fonts（www.google.com）上可以找到。

Open Sans——非常易于辯讀，是一款很流行的字體，用在正文非常合適，在Google Fonts（www.google.com）上也能找到。

Bebas Neue——適合作標(biāo)題，都是大寫字母，在?Fontfabric?（http://fontfabric.com）上能找到，這個網(wǎng)站上還有一些 Bebas Neue 的應(yīng)用實例。

Montserrat——只有兩種粗細(xì)，但也足夠了。是 Gotham 和 Proximate Nova 最好的免費替代品，但不如那兩種好。在Google Fonts（www.google.com）上能找到。

Raleway——適合作標(biāo)題，但不適合用于正文。有一個極細(xì)的版本（上圖沒有展現(xiàn)），在Google Fonts（www.google.com）可以找到。

Cabin——在Google Fonts（www.google.com）可以找到。

Lato——在Google Fonts（www.google.com）可以找到。

PT Sans——在Google Fonts（www.google.com）可以找到。

Entypo Social——一個社交網(wǎng)絡(luò)圖標(biāo)集，在Entypo.com上能找到。

這里還有其它一些資源：

Beautiful Google web fonts——有Google Fonts的運用實例，我經(jīng)常在這里找靈感。FontSquiirrel——收集了不少可以免費商用的好字體。Typekit——如果你用Adobe Creative Cloud（也就是用Photoshop或Illustrator等），你就可以從Typekit中獲得包括Proximate Nova在內(nèi)的大量字體。

法則7：像藝術(shù)家一樣偷師

我第一次坐下來試著設(shè)計按鈕、圖標(biāo)、彈窗等各個 app 元素時，我感到我對于什么是“好”知之甚少。但是我也很幸運，我并不需要完全設(shè)計全新的 UI，因為有很多優(yōu)秀的作品可以借鑒。

下面列出一些資源，肯定會對你的設(shè)計非常有用 (按照重要性從高到低排列)

1. Dribbble

這個專為設(shè)計師而做的網(wǎng)站集合了網(wǎng)上最好的 UI 設(shè)計作品，在 Dribbble 上你能找到幾乎各種類型的案例。

你可以關(guān)注一下我的dribbble作品集（https://dribbble.com/erikdkennedy）。下面是其他一些推薦給你關(guān)注的人：

Victor Erixon：

有著非常明顯的個人風(fēng)格，非常厲害。他的作品很漂亮、簡潔，扁平設(shè)計。他做 UI 設(shè)計師已經(jīng) 3 年了，是這方面數(shù)一數(shù)二的人才。

Focus Lab

這些人是 Dribbble 中的名人，他們的作品非常多樣化，絕對是一流的。

Cosmin Capitanu

他是個通才，做出來的東西很瘋狂，有未來感，但又不太花哨。他用色非常棒，但并不只專注做 UX 設(shè)計的。

2. Flat UI Pinboard

這里面有一些特別棒的手機(jī) UI 設(shè)計，你能找到很多精美的 UI 設(shè)計實例。

3. Pttrns

這里面有大量 app 截屏，它的一大好處在于，它是按照 UX 模式分類的，因此，你在搜索你手頭正在做的這一類作品時非常方便。

我堅定地認(rèn)為每個藝術(shù)家初期都該像鸚鵡一樣，不斷的模仿和學(xué)習(xí)，直到能把頂尖的作品模仿得惟妙惟肖，然后再開始找到自己的風(fēng)格，引領(lǐng)新的潮流。

所以，像個藝術(shù)家一樣偷師吧！

想偷得好，還得有技巧呦！

總結(jié)

我之所以寫這篇文章，是因為我很遺憾自己當(dāng)初在學(xué) UI 設(shè)計時，沒有這樣的教程。我希望這篇文章能幫到你。如果你是一名 UX 設(shè)計師，在畫好框架和線框圖之后，做出個漂亮的實物模型吧。如果你是一名開發(fā)者，把你下一個項目做得更美觀一些吧。

UI 設(shè)計的學(xué)習(xí)不可能一蹴而就，而是需要不斷地觀察、模仿并且和他人交流。以上是到目前為止我所學(xué)到的，我也會保持著初學(xué)者的心態(tài)，繼續(xù)前進(jìn)。