網頁設計與平面設計的不同追求

網頁設計和平面設計涉及視覺傳達設計，在創造力的維恩圖上，網頁和平面設計有一些相似之處。兩者都需要對版式、圖形和設計原則有很好的理解。但歸根結底，網頁和平面設計是不同專業領域的不同追求。

 

1. 網頁設計是一種動態的媒介

列印是一種物理介質，用戶體驗往往是線性的。比較網頁設計和平面設計就像比較 iPad 和一幅畫。兩者都顯示出美麗的視覺效果，但一個是互動式的，另一個如果您觸摸它，則會為您提供安全護送。

 

平面設計起源於印刷品。無論是雜誌版面還是兒童讀物，印刷材料的互動性往往不如數字材料。但它們仍然依靠圖像、文本和其他圖形的藝術組合來講述故事或傳達訊息。需要有流程和邏輯來導航印刷材料。

 

網頁設計與主要的視覺設計學科有著相同的根源，但對網頁的關注是藝術如何創造人們可以互動、參與、而不是簡單地消費的體驗。網頁設計師可能會與平面設計師合作設計視覺元素，如插圖和圖標，但網頁設計師會將所有這些部分組合在一起以建立完整的互動式設計，一些可用的東西。

 

一個網站會有不同的用戶可以選擇的路徑，網頁設計師需要確保用戶有良好的體驗並能夠實現他們的目標。他們了解導航元素、號召性用語按鈕和其他互動元素如何引導、影響和增強用戶的旅程。

 

網站設計中的這組問題有一個詞，這就是UI設計的全部內容。從某種意義上說，平面設計師，就像網頁設計師一樣，關心UX，用戶體驗。但是他們基本上不用擔心UI，用戶如何與他們的工作進行互動。甚至每個學科中的受眾術語也暗示了這種差異，平面設計專業人士通常想到的是「觀眾」而不是「用戶」。網頁設計專業人士通常是統一角色的UI設計師和UX 設計師——您多久看到簡歷中列出的「UI UX 設計師」？

 

平面設計師與網頁設計師擁有許多相同的技能。他們都知道排版、調色板以及構圖和布局規則。但是優秀的網頁設計師會關注這些元素如何影響線上互動性和可用性。

 

2. 網頁設計師關心加載時間和文件大小

網頁設計師關注創意和美學，但他們也關注優化。圖像、動態圖形、動畫和其他圖形元素應該看起來不錯並且足夠小以在所有設備上快速加載。長時間的加載會導致糟糕的用戶體驗和高跳出率。唯一的平面設計師可能會關心文件的大小，當他們試圖適應這巨大的宣傳橫幅到他們的緊湊型轎車的後面。

 

3. 網頁設計師要跳過排版障礙

圖形設計師幾乎可以使用任何字體，而無需過多擔心它在最終交付品中的顯示方式。但是，Web設計人員需要考慮文本在不同屏幕和不同瀏覽器中的顯示方式。

 

幸運的是，在CSS中添加 @font-face規則允許更廣泛的字體選擇。Adobe Typekit 和 Google Fonts等應用程式為網頁設計師提供了更廣泛的排版調色板，以發揮創意。

 

4. 網頁設計師考慮其設計的廣泛應用

平面設計師在具體規範內工作，他們創造了一個適合一個方孔的方釘。優秀的網頁設計師必須努力建立適合每個孔的釘子，無論大小或形狀如何，而不會塞滿或破壞設計。

 

網頁設計師需要考慮規模。排版、圖像和其他視覺元素會隨著屏幕大小而放大或縮小。目標是讓所有這些元素都可讀，並在任何設備上提供良好的用戶體驗。

 

Web設計人員不受畫布大小的限制，但他們確實需要考慮網站顯示的所有可能方式。優秀、深思熟慮的網頁設計師將設計精簡為基本元素，以提供一致的用戶體驗。

 

5. 網頁設計師是持續的照顧者

網站是一個活生生的東西，它經歷了不斷的變化，它從來沒有真正完成過。號召性用語和內容可能會隨著品牌標識的變化而改寫，產品將添加到電子商務網站，並且導航可能會更新以增加轉化率。當平面設計專業人士簽署證明時，通常是該項目的結束。但是網頁設計師的工作永遠不會完成。

 

就像城市規劃師一樣，網頁設計師需要預測網站的增長方式並分配空間以適應變化。他們需要記住，沒有網頁設計技能的人可能會在未來進行編輯。

 

平面設計師專注於創造力，而網頁設計師則關心設計的所有部分如何作為一個系統共同發揮作用。平面設計師都是關於藝術的。

 

6. 網頁設計師與觀眾保持著持續的關係

網站都是關於流量和重複訪問的。它們是受眾消費的產品。如果有什麼不妥，肯定有人會注意到，並說出來。

 

當事情沒有按照他們應該的方式工作時，或者當用戶討厭某個設計時，網頁設計師就會聽到它！網際網路是意見和反饋的高速公路。只需閱讀任何新聞文章的評論即可。實際上，從頭開始。保存你的理智。

 

以廣告牌為例：當然，標語可能很懶惰，配色方案也很古怪，但這不像書呆子和設計極客打電話給負責機構抱怨。

 

網頁設計師還可以通過Google Analytics獲得有關其設計成功和失敗的反饋。網頁設計師的部分工作是查看分析並考慮他們可以採取的措施來改善數字。跳出率、關鍵字推薦和流行內容只是網頁設計師可以用來確定哪些有效哪些無效的一些數據。

 

7.網頁設計師與開發人員密切合作

無論您是網頁設計師還是平面設計師，擁有良好的溝通技巧都很重要。每個項目都有自己的期望。能夠提出正確的問題、整合反饋並解釋您的流程將有助於任何項目更順利地進行。

 

但是對於網頁設計，您經常與開發人員甚至前端開發團隊合作，將設計轉換為功能原始碼。您和前端開發人員或Web開發團隊都需要了解設計及其所有複雜之處。

 

您還必須確保利益相關者了解設計的可能性和局限性。網站設計師和網絡開發人員需要在每一步都進行清晰的溝通，以確保設計實現其預期目標。但就像兒時的電話遊戲一樣，網頁設計師的願景可以隨著從一個利益相關者到最終在原始碼中確定的地方而改變。

 

平面設計師往往是他們作品背後的唯一藝術家。他們獨自執行創造性的願景。Web 設計師將線框和原型交給開發人員，以便將其轉換為功能原始碼。在一個項目中有這麼多人參與，很容易失去對設計最初目標的關注。

 

網頁和平面設計利用創造力進行交流

網頁設計和平面設計都是視覺媒介，這兩個角色都涉及視覺傳達設計，它們依賴於文案和視覺元素之間的和諧來講述一個故事。儘管它們的邊界重疊，但它們作為不同的學科存在，具有對網頁設計過程很重要的不同專業領域。