2015最Hit網站設計 統一用戶體驗的十項技術 (上篇)

2015 年已到，所以未來會與各位分享一下2015年將會流行甚麼及要留意的新技術，在此首先介紹有關網站設計的10個趨勢。

1. Responsive Website

回顧2014年最熱門的應該是Responsive Website，Responsive是一種隨著瀏覽器大細自動改變內容排版方式的設計，相比以前要用獨立的手機版或者電腦版，Responsive website在SEO或內容管理及用戶介面上都方便得多。所以2015年Responsive website都繼續成為主流。但不同的是，之前都會主要以電腦版為主， 但隨住流動上網己經超越電腦上網的人數，不少新網站都開始以流動版介面為主， 甚至只有流動版，而電腦版就只是流動版的放大版本。

2. Webfont

Webfonts同樣是這一兩年才出現的新技術，今年繼續成為網站設計潮流。設計師不再需要忍受不同平台用不同的字體，因為以往需要很多不同的css來調整。Webfont可以統一整個用戶體驗，亦不單止支援拉丁語系文字，無論是日文中文都開始有不同的Webfonts供大家選擇。所以有很多新網站都喜歡用超大型的字體排版成為網頁的主要設計元素。

3. SVG

除了文字當然要有icon，以往我們做網站需用很多圖片來做icon，由於方便瀏覽，通常圖片的解像度不會太高，但在手機平版上放大的時候相片質素之劣表露無遺，但是用了SVG情況就不同，SVG是用於網站的向量圖片，換句話說無論放到多大都不會出現鋸齒狀，還可以用程式來控制SVG來做不同的動畫。令到整個用戶體驗有更大發揮空間。SVG亦都可以當作Webfonts 來用，網上亦有很多不同的開源Webfonts icon供大家用。隨意也可以找到過百款icon，基本需要全都cover到。

4. Full Screen Image / video

有文字有icon當然也要有影片及相片啦！近年圖片及文字的比例有一個明顯的趨勢，就是文字愈來愈少，而相及影片的容量就越來越大，主要因為現在的用戶每日可以吸收的資訊太多，有太多選擇，如果無法在數秒之內留住用戶的話，他們就沒有興趣看下去。所以正確引導用戶去看重點變得相當重要，當然相或影片比文字需要更少時間更易吸收，所以有不少新的網站都喜歡用大量相或影片，甚至是Fullscreen來做網頁的landing page，務求用戶一看便知道網站的主要賣點是甚麼。

5. Flat Design

Flat Design這種簡約設計風格主要的特色是去除以往設計的立體、質感、光影這些完素，以最簡單的方法去表達，令到用戶不需要費力就可以理解內容，亦令到不同平台之間的用戶體驗更加統一。現時很多主流的操作系統都用上Flat Design  這種風格，由Microsoft Windows UI到Apple Mac OS及iOS，以至去年才公布的 Google Material Design都某程度用上Flat Desgin作為設計理念，當然不同平台之間演繹出來會有不同風格，Windows UI Design就似乎是最忠於原著的一個！ Windows UI 裡面那一格格的元素統稱叫做Magazine，當我們將這個風格引用到網站設計既時候就叫Card Design。