0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

華為EMUI10亮相 實現(xiàn)一次開發(fā)多端部署

454398 ? 來源:工程師吳畏 ? 2019-08-12 14:13 ? 次閱讀

8月9日下午,EMUI10在華為開發(fā)者大會上首發(fā)亮相。

作為EMUI歷史上第8次大版本更迭,EMUI10最大的能力是突破了硬件界限,將不同終端的硬件能力 (顯示、攝像頭、麥克風、音箱) 虛擬出來,放入硬件能力資源池供應用調(diào)用,各終端之間能力互助共享,互為外設。

對應用來說,如同運行在同一終端上;對用戶來說,就如同在使用同一終端。而且EMUI10分布式UI編程框架,業(yè)務邏輯元能力化,實現(xiàn)一次開發(fā)多端部署。

這是EMUI10底層上一些主要的變化和升級。由于時間限制,EMUI10用戶日常接觸最多的UX(用戶體驗)設計,在9日的大會演講中并未詳細提及。10日,華為又單獨安排了一場專訪,華為消費者BG軟件部副總裁、消費者BG軟件部UX設計部部長毛玉敏向和媒體分享了EMUI10的UX設計理念。

毛玉敏表示,從EMUI 的歷史來講,EMUI3.0的設計理念是“點線圈”,到了EMUI5.0清爽簡潔、充滿愜意,而EMUI9.0的設計理念是“質(zhì)享生活”。所以在構(gòu)想EMUI10的時候,除了美、時尚、優(yōu)雅這三點外,EMUI的團隊希望用戶使用的過程中覺得舒適和自然,越用越愛用,越用越離不開它。這也就是EMUI10.0的設計理念——“美 不止初見”。

以AOD(熄屏顯示)界面為例,EMUI10引入了時光流逝的設計,從清晨的陽光升起,可以看到字體光面的變化,呈現(xiàn)出來自天空的淡藍色,到中午的陽光,呈現(xiàn)出蔚藍色,到了傍晚呈現(xiàn)出霞光的橙色。到了晚上,這個城市的夜空亮起,霓虹的色彩映入天空,有更加深邃、迷人的感覺。

“我們希望在任何細節(jié)的設計都能夠給用戶帶來不一樣的動感的、時尚的感受。”毛玉敏說。

同時,EMUI10還將雜志化的布局引入到了頁面設計中,比如有更大標題、讓主題更突出,充足的留白讓更頁面有更多的呼吸感,高亮元素點綴頁面,突出重點讓你很方便地找到你想找的元素。

在毛玉敏看來,這個設計不僅是為了美,更多的是為了平衡我們的閱讀習慣和用戶的單手操作。從閱讀的角度來講,中上部是最好的閱讀區(qū)域,但是從單手操作的角度來講,下部和中間位置是比較好的操控區(qū)域。

毛玉敏認為,通過雜志化的布局和排版,EMUI10所有的頁面你都可以在閱讀體驗和單手操控體驗之間取得良好的平衡。

在色彩方面,從EMUI5.0開始就明確了華為的主色調(diào)——藍白調(diào),EMUI10也繼承了這一傳統(tǒng)。據(jù)毛玉敏介紹,EMUI10對所有的輔助色都進行了精細化的考量,原則是,小面積的用色采用高飽和度的顏色,大面積的背景填充選擇低飽和度的顏色,這樣設計的好處是讓視覺更有高級感。

據(jù)了解,大面積使用的低飽和色,EMUI10這次引入了莫蘭迪色。

莫蘭迪是意大利著名的畫家,其用色的原則就是在色彩中加入了高級的灰,讓這種顏色看起來平和自然、優(yōu)雅細致。

毛玉敏表示:“這種低調(diào)的高級感和品質(zhì)感,跟華為手機的理念是非常搭的。所以我們這次在配色上,在大面積高飽和度的使用場景下,我們采用了莫蘭迪風格的六種顏色。這些種顏色我們用于通訊錄、備忘錄、插畫設計中。”

而在圖標方面,EMUI10用了黃金比例的圖標設計方法,進一步對圖標的細節(jié)進行打磨,圖標的收口、轉(zhuǎn)角等細節(jié)都來自于黃金比例的圓。同時,EMUI10還提供了一套全新的圖標,不同的風格,希望給用戶更多的選擇。

此外,據(jù)毛玉敏介紹,EMUI10深色模式也下了很大功夫,并沒有采用簡單的反色,而是以保證易讀性、舒適性和色彩的一致性進行了全新設計。同時,EMUI10的深色模式可自動適配第三方應用,保證用戶在使用的深色模式的過程中,無論是本地應用還是三方應用都有一致的體驗。

談及動效,毛玉敏認為,流暢的動效應該是符合人的心理預期的動效,簡單來說,就是要手、眼、心一致,經(jīng)過對用戶動作和感知的仔細分析,最終發(fā)現(xiàn)APP打開動效的最佳的時長是300-400毫秒。據(jù)悉,EMUI10所有的大位移動效都進行了落地和實施。

“為什么我們花這么多心思在這些細節(jié)上,對于設計師來講,有兩句話:第一,Less is more。第二,God is in the details”,在毛玉敏看來,偉大的產(chǎn)品都是來自細節(jié)的。

按照華為官方的適配計劃,下一代Mate系列將首發(fā)搭載EMUI10,9月8日P30系列將啟動EMUI10的Beta升級嘗鮮。

