采訪(fǎng)月薪3W的網(wǎng)頁(yè)設計師，整理出這幾個(gè)高薪重點(diǎn)！

當代在互聯(lián)網(wǎng)公司，UI設計是一個(gè)至關(guān)重要的崗位，薪資也比較可觀(guān)，因此越來(lái)越多的畢業(yè)生想涌入這一領(lǐng)域。不過(guò)想要成為一名合格的UI設計師并不是報個(gè)培訓班就能轉行成功的。市場(chǎng)對于UI設計師的要求不斷的更迭，總的來(lái)說(shuō)，這三點(diǎn)是一定必要的：1、基本功 —— 理解UI產(chǎn)品受眾，掌握美術(shù)基礎知識；2、繪圖工具 —— 熟練掌握Sketch、Pixso等UI設計軟件；3、思維 —— 理解產(chǎn)品交互功能邏輯、理解用戶(hù)。

如果你有興趣入行網(wǎng)頁(yè)設計，又認為自己具備一點(diǎn)的能力，那仔細閱讀這篇文章，將會(huì )分享網(wǎng)頁(yè)設計的學(xué)習經(jīng)驗。

一、網(wǎng)頁(yè)設計是什么

網(wǎng)頁(yè)設計：是指使用標識語(yǔ)言，通過(guò)一系列設計、建模、和執行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，最終以圖形用戶(hù)界面（GUI）的形式被用戶(hù)所瀏覽。簡(jiǎn)單來(lái)說(shuō)，網(wǎng)頁(yè)設計的目的就是產(chǎn)生網(wǎng)站。進(jìn)行網(wǎng)站建設，大致是這么一個(gè)流程：

很多人容易把網(wǎng)頁(yè)設計與網(wǎng)頁(yè)制作混為一談，雖然很多牛人可以獨自將兩塊包干，但更多情況下，制作網(wǎng)頁(yè)，會(huì )拆分成兩塊“設計”與“制作”這兩塊。

交互設計和視覺(jué)設計屬于UI設計師的工作范疇，后者則屬于編程開(kāi)發(fā)，需要用到Java、PHP、CSS等語(yǔ)言，題主問(wèn)“網(wǎng)頁(yè)設計該怎么學(xué)”，應該是想了解設計范疇的工作。既要想學(xué)習，還得要了解網(wǎng)頁(yè)設計的具體工作內容。

二、網(wǎng)頁(yè)設計的工作內容

「UI設計師」 —— 從事對軟件的人機交互、操作邏輯、界面美觀(guān)的整體設計工作的人。一名UI設計師，其主要工作在于注重頁(yè)面的呈現效果，在考慮界面美觀(guān)程度對用戶(hù)體驗的影響下，來(lái)進(jìn)行設計。

圖源：behance

從網(wǎng)頁(yè)UI設計師來(lái)舉例：當你打開(kāi)一個(gè)網(wǎng)頁(yè)，看到其中的導航欄、界面元素或icon等等，這些視覺(jué)產(chǎn)物都是UI設計師的作品。當然，在設計過(guò)程中UI設計師也要參照團隊方案和參考產(chǎn)品經(jīng)理的想法，來(lái)進(jìn)行深入設計。

三、新手該怎么學(xué)？

開(kāi)篇已經(jīng)提到，網(wǎng)頁(yè)設計需要掌握的技能無(wú)非這幾點(diǎn)：

1）基本功 —— 理解UI產(chǎn)品受眾，掌握美術(shù)基礎知識

2）繪圖工具 —— 熟練掌握Sketch、Pixso等UI設計軟件

3）思維 —— 理解產(chǎn)品交互功能邏輯、理解用戶(hù)

該怎么學(xué)？主要也是三點(diǎn)：

1）勤練

—— 光說(shuō)不練假把式，設計類(lèi)的專(zhuān)業(yè)，唯有多練習多創(chuàng )作才能得到進(jìn)步。

目前網(wǎng)頁(yè)設計師算是一個(gè)高薪職業(yè)，越來(lái)越多非科班出身的人加入這一行，各類(lèi)培訓班如雨后春筍般開(kāi)滿(mǎn)了，但上再多的課，學(xué)再多的理論知識，終究只有把基本功練好了，把繪圖軟件玩轉了，才能有資本去敲開(kāi)企業(yè)的大門(mén)。

2）多看

—— 練習很重要，但偶爾也要停下腳步多觀(guān)摩大佬的作品，不能一味的埋頭苦干。通過(guò)模仿和揣摩，可以學(xué)到更多。

圖源：behance

除了多瀏覽作品，多看看一些設計類(lèi)書(shū)籍與理論也是有必要的。

?  《設計心理學(xué)》

?  《界面設計模式》

?  《簡(jiǎn)約至上》

?  《認知與設計》

3）多思考

—— 練習與瀏覽過(guò)后，更需要回顧自己的不足，看看哪一方面需要調整，這樣才有進(jìn)步的可能。

圖源：behance

四、工具推薦——Pixso

既然要做網(wǎng)頁(yè)設計，那總要會(huì )一款矢量設計軟件吧？如果是新手入門(mén)，那Pixso非常適合你，原因有五點(diǎn)！

方便！打開(kāi)網(wǎng)頁(yè)就能設計，無(wú)需下載、安裝軟件，試錯成本極低！

免費！可以免費用到天荒地老，比起安裝即需付費碼的其他軟件，Pixso對新用戶(hù)極其友好！

簡(jiǎn)單！中文生態(tài)，符合國人的使用習慣；功能精簡(jiǎn)，滿(mǎn)足UI設計的需求又不會(huì )過(guò)于復雜！

全面！雖然是輕量級軟件，但該有的功能一個(gè)不少，從矢量網(wǎng)格到自動(dòng)布局，全都安排上了！

而且無(wú)需安裝插件，Pixso內部就配置了素材資源庫，內置素材2300+，新手起步時(shí)都可以用得上~

目前市面上確實(shí)也有不少UI設計軟件，例如海外的sketch，但與之相比，Pixso有不少自己的優(yōu)勢：

01 全平臺適用：基于web的軟件，不像sketch只支持mac用戶(hù)，Pixso適配macOS、Windows、Linux等平臺。

02 在線(xiàn)設計，云端儲存：不用下載，無(wú)需更新，打開(kāi)網(wǎng)頁(yè)就能快速設計！

03 多人實(shí)時(shí)協(xié)同工作：可以多人同時(shí)在一個(gè)文檔中進(jìn)行操作，各司其職互不干擾。

04 團隊共享資源庫：所有組件、樣式資源云共享，一處修改，全局更新。

05 一鍵交付設計稿：一個(gè)鏈接分享設計稿，點(diǎn)開(kāi)就可獲取最新設計文件~

附上Pixso傳送門(mén)，大家可以點(diǎn)擊一下開(kāi)始體驗