什麼是網頁設計?背景
認識網頁設計Q & A

認識網頁設計 - 網頁設計相關

什麼是網頁設計?

網頁架構示意圖

由於網頁及各種線上資源已逐漸融入我們的生活當中,具備網頁設計的能力也日趨重要—但究竟「網頁設計」代表什麼?

簡言之,網頁設計是指設計及建構網站。其中包含了各種網頁設計所需的技巧,舉例來說,資訊架構、使用者介面、網站架構、導覽、版面、顏色、字體以及整體效果呈現。 這些技巧都與設計原則環環相扣,進而創建出一個能符合該公司或個人需求的網站。

是否常常聽到親朋好友說”網頁設計”這個詞彙呢?網頁設計其實是網頁與設計兩個字詞組成的,本文闡述網頁設計的基本介紹以及這個行業所需的規則及技巧。

什麼是網頁?

什麼是網頁這部分先要從上網開始說起,上網就是我們電腦上的瀏覽器軟體,目前常用的上網供具有IE、Chrome、Firefox、百度等等…。 當我們用上網工具上網時,開啟的畫面就是”網頁”,網頁只是單一頁,很多不同內容的網頁就可以構成一個網站。

什麼是設計? (設計為網頁設計的核心)

設計的過程,必須先蒐集資料,並依循著原則實行。網頁設計亦是如此,將所要傳遞的內容置入於網頁中,在進行美編、排版等。因此,使用者進入網頁時才比較容易獲取所需要的內容。

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

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

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

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

網頁設計的元素

網頁設計中有許多的重要設計元素,例如:

版面: 版面由圖像、廣告和文字組成,在網路世界中,最重要的是讓使用者能在第一眼就找到自己需要的資料。這需要維持設計的協和性、一致性和完整性。

顏色: 顏色的選擇是依據網站的目的及客戶,他可以從很簡潔的黑白兩色,乃至於多色設計,網頁中普遍通用的顏色可以傳達人物和品牌的特點。

圖像: 圖像包括了商標、相片、插圖或符號,這些都能更凸顯網頁設計。為了方便用戶,這些都需與網頁顏色和內容做適當的設計,同時不得讓整體過於混雜或降低網頁速度。

字體: 運用不同的字體更能加強網頁設計。大多數的瀏覽器都只能支援少數的字體,這被稱為網路的安全字體,也就是說,網頁設計師趨向於使用普遍能與被瀏覽器支援的字體。

內容: 內容和設計可同時藉由文字和視覺效果來提升網站訊息。網站中的文字需確保其相關和效用性,以避免誤導使用者得到錯誤的資訊。內容應符合搜尋引擎,並搭配適當的文字長度及相關的關鍵字。

如何才是好的網頁設計體驗

除了基本的網頁設計元素使網站在視覺上吸引人,還需要隨時考慮到其使用者。依循下列的項目就能確保達到使用者友善的目的。

在「導覽」上: 在設計中,網站架構、選單及其他導覽的功能,都須從使用者角度,考慮到他們如何瀏覽和搜尋訊息。這是為了幫助使用者在瀏覽的過程中,能夠簡單並快速地找到他們所需的訊息。

在「多媒體」上: 在設計中加入相關的影片和音效,可以幫助使用者迅速找到並理解所需的訊息,這同時也促成使用者花更多的時間在網頁上。

在「兼容性」上: 在不同的瀏覽器和操作系統上都有相同的表現,藉由設計網頁增加觀看次數。

在「科技」上: 科技的發展讓設計師能在動畫及創新中自由發揮,使得網頁設計在兼顧專業的同時,也能跟上潮流。

在「互動」上: 在設計中,藉由評論及意見調查,增加了使用中的用戶參與度。透過電子郵件表格和新聞訂閱,將用戶從訪客轉為客戶。

新視野網頁設計的專業人士建構出卓越的用戶頁面(UI)設計,以使用戶得到良好的網站體驗。他們嚴謹的規劃與分析設計,此外,他們也注重於每個客戶的規劃,將過程化繁為簡。

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

身為一位稱職網頁設計師,是需要建置整個網站與獨立的網頁。下列的專業知識是作為一個全方位的網頁設計師所需學習的:

HTML - 網頁的主要架構,網站建置的基礎語法。

CSS - 網頁的視覺呈現。CSS (層疊樣式表) 涵蓋了整個網站的具體呈現,包含版面、文字編排、顏色等。

JavaScript - 主要應用於網站上的動作,也可用於各種互動功能並且與其他程式搭配使用。

CGI 程式編撰 - CGI語言和其它的語言(PHP、ASP、ColdFusion...等)是不相同的。很多網站並不一定都需要,但是網站內容需要更多樣性與豐富性的網站必定需要支援這樣的程式語言以進行編碼。

XML - 訊息架構- 網站的內容和導覽的架構有助於網站的簡易及使用性。

SEO - 搜尋引擎優化可以讓Google和其他搜尋引擎能將網站優先排列,藉此使用者能在線上迅速準確的找到所需的商品、服務或訊息。

伺服器管理 - 所有網站都需要藉由伺服器來運作,管理伺服器在網頁設計中也是相當重要的技能。

網站策略與行銷 - 單只有網站是不夠的,必須搭配行銷策略同時執行才可以使的網站充分曝光。

電子商務與轉換率 - 與自己的網站搭配適合的大型電子商務平台,不僅可以推廣自身產品更可以藉由平台知名度增加網站曝光率與知名度來相輔相成

設計 - 建構視覺上的觀感,一直是這個產業最重要的元素。

網站速度 - 不管瀏覽者是誰,網站須能在各電子產品中有可以更容易被瀏覽才是成功的,更重要的是必需具備網站的內容與讀取速度的平衡性。

內容 - 使用者是因為網站的內容而瀏覽,所以好品質網站內容是極為重要的環節。

網頁設計中包含了許多的領域與專業技術,因為時間與精力有限,加上各領域都有其深度與廣度,大部分的網頁設計師是無法全部學習。所以只會專精於一兩種領域,也會組成一個團隊,互相彌補不足的地方。

做網頁的目的是什麼?

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

網站興起造成消費習慣的改變

例如:您想購買一個燈泡,在以往的購買方式是,出門→交通工具→商場→挑選→付費購買→回家。大約花費15分鐘到30分鐘 如果有了用網頁購買的方式您只要,上網→進入網路賣場→打入購買燈泡型號→填寫送貨資訊與付費→完成,一般5分鐘即可完成

 

例如:您想要買一組沙發,在以往的購買方式是,出門→交通工具→滿頭大汗的逛家具街或是大型商場→一間一間慢慢挑選→付費訂購→回家→等待送貨。大約花費3小時到4小時 如果有了用網頁挑選的方式您只要,上網→進入網路賣場→泡茶後慢慢瀏覽所有喜歡的沙發型號→交通工具→直接去該商場看貨下訂→回家→等待送貨,一般2小時內可完成

 

由於網路購物的便利性與多樣性,加上網路商家因為少了店面與人員的支出,相對的價格方便也會比一般傳統通路更加優惠,所以上網購物已經慢慢成為大部分人習慣的購物方式。


歡迎推廣本文,請務必連結(LINK)本文出處