EMUI 10發(fā)布后,大家普遍覺(jué)得EMUI10更好看了。除了好看,EMUI10在“好用”上也下足了功夫,在那些常被忽略的細(xì)節(jié)中,看華為工程師是如何修煉“臺(tái)下十年功”的。
一、滅屏顯示,也要玩出新花樣
用戶(hù)眼中的滅屏顯示:
“滅屏狀態(tài)下,就主要看個(gè)時(shí)間,還能玩兒出彩?”
AOD(always on display)就是滅屏顯示,有了AOD,平時(shí)手機(jī)放在桌上,無(wú)需去觸碰,轉(zhuǎn)過(guò)頭就能看到重要信息,例如時(shí)間、日期、通知提醒。對(duì)于大多數(shù)人來(lái)說(shuō),滅屏顯示好看與否都沒(méi)放在心上,因?yàn)樗?jīng)常是被忽略的。
華為工程師眼中的滅屏顯示:
“AOD相當(dāng)于手機(jī)外觀(guān)的一部分,作為第一印象的顏值擔(dān)當(dāng),其美觀(guān)性變得極其重要?!?/p>
設(shè)計(jì)過(guò)程中,華為工程師通過(guò)用戶(hù)訪(fǎng)談、調(diào)研等方式去了解用戶(hù)的喜好和訴求。每次調(diào)研結(jié)束后,都吸納用戶(hù)反饋的價(jià)值意見(jiàn)并迅速調(diào)整設(shè)計(jì)方案,在不斷的版本更新與一輪又一輪的用戶(hù)反饋中迭代調(diào)整,經(jīng)過(guò)四輪迭代后,多彩AOD滅屏顯示才正式出現(xiàn)在了EMUI 10上。
EMUI 10上的滅屏顯示
EMUI 10上的多彩AOD(Always on display)滅屏顯示,以不同時(shí)刻絢美多變的天色為靈感,會(huì)隨時(shí)間流轉(zhuǎn)呈現(xiàn)出不同的顏色。
不止有漸變的AOD,EMUI 10還提供豐富的AOD主題樣式,有各種類(lèi)型的表盤(pán),還有展翅的小鳥(niǎo)、安靜的羽毛、神秘的星球、個(gè)性的宇航員等豐富的圖片樣式供用戶(hù)選擇。除了預(yù)置的AOD主題樣式外,主題商城中有更多的在線(xiàn)AOD主題樣式供下載。
二、鎖屏,也要顯出質(zhì)感
用戶(hù)眼中的雜志鎖屏:
“雜志鎖屏已經(jīng)很漂亮了,還要怎樣改變?”
作為雜志鎖屏的創(chuàng)始者,EMUI上絢麗多彩的鎖屏圖片贏(yíng)得了用戶(hù)的不少好感,許多人覺(jué)得已經(jīng)很不錯(cuò)了。
華為工程師眼中的雜志鎖屏:
“雜志能給讀者帶來(lái)一種愉悅的閱讀感受,我們希望能把這種愉悅感帶到用戶(hù)的手機(jī)閱讀感受中來(lái),我們做的還遠(yuǎn)遠(yuǎn)不夠?!?/p>
這次,華為工程師將華為的AI優(yōu)勢(shì)融入進(jìn)了雜志鎖屏,在EMUI 10上再一次完成了大步跨越。
EMUI10上的雜志鎖屏:
EMUI 10上的AI雜志鎖屏,利用了AI的美學(xué)算法,針對(duì)雜志鎖屏的圖片進(jìn)行布局分析,自動(dòng)計(jì)算出圖片的中心位置,根據(jù)每張圖片重心不同,運(yùn)用相關(guān)美學(xué)原則算出文字在整個(gè)圖片中最適合的位置,再利用自研優(yōu)化的智能取色算法對(duì)文字進(jìn)行自動(dòng)調(diào)整,最終使整個(gè)雜志鎖屏呈現(xiàn)出雜志般的閱讀感。
除了鎖屏界面,華為工程師還將雜志化的布局引入到了頁(yè)面設(shè)計(jì)中。在頁(yè)面設(shè)計(jì)中提取了雜志的四大元素:大標(biāo)題、大留白、網(wǎng)格系統(tǒng)、點(diǎn)綴元素,將其貫徹到了多個(gè)App中。通過(guò)雜志化的布局和排版,最終,EMUI 10讓用戶(hù)在閱讀體驗(yàn)和單手操控體驗(yàn)之間取得良好的平衡。
三、深色模式,黑色也要做出五彩斑斕
用戶(hù)眼中的深色模式:
“深色模式,多簡(jiǎn)單,直接把背景一調(diào)就可以了吧?!?/p>
深色模式在眾人期待中如期而至。深色模式可以讓用戶(hù)在夜間環(huán)境下獲得更加好的使用體驗(yàn)。
華為工程師眼中的深色模式:
“深色模式不僅僅是一個(gè)反色的過(guò)程,同時(shí)需要對(duì)文字與系統(tǒng)圖標(biāo)的顏色做了優(yōu)化處理,來(lái)保證視覺(jué)感受的一致性、舒適性和閱讀的易讀性。”
由于人眼對(duì)于色彩明度的感覺(jué)和色彩的明度表示方式之間存在一定的差異,所以,如果深色模式只是簡(jiǎn)單的反色,就會(huì)造成在深色背景上,人眼對(duì)明度感覺(jué)強(qiáng)烈的顏色(比如黃色)會(huì)很刺眼,人眼對(duì)明度感覺(jué)弱的顏色(比如藍(lán)色)會(huì)看不清,從而使眼睛更疲勞。華為人因研究實(shí)驗(yàn)室針對(duì)四種不同日常典型的光照條件,對(duì)用戶(hù)的閱讀效率及閱讀主觀(guān)感受進(jìn)行測(cè)試,從而研究出了合理的文字和圖標(biāo)上的色彩對(duì)比度區(qū)間,滿(mǎn)足易讀性和舒適度。
EMUI 10上的深色模式:
基于華為人因研究實(shí)驗(yàn)室的自研結(jié)果,EMUI10的深色模式采用最優(yōu)的文字前景與深色背景的對(duì)比度,對(duì)文字與系統(tǒng)圖標(biāo)的顏色做了優(yōu)化處理,保證了視覺(jué)感受的一致性、舒適性和易讀性。此外,還通過(guò)界面元素識(shí)別及色彩計(jì)算技術(shù)將色彩算法應(yīng)用到第三方應(yīng)用上,即便第三方應(yīng)用沒(méi)有適配深色模式,也能讓使用者一鍵獲得全局生效的深色模式體驗(yàn)。
四、手眼心合一,流暢動(dòng)效要能被感覺(jué)到
用戶(hù)眼中的流暢動(dòng)效:
“動(dòng)效流暢不流暢,不是直接就可以看到了嗎?”
華為工程師眼中的流暢動(dòng)效:
“只有符合人心理預(yù)期的動(dòng)效,才能給人流暢的感覺(jué),反之就會(huì)感到奇怪、唐突?!?/p>
華為工程師在動(dòng)效設(shè)計(jì)中,通過(guò)人因研究,遵循真實(shí)世界的客觀(guān)規(guī)律,給予“手”及時(shí)的反饋,給予“眼睛”舒適順滑的效果,同時(shí)能符合人的“心”理預(yù)期,將“手、眼、心”合一的理念運(yùn)用到設(shè)計(jì)的點(diǎn)擊動(dòng)效、切換動(dòng)效、返回動(dòng)效。
EMUI10上的流暢動(dòng)效:
EMUI10通過(guò)人因自研結(jié)果,采用了“手、眼、心”合一的動(dòng)效設(shè)計(jì)。在點(diǎn)擊動(dòng)效中加入反彈效果,從而讓點(diǎn)擊動(dòng)作的反饋更自然,而切換效果則通過(guò)精確控制時(shí)長(zhǎng)來(lái)保證舒適,既不給用戶(hù)閃跳突變的感覺(jué),也不造成拖沓等待的體驗(yàn)。此外,返回動(dòng)效會(huì)模擬物體拋物線(xiàn)的原理,根據(jù)返回方向、速度不同以及松手位置,計(jì)算顯示出不同的拋物線(xiàn)效果。
從EMUI 3.0“點(diǎn)、線(xiàn)、圈” 的設(shè)計(jì),到EMUI 5.0的“簡(jiǎn)潔純凈”,再到EMUI 9.0的“質(zhì)享生活”的設(shè)計(jì)理念,EMUI一次又一次在人們的驚喜中完成著進(jìn)化。美,不止初見(jiàn)。這次,EMUI 10讓用戶(hù)在“好看又好用”的細(xì)節(jié)中感受到了品質(zhì)感。EMUI 10將在下一代Mate系列首發(fā),讓我們期待它的正式到來(lái)。
-
華為
+關(guān)注
關(guān)注
216文章
34547瀏覽量
253149 -
EMUI
+關(guān)注
關(guān)注
1文章
215瀏覽量
11928
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
電子工程師的經(jīng)驗(yàn)分享
![](https://file1.elecfans.com/web3/M00/05/24/wKgZPGd9BIKAasMYAAP9Ml_injM792.jpg)
不同時(shí)期的硬件工程師,最怕發(fā)生的事 #電子工程師 #硬件工程師 #內(nèi)容過(guò)于真實(shí) #YXC晶振 #揚(yáng)興科技
![](https://file1.elecfans.com/web1/M00/F3/FA/wKgaoWciDI6ABdEhAAJtvu-cw_c556.jpg)
當(dāng)你的工程師朋友失聯(lián)時(shí),別氣,ta真的是在忙工作 #搞笑 #電子愛(ài)好者 #硬件工程師 #晶振 #揚(yáng)興科技
![](https://file1.elecfans.com/web2/M00/07/FB/wKgZombz6VuAFeotAAIjSCj1HKI007.jpg)
硬件工程師VS軟件工程師|硬件工程師看到這都淚目了!#硬件設(shè)計(jì) #硬件工程師 #電子工程師 #軟件工程師
FPGA算法工程師、邏輯工程師、原型驗(yàn)證工程師有什么區(qū)別?
![](https://file1.elecfans.com/web2/M00/FF/40/wKgaomahti2AV26dAAMiNIjdnKg435.jpg)
![](https://file1.elecfans.com/web2/M00/FE/5C/wKgaomaaQAGASltQAAbqv2SgV1E642.png)
![](https://file1.elecfans.com/web2/M00/EB/14/wKgaomZXAd-AWEwjAAuV2RdwuSM130.png)
干硬件這一行,各種辛酸只有同行才懂吧 ? #電路設(shè)計(jì) #電子愛(ài)好者 #硬件工程師 #電子工程師
嵌入式軟件工程師和硬件工程師的區(qū)別?
![](https://file1.elecfans.com/web2/M00/E5/09/wKgZomZB1aqAfoLMAALwKMk88bw153.jpg)
電子工程師常見(jiàn)面試題(二)看看你能答對(duì)幾道吧#電子工程師 #電子工程師面試 #電子信息 #電工
![](https://file1.elecfans.com/web2/M00/DF/FB/wKgZomY1H9uAdzzJAAMwQMmJ0js548.jpg)
“班長(zhǎng)!說(shuō)好畢業(yè)后當(dāng)硬件工程師,你怎么..." #搞笑 #電子行業(yè) #電子工程師 #晶振 #揚(yáng)興科技
![](https://file1.elecfans.com/web2/M00/DE/DE/wKgZomYwuQ-AegjsAAISSibiD4I286.jpg)
![](https://file1.elecfans.com/web2/M00/C5/1E/wKgaomXxdsmAENR6AAKEdyutPEU736.jpg)
一位硬件工程師的歷練之路:從入門(mén)學(xué)習(xí)理論到... #搞笑 #硬件工程師 #電子工程師 #揚(yáng)興科技
![](https://file1.elecfans.com/web2/M00/C1/DF/wKgZomXfAbCATSsHAA8xXbkMaK8112.png)
![](https://file1.elecfans.com/web2/M00/C1/46/wKgaomXUeXuAXDwNAAJ_XqvplMU996.jpg)
評(píng)論