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

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

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

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

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

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

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

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

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

圖源：behance

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

三、新手該怎么學？

開篇已經(jīng)提到，網(wǎng)頁設計需要掌握的技能無非這幾點：

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

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

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

該怎么學？主要也是三點：

1）勤練

—— 光說不練假把式，設計類的專業(yè)，唯有多練習多創(chuàng)作才能得到進步。

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

2）多看

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

圖源：behance

除了多瀏覽作品，多看看一些設計類書籍與理論也是有必要的。

?  《設計心理學》

?  《界面設計模式》

?  《簡約至上》

?  《認知與設計》

3）多思考

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

圖源：behance

四、工具推薦——Pixso

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

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

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

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

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

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

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

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

02 在線設計，云端儲存：不用下載，無需更新，打開網(wǎng)頁就能快速設計！

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

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

05 一鍵交付設計稿：一個鏈接分享設計稿，點開就可獲取最新設計文件~

附上Pixso傳送門，大家可以點擊一下開始體驗