這幾年因行動裝置盛行,大大改變了整個 網頁設計 的技術,同時也影響了設計風格。RWD響應式網頁設計、全幅背景、一頁式網頁成了主流設計,來看看有哪些設計趨勢適合用在講求穩定大器的企業網站上。
1. 響應式網頁設計 RWD, Responsive Web Design
響 應式網頁設計(Responsive web design, RWD),又稱為自適應網頁設計。 是一種網頁設計的技術工法,可使網站在多種瀏覽裝置(桌電、筆電、平板電腦、行動電話)上閱讀和瀏覽。RWD網頁可讓同一個網頁畫面隨著螢幕或瀏覽器寬度 變化,同一筆圖文資料在桌電為橫式排列,當瀏覽器寬度縮減到手機尺寸時,則顯示為直式排列。當你用桌電看到一個網頁想傳給正在用手機上網的朋友時,不會因 裝置尺寸不同而無法正常閱讀。
2. 大背景(全幅背景) Full-width Background
隨著螢幕尺寸越來越大以及行動裝置盛行,可隨螢幕縮放圖片尺寸的全幅背景網頁設計開始流行起來。全幅背景相較於傳統固定寬度的banner情境圖,更能突顯氣勢磅薄的企業形象。近來在html5影片格式的支援下,還可以採用全幅影片。
3. 一頁式網頁 One-page Web Design
平 板電腦及行動裝置改變了人們瀏覽網頁的方式。過去在使用桌上型電腦常常會希望網頁不要有捲軸,到了平板電腦反而開始習慣手滑螢幕來瀏覽網頁,這個時候一頁 式網頁就成了設計主流。「單欄式網頁設計」也是一頁式網頁的呈現特點,單欄式網頁設計近似於瀏覽PPT的概念,讓user一次專注於了解一件事情,不會分 心去看左右不相干的文章。過去一個頁面塞滿一堆資訊的網頁設計已經不再流行,在資訊海量的時代,簡單的區塊式設計才能讓客戶專心理解你想傳達的訊息。
4. 固定式選單 Fixed Menu
固 定式的主選單也是近來流行的趨勢之一,尤其是功能性選單,大多會設計成固定式選單。當網頁逐漸趨向一頁式的版型設計後,由於網頁捲到下方後就找不到主選 單,這個時候就會將主選單改為固定式的做法。在網頁下方加上「回到頁頂」(Back to top)的固定式按鈕,也是常見的解決方案。
5. 扁平化設計 Flat Design
扁平化設計流行一段時間了,最早從微軟Windows8問世開始,後來連Apple iOS7也開始採用扁平化設計,以別過去講求擬真立體感的設計。有趣的是,這次微軟難得站在流行設計的前端。
參考文獻:
1.王樂成、林祐聖、葉欣怡(譯)(2002 )。James Slevin 著。網際網路與社會,(Internet and society)。台北:弘智。
2.石恩綸(2000)。女性網路使用者的網站印象與網路使用行為。台北大學 企業管例研究所碩士論文,未出版,台北。
3.江嘉瑜(2002)。台灣花卉電子商務網站內容之分析。中興大學 行銷學研究所碩士論文,未出版,台中。
資料來源:cadiis