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

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

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

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

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

Raleway——適合作標(biāo)題，但不適合用于正文。有一個(gè)極細(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——一個(gè)社交網(wǎng)絡(luò)圖標(biāo)集，在Entypo.com上能找到。

這里還有其它一些資源：

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

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

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

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

1. Dribbble

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

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

Victor Erixon：

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

Focus Lab

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

Cosmin Capitanu

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

2. Flat UI Pinboard

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

3. Pttrns

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

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

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

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

總結(jié)

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

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