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