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

2019-04-28 20:19:41 閱讀 223176 本文來源：美啊教育

分享至：

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

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

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

學(xué)習(xí)APP

我們做界面的時候都知道要找APP參考，也知道找競品分析，但就是產(chǎn)出的界面會很奇怪，為什么呢？因為我們只是直接搬過來用的，可能一整塊，也可能是小模塊，但是沒有和諧的統(tǒng)一起來，或者還有就是放了不合適的模塊。這個時候，我們需要注意一下這些：

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

試試手機上除了社交軟件打開次數(shù)最多的APP，問問自己這個APP是如何通過設(shè)計來吸引你的注意力的？

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

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

2、內(nèi)容

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

文字的間距，行間距，段間距這些格式都是怎么樣的？我們在設(shè)計的時候需要注意哪些？

3、解決問題

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

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

分解APP

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

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

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

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

如下圖所示：

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

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

2、多思考

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

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

3、多練習(xí)

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

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

在生活中提高審美

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

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

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

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

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

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