6. 微動畫 Micro Animation
過去Flash時代常見企業網站充滿了飛天鑽地的動畫,這麼多年大家也看膩了,取而代之的是簡單、不影響閱讀的微動畫,首頁輪播圖(Slider)是常見的做法。另外,用CSS3製作的色彩漸變按鈕、主選單特效,都讓企業網站有畫龍點睛的效果。

apple

http://www.apple.com/


7. SVG網頁圖片向量格式

一般桌電、筆電的螢幕解析度為72dpi,手機行動裝置的解析度則是高達96dpi,因此有些jpg或png的icon在電腦看起來很正常,但到了手機版卻是糊的,採用SVG格式的向量圖就可以解決這個問題。由於SVG向量格式可以隨意放大縮小,因此在RWD網頁設計也經常採用SVG圖檔來取代其他圖片格式。

 

8. 磚牆式設計

磚牆式設計經常用在呈現許多資訊流的頁面,例如用圖片呈現一整個照片牆。磚牆式設計由於可橫排/直排切換,因此也很常見於RWD響應式網頁設計中。

oakley-3

http://www.oakley.com/

 

9. 頁尾區塊Big Footer

Big Footer近來出現在政府網站檢核表內,適合用來呈現企業網站架構或相關連結,對於SEO也有很好的幫助。

 adidas

http://www.adidas.com/

 

10. 時間軸 Timeline

時間軸的設計概念很適合放在企業歷史沿革或里程碑的網頁設計上。

frontlynk

http://www.frontlynk.com/

 

ABOUT CADIIS

CADIIS凱士網頁設計公司專精於RWD網頁設計、形象網站設計、企業網站建置等各項網頁設計服務,提供台北、台中、台南、高雄、海外等地網站設計相關服務。

 

進一步了解