時(shí)鐘定位
時(shí)鐘是一款與我們生活息息相關(guān)的工具,在EMUI9.0的UX設(shè)計(jì)過(guò)程中,我們借鑒了人體工學(xué)的基本理論,從人的感受和思維出發(fā),讓時(shí)鐘所呈現(xiàn)出來(lái)的效果更加符合用戶(hù)的預(yù)期。同時(shí)我們致力于主打“自然簡(jiǎn)約”的設(shè)計(jì)理念,將大自然的場(chǎng)景融入到鬧鐘起鬧的的界面設(shè)計(jì)中。
自然鬧鐘,將自然融入生
在鬧鐘起鬧界面的設(shè)計(jì)中,我們結(jié)合了森林之聲、海的私語(yǔ)、晨光、布谷鳥(niǎo)的自然場(chǎng)景,配合對(duì)應(yīng)的鈴聲,來(lái)營(yíng)造一種在紛擾的城市生活中,置身于大自然的氛圍。讓身體處于自然的平和與溫暖之中,感受自然的魅力。
時(shí)鐘表盤(pán)的設(shè)計(jì)
時(shí)鐘表盤(pán)的擬物設(shè)計(jì)
在EMUI9.0時(shí)鐘的UX設(shè)計(jì)中,我們繪制了4個(gè)表盤(pán)。模擬真實(shí)時(shí)鐘、秒表和計(jì)時(shí)器的表盤(pán)。
時(shí)鐘表盤(pán)的設(shè)計(jì)細(xì)節(jié)
模擬真實(shí)鐘表的指針,時(shí)針和分針為黑色指針,并且做出鏤空效果,畫(huà)龍點(diǎn)睛。秒針運(yùn)用的是華為主題的藍(lán)色,能夠和時(shí)針、分針?lè)浅C黠@的區(qū)分開(kāi)來(lái)。
時(shí)針、分針、秒針的光影效果
營(yíng)造出的物理空間感
時(shí)針、分針、秒針做出了不同的光影效果,營(yíng)造出一種:秒針在最上面,分針在中間,時(shí)針在最下面的物理空間感。
指針走動(dòng)的音效
在秒針走動(dòng)的時(shí)候會(huì)發(fā)出滴答滴答走動(dòng)的音效,秒表計(jì)次的時(shí)候模擬真實(shí)秒表按下的音效,滑動(dòng)時(shí)間選擇器滾軸的時(shí)候模擬滾軸的聲音,來(lái)營(yíng)造一種使用真實(shí)鐘表的效果。
可視化版式設(shè)計(jì)
在布局上,按照1:1的方式等分屏幕,重點(diǎn)突出時(shí)鐘表盤(pán),增加界面韻律。
交互方式
除了視覺(jué)上一致性的設(shè)計(jì)原則,時(shí)鐘在交互方式上,我們同樣構(gòu)造了交互方式的秩序。在大屏?xí)r代,將界面的核心高頻操作下移到屏幕底端,令用戶(hù)單手持機(jī)也能在一指距離范圍內(nèi)就能完成新建鬧鐘;新建世界時(shí)鐘;秒表的暫停、計(jì)次、重置;計(jì)時(shí)器的暫停和重置的高頻操作。
-
時(shí)鐘
+關(guān)注
關(guān)注
10文章
1673瀏覽量
130959 -
計(jì)時(shí)器
+關(guān)注
關(guān)注
1文章
414瀏覽量
32486 -
可視化
+關(guān)注
關(guān)注
1文章
1141瀏覽量
20736
原文標(biāo)題:感受時(shí)間,讓自然之聲縈繞耳畔——EMUI9.0時(shí)鐘設(shè)計(jì)
文章出處:【微信號(hào):EMUI-ROM,微信公眾號(hào):HarmonyOS】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
評(píng)論