設(shè)計(jì)師，為什么你畫(huà)的界面總是很丑？

2019-04-28 20:19:41 閱讀 222805 本文來(lái)源：美啊教育

分享至：

如何提高設(shè)計(jì)的審美，這是一個(gè)一直圍繞在我們身邊的問(wèn)題，我剛剛進(jìn)入設(shè)計(jì)行業(yè)的時(shí)候，做的界面非常糟糕，如果你看到了也只會(huì)說(shuō)辣眼睛。

好在比起之前進(jìn)步了不少，雖然我有大把的機(jī)靈可以抖，但是在跟設(shè)計(jì)有關(guān)的進(jìn)步，左右也只是努力而已，同時(shí)方法也很重要噢！！！我之前有參加過(guò)每天畫(huà)一個(gè)界面的活動(dòng)，堅(jiān)持了兩個(gè)多月，但是！一！點(diǎn)！進(jìn)！步！也！沒(méi)！有！！！

并不是說(shuō)這種活動(dòng)參加了沒(méi)有意義，只是說(shuō)我們的方法沒(méi)有用對(duì)，所以我想分享一些經(jīng)驗(yàn)給你們，無(wú)論你是不是設(shè)計(jì)師，這些經(jīng)驗(yàn)都能夠幫助你對(duì)產(chǎn)品的感知和設(shè)計(jì)的審美。

學(xué)習(xí)APP

我們做界面的時(shí)候都知道要找APP參考，也知道找競(jìng)品分析，但就是產(chǎn)出的界面會(huì)很奇怪，為什么呢？因?yàn)槲覀冎皇侵苯影徇^(guò)來(lái)用的，可能一整塊，也可能是小模塊，但是沒(méi)有和諧的統(tǒng)一起來(lái)，或者還有就是放了不合適的模塊。這個(gè)時(shí)候，我們需要注意一下這些：

1、層級(jí)結(jié)構(gòu)

試試手機(jī)上除了社交軟件打開(kāi)次數(shù)最多的APP，問(wèn)問(wèn)自己這個(gè)APP是如何通過(guò)設(shè)計(jì)來(lái)吸引你的注意力的？

哪些內(nèi)容是突出顯示的？

哪些特定的元素是如何通過(guò)顏色和文本樣式達(dá)到恰如其分的效果？

2、內(nèi)容

哪些內(nèi)容是十分有趣并且抓人眼球的？

文字的間距，行間距，段間距這些格式都是怎么樣的？我們?cè)谠O(shè)計(jì)的時(shí)候需要注意哪些？

3、解決問(wèn)題

頁(yè)面這樣的設(shè)計(jì)結(jié)構(gòu)主要是為了解決什么問(wèn)題？

這樣的結(jié)構(gòu)能放到別的頁(yè)面上去嗎？能否解決別的問(wèn)題？

分解APP

當(dāng)我們養(yǎng)成習(xí)慣，打開(kāi)APP就開(kāi)始研究其中的組件，發(fā)現(xiàn)同類型不同產(chǎn)品，在相同的模塊設(shè)計(jì)時(shí)有哪些不同，細(xì)節(jié)是如何處理的，這樣我們就能夠觀測(cè)到很多之前沒(méi)有察覺(jué)到的細(xì)節(jié)。

1、多看細(xì)節(jié)

在觀察一組又一組依次出現(xiàn)的組件，保持我們的好奇心，去觀察、思考這里面的每一個(gè)元素，我?guī)煾嫡f(shuō)，高手，從來(lái)都是細(xì)節(jié)決定勝負(fù)，為什么我們的作品集一看就能看出來(lái)是不是中高級(jí)，因?yàn)榫褪俏覀兒雎缘募?xì)節(jié)同樣都是UGC內(nèi)容為核心的產(chǎn)品，最右，即刻和same界面就很不一樣，same的界面就很有識(shí)別度，因?yàn)槊恳粋€(gè)不同的主題都有符合same產(chǎn)品調(diào)性的小表情插畫(huà)，這種在設(shè)計(jì)趣味性圖標(biāo)的時(shí)候可以參考。如下圖所示：

即刻根據(jù)不同的主題，點(diǎn)贊按鈕會(huì)有所不同，提高用戶的點(diǎn)贊積極性，同時(shí)能夠鼓勵(lì)UGC更多產(chǎn)出，點(diǎn)贊的按鈕我們也可以延伸別的產(chǎn)品里。

