昨天給大家分享了一篇關(guān)于UI設(shè)計切圖的規(guī)范，看得出大家都很需要這樣的基礎(chǔ)性的知識，之前發(fā)的概念性的設(shè)計文章比較多，近將會側(cè)重下初學(xué)者們。希望能給大家?guī)硎斋@。

對于一個新手初入學(xué)習(xí)和職場可能做的就是常見的APP的界面設(shè)計和圖標(biāo)設(shè)計、切圖等工作。而目前由于智能終端的分辨太多，大家對于界面設(shè)計規(guī)范很混亂，也不太能記住，今天給大家分享下常見的界面和圖標(biāo)的設(shè)計規(guī)范，供大家學(xué)習(xí)和參考。

我以前的作品集看起來一團糟，顯得我的作品和思考過程很差勁。我做UX咨詢的客戶更喜歡有能力呈現(xiàn)作品的人，而不是只會畫一堆方塊和箭頭的人。我能為一些早期的創(chuàng)業(yè)公司工作嗎？還是一邊兒呆著吧。我沒有美術(shù)基礎(chǔ)，我主修工程專業(yè)，所以我做出難看的東西也無可厚非。終，我還是學(xué)了 app 設(shè)計，不斷地分析案例，厚著臉pi臨摹成功的作品。假設(shè)我在 1 個 UI 項目上花 10 個小時的時間，其中只有 1 個小時是有效的，其它 9 個小時都是在失敗中不斷地學(xué)習(xí)，玩命的在 Google、Pinterest 或者 Dribble 上找值得借鑒的東西。任何的產(chǎn)品為了保證質(zhì)量都需要測試，軟件的編碼需要測試，自然UI設(shè)計也需要被測試。

陰影能夠告訴人腦我們到底在看什么樣的UI元素。這可能是學(xué)習(xí) UI 設(shè)計時，容易忽略卻又極為重要的一點了: 光線來自天空。光線總是從天空（上方）來的，從下面照上來的光看起來會非常詭異。當(dāng)光線從天上照下來的時候，物品的上端會偏亮，而下方會出現(xiàn)陰影。上半部分顏色淺一些，而下半部分深一些。從下面打一束光到人臉上是不是看起來很滲人？UI 設(shè)計也是同理。我們的屏幕是平的，但是我們可以通過一些藝術(shù)手法讓它看起來是 3D 的，在每個元素的下方加一些陰影。作為一個商業(yè)設(shè)計師，我們需要時刻理性地清楚明白，我們的使命是什么。

對比在UI設(shè)計中的一個主要目標(biāo)就是吸引用戶注意力。因為一個頁面中的功能有很多，有的功能比較重要，用戶使用頻率比較高，設(shè)計師就需要把這個功能凸顯出來，更容易被用戶發(fā)現(xiàn)。配色是一個很好的實現(xiàn)手段。

以網(wǎng)易云音樂的客戶端為例，網(wǎng)易云音樂客戶端mac版和window版在設(shè)計上還是有很大區(qū)別的，這里我們只說搜索框。

Mac版里搜索框填充使用的白色，而windows使用的填充是深紅色。