在現(xiàn)場,我們也搶先體驗到了升級EMUI10 Beta版華為P30 Pro。從安卓版本來看,EMUI10是基于Android 10深度打造,除了UI、圖標的明顯變化,我們還看到了全新的系統(tǒng)主題,先來一起感受下:

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 華為
    +關注

    關注

    215

    文章

    34187

    瀏覽量

    250595
  • EMUI
    +關注

    關注

    1

    文章

    215

    瀏覽量

    11843
收藏 人收藏

    評論

    相關推薦

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā),多端部署】實戰(zhàn)(設置典型頁面)

    本示例展示了設置應用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
    的頭像 發(fā)表于 05-27 09:36 ?990次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:典型頁面場景【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】實戰(zhàn)(設置典型頁面)

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā),多端部署】實戰(zhàn)(音樂專輯頁2)

    本示例使用[一次開發(fā)多端部署]中介紹的自適應布局能力和響應式布局能力進行多設備(或多窗口尺寸)適配,保證應用在不同設備或不同窗口尺寸下可以正常顯示。
    的頭像 發(fā)表于 05-25 16:47 ?1959次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:典型頁面場景【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】實戰(zhàn)(音樂專輯頁2)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(視頻應用)

    者提供了“一次開發(fā),多端部署”的系統(tǒng)能力,讓開發(fā)者可以基于一次
    的頭像 發(fā)表于 05-25 16:29 ?4369次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(視頻應用)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(音樂專輯頁面)

    基于自適應和響應式布局,實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
    的頭像 發(fā)表于 05-25 16:21 ?631次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(音樂專輯頁面)

    鴻蒙OS開發(fā):【一次開發(fā)多端部署】應用(資源使用)

    在頁面開發(fā)過程中,經(jīng)常需要用到顏色、字體、間距、圖片等資源,在不同的設備或配置中,這些資源的值可能不同。
    的頭像 發(fā)表于 05-21 15:43 ?889次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】應用(資源使用)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(多設備自適應能力)簡單介紹

    本示例是《一次開發(fā),多端部署》的配套示例代碼,展示了[頁面開發(fā)多能力],包括自適應布局、響應
    的頭像 發(fā)表于 05-21 14:59 ?2106次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(多設備自適應能力)簡單介紹

    鴻蒙OS開發(fā):【一次開發(fā)多端部署】( 設置app頁面)

    本示例展示了設置應用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
    的頭像 發(fā)表于 05-21 14:56 ?821次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】( 設置app頁面)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(音樂專輯主頁)

    本示例使用一次開發(fā)多端部署中介紹的自適應布局能力和響應式布局能力進行多設備(或多窗口尺寸)適配,保證應用在不同設備或不同窗口尺寸下可以正常顯示。
    的頭像 發(fā)表于 05-21 14:48 ?613次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(音樂專輯主頁)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(多天氣)項目

    本示例展示個天氣應用界面,包括首頁、城市管理、添加城市、更新時間彈窗,體現(xiàn)一次開發(fā),多端部署的能力。
    的頭像 發(fā)表于 05-20 14:59 ?752次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(<b class='flag-5'>一</b>多天氣)項目

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(天氣應用)案例

    本章通過個天氣應用,介紹多應用的整體開發(fā)過程,包括UX設計、工程管理及調(diào)試、頁面開發(fā)等。
    的頭像 發(fā)表于 05-15 15:42 ?914次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(天氣應用)案例

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(簡介)

    隨著終端設備形態(tài)日益多樣化,分布式技術(shù)逐漸打破單硬件邊界,個應用或服務,可以在不同的硬件設備之間隨意調(diào)用、互助共享,讓用戶享受無縫的全場景體驗。而作為應用開發(fā)者,廣泛的設備類型也能為應用帶來廣大
    的頭像 發(fā)表于 05-14 15:20 ?1046次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(簡介)

    HarmonyOS開發(fā)案例:【一次開發(fā)多端部署-音樂專輯】

    基于自適應和響應式布局,實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
    的頭像 發(fā)表于 05-13 16:48 ?597次閱讀
    HarmonyOS<b class='flag-5'>開發(fā)</b>案例:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>-音樂專輯】

    HarmonyOS開發(fā)案例:【一次開發(fā),多端部署(視頻應用)】

    者提供了“一次開發(fā),多端部署”的系統(tǒng)能力,讓開發(fā)者可以基于一次
    的頭像 發(fā)表于 05-11 15:41 ?1197次閱讀
    HarmonyOS<b class='flag-5'>開發(fā)</b>案例:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>(視頻應用)】

    HarmonyOS開發(fā)實例:【分布式新聞客戶端】

    基于柵格布局、設備管理和多端協(xié)同,實現(xiàn)一次開發(fā)多端部署的分布式新聞客戶端頁面。
    的頭像 發(fā)表于 04-17 15:57 ?779次閱讀
    HarmonyOS<b class='flag-5'>開發(fā)</b>實例:【分布式新聞客戶端】

    emui10怎么升級鴻蒙系統(tǒng)

    鴻蒙系統(tǒng)是華為開發(fā)的新代操作系統(tǒng),而EMUI 10則是基于Android的用戶界面。目前,華為
    的頭像 發(fā)表于 02-02 11:31 ?2138次閱讀