如下圖所示：

最右的模塊相對(duì)來(lái)說(shuō)就比較中規(guī)中矩，不易出錯(cuò)但是評(píng)論區(qū)的神評(píng)小標(biāo)簽也是能夠提高評(píng)論的質(zhì)量。如下圖所示：

假設(shè)這三個(gè)分別稱為三個(gè)不同的人的簡(jiǎn)歷，你會(huì)選擇哪一個(gè)呢？

2、多思考

我們僅僅只是針對(duì)的同個(gè)產(chǎn)品的不同小組件的分析，平時(shí)我們?cè)谕鍭PP的時(shí)候，不僅僅只是掃一眼覺(jué)得視覺(jué)挺好看的，或者插畫(huà)還不錯(cuò)，而是詳細(xì)的看一下，視覺(jué)好看在哪里，色彩是怎么搭配的，每個(gè)模塊是什么樣的構(gòu)造，看的多了，就能夠知道這些構(gòu)造是常見(jiàn)，還是少見(jiàn)，普通還是特別，當(dāng)我們對(duì)這些都有了一些意識(shí)以后，我們的審美和細(xì)節(jié)關(guān)注就開(kāi)始提高了。如下圖所示：

比如上圖中，蝦米音樂(lè)的首頁(yè)中的一個(gè)小模塊，展現(xiàn)形式就比較特別，在別的頁(yè)面這種形式比較少見(jiàn)，同時(shí)又能展現(xiàn)電子舞曲的視覺(jué)風(fēng)格；優(yōu)酷的VIP排行表現(xiàn)形式也比較特殊，大多數(shù)同種組建的展現(xiàn)形式都是以封面的圖片加上高斯模糊為背景，但優(yōu)酷就比較特別，很干凈的展現(xiàn)形式同時(shí)又很有呼吸感。

3、多練習(xí)

當(dāng)我們習(xí)慣性的分解APP，也想了很多，一定要記下來(lái)，也可以把頁(yè)面保存起來(lái)，不然就會(huì)忘記了（我每次找了趣設(shè)計(jì)，截圖忘記發(fā)了，下周就找不到也記不得了，得重新找），等我們?cè)O(shè)計(jì)需要的時(shí)候，這些記錄和頁(yè)面就能夠發(fā)揮很大的價(jià)值，減少了很多時(shí)間。

同時(shí)最重要的就是多練習(xí)，東西誰(shuí)都會(huì)看，但是做的出來(lái)才是真的，必須堅(jiān)持跟懶癌做斗陣，我每次都是開(kāi)始的很痛苦，但是做到一半就會(huì)很嗨，停不下來(lái)，當(dāng)然如果效果不理想就會(huì)情緒減半。

在生活中提高審美

除了在工作的內(nèi)容中，不斷地學(xué)習(xí)來(lái)提高我們的審美，在旅游或者生活當(dāng)中也一樣可以提高一些審美。

1、學(xué)習(xí)新技能

很羨慕小紅書(shū)，抖音里拍出來(lái)的很好看的照片和視頻，但是每次出去旅游拍出來(lái)的都像老年人（說(shuō)的就是我），我們就可以給自己制定計(jì)劃，出去想把照片拍美，或者拍好，出去之前給自己制定學(xué)習(xí)課程，回來(lái)把拍的照片和之前的做對(duì)比，看看自己有沒(méi)有哪里進(jìn)步，也是一種提高審美的方法。如下圖所示：

在這里需要跟小伙伴們說(shuō)一下，提高審美和做出來(lái)是兩回事，需要很努力的，不是看看就行，看了都會(huì)，一做就廢。。。。

2、多元化的預(yù)覽作品

想成為一名專業(yè)的設(shè)計(jì)師，我們需要預(yù)覽不同行業(yè)的設(shè)計(jì)作品，查看其他媒體，如海報(bào)、雜志、書(shū)籍等，通常排版和網(wǎng)格的最佳例子是在雜志、報(bào)紙的設(shè)計(jì)中找到的；多看跨界的設(shè)計(jì)，如：平面設(shè)計(jì)，室內(nèi)設(shè)計(jì)顏色運(yùn)用，攝影作品構(gòu)圖，這些都有助于幫助我們提升審美的多元化，幫助我們?cè)O(shè)計(jì)出更多的優(yōu)秀作品。