苦於沒有壹個好的學習計劃和課程大綱，學習效果很差，花了時間去構建壹個全面的知識體系。
那麽自學UI設計應該怎麽學呢？
在說學習過程之前，先簡單介紹壹下什麽是UI設計，UI設計的前景如何。因為只有在妳了解了UI設計之後，妳才會知道自己是否對它感興趣，是否真的願意花時間和精力去學習它。
第壹，UI設計
UI(UserInterface)，中文名“用戶界面”。Ps:(百度解釋)UI是指軟件的人機交互、操作邏輯、界面美觀的整體設計。
互聯網的浪潮，無論是之前還是之後，從來沒有停止過。妳經常看到“互聯網+”的組合，通俗的解釋就是“互聯網+”就是“互聯網+中的各種傳統行業”。但這並不是兩者的簡單結合，而是利用信息通信技術和互聯網平臺，將互聯網與傳統行業深度融合，創造新的發展生態。
其中，與UI的緊密聯系是什麽？
要把傳統行業放到互聯網上，肯定是要用界面來展示的，哪怕只是壹個簡單的網頁。互聯網下的每壹個產品，無論是PC還是移動，無論是傳統的還是非傳統的，最終都會以UI界面呈現，供用戶使用和查看。這不僅需要視覺輸出，還需要良好的交互和用戶體驗。
比如說我們平時不太關註的電話接聽。
蘋果手機屏幕不鎖屏的情況下，顯示來電時，來電顯示為右邊綠色，掛機顯示為左邊紅色。壹般情況下，右手握著手機，拇指操作。綠燈是接電話。這是我們的常規操作，用的比較頻繁，所以離右邊大拇指比較近，掛的頻率不高，所以左邊比較遠。從色彩體驗分析，紅色也有警示作用。
但如果紅色按鍵和綠色按鍵互換位置，雖然不會影響視覺，但不是很好的體驗，隨時可能出現掛斷電話的誤操作。
UI在我們的生活中無處不在，無論大小，它都存在於妳所見，所觸。所以UI不僅是美工，更是視覺效果和用戶體驗。而且用戶非常挑剔，對視覺和體驗的需求也在不斷變化和提升。所以，這也造就了壹個不需要敲代碼，卻依然可以拿到高薪的互聯網工作的UI設計師。
二、UI設計學習計劃
很多小夥伴沒有嚴格的學習計劃，導致自學周期被自己拖了很久。所以自學UI設計，壹定要制定適合自己的學習計劃，並嚴格按照學習計劃完成學習目標，才能贏得最後的勝利。那麽每個人的學習能力和技能掌握程度是不壹樣的。這裏分享壹個零基礎全天候周學習計劃。希望妳可以參考這個計劃來量身定制自己的UI設計自學計劃。
元素搭配越簡單，越能考察壹個設計師的基本功。沒有過硬的技術和紮實的基本功，很難準確傳達產品的調性和營銷賣點。
我們都知道創意思維對設計師的重要性，但也不能忽視基本功對設計師的必要性。只有堅持不斷的負重訓練和紮實的藝術功底，才能在未來的商業實戰中輕松掌握各種風格。
第壹周:手繪
手繪的重點主要是培養學生的身體結構，光與空間的關系，這是壹種審美培養的啟蒙。目前最流行的矢量插圖與手繪有著密切的關系。
第二周和第三周:學習PS和AI的基礎軟件。
從零開始學習軟件，需要用實際案例來學習，這樣更容易上手。而且UI設計的學習不僅僅是簡單的學習軟件工具。很多人認為UI設計只需要知道PS，AI等就可以了。其實更重要的是通過實際案例去理解設計背後的意義，即設計思維和創意理解。
但是僅僅學習思維是不夠的。還要加強設計基本功，全面掌握軟件，這是必須的。
第四周和第五周:平面構成，Logo
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
掌握平面設計中的點、線、面，並延伸到標誌設計中。Logo壹方面包括圖形，另壹方面包括字體，所以了解文字結構是很基礎的，如果現階段學得很好，代價高得讓人不敢相信。
並且在標誌品牌的研究中，要從標誌的形式、氣質、基本屬性、思維方式、標準畫法等方面深入學習。壹個簡單的圖形，通過形態變形，演變成了千變萬化的形狀。妳怕自己設計不出這麽多變化的Logo？
比如從形狀上，圓可以變成實心圓、空心圓、半圓以及橢圓和半圓。能和雞蛋、煎蛋、荷包蛋、帽子、水杯聯系起來嗎？
第六周:完成品牌標誌和VI手冊設計。
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
本周重點是甲方的思維設計。是的，那個討厭的甲方爸爸需要學會換位思考。
第壹階段整個學習內容很基礎，目的是培養設計思維。俗話說，了解用戶的想法就設計不出好的產品？
第七周:響應網站，壹屏網站
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
網頁設計的構圖、色彩、字體、功能、按鈕、設計規範、排版規範都是從案例來描述的。
第8周:背景數據
除了後臺設計，更多的是後臺數據統計處理，如何做到簡單明了。
第九周:電子商務設計
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
電商平臺首頁設計，每個月各大購物平臺都會有不同主題的全站活動，所以其實電商設計的人才缺口非常大。
第十周:淘寶平臺詳情頁，後臺
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
這部分可以自己申請淘寶店鋪，自己上架產品，任何學習都不如直接上手快。實踐再實踐，親身體驗各大平臺的規範，妳會理解得更清楚。
第11周:C4D，班納
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
進入3D培訓，豐富視覺效果，提高就業競爭力，學到更多的技能，這也是我們要不斷學習提升自己的原因。
第二階段更多的是網頁設計培訓，重點是掌握企業站的界面設計規範和輸出規範，能夠根據企業的真實需求設計頁面。
第12周:用戶體驗，競爭產品分析，原型圖
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
這周開始設計APP，通過數據分析分析競品，用Axure畫出APP的原型。
第13周:圖標
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
有趣的圖標也是壹個完整的APP設計的重要組成部分。
第14周:界面和膠囊
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
通過圖標應用談論彈出頁面和閃爍頁面。
第15周:界面設計
繼續完成APP，學習如何裁剪、命名、貼標簽、打包、交接(前端的哥哥姐姐能不能打就看這周的學習內容了)
第16周:操作界面
營銷推廣的用戶思維訓練，抓住用戶痛點改善整體操作界面，達到營銷推廣的目的。這壹般是通過突然跳出的彈窗和閃屏，比如宣傳頁，增加視覺吸引力，促進用戶點擊。
第17周:互動效應
圖片來源:戈德弗雷德·阿多貝設計學院學生作品。
學好AE會很有收獲，因為它能準確的傳達妳的想法，展示妳想要的表達效果。這勢必會成為UI的壹個流行趨勢。如果不想被市場淘汰，就要不斷學習！
在這個階段，妳可以嘗試設計自己的APP，可以選擇自己喜歡的主題，沒有限制，可以成為零基礎轉行的作品集內容。
第18周:前端
眾所周知，與UI設計師緊密合作的是前端。作為壹個UI設計師，只有了解前端，才能更好的配合，提高工作效率。我們可以學習HTML5，CSS3等等。
雖然分周，但是安排很滿，所以學習過程適合大部分零基礎的朋友。如果每周的內容不紮實，可以適當留足腳步，因為每個人的學習能力不壹樣，學習掌握程度也不壹樣。壹定要紮實的學習知識，壹步壹步的往前走，才能真正的把UI設計的知識掌握的牢固。
用PS設計玻璃圖標按鈕在Photoshop中，可以使用文字工具給圖像添加文字。掌握這個工具不僅可以給圖像添加文字，還可以產生各種特殊的文字效果。比如將壹幅圖像放入文字中，會產生陰影和立體斜面，使用文字變形工具可以使文字彎曲或延伸。
我們要講的是文字工具的使用和增加變形文字的方法。其中大量的例子表明，在PhotoshopCS2和ImageReady中使用文字工具產生了很多效果。
1，設置文本工具選項
在PhotoshopCS2和ImageReady中生成文本很簡單:選擇文本工具，然後用鼠標單擊文檔。文本工具為輸入文本和文本形狀提供了許多選項，您應該在添加文本之前熟悉它們的功能。選擇工具欄中的“文本工具”項，文本工具的選項將顯示在屏幕上。另外，在工具箱上，文字工具有四個字符，分別是橫排、豎排、橫排和豎排文字蒙版。他們的快捷鍵是T，妳可以按住SHIFTT鍵來轉換這個文本作品。
2.創建新的文本層
點擊“創建文本圖標”並在屏幕上點擊。PhotoshopCS2將自動生成壹個新圖層，並將文本光標定位在該圖層中。輸入文本後，您可以將它們輸出為矢量圖形。妳也可以噴塗或者應用濾鏡，或者柵格化文本。
輸入文本後，屏幕上出現的文本顏色為當前前景色或選項欄上出現的顏色，可以通過空格鍵、鼠標拖動等方式輕松編輯文本。同時還可以拖動鼠標改變其在屏幕上的位置，當然也可以在字與字之間插入。
在文本層生成文本的方式有很多種，壹旦生成，可以通過多種方式操作:
選擇圖層|圖層樣式以設置圖層的樣式。
選擇編輯|變換以更改文本角度。
使用移動工具移動或變形文本。
選擇圖層|文本|轉換為形狀，將文本從背景圖層中分離出來。轉換後，您可以使用“形狀”工具欄上的選項來創建與之重疊或相交的形狀。
選擇圖層|文本|創建工作路徑，將文本轉換為可由路徑編輯工具編輯的路徑。
選擇圖層|文本|柵格化。要填充文本或使用濾鏡，您必須首先柵格化文本。
基於矢量的文本和柵格化的文本，PhotoshopCS2在壹個圖層中生成的文本是基於矢量的，矢量文本與分辨率無關。也就是說，文字的效果與圖像的分辨率無關，主要取決於輸出設備，尤其是輸出設備的每英寸點數(dpi)。Dpi越高，文字效果越好。
如果在PhotoshopCS2和ImageReady中生成的圖像用於Web，它們必須以Web圖形格式:或PNG存儲，這兩種格式都是光柵文件格式，不支持矢量文本。因為在網頁上下載圖形文字比文字慢很多，所以網頁設計師並不使用PhotoshopCS2生成文字圖像，PhotoshopCS2和ImageReady生成的文字主要用於按鈕、短詞或短語。
3.使用遮罩選項
在文本工具中選擇蒙版選項，點擊屏幕文件。PhotoshopCS2會生成壹個紅色的重疊蒙版區域。在此區域中，您可以通過單擊或拖動來移動文本。要確認使用掩碼，請單擊確定。
當遮罩顯示在屏幕上時，可以通過移動工具對其進行填充、縮放或變形。填寫文本時，文本選項的作用就像是覆蓋在所選文本區域上的蓋子，便於操作。使用遮罩生成文本後，您可以將其復制並粘貼到另壹個文件中，或者復制到另壹個圖層中。
壹旦文本被取消選擇，它將被鎖定在當前工作層的背景中，很難移動。
4.編輯文本
如果要輸入大段文字並使用PhotoshopCS2的段落格式選項，則必須在段落模式下輸入文字。通過在屏幕上點擊和拖動鼠標，可以形成用於段落模式輸入的文本區域。打字時，光標到達每行右側最後壹個位置時會自動換行。輸入文本的步驟如下:
(1).選擇文本工具。
(2)在文本工具選項欄中選擇“創建文本層”。其他選項可以根據文字需要設置。
(3)在屏幕上點擊並拖動鼠標，形成文本區域。
(4).要退出文本編輯模式，請單擊選項欄中的“確定”按鈕或按ENTER鍵或使用Ctrl和Enter鍵；要取消或刪除文本，請單擊選項欄中的“取消”按鈕或按ESC鍵。
5.使用字符調板
您可以使用字符和段落調板來控制文本格式。您不必選擇文本或文本工具來更改調板中的設置。
“字符調板”及其彈出式菜單提供的選項與單個字符的格式相關。要打開字符調板，請單擊文本工具選項欄中的“調板”或選擇“窗口|顯示字符”。6.設定字符調板選項。
“字符調板”的彈出式菜單為文本設定了更多樣式。例如，您可以在輸入文本之前或選擇輸入的文本之後選擇全大寫、上標或下劃線。讓我們更深入地看看這些命令:
“模仿粗體”和“模仿斜體”可以使沒有這種樣式的文本變為粗體或斜體。
“分數寬度”可以調整字符之間的距離，以產生最佳的打印和排版效果。如果是在網頁或者多媒體上使用，那麽對於文字大小就要取消這個選項，因為小的字間距會更小，不容易閱讀。
“不間斷”可以讓壹行的最後壹個字壹直開著。比如，我希望紐約不會被分成兩條線。要防止壹個單詞或壹組單詞換行，您可以選擇文本，然後選擇“換行”。
重置字符將字符調板的所有選項重置為默認值。
當然還有壹些常見的操作，就不壹壹介紹了。
7.使用段落調色板
PhotoshopCS2的段落調色板可以操作整段。您可以通過單擊文本工具選項欄上的調色板或選擇窗口|顯示段落來打開段落調色板。段落調板的大多數選項僅適用於在段落模式下輸入的文本。大多數命令類似於AdobeInDesign、AdobePageMaker或QuarkPress中的命令。
段落調色板上的圖標用於控制段落的對齊方式。前三個圖標(從左到右)是左對齊、居中(逐行)和右對齊。最後四個用於調整文本的位置。您可以通過單擊相應的圖標來設置最後壹行的左對齊和右對齊，也可以調整所有行(包括最後壹行)。
HTMl，如何給按鈕添加圖片按鈕圖標？,