網頁設計師是做什麼的？
「網頁設計師」一詞通常被用作建立網站的任何人的無所不包的標籤。真相比這要複雜一些。使網站成為現實需要大量的規劃、內容創作、藝術創作、編碼和聘請專家。網頁設計師是這些專家之一，但他們通常在整個過程中扮演著非常具體的角色。
什麼是網頁設計？
網頁設計是建立網頁美學外觀的過程，包括如何安排內容以及如何實現設計元素。網頁設計師通常專注於所謂的網站「前端」，即用戶實際看到並與之互動的網站部分（而不是使網站正常運行的「後端」原始碼）。
這意味著他們可以負責選擇照片和圖像、字體、形狀語言、配色方案、按鈕以及所有這些元素如何組合在一起的所有內容。他們使用設計軟體（例如 Photoshop）來建立模型，或基於圖像的表示應用原始碼後最終網站的外觀。
網頁設計師通常不負責構建一個有效的網站，他們只專注於建立視覺設計。開發人員編寫使網站正常工作的原始碼，而網站開發需要與設計不同的技能和敏感性。
網頁設計師在網站設計處於什麼位置？
為了理解網頁設計師的工作，讓我們簡要回顧一下建立網站的步驟中最常見的角色 。
網站策略師：進行深入的市場研究，為整個網站和單個頁面制定業務目標。
平面設計師：建立視覺品牌元素，在網站上使用的插圖和圖標，標識、配色方案、排版，和圖形資產。
文案：在整個網站上建立所有書面內容，從標題到正文再到按鈕文本。
UX（用戶體驗）設計師：關注用戶的需求，設計骨架網頁布局（稱為線框），圍繞用戶行為和期望優化網站元素。
UI（用戶界面）設計師：設計互動元素，如按鈕和表單。
網頁設計師：專注於網站的所有視覺元素，並將線框布局轉換為完成的網頁設計。
前端Web開發人員：使用格式化語言和原始碼（HTML、CSS、Javascript）在 Web瀏覽器上實現Web設計。
後端Web開發人員：使用編碼語言在網頁幕後開發更複雜的功能。
簡而言之，網頁設計師參考網站策略師和UX設計師的線框圖設定的目標，將平面設計師、文案和UI設計師的內容組合成一個完成的網頁模型。然後開發人員使用該設計模型文件，分離並導出圖形元素，並使用原始碼將其轉換為實時網頁
許多人廣泛使用「網頁設計師」一詞，因此它對不同的人可能意味著不同的含義。角色之間可能存在重疊，大多數網頁設計師自己做市場調查，有平面設計和用戶體驗的工作能力，有些甚至可以兼任開發人員（尤其是前端）。
網頁設計師的職責是什麼？
讓我們一步一步地分解網頁設計師通常必須負責的所有事情，以便建立完成的網頁。
網頁設計師是做什麼的
視覺設計和布局：通常使用線框和站點地圖，網頁設計師對網站內容進行排序和安排，以優化視覺傳達、層次結構和審美敏感性。
行動和響應式設計：網頁設計師還設計網頁的行動和平板電腦版本的外觀。
靜態模型文件：Web設計人員建立代表網頁最終外觀的圖像文件。
可導出的設計資產：Web設計人員將他們的模型文件分層，以便開發人員可以輕鬆地分離和導出每個頁面元素，以將其逐個實施到工作網頁上。
照片編輯：Web設計人員通常必須能夠編輯出現在頁面上的媒體資產。
格式化：Web設計人員經常使用一些格式化語言（尤其是HTML和CSS）在Web瀏覽器中實現和測試他們的設計。
網頁設計師不會做什麼
編碼：網頁設計師專注於視覺效果，通常不負責對網站進行編碼。
寫作：不應期望網頁設計師編寫任何網站副本。
品牌：網頁設計師不負責建立徽標或做出廣泛的視覺品牌選擇，以建立要在網頁之外的公司資產上使用的配色方案和字體。
插圖：網頁設計師通常不會為網站建立插圖。他們將其他專業人士製作的圖形資產融入到他們的設計中。一些設計師可能會在需要時設計自訂元素。
攝影：網頁設計和攝影是不同的學科。如果客戶沒有聘請攝影師，網頁設計師通常會選擇庫存照片，並將其合併到他們的設計中，客戶必須購買其許可。
動畫：自訂動畫應該通過互動設計師或專業動畫師。
市場研究：雖然網頁設計師確實在他們的設計之前進行了一些競爭對手的研究，但他們無法獲得內部行銷專業人士所能獲得的所有數據、分析和專業知識。通常，網頁設計師依賴客戶向他們提供這些訊息。
網頁設計師需要具備哪些技能？
如果您想自己成為一名網頁設計師，您應該考慮為成功做好準備所需的技能。如今設計師自學越來越普遍，並且網上有很多網頁設計教程。
平面設計知識
歸根結底，網頁設計師是設計師，即使他們不製作徽標，他們也應該知道如何以視覺上令人愉悅的方式組合文本、副本、圖像和顏色。特別是，他們應該知道如何戰略性地利用設計原則來為觀眾創造理想的效果。這還包括設計歷史的知識，了解哪些設計趨勢仍然有用，哪些設計趨勢已經過時和過時。
行業慣例
網頁設計已經成為二十多年來的既定職業道路，並且隨著時間的推移已經建立了許多設計慣例和標準實踐。因為網站是讓用戶覺得直觀的軟體，所以重要的是要遵循這些約定以滿足用戶的期望，即使在對它們進行藝術創作的同時也是如此。這些約定通常與設計方法有關，包括 標準網站布局、網格系統、行動優先設計等等。這部分是通過經驗獲得的，但也可以通過關注行業網站獲得。
軟體技能
儘管網頁布局的基礎知識可以從紙和筆開始，但最終網頁設計師需要使用軟體來建立他們的團隊和/或客戶可以使用的文件。Photoshop是最常用的網頁設計軟體之一，但像Sketch這樣的UX原型設計應用程式在網頁設計師中越來越受歡迎。
網頁開發知識
儘管編碼通常應該留給開發人員，但無論您以哪種方式切片，建立網站都是一項技術任務。Web設計人員應該了解技術能力和局限性，這就是為什麼熟悉原始碼有助於了解哪些設計選擇有效，哪些無效的原因。某些設計效果或紋理可能難以用原始碼實現，有些可能會導致文件大小減慢網頁加載速度。
