技能素養(yǎng)
  首先，既然還是網(wǎng)頁設(shè)計師，要精通掌握 Photoshop 以及 Illustrator 這類軟件。除此之外，還要深入學習頁面布局，色彩搭配，構(gòu)成等平面視覺的基礎(chǔ)設(shè)計規(guī)范。例如：網(wǎng)頁設(shè)計需要簡練的布局，需要了解常見的網(wǎng)頁布局形式，同時，絕大多數(shù)的網(wǎng)頁設(shè)計都具有明朗的板式結(jié)構(gòu)，為整體頁面的畫面營造秩序感，突出重點信息。
   選取顏色鮮亮的網(wǎng)頁主題色調(diào)將有助于視覺效果的提高，注意Logo或者圖標等UI細節(jié)在色調(diào)上的統(tǒng)一性。
   負空間的利用在交互設(shè)計中越來越多，因此需要注意頁面設(shè)計中適當?shù)牧舭?，不要將網(wǎng)頁頁面填充得滿滿當當?shù)摹?
   UI中布局塊與元素之間可通過大小、主次、強弱、動靜、虛實、色彩等對比關(guān)系來傳遞意圖、情感以及交互邏輯等等UI設(shè)計上的細節(jié)，這些通過細節(jié)上的視覺設(shè)計元素從而提高網(wǎng)頁的品質(zhì)與用戶的使用觀看體驗。
   除了網(wǎng)頁的視覺效果需要關(guān)注與學習以外，成熟的交互設(shè)計師需要學習網(wǎng)頁設(shè)計在技術(shù)層面的知識。前面我們也已經(jīng)提過，網(wǎng)頁設(shè)計師也是需要看懂起碼的編程語言，需要學習網(wǎng)頁編程設(shè)計語言，例如：HTML，CSS,JavaScript，jQuery，H5等等。乍一看這些Web設(shè)計的語言多到似乎令人生畏，但其實這些教程由淺入深，線上可以找到大量的免費教學資源。
  w3schools
   W3schools是非常實用的學習網(wǎng)頁設(shè)計技術(shù)的免費開發(fā)教程網(wǎng)站，它提供給用戶所有有關(guān)Web開發(fā)的語言（例如CSS，HTML，JavaScript，Python，Java等）參考與教程。所有課程和教程都是左右，或者上下的雙窗口形式展現(xiàn)的，根據(jù)所挑選的語言以及函數(shù)，在對應(yīng)的實時預(yù)覽窗口中直接查看代碼所帶來的最終視覺效果，輕松地從該平臺學習網(wǎng)頁設(shè)計。
   當然，學習網(wǎng)頁設(shè)計要慢慢來，羅馬不是一天建成的。為了學習網(wǎng)頁設(shè)計的核心概念，我們需要從基本的東西開始。除了上述的技能素養(yǎng)外，還有一項很重要的學習內(nèi)容就是UX，也就是我們經(jīng)常提及的用戶體驗設(shè)計。
   網(wǎng)頁是為了使用者，用戶去設(shè)計的，所以需要無時無刻站在使用者的角度去進行考量設(shè)計，通過合理的交互菜單引導(dǎo)用戶的行為，充分考慮到用戶的需求，把最重要的信息內(nèi)容設(shè)置在最顯眼的位置，方便用戶查找。