- 一、行動網站設計浪潮來臨
- 並且預計在2015年,移動裝置的搜尋量將會超過桌上型電腦的使用量,讓一些科技大咖也越來越重視這塊領域。
- 從Google +、Pinterest、Inbox等主流平台中都可以發現他們提供了版面選單,讓使用者能自由決定版型,包含:純文字排列、圖文排列、卡片式排列設計、雜誌風格排列..。並且主要以無限下拉設計(Infinite Scroll)的方式來載入內容(例如:Facebook的訊息牆)。
在這些版型當中,以卡片式設計最為亮眼。尤其式當卡片設計結合液態特效時,能讓畫面變得更活潑生動。關於卡片式設計具有以下優點:
- 卡片設計架構簡單,容易理解
- 卡片設計可靈活移動排版,符合行動裝置需求
- 卡片本身空間有限,能有效於避免塞入太多資訊,讓編輯者必須思考如何簡短說明,讓使用者更加容易理解標題
- 卡片設計在行動裝置上容易點擊,因此使用者能輕鬆的分享其內容 - 哪些網站是屬於不友善於行動裝置,或者還在用Flash..
- 二、Google Material Design
- Google搜索質量團隊(Google Search Quality Team) 已經率先增加了搜尋友善標籤,當你使用行動裝置搜尋網頁時,有善標籤將會提示用戶該網站的友善程度,並且,提供相關的行動網站檢測平台
- 並且在設計輪播圖時,也是以大背景圖輪播方式已取代Coverflow,並且會結合動態影片、垂直視差滾動等方式來呈現。相信在未來,會持續保持這樣的趨勢。
- 未來,按鈕將會朝向友善行動裝置的方向來設計,主要以Material Design描述的浮動、突起、扁平三種風格為主,並且著重符合觸碰的尺寸、類似真實按鈕的觸感
- 所謂的幽靈按鈕是指透明的,僅具有基本的框線組成的按鈕圖示。當然,目前來說,現在很流行幽靈按鈕
- 為了符合行動裝置體驗,具有響應式的目錄將會成為主流
讀後感:移動優先與響應式Web設計 « 嫁給RD的 UI Designer
- 這兩本是 2014 年 11 月 出版,很新的書,非常推薦購買。搭配歐萊禮那本行動介面設計模式圖鑑一起看,會收穫很多。讓你知道「為什麼會這樣設計」、「這樣做能改善什麼問題」。
- 33.即時告知"值"的正確性,不要提交後再說
Posted from Diigo. The rest of xgreeco group favorite links are here.
沒有留言:
張貼留言