最新消息
熱門搜尋字:
診所,  
醫療,  
住宿,  
紅色,  
行銷,  
旅館,  
民宿,  
醫學,  
綠色,  
藍色,  
舒適,  
橘色,  
黑色,  
時尚,  
SEO,  
黃色,  
褐色,  
封面,  
品牌,  
科技,  
醫療,  
教學,  

最Hit網站設計 統一用戶體驗的十項技術02

上篇文章介紹了頭五項最熱門網站技術,那麼之後五項值得關注的技術及設計又是甚麼,我們現在分曉。

6. Card Design Card Design
是需要一頁裡面顯示很多資訊的網站常用的風格,例如 Pinterest、Facebook、Twitter、dribbble等網站都會用Card Design。好處是就算網頁裏面不同元素可以做很多不同操作,用戶都不會感覺到混淆。因為不同的元素己經包括在不同的card裡面。

7. Parallax Scrolling
另一種反其道而行的設計就是Parallax Scrolling這個設計的特色就是每一次畫面都只會得一個object,當用戶滾動的時候就會自動轉到下個頁面,就像講故事一樣,所以亦叫storytelling design,常見於很多產品或者服務為主的網站入面。

8. Scrolling not Clicking
有一種特色是上面兩種風格都有的,就是內容分配上由多子分類,即是多頁的設計,變成傾向一頁裡面擺放多內容以減少分頁的設計。原因有多個,但主要原因是流動應用的出現,大家都習慣比較長的頁面,或者些不停向下滾動的設計。同一時間網站的瀏覽量亦按層級而遞減,所以大多數新網站設計都會減少子分類,希望將資訊於一個層級裏全顯示出來。

9. Material design / apple OS
同樣是基於flat design衍生出來的設計,material design和apple OS比起Microsoft metro是完全不同的。如果metro是完全平面化的話,那麼另外兩隻可以說成向深度發展的flat design,佢地同樣都留意到flat design於設計上的缺陷,正正是層級上變得不清晰,難以表達有先後次序設計,但這兩種風格既的解決方案亦都全不同! Apple嘗試以透明同模糊的效果來表現出介面的深度,再利用放大縮小的效果來表達同層級嘅介面。另一方面Google嘗試以不同層次的shadow來解決同樣的問題,介面上比較偏向較多重疊元素,亦喜歡用色階來表達層級分配。無論你喜歡這兩種或一種方式都好,這兩種設計風格都很值得我們在設計網站時參考。

10. Microinteraction
最後一個有很重要的設計元素,貫穿了今日所介紹的所有2015網站設計趨勢,就是Microinteraction,Microinteraction就是當用戶做左一個動作之後的介面反應,例如當用戶輸入錯誤password的時候會震一震,或者是當畫面 refresh 完成時的一個聲效,又或者click一個圖表時,數字由零數起給你看,而不是一下子跳出來。

就正正是這些微細的操作,帶起整個網站的用戶體驗,一個好的 microinteraction設計效果就正如遊戲中得到achievement一樣,會令到用戶更加投入入面。

留言給亞威

感謝您光臨亞威行銷,您有任何網路相關或對於本公司的問題諮詢,歡迎您透過以下表單與我們聯絡,我們將盡快由專人為您服務,亞威行銷在此祝您,事事順心平安!

* 為必填項目,請您詳細填寫,謝謝!
* 姓名/公司:
* 聯絡電話:
傳真:
行動電話:
* 聯絡地址:
* 電子信箱:
* 主旨:
* 聯絡事項:
* 驗証碼:
訂閱電子報
請輸入電子郵件信箱
亞威WeChat
網頁設計功能DIY
亞威手機版
琚珈宜蘭民宿
亞威粉絲團
亞威痞客幫
有話向亞威說
亞威skype
置頂Top