小白如何快速入門UI設(shè)計(jì)？因?yàn)榫W(wǎng)上搜到文章大部分都是推銷培訓(xùn)課程的，實(shí)實(shí)在在講干貨的文章太少了。今天小編系統(tǒng)地介紹小白如何快速入門UI設(shè)計(jì)，正在迷茫的童鞋可以看看，或許對(duì)你有幫助。

【設(shè)計(jì)基因測(cè)試】30秒測(cè)試下你是否有當(dāng)UI設(shè)計(jì)師的天賦

http://m.tianhujy.com/zycsnew1.html?wm=tt_lxx_uisj_1217

（想了解自己，復(fù)制鏈接到瀏覽器打開即可測(cè)試）

UI設(shè)計(jì)是什么？

百度百科：UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI，即User Interface(用戶界面)的簡(jiǎn)稱

01.UI設(shè)計(jì)主要是做什么

簡(jiǎn)單來說，大部分的UI設(shè)計(jì)就是服務(wù)于電子屏幕上顯示的產(chǎn)品，近年來移動(dòng)端爆發(fā)式發(fā)展，所以覺大部分的UI設(shè)計(jì)師主要是設(shè)計(jì)PC端、移動(dòng)端頁面，以電腦和手機(jī)為主要終端的人機(jī)交互。

不過在小公司里，所謂的UI設(shè)計(jì)都是要負(fù)責(zé)公司的所有設(shè)計(jì)任務(wù)啦，畢竟在老板爸爸眼里，設(shè)計(jì)不分家，UI設(shè)計(jì)是全能的。UI設(shè)計(jì)要會(huì)平面，會(huì)電商，會(huì)廣告，會(huì)動(dòng)效，會(huì)視頻剪輯，甚至還需要做新媒體的活等等，不行了，讓我哭會(huì)……

02.UI設(shè)計(jì)使用什么工具？

首先最主要的位圖設(shè)計(jì)軟件就是PS（客戶說你會(huì)用Photoshop設(shè)計(jì)嘛，這個(gè)高級(jí)點(diǎn)，沒有聽過PS），做設(shè)計(jì)的基本都會(huì)PS,這是基本功。矢量軟件就是AI了,一般字體設(shè)計(jì)，logo設(shè)計(jì)，圖標(biāo)設(shè)計(jì)主要用AI來完成。

不過根據(jù)個(gè)人習(xí)慣啦，ps也可以做這些是，但是為了后期的延展，AI軟件會(huì)更好用點(diǎn)。其實(shí)對(duì)于UI設(shè)計(jì)來說，基本的軟件技能夠用了，軟件不是重點(diǎn)，最主要的是做設(shè)計(jì)的想法。

如果你的領(lǐng)導(dǎo)舍得給你配蘋果電腦，那UI設(shè)計(jì)軟件首選sketch，它是一款輕量級(jí)的矢量設(shè)計(jì)工具。軟件的安裝包真是很小，只有小小20多M，相比較ps兩個(gè)多G的大小，sketch在安裝這方面真的是方便了很多。

不了解該軟件的同學(xué)可能會(huì)問了，軟件這么小能滿足日常設(shè)計(jì)需要嗎？功能多嗎？相比于ps來說，sketch的功能確實(shí)真的不是很多，但是能夠滿足對(duì)于那些單純做UI的同學(xué)來說，設(shè)計(jì)app，web，出圖切圖是完全足夠的。

還有一個(gè)優(yōu)點(diǎn)，sketch有豐富的插件庫，sketch的插件非常好用，合適的利用插件可以極大地提高讓你的設(shè)計(jì)效率

UI基礎(chǔ)包括哪些內(nèi)容？

- 視覺基礎(chǔ) -

01/美術(shù)基礎(chǔ)

美術(shù)里最重要的三個(gè)主要關(guān)系，他們是：結(jié)構(gòu)關(guān)系、素描關(guān)系、色彩關(guān)系。

簡(jiǎn)單來說就是，結(jié)構(gòu)關(guān)系是物體的透視關(guān)系、和物體的基本結(jié)構(gòu)，結(jié)構(gòu)關(guān)系是我們?nèi)绾卫斫庑误w的基礎(chǔ)。素描關(guān)系主要是研究光影的關(guān)系，素描關(guān)系中最重要的就是三大面和五大調(diào)。色彩關(guān)系則是要研究不同的色彩互相融合產(chǎn)生的影響，比如鄰近色、互補(bǔ)色、鄰近色等，兩個(gè)物體的顏色不一樣也會(huì)產(chǎn)生環(huán)境色、固有色等。

02/三大構(gòu)成

三大構(gòu)成指的是：平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成。

三大構(gòu)成起源于包豪斯學(xué)院，一所在設(shè)計(jì)歷史上非常重要的學(xué)術(shù)機(jī)構(gòu)。三大構(gòu)成是美術(shù)知識(shí)過渡到設(shè)計(jì)領(lǐng)域最重要的一個(gè)轉(zhuǎn)折。我們掌握了美術(shù)知識(shí)并練習(xí)了一定的程度后，就可以開始三大構(gòu)成練習(xí)了。

