原創(chuàng)|行業(yè)資訊|編輯:郝浩|2013-09-04 09:11:58.000|閱讀 400 次
概述:自儀表盤誕生以來,已經(jīng)進(jìn)化了良多。從起先的接口需要向?qū)У脑O(shè)計(jì),到今日簡單、平滑設(shè)計(jì)。在用戶交互這條道路上,儀表盤進(jìn)化了太多,對數(shù)據(jù)的展示效果也進(jìn)化了太多。在前兩章,我們談?wù)摿?種儀表盤的設(shè)計(jì)趨勢。他們分別是:Metro風(fēng)格、 交互圖表、顏色趨勢(創(chuàng)新調(diào)色板)、導(dǎo)航標(biāo)記圖標(biāo)以及吉祥物設(shè)計(jì)。總而言之,在2013年,儀表盤在使用、交互設(shè)計(jì)中有了自己的新型范例。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
自儀表盤誕生以來,已經(jīng)進(jìn)化了良多。從起先的接口需要向?qū)У脑O(shè)計(jì),到今日簡單、平滑設(shè)計(jì)。在用戶交互這條道路上,儀表盤進(jìn)化了太多,對數(shù)據(jù)的展示效果也進(jìn)化了太多。在前兩章,我們談?wù)摿?種儀表盤的設(shè)計(jì)趨勢。他們分別是:Metro風(fēng)格、 交互圖表、顏色趨勢(創(chuàng)新調(diào)色板)、導(dǎo)航標(biāo)記圖標(biāo)以及吉祥物設(shè)計(jì)。總而言之,在2013年,儀表盤在使用、交互設(shè)計(jì)中有了自己的新型范例。在接下來的文章中,我們還會講到另外5個標(biāo)志性的儀表盤設(shè)計(jì)趨勢。
智能手機(jī)、平板的廣泛應(yīng)用,使得儀表盤的響應(yīng)式布局設(shè)置成為一個不可或缺的設(shè)計(jì)。在所有設(shè)備、瀏覽器中,他可以通過縮放、平移、滾動等方式,為用戶提供了一個最佳的觀看效果。
Fitbit的儀表盤響應(yīng)式布局可以在所有設(shè)備、瀏覽器渲染出相同的效果:
迷你圖表讓數(shù)據(jù)緊湊,他設(shè)計(jì)簡單,并帶有圖形,可以提供豐富的歷史數(shù)據(jù)展現(xiàn)效果。迷你圖不占用儀表盤空間,相反,他可以幫你在有限的空間中節(jié)約出更過的地方,并且把數(shù)據(jù)展現(xiàn)清楚。他們是一個相當(dāng)強(qiáng)大的展現(xiàn)即時信息的工具 。
Google數(shù)據(jù)使用迷你圖(請看紅色框)來總括展示各種指標(biāo)變化情況(訪問者、頁面瀏覽量、平均訪問持續(xù)時間等),用戶可以在一張圖表中看到幾乎所有的信息,并且可以向下鉆取查看詳情:
查看大圖:
SproutSocial使用色碼迷你圖將指標(biāo)可視化,如:新Twitter跟隨者,新Facebook Fans、收入信息:
儀表盤不僅僅使用迷你圖來展現(xiàn)數(shù)據(jù),還用各式各樣的方式來添加數(shù)據(jù)并與用戶關(guān)聯(lián)。很多設(shè)計(jì)者都知道,只有數(shù)據(jù)內(nèi)容放在了正確的位置才能讓用戶更好的理解。
Nike+ Fuelband使用趨勢線幫助用戶顯示其目標(biāo)達(dá)成的效果:
Stock Market HD中使用新聞提示來告知用戶關(guān)于某一只股票的最新消息,這樣幫助用戶做出更加明智的選擇:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)