Design News

網頁設計新知

什麼是網頁設計?

Jun 18, 2021
網頁及各種線上資源已逐漸融入我們的生活當中,具備網頁設計的能力也日趨重要,但「網頁設計」代表甚麼呢?
簡單來說,網頁設計就是設計以及建構網站。其中包含了許多技巧,舉例來說,資訊架構、使用者介面、網站架構、導覽、版面、顏色、字體以及整體效果呈現。 這些技巧都與設計原則環環相扣,進而創建出一個能符合該公司或個人需求的網站。
是否常常聽到親朋好友說”網頁設計”這個詞彙呢?網頁設計其實是網頁與設計兩個字詞組成的,本文描述網頁設計的基本介紹以及這個行業所需的規則及技巧。

什麼是網頁?什麼是設計?

什麼是網頁這部分先要從上網開始說起,上網就是我們電腦上的瀏覽器軟體,目前常用的上網供具有IE、Chrome等等…。 當我們用上網工具上網時,開啟的畫面就是”網頁”,網頁只是單一頁,很多不同內容的網頁就可以構成一個網站。
設計的過程需先蒐集資料,並依循著原則實行。網頁設計亦是如此,將所要傳遞的內容置入於網頁中,在進行美編、排版等。因此,使用者進入網頁時才比較容易獲取所需要的內容。

顯而易見的,設計是「網頁設計」重要的關鍵。這句話代表什麼呢?設計不僅僅包含了設計原則—協調、對比、強調、韻律和規律,也包括了設計元素—線條、形狀、質地、顏色和方向。

這裡網頁設計的設計,不單單只是一般美化的形容詞,設計的解釋如同室內設計、建築設計、產品設計一般,是包含許多網站製作技術的融合,如企業形象視覺、HTML程式、CSS程式、jQury程式、動態程式(PHP、ASP、JSP等等..)、使用者體驗數據等技術架構起來的。

除了能理解網站所受的侷限以外,一位稱職的網頁設計師更需要具備架設網站的的專業能力與知識。

將上述所提及的結合在一起,網頁設計師就能建置好一個網站。不過作為優秀的網頁設計師,不僅必須掌握設計原則外,也要能了解網站製作上的侷限。舉例來說,一位成功的網頁設計師,在堅守印刷設計原則的同時,也能瞭解網頁設計的挑戰,更能進一步說明此網站與其他的不同之處。

網頁設計的元素

網頁設計中有許多的重要設計元素,例如:
  • 版面: 版面由圖像、廣告和文字組成,在網路世界中,最重要的是讓使用者能在第一眼就找到自己需要的資料。這需要維持設計的協和性、一致性和完整性。
  • 顏色: 顏色的選擇是依據網站的目的及客戶,他可以從很簡潔的黑白兩色,乃至於多色設計,網頁中普遍通用的顏色可以傳達人物和品牌的特點。
  • 圖像: 圖像包括了商標、相片、插圖或符號,這些都能更凸顯網頁設計。為了方便用戶,這些都需與網頁顏色和內容做適當的設計,同時不得讓整體過於混雜或降低網頁速度。
  • 字體: 運用不同的字體更能加強網頁設計。大多數的瀏覽器都只能支援少數的字體,這被稱為網路的安全字體,也就是說,網頁設計師趨向於使用普遍能與被瀏覽器支援的字體。
  • 內容: 內容和設計可同時藉由文字和視覺效果來提升網站訊息。網站中的文字需確保其相關和效用性,以避免誤導使用者得到錯誤的資訊。內容應符合搜尋引擎,並搭配適當的文字長度及相關的關鍵字。

網頁設計所需的各層面的專業知識

身為一位稱職網頁設計師,是需要建置整個網站與獨立的網頁。下列的專業知識是作為一個全方位的網頁設計師所需學習的:
  • HTML - 網頁的主要架構,網站建置的基礎語法。
  • CSS - 網頁的視覺呈現。CSS (層疊樣式表) 涵蓋了整個網站的具體呈現,包含版面、文字編排、顏色等。
  • JavaScript - 主要應用於網站上的動作,也可用於各種互動功能並且與其他程式搭配使用。
  • CGI 程式編撰 - CGI語言和其它的語言(PHP、ASP、ColdFusion...等)是不相同的。很多網站並不一定都需要,但是網站內容需要更多樣性與豐富性的網站必定需要支援這樣的程式語言以進行編碼。
  • XML - 訊息架構- 網站的內容和導覽的架構有助於網站的簡易及使用性。
  • SEO - 搜尋引擎優化可以讓Google和其他搜尋引擎能將網站優先排列,藉此使用者能在線上迅速準確的找到所需的商品、服務或訊息。
  • 伺服器管理 - 所有網站都需要藉由伺服器來運作,管理伺服器在網頁設計中也是相當重要的技能。
  • 網站策略與行銷 - 單只有網站是不夠的,必須搭配行銷策略同時執行才可以使的網站充分曝光。
  • 電子商務與轉換率 - 與自己的網站搭配適合的大型電子商務平台,不僅可以推廣自身產品更可以藉由平台知名度增加網站曝光率與知名度來相輔相成
  • 設計 - 建構視覺上的觀感,一直是這個產業最重要的元素。
  • 網站速度 - 不管瀏覽者是誰,網站須能在各電子產品中有可以更容易被瀏覽才是成功的,更重要的是必需具備網站的內容與讀取速度的平衡性。
  • 內容 - 使用者是因為網站的內容而瀏覽,所以好品質網站內容是極為重要的環節。
網頁設計中包含了許多的領域與專業技術,因為時間與精力有限,加上各領域都有其深度與廣度,大部分的網頁設計師是無法全部學習。所以只會專精於一兩種領域,也會組成一個團隊,互相彌補不足的地方。

做網頁的目的是什麼?

網頁是一個24小時全年無休的曝光媒體,大部分製作網頁的目的是讓別人更了解自己,不管是個人的曝光或是公司產品或是形象的曝光,藉由增加曝光率來達到目的,此目的可能是與好友社團的的聯繫互動或是增加商業活動迴響,當然以企業來說藉由網頁讓產品與服務大量曝光,讓更多人接觸到相關訊息。

資料來源: 新視野網頁設計