03/手繪能力

做UI設(shè)計(jì)有手繪功底，絕對(duì)是一件非常好的加分技能，隨著版權(quán)問題越來越苛刻，原創(chuàng)設(shè)計(jì)會(huì)越來越受重視。如果你有不錯(cuò)的手繪功底，對(duì)于原創(chuàng)素材的繪制，設(shè)計(jì)的效率和質(zhì)量明顯提升一個(gè)檔次。不過，由于很多人都是跨行，所以有很多人沒有美術(shù)基礎(chǔ)，不過沒關(guān)系，后期慢慢努力，對(duì)于工作的基本設(shè)計(jì)能力還是夠的。

對(duì)于我自己，我只想說，我缺的不是基礎(chǔ)知識(shí)，缺的是會(huì)主動(dòng)畫畫得手啊 手殘黨一枚，哭死……

總結(jié)：如果完全不會(huì)美術(shù)，做基礎(chǔ)UI設(shè)計(jì)也沒問題啦，這些后期再慢慢補(bǔ)上。設(shè)計(jì)更注重的是用戶和界面之間的關(guān)系，而不是界面和美術(shù)之間的關(guān)系。UI設(shè)計(jì)雖然也需要對(duì)審美的把握，對(duì)色彩、構(gòu)圖的理解，但是卻沒有那么嚴(yán)格。只要你你能把你的創(chuàng)意用設(shè)計(jì)軟件畫出來就行。

- 軟件基礎(chǔ) -

軟件基礎(chǔ)是第一步啦，這里不做詳細(xì)介紹哈，網(wǎng)上有太多的課程可以供寶寶們學(xué)習(xí)

- 實(shí)戰(zhàn)練習(xí) -

跨過了前面的基礎(chǔ)就到了實(shí)戰(zhàn)練習(xí)這一階段啦，古人有句老話叫“熟能生巧”其實(shí)任何事都是這樣。

這是最重要的一部分，當(dāng)你的理論知識(shí)掌握到一定程度時(shí)，要增強(qiáng)自己的動(dòng)手設(shè)計(jì)能力，并且在過程中多和設(shè)計(jì)師交流，找到自己的不足。

剛開始可能不知道怎么練習(xí)，不要著急，一步一步來。我們可以挑選一些優(yōu)秀設(shè)計(jì)，多跟著教程做練習(xí)，臨摹好作品（這過程中可以加入自己的原創(chuàng)想法），分析這樣設(shè)計(jì)的好處。到一定程度自己可原創(chuàng)一些作品，也可參加設(shè)計(jì)網(wǎng)站經(jīng)常舉辦的主題設(shè)計(jì)大賽。相信經(jīng)過一段時(shí)間的努力，你們都可以輕松入門UI設(shè)計(jì)啦

- 技能提高 -

到了這一步的小伙伴們，已經(jīng)成功的入門UI設(shè)計(jì)了，走到這一步不容易，給自己鼓鼓掌，太棒了。后面就是在漫長的加班改圖中，努力提高自己的專業(yè)技能啦。

這一步?jīng)]有什么捷徑，只有拼命努力作圖改圖了，不過有些經(jīng)驗(yàn)，大家可以借鑒。如果你們感興趣，后期我會(huì)總結(jié)出來，和寶寶們一起成長。

多看書，每天至少抽2個(gè)小時(shí)逛下設(shè)計(jì)網(wǎng)站，提高自己的審美能力。等到積累從量變到質(zhì)變的過程，做設(shè)計(jì)就會(huì)得心應(yīng)手了，寶寶們，一起加油哈。

國外：Pinterest、Behance、Dribbble（需要科學(xué)上網(wǎng)）。

國內(nèi)：花瓣，站酷、UI中國、優(yōu)設(shè)網(wǎng)等

文章總結(jié)

學(xué)設(shè)計(jì)是一個(gè)慢慢積累的過程，萬事開頭難，如果能堅(jiān)持下來，就是勝利。很多人吐槽現(xiàn)在工作不好找，老板多么苛刻，甲方爸爸多么難伺候。

其實(shí)任何工作都有你不知道的各種心酸，既然我們選擇了這一行，就該有這些心理準(zhǔn)備，是不是？生活很苦，但是當(dāng)我們搞定了客戶，搞定了老板，完成了自己的計(jì)劃目標(biāo)，心中的成就感又是滿滿的甜。

所以不要因?yàn)橐粫r(shí)的困境難住了自己，該吐槽還要吐槽，但是吐槽完還是乖乖的畫圖改圖，我們都是在這亂世之中尋找一份自己的天地。唯一能夠改變這種狀態(tài)，就是提高自己，等自己能力達(dá)到另一個(gè)級(jí)別時(shí)，這種煩惱就會(huì)慢慢變少了，因?yàn)槟菚r(shí)候你可以選擇客戶，而不是被選擇的一方。

最后希望每個(gè)學(xué)習(xí)UI設(shè)計(jì)的寶寶們都能學(xué)業(yè)有成，最終都能找到好工作↖(^ω^)↗