技能素養
首先,既然還是網頁設計師,要精通掌握 Photoshop 以及 Illustrator 這類軟件。除此之外,還要深入學習頁面佈局,色彩搭配,構成等平面視覺的基礎設計規範。例如:網頁設計需要簡練的佈局,需要了解常見的網頁佈局形式,同時,絕大多數的網頁設計都具有明朗的板式結構,為整體頁面的畫面營造秩序感,突出重點資訊。
選取顏色鮮亮的網頁主題色調將有助於視覺效果的提高,注意 Logo 或者圖示等 UI 細節在色調上的統一性。
負空間的利用在互動設計中越來越多,因此需要注意頁面設計中適當的留白,不要將網頁頁面填充得滿滿當當的。
UI 中佈局塊與元素之間可通過大小、主次、強弱、動靜、虛實、色彩等對比關係來傳遞意圖、情感以及互動邏輯等等 UI 設計上的細節,這些通過細節上的視覺設計元素從而提高網頁的品質與多用户的使用觀看體驗。
除了網頁的視覺效果需要關注與學習以外,成熟的互動設計師需要學習網頁設計在技術層面的知識。前面我們也已經提過,網頁設計師也是需要看懂起碼的程序語言,需要學習網頁程序設計設計語言,例如:HTML,CSS,JavaScript,jQuery,H5 等等。乍一看這些 Web 設計的語言多到似乎令人生畏,但其實這些教程由淺入深,線上可以找到大量的免費教學資源。
w3schools
W3schools 是非常實用的學習網頁設計技術的免費開發教程網站,它提供給多用户所有有關 Web 開發的語言(例如 CSS,HTML,JavaScript,Python,Java 等)參考與教程。所有課程和教程都是左右,或者上下的雙視窗形式展現的,根據所挑選的語言以及函式,在對應的實時預覽視窗中直接檢視代碼所帶來的視覺效果,輕鬆地從該平台學習網頁設計。
當然,學習網頁設計要慢慢來,羅馬不是一天建成的。為了學習網頁設計的核心概念,我們需要從基本的東西開始。除了上述的技能素養外,還有一項很重要的學習內容就是 UX,也就是我們經常提及的多用户體驗設計。
網頁是為了多用户,多用户去設計的,所以需要無時無刻站在多用户的角度去進行考量設計,通過合理的互動選單引導多用户的行為,充分考慮到多用户的需求,把重要的資訊內容設定在顯眼的位置,方便多用户查詢。
綜上所述,網頁設計涉及到從概念構思到美學規劃,安排和執行所有工作。因此網頁設計是一個籠統的術語,它要求了網頁設計師需要對技術代碼,UI 以及 UX 設計都有一定的瞭解。