華為EMUI10正式公布全新UI/UX設計:黃金比例圖標,深色模式

2020-12-17 品玩

PingWest品玩8月10日訊,在今日舉行的EMUI10 UX媒體溝通會上,華為消費者BG軟體部副總裁毛玉敏登場,帶你了解EMUI10全新UX設計。

多彩AOD(Always on display)滅屏顯示以不同時刻,豐富多彩、絢美多變的天色為靈感,會隨時間流轉呈現出不同的顏色,復現自然之美。

雜誌鎖屏結合AI美學算法,給用戶帶來真正的雜誌般的閱讀體驗。此外我們還將這種雜誌化的界面設計運用於多個系統App中,給有品位的你更愉悅的視覺感受。

EMUI10在色彩的設計上,按照「小面積高飽和度,大面積低飽和度」的設計原則,對輔助色彩上進行了優化。為了提升品質的高端感,在大面積用色上,引入低飽和度色彩的代表風格-莫蘭迪色系。莫蘭迪色系來源於義大利著名畫家喬治·莫蘭迪(Giorgio Morandi),表現為色調低調不張揚,雅致又耐人尋味,經得起長時間的使用而不膩味。啟發於莫蘭迪色系靈感的6種顏色,融入聯繫人詳情、備忘錄、插畫等界面上。

EMUI10在圖標設計上力求整體的統一和諧,通過黃金比例的應用,對圖標元素的形狀輪廓進行了精細推敲,形成了規範性統一貫徹整套圖標。經過重新打磨的默認圖標延續了老用戶的認知習慣,品質進一步提升,更好的滿足幾億各類用戶群體審美差異,力爭最大公約數。

EMUI10深色模式,不止是簡單的反色,而是通過建立舒適的對比度水平建模,採用最優的文字前景與深色背景的對比度,並將文字、系統圖標及控制項的顏色優化,以確保深色模式與淺色模式間切換時,人眼的視覺感受仍和諧一致。

EMUI10動效設計,優化點擊、切換和返回動效,給予「手」及時的反饋,賦予「眼睛」舒適順滑的感受,使動效符合人的「心」理預期。「手眼心」合一,運用到每一個動效設計,讓流暢成為「手、眼、心」的一致體驗。

