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

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    關(guān)注

    215

    文章

    34126

    瀏覽量

    249452
  • EMUI
    +關(guān)注

    關(guān)注

    1

    文章

    215

    瀏覽量

    11832
收藏 人收藏

    評論

    相關(guān)推薦

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

    本示例展示了設(shè)置應(yīng)用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
    的頭像 發(fā)表于 05-27 09:36 ?896次閱讀
    鴻蒙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)(設(shè)置典型頁面)

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

    本示例使用[一次開發(fā)多端部署]中介紹的自適應(yīng)布局能力和響應(yīng)式布局能力進(jìn)行多設(shè)備(或多窗口尺寸)適配,保證應(yīng)用在不同設(shè)備或不同窗口尺寸下可以正常顯示。
    的頭像 發(fā)表于 05-25 16:47 ?1887次閱讀
    鴻蒙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ā),多端部署】(視頻應(yīng)用)

    者提供了“一次開發(fā)多端部署”的系統(tǒng)能力,讓開發(fā)者可以基于一次
    的頭像 發(fā)表于 05-25 16:29 ?4209次閱讀
    鴻蒙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>】(視頻應(yīng)用)

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

    基于自適應(yīng)和響應(yīng)式布局,實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
    的頭像 發(fā)表于 05-25 16:21 ?518次閱讀
    鴻蒙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ā),多端部署】應(yīng)用(資源使用)

    在頁面開發(fā)過程中,經(jīng)常需要用到顏色、字體、間距、圖片等資源,在不同的設(shè)備或配置中,這些資源的值可能不同。
    的頭像 發(fā)表于 05-21 15:43 ?795次閱讀
    鴻蒙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>】應(yīng)用(資源使用)

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

    本示例是《一次開發(fā)多端部署》的配套示例代碼,展示了[頁面開發(fā)多能力],包括自適應(yīng)布局、響應(yīng)
    的頭像 發(fā)表于 05-21 14:59 ?1926次閱讀
    鴻蒙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>】(多設(shè)備自適應(yīng)能力)簡單介紹

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

    本示例展示了設(shè)置應(yīng)用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
    的頭像 發(fā)表于 05-21 14:56 ?689次閱讀
    鴻蒙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>】( 設(shè)置app頁面)

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

    本示例使用一次開發(fā)多端部署中介紹的自適應(yīng)布局能力和響應(yīng)式布局能力進(jìn)行多設(shè)備(或多窗口尺寸)適配,保證應(yīng)用在不同設(shè)備或不同窗口尺寸下可以正常顯示。
    的頭像 發(fā)表于 05-21 14:48 ?554次閱讀
    鴻蒙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ā),多端部署】(多天氣)項目

    本示例展示個天氣應(yīng)用界面,包括首頁、城市管理、添加城市、更新時間彈窗,體現(xiàn)一次開發(fā),多端部署的能力。
    的頭像 發(fā)表于 05-20 14:59 ?688次閱讀
    鴻蒙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ā),多端部署】(天氣應(yīng)用)案例

    本章通過個天氣應(yīng)用,介紹多應(yīng)用的整體開發(fā)過程,包括UX設(shè)計、工程管理及調(diào)試、頁面開發(fā)等。
    的頭像 發(fā)表于 05-15 15:42 ?818次閱讀
    鴻蒙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>】(天氣應(yīng)用)案例

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

    隨著終端設(shè)備形態(tài)日益多樣化,分布式技術(shù)逐漸打破單硬件邊界,個應(yīng)用或服務(wù),可以在不同的硬件設(shè)備之間隨意調(diào)用、互助共享,讓用戶享受無縫的全場景體驗。而作為應(yīng)用開發(fā)者,廣泛的設(shè)備類型也能為應(yīng)用帶來廣大
    的頭像 發(fā)表于 05-14 15:20 ?925次閱讀
    鴻蒙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ā),多端部署-音樂專輯】

    基于自適應(yīng)和響應(yīng)式布局,實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
    的頭像 發(fā)表于 05-13 16:48 ?555次閱讀
    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ā)多端部署(視頻應(yīng)用)】

    者提供了“一次開發(fā),多端部署”的系統(tǒng)能力,讓開發(fā)者可以基于一次
    的頭像 發(fā)表于 05-11 15:41 ?1070次閱讀
    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>(視頻應(yīng)用)】

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

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

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

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