轉(zhuǎn)帖|行業(yè)資訊|編輯:龔雪|2014-09-15 13:52:06.000|閱讀 500 次
概述:圓在日常生活中比比皆是,從Logo到井蓋,從菜式擺盤到風(fēng)水羅盤,再到手表表盤,處處體現(xiàn)了因循圓形形態(tài)的信息排布藝術(shù)。本文為您解析圓—-智能手表UI設(shè)計的理念。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
圓在日常生活中比比皆是,從Logo到井蓋,從菜式擺盤到風(fēng)水羅盤,再到手表表盤,處處體現(xiàn)了因循圓形形態(tài)的信息排布藝術(shù)。可是在以方形為主的界面世界,圓形卻因制作工藝、信息展示習(xí)慣等原因一直很難躋身其中。
Android Wear Round,圓形界面的可穿戴設(shè)備,它與Nexus手機(jī)、安卓TV等一道成為安卓展示界面的一員。在安卓最新的可穿戴設(shè)備設(shè)計規(guī)范里,也于Style部分提出應(yīng)當(dāng)同時考慮不同設(shè)備的尺寸和形狀。
那么圓是否會在可穿戴設(shè)備尤其是智能手表的浪潮里找回在界面世界的一席之地呢?
Moto360是安卓本家的智能手表,分方形和圓形兩種,忠實體現(xiàn)了安卓對可穿戴設(shè)備的設(shè)計規(guī)范。相對方形,圓形的手表表盤應(yīng)該是更符合人傳統(tǒng)上對手表的認(rèn)知。
首先通過兩個視頻了解一下Moto360的使用場景和運行界面:
從現(xiàn)有的官方天氣、導(dǎo)航、搜索等app中可以看出:
1、展示信息以卡片為主;
2、 界面切換以手勢為主;
3、 輸入以語音為主。
盡管現(xiàn)有的官方app都在努力兼容方形和圓形,以至于在界面上沒能為圓形做針對性設(shè)計,還是有很多設(shè)計師為圓形思考,創(chuàng)作了有信服力的Moto360 app概念設(shè)計:
表盤:( , )
天氣:(,,)
撥號盤和計步器:(,)
音樂:(,)
列車時刻:()
提醒:()
聊天:()
Facebook:()
借著各種蘋果的iWatch的傳言,設(shè)計師們展開遐想空間,一大批yy出的demo隨之而來。它們有的基于創(chuàng)新的外觀造型,基于iOS已有的專利推論,有的改造原有的iPhone界面,有的配合表盤周圍的硬件按鈕。這里擷取其中幾個圓形界面的例子。
較奇特的一款來自Lamm的界面設(shè)計源自2010年蘋果對iTunes Music的螺旋UI界面的專利,將圖標(biāo)排列在螺旋曲線上,根據(jù)手指在表面上的轉(zhuǎn)動讓圖標(biāo)依序放縮。
Ramachandran的設(shè)計酷似iOS系統(tǒng)在手表上的版本,這一設(shè)計很大程度上可兼容方形界面。
Pinal在iOS7的風(fēng)格基礎(chǔ)上將常用的時間、天氣、電話等主要功能及入口左右呼應(yīng)地安排在金喜正規(guī)買球,更多功能隱藏在下方拉出的浮層里,具體程序則精簡到只占用左側(cè)屏幕。
Olmstead也發(fā)展了iOS7的風(fēng)格,使用了蘋果花2100萬美元從瑞士聯(lián)邦鐵路買到使用權(quán)的鐘表表盤,表身兩側(cè)的硬件按鈕可以根據(jù)程序自身需要編程,如快速拍照等。
Evgeniy將更簡潔扁平的"iOS8"放到iWatch上,給出主屏、音樂、電話和天氣4個界面的設(shè)計。
在安卓和iOS兩個已有的移動操作系統(tǒng)的框架外,還有一些demo會更考究設(shè)計的載體和情懷。
Balogh熱衷于傳統(tǒng)手表,嘗試將智能的科技成份與傳統(tǒng)表元素揉合,保留傳統(tǒng)價值和質(zhì)感的同時在表盤中心提供可與手機(jī)聯(lián)動的功能。
無獨有偶,Catalkaya為Swatch設(shè)計的該款智能手表也有頗多傳統(tǒng)手表的影子。
以上智能手表圓形界面的例子區(qū)別于方形,可以總結(jié)出以下兩個特點:
1、針對圓形安排界面元素
圓形獨有的弧形、環(huán)形、扇形、螺旋形等形狀可以作為界面元素的排布框架,讓界面有天然的結(jié)構(gòu)向心力,使界面較千篇一律的方形產(chǎn)生不拘一格的效果。
2、針對圓形設(shè)計手勢操作
智能手表上手指的操作幾乎均為單手操作,這些操作集中在小面積的表盤區(qū)域,可將操作與圓形界面結(jié)構(gòu)配合,如音樂類app中圓形的播放進(jìn)度,可用轉(zhuǎn)動手勢配合。
除了可穿戴設(shè)備,在其他智能設(shè)備、導(dǎo)覽、手機(jī)顯示屏等領(lǐng)域也一直有圓形界面的嘗試,三個例子分別是:、2011年設(shè)計的導(dǎo)覽系統(tǒng) 和 今年剛發(fā)布的。
轉(zhuǎn)載來自//www.woshipm.com/ucd/105167.html
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)