上海UI設(shè)計(jì)培訓(xùn)來(lái)班啦，大家可隨時(shí)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頻道，我們將第一時(shí)間公布相關(guān)培訓(xùn)信息。

首先，明確一點(diǎn)，這篇文章并不是為所有人準(zhǔn)備的，而是有特定的目標(biāo)讀者：

想要在開(kāi)發(fā)產(chǎn)品時(shí)設(shè)計(jì)出好看UI的開(kāi)發(fā)者。

想要讓自己作品集更出彩的UX設(shè)計(jì)師，或者是想要做出更精美的UI和UX的設(shè)計(jì)師。

如果你是學(xué)藝術(shù)的學(xué)生或者已經(jīng)是UI設(shè)計(jì)師了，你可能覺(jué)得這篇文章很無(wú)聊，而且觀點(diǎn)都是錯(cuò)的。沒(méi)關(guān)系，你的批評(píng)沒(méi)錯(cuò)，把這個(gè)網(wǎng)頁(yè)關(guān)了，去忙別的事吧。

那么從這篇文章中到底能學(xué)到什么呢?我曾是一名不懂UI的UX設(shè)計(jì)師。我非常熱愛(ài)UX設(shè)計(jì)，但是后來(lái)我發(fā)現(xiàn)，做出精美的界面是多么的必要:

我以前的作品集看起來(lái)一團(tuán)糟，顯得我的作品和思考過(guò)程很差勁。

我做UX咨詢(xún)的客戶(hù)更喜歡有能力呈現(xiàn)作品的人，而不是只會(huì)畫(huà)一堆方塊和箭頭的人。

我能為一些早期的創(chuàng)業(yè)公司工作嗎?還是一邊兒呆著吧。

我當(dāng)然也有借口：

我沒(méi)有美術(shù)基礎(chǔ)，我主修工程專(zhuān)業(yè)，所以我做出難看的東西也無(wú)可厚非。

最終，我還是學(xué)了app設(shè)計(jì)，不斷地分析案例，厚著臉皮臨摹成功的作品。假設(shè)我在1個(gè)UI項(xiàng)目上花10個(gè)小時(shí)的時(shí)間，其中只有1個(gè)小時(shí)是有效的，其它9個(gè)小時(shí)都是在失敗中不斷地學(xué)習(xí)，玩命的在Google、Pinterest或者Dribble上找值得借鑒的東西。

下面這些“法則”都是我從失敗中總結(jié)出來(lái)的。所以，我需要提醒新人：我現(xiàn)在擅長(zhǎng)UI，主要得益于我經(jīng)常分析，并不是突然開(kāi)悟，理解了什么是美，什么是平衡。

這篇文章不講理論，只談應(yīng)用。我不會(huì)講什么黃金分割、色彩理論，只有實(shí)站中總結(jié)出的經(jīng)驗(yàn)和教訓(xùn)。就好像，柔道源于日本幾個(gè)世紀(jì)以來(lái)的尚武精神和哲學(xué)理念。上柔道課時(shí)，不僅能學(xué)到打斗，還會(huì)學(xué)到很多關(guān)于能量、氣息與和諧之類(lèi)的東西。而以色列格斗術(shù)(KravMaga)則完全不同。這種格斗術(shù)是納粹壓迫下猶太人發(fā)明的。其中根本沒(méi)有“藝術(shù)”，在以色列格斗術(shù)的課堂上，你學(xué)到就是怎樣用一根筆或者本書(shū)襲擊別人的眼睛。

這篇文章就是產(chǎn)品設(shè)計(jì)領(lǐng)域的以色列格斗術(shù)。

以下是我要講的法則：

1.

光線來(lái)自天空

2.

3.

黑白優(yōu)先

4.

5.

增加空白空間

6.

7.

學(xué)會(huì)在圖片上呈現(xiàn)文字(第2部分)

8.

9.

做好強(qiáng)調(diào)和淡化(第2部分)

10.

11.

只用合適的字體(第2部分)

12.

13.

像藝術(shù)家一樣偷師(第2部分)

14.

我們來(lái)一起看看這些法則。

法則1：光線來(lái)自天空

這可能是學(xué)習(xí)UI設(shè)計(jì)時(shí)，最容易忽略卻又極為重要的一點(diǎn)了:光線來(lái)自天空。光線總是從天空(上方)來(lái)的，從下面照上來(lái)的光看起來(lái)會(huì)非常詭異。

當(dāng)光線從天上照下來(lái)的時(shí)候，物品的上端會(huì)偏亮，而下方會(huì)出現(xiàn)陰影。上半部分顏色淺一些，而下半部分深一些。

法則2：黑白優(yōu)先

UX設(shè)計(jì)師現(xiàn)在都喜歡“移動(dòng)優(yōu)先”的概念，這就意味著你要先考慮好在手機(jī)上如何顯示頁(yè)面，然后才考慮在超清的Retina屏幕上的顯示效果。

這種限制非常好，能夠幫你理清思路。先解決一些棘手的問(wèn)題(在小屏幕上顯示)。然后再解決簡(jiǎn)單的問(wèn)題(在大屏幕上的可用性)。

我希望你先用黑色和白色設(shè)計(jì)，先把復(fù)雜的問(wèn)題解決了。在不借助顏色幫助的情況下把a(bǔ)pp做得美觀易用。最后再有目的地上色。

以上就是有關(guān)不談理論只談規(guī)則：ui新手七條規(guī)則的介紹，更多的(UI設(shè)計(jì)培訓(xùn)課程、UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu))，敬請(qǐng)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頁(yè)面!

溫馨提示：獵學(xué)網(wǎng)鄭重承諾，本網(wǎng)站(獵學(xué)網(wǎng))以誠(chéng)信、高效、安全、擔(dān)保的產(chǎn)品理念，作為“學(xué)習(xí)+服務(wù)”的第三方平臺(tái)，致力于打造良好的口碑服務(wù)平臺(tái)。站內(nèi)收錄的中專(zhuān)、大專(zhuān)、自考、成考、專(zhuān)升本、網(wǎng)絡(luò)教育等機(jī)構(gòu)，都經(jīng)過(guò)獵學(xué)網(wǎng)核實(shí)認(rèn)證!如果廣大考生有提升學(xué)歷的需求，敬請(qǐng)關(guān)注獵學(xué)網(wǎng)，歡迎通過(guò)了解!