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

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

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

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

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

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

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