相關焦點

  • UI/ UX設計指南:專業術語,解釋,建議及未來發展趨勢
    一致性在大多數情況下,可以使用一套正式的設計準則來設計特定設備或格式的產品。3. 確認性需要對任何重要或不可逆的操作進行確認,以防止用戶可能意外地犯錯誤。4.Google Ventures提出了另一個很棒的設計過程。這就是設計衝刺。它讓團隊快速定義和測試低保真度原型。Google Ventures的設計衝刺可以看作是三種方法的結合:設計思維、敏捷和精益。設計衝刺的關鍵部分是創建原型,這是收集數據和測試想法的最佳方法之一。該模式可以通過以下方式呈現:
  • 2020 UX/UI 設計的5個趨勢
    我們距離進入21世紀的第三個十年還有不到幾個月的時間,而2020年將會帶來用戶體驗和用戶界面設計的全新潮流和偉大實踐。從過渡到全新的「設計領域」(如支持語音的UI,或AR/VR設計),再到UI設計的趨勢(如動畫、自定義圖像等)。2019年對於UX/UI設計而言是偉大的一年。我們看到抽屜、圓角和導航欄切換已經擺脫傳統形式了,而且效果很好。這意味著世界在變化,設計也在發生不斷的變化,甚至在很多情況下,設計引領了世界的變化。
  • 從0開始的 UI/UX 設計推薦書單
    非設計師也該學的界面設計常識• 打造最強網頁UI/UX設計腦:設計師都該懂的絕佳設計.溝通法則• 如何設計好網站:Dont Make Me Think• 行動界面設計模式• 微互動• 打動人心的產品設計:頂尖設計師打造成功產品的黃金法則• About Face 4:互動設計精髓不是你太笨,是爛UI的錯!
  • 全新配色+EMUI10系統 The New P30 Pro發布
    【TechWeb】9月6日,華為在柏林國際電子消費品展覽會(IFA2019)上正式推出The New P30 Pro。The New P30 Pro在設計配色和攝影性能上具備多項提升:全新配色帶來不同以往的全新感觀,最新加入的攝影和視頻編輯功能,讓創作更為輕鬆;並升級至EMUI10系統。
  • 最全ui設計圖標解析,圖標概念大揭曉
    咳咳~不好意思跑題了,ui設計圖標並不是這樣的!(冷漠臉)圖片來源於網絡其實正確打開方式是這樣的!(如下圖所示)圖片來源於網絡按設計形式分類分為扁平化圖標和擬物化圖標1、扁平化圖標扁平化設計特點:簡潔,清新,設計感強,沒有更多的細節與特效修飾。直接明了的表達出出圖標的本意。缺點是識別性差。
  • 2021年UI設計趨勢指南
    原文地址: https://uxdesign.cc/a-guide-of-ui-design-trends-for-2021-637ac038cb99 譯文地址:非科班設計(公眾號) 譯者:逗砂 我們終於還有一個月就要告別魔幻的2020年了,uxdesign又寫了一篇趨勢指南。
  • 這8種UI/UX設計趨勢你知道嗎?
    3. Web和移動界面中的3D圖形3D圖形幾乎無處不在-在電影,視頻遊戲,街頭廣告中。遊戲行業通常會首先在產品設計中引入創新和新技術。研究證明VR也不例外,2019年Oculus Quest推出後,其他行業也嘗試了很多可能性。Facebook執行長馬克·扎克伯格(Mark Zuckerberg)已經測試了令人興奮的手部交互功能,並於2020年初正式宣布了Quest的手部跟蹤更新!
  • 談談UI設計中酷斃了的深色系!
    一方面,採用深色系的設計風格,只要確保對比度,本身的可用性和易用性並沒有太大的問題,另一方面,這樣的設計在美學上也有著獨有的優勢,讓界面呈現出一種獨特的戲劇性,同時還能讓一些品牌擁有更加有趣和引人入勝的視覺。
  • 2021年湧現的UX/UI設計熱門趨勢
    04 全屏效果 全新的行動裝置的新設計可能會以其身臨其境的全屏性能為我們帶來驚喜。屏幕尺寸每年都在變得越來越大,而用戶的注意力範圍卻一直在變小。
  • 從小白到資深UI/UX設計師的7個步驟
    · awwwards.com獎勵設計人才的網站,有很多優秀的作品。· dribbble.com一個設計師分享設計作品的平臺· pttrns.com移動端設計作品匯集 · uimovement.com最好的UI設計靈感庫,每天有很多新鮮的素材
  • UI設計模式大閱兵
    互動設計師在設計線框圖原型時,熟知常見的Web設計模式很有幫助,做到「心中有數」才能創造出符合需求,用戶易學易用的界面來。常見的設計模式有哪些呢?在商業中有哪些案例呢?某公司互動設計師張雅秋寫了一篇博文對此進行了總結,現轉載於此,全文如下:互動設計師在設計線框圖原型時,熟知常見的Web設計模式很有幫助,做到「心中有數」才能創造出符合需求,用戶易學易用的界面來。所謂「沒有必要重複發明輪子」,模式往往容易解決常見問題,正確的模式能幫用戶熟悉界面、提高效率。常見的UI設計模式如下圖:
  • UI設計網站 | 常用的UI設計網站大集合
    UI中國http://www.ui.cnwww.ui.cn-(原iconfans)界面設計垂直社區、中國人氣最高的圖形界面互動設計平臺。優界網http://97ui.com優界網,提供UI圖標及UI psd素材免費下載,專注UI精品設計素材下載520設計網http://www.sj520.cn520
  • UI設計哪個學校好?零基礎學UI設計教程分享
    UI設計哪個學校好?零基礎學UI設計教程分享。沒有任何基礎到底適不適合學習ui設計,多久可以學會,如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單,很多職場轉行和畢業的新手小白系統的學習幾個月都能學會,所以大家想學習ui設計其實不要太過於擔心。
  • 2021年UX設計趨勢
    原文地址https://uxdesign.cc/the-state-of-ux-for-2021-619ddd23303fUX設計是一門在時刻變化的學科,每年都會有新的趨勢出現,在最近過去的一年也不例外。全球新冠疫情的出現和各國的封鎖,突然使得我們現實與數字交互的方式發生了一些變化,人們不僅花更多的時間使用網際網路,其思想和行為也變得不一樣。
  • 本年度十大移動應用UI/UX的設計趨勢
    UI/UX是User Interface / User Experience的簡稱,也就是我們常說的用戶界面與用戶體驗設計。如今,從人工智慧到Android 10與iOS 13的夜間深色主題模式,應用界面的相關技術正在不斷地進行迭代與更新。因此,作為開發人員,特別是移動開發人員,我們需要善於緊跟當前的設計趨勢,持續提升用戶使用軟體產品的滿意度。
  • 為什麼都說UX / UI設計師是最佳工作?
    以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。此外,公司也一定會提供iPhone X,VR耳機,AR耳機,全息圖,以及一些全新設備。你會覺得生活在未來的世界裡。
  • 2021設計趨勢:UI/UX篇
    3D無疑是2021的設計趨勢,每一個設計細分領域都有它的身影。新奇的是它開始在扁平化所主導的UI領域被應用。 另外一個能導致3D更應用更普及的是即將發布的蘋果新作業系統Apple’s Big Sur,在寫這篇文章時還沒有發布,甚至沒有公布發布日期,Big Sur 目前是測試版本,公開的測試版本8月6號可提供,同時有一個開發者版本。
  • 參加ui設計培訓都應該知道的事!天津ui設計培訓機構
    正打算學習ui設計的你,不論是想通過線上學習、線下學習還是自學,小築都希望給你一些建議,能夠在ui設計的學習道路上不迷路,不走彎路。 今年的市場情況不是很理想,也給了很多求職者重重一擊尤其是大部分的應屆生同學們,也讓很多人意識到了學習一門技能的重要性,想當然ui設計成了熱門之選。
  • 新擬物化,會是2020年的UI設計趨勢嗎?
    論成為一個流行設計風格,Neumorphism並不夠多樣化,尤其對於現實中需要寫代碼的產品。當然你可以將它使用在Dark Mode深色模式中,同時你可以選擇一種類白色的背景顏色,我們可以依此設計出六種風格,不過他們的區別甚微。別用在按鈕上!
  • UI設計需要學什麼軟體?
    那麼作為一個想要學習UI設計的設計師, Photoshop是必須要掌握的。PS可以在UI設計中,繪製界面設計,圖標設計等。ui動效在當下是一種非常流行的設計元素,所以我們需要掌握這項技能,才能保證在ui設計滔滔大軍中立於不敗之地啊!