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