Day: August 22, 2021

網頁設計

甚麼是網頁設計？入門知識

「網頁設計」是由網頁與設計兩個字詞組成的，要真正理解網頁設計就要拆開逐個說明： 甚麼是網頁? 甚麼是網頁這部分先要從上網開始說起，上網就是我們電腦上的瀏覽器軟體，目前常用的上網供具有IE、Chrome、Firefox、Opera等等…。 當我們用上網工具上網時，開啓的畫面就是」網頁」，網頁只是單一頁，很多不同內容的網頁就可以構成一個網站。 甚麼是設計? 設計的過程就是將想法用具體事物表達出來，一個想法依賴於多種資料，所以須先蒐集資料，並依循著設計原則實行。網頁設計亦是如此，將所要傳遞的思想通過文字、圖片、表格等元素表達，為用戶容易理解，需要將這些元素進行排版佈局。因此，使用者進入網頁時才比較容易獲取所需要的內容。 所以設計是「網頁設計」最重要的概念。設計不僅僅包含了設計原則—協調、對比、強調、韻律和規律，也包括了設計元素—線條、形狀、質地、顏色和方向。 這裡網頁設計的設計，不單單只是一般美化的形容詞，設計的解釋如同室內設計、建築設計、產品設計一般，是包含許多網站製作技術的融合，如企業形象視覺、HTML程式、CSS程式、jQury程式、動態程式(PHP、ASP、JSP等等..)、使用者體驗數據等技術架構起來的。 除了能理解網站所受的局限以外，一位稱職的網頁設計師更需要具備架設網站的的專業能力與知識。 將上述所提及的結合在一起，網頁設計師就能建置好一個網站。不過作為優秀的網頁設計師，不僅必須掌握設計原則外，也要能瞭解網站製作上的局限。舉例來說，一位成功的網頁設計師，在堅守印刷設計原則的同時，也能瞭解網頁設計的挑戰，更能進一步說明此網站與其他的不同之處。 網頁設計的元素 網頁設計中有許多的重要設計元素，例如： 版面: 版面由圖像、廣告和文字組成，在網路世界中，最重要的是讓使用者能在第一眼就找到自己需要的資料。這需要維持設計的協和性、一致性和完整性。 顏色: 顏色的選擇是依據網站的目的及客戶，他可以從很簡潔的黑白兩色，乃至於多色設計，網頁中普遍通用的顏色可以傳達人物和品牌的特點。 圖像: 圖像包括了商標、像片、插圖或符號，這些都能更凸顯網頁設計。為了方便用戶，這些都需與網頁顏色和內容做適當的設計，同時不得讓整體過於混雜或降低網頁速度。 字體: 運用不同的字體更能加強網頁設計。大多數的瀏覽器都只能支援少數的字體，這被稱為網路的安全字體，也就是說，網頁設計師趨向於使用普遍能與被瀏覽器支援的字體。 內容: 內容和設計可同時借由文字和視覺效果來提升網站訊息。網站中的文字需確保其相關和效用性，以避免誤導使用者得到錯誤的資訊。內容應符合搜尋引擎，並搭配適當的文字長度及相關的關鍵字。 如何才是好的網頁設計體驗除了基本的網頁設計元素使網站在視覺上吸引人，還需要隨時考慮到其使用者。依循下列的項目就能確保達到使用者友善的目的。 在「導覽」上: 在設計中，網站架構、選單及其他導覽的功能，都須從使用者角度，考慮到他們如何瀏覽和搜尋訊息。這是為了幫助使用者在瀏覽的過程中，能夠簡單並快速地找到他們所需的訊息。 在「多媒體」上: 在設計中加入相關的影片和音效，可以幫助使用者迅速找到並理解所需的訊息，這同時也促成使用者花更多的時間在網頁上。 在「兼容性」上: 在不同的瀏覽器和操作系統上都有相同的表現，借由設計網頁增加觀看次數。 在「科技」上: 科技的發展讓設計師能在動畫及創新中自由發揮，使得網頁設計在兼顧專業的同時，也能跟上潮流。 在「互動」上: 在設計中，借由評論及意見調查，增加了使用中的用戶參與度。透過電子郵件表格和新聞訂閱，將用戶從訪客轉為客戶。 新視野網頁設計的專業人士建構出卓越的用戶頁面（UI）設計，以使用戶得到良好的網站體驗。他們嚴謹的規劃與分析設計，此外，他們也注重於每個客戶的規劃，將過程化繁為簡。 網頁設計所需的各層面的專業知識 身為一位稱職網頁設計師，是需要建置整個網站與獨立的網頁。下列的專業知識是作為一個全方位的網頁設計師所需學習的： HTML – 網頁的主要架構，網站建置的基礎語法。 CSS – 網頁的視覺呈現。CSS (層疊樣式表) 涵蓋了整個網站的具體呈現，包含版面、文字編排、顏色等。 JavaScript – 主要應用於網站上的動作，也可用於各種互動功能並且與其他程式搭配使用。 CGI 程式編撰 – CGI語言和其它的語言(PHP、ASP、ColdFusion…等)是不相同的。很多網站並不一定都需要，但是網站內容需要更多樣性與豐富性的網站必定需要支援這樣的程式語言以進行編碼。 XML – 訊息架構- 網站的內容和導覽的架構有助於網站的簡易及使用性。 […]