零基礎的UI設計初學者應如何系統的學習？

01-14

想學UI設計，但是之前沒接觸過設計，也沒學過畫畫，零基礎的UI設計初學者應如何系統的學習？

我來反對高贊答案，扒圖亂貼，看起來高大上絲毫不顧學習步驟合理性，而且語言混亂內容零散...從網上隨便亂抄的吧？

第一步你得學畫畫，不要說你手殘，會畫東西是一切設計的基礎，當然對於UI而言，最低水平你得素描畫個靜物

第二步是色彩，平面設計理論，沒有理論底子你學任何高大上技巧都是高屋建瓴

第三步才是ps等軟體，或者穿插在第一步第二步里學，軟體只是工具，只是表達自己創意的工具，跟你會不會做設計、做不做的好設計沒半毛錢關係

第四步才是學網頁設計規則，移動端設計規範，你要是一上來先啃這些個玩意兒那是屁用都沒有的...做出來肯定能丑到你自己都不想看

貼上我自己的ui自學路線live，希望對你有用...

https://www.zhihu.com/lives/856545389921308672

如果你是零基礎UI設計初學者，這一篇，將告訴你學習UI設計第一階段到底要掌握哪些知識和技能。

一、學習工具

俗話說：工欲善其事必先利其器，對於入門階段的童孩們，不要糾結如何學，先玩熟Photoshop。UI設計最常使用的工具就是PS，利用它做一些圖標、界面。

二、學習UI設計規範

現在主要是安卓與iOS版本

iOS：

字體

iPhone上的字體英文為：HelveticaNeue 至於中文，Mac下用的是黑體-簡，Win下則為華文黑體，所有字體要用雙數字型大小。

百度用戶體驗部做過一個小調查，對APP字體大小的調查結果如下：

內部設計

1、所有能點擊的圖片不得小於44px（Retina需要88px）

2、單獨存在的部件必須是雙數尺寸

3、兩倍圖以@2x作為命名後綴

4、充分考慮每個控制項按鈕在4種狀態下的樣式，如下圖：

安卓：

界面尺寸

安卓的尺寸太多，建議使用解析度為720×1280的設計尺寸

狀態欄高度：50px

導航欄高度：96px

標籤欄高度：96px

Android最近出的手機幾乎去掉了實體鍵，將功能移到屏幕中，當然高度也和標籤欄一樣：96px

內容區域高度：1038px（1280-50-96-96=1038）

圖標尺寸

Android設計規範中，使用的單位是dp，dp在安卓機上不同的密度轉換後px值是不一樣的

字體

Android 上的字體為： Droid sans fallback ，是谷歌自己的字體，與微軟雅黑很像。 Android的字體大小調查結論是：

三、色彩學習

色彩三要素是指：色相、明度、純度

色相

色相指色彩的相貌，不同波長決定不同色相，是最直觀感受到的色彩。

在光譜中，紅橙黃綠青藍紫是最基本的色相。

明度

明度即色彩的明暗程度。

簡單點解釋，通過色相的加白加黑的一個變化，任何色彩都有明暗變化，從明度光譜上能看到最明亮的顏色是黃色，處於光譜中心位置。最暗的是紫色，處於光譜邊緣。

純度

純度指色彩的鮮艷程度，即色彩飽和度、純凈度、彩度。純度最高的色彩就是原色，隨著純度的降低，色彩就會變暗、淡。純度講到最低就失去色相，變為無彩色，也就是黑色、白色和灰色。

UI設計中色彩的使用

在UI設計中色彩如何搭配？在UI界面設計比例中：用色一般分為主色、次色和輔助色，它們的比例按照20%-30%、5%-10%和5%配色，通過不同配色比例讓界面看起來不會突兀或主次部分。

四、臨摹階段

基礎知識了解後，接下來就開始練習了，需要通過臨摹來加強你的技巧，這個階段要做的是：多練多問。

五、學會切圖

作為設計師與開發之前的橋樑，切圖是非常關鍵的，合適的切圖、精準的位置能最大限度的還原效果圖的設計。

UI入門階段基本上需要了解這些，當然這只是UI設計中的其中一小部分，由淺入深，逐步提升

關於是自學還是報班這個問題，之前也有朋友問過我。學習是一件很枯燥的事情，面對這個選擇時，你需要客觀認識自己，如果你自制力差，沒有辦法每天堅持學習，那麼就去找個專業的UI培訓班吧。

對於零基礎的初學者的一點點建議，不單是學UI或套用到其它專業也一樣，多看多練，有不懂的就問（找到培訓的比自學好點)還有找一個好的交流平台，這方面一直走行業前沿且現時有十三間分校王氏動漫教育集團就做得不錯，有獨立自主研發教學系統 APP 「 繪學霸 」，有興趣與需要的可下載看看，不單令你學習更輕鬆，還好玩。

UI的坑，入門需謹慎，現在設計蠻飽和的。

別在這問了，來回答的不是培訓班就是live賣課的