本篇文章1577字,讀完約4分鐘
秦皇島APP開(kāi)發(fā) 【科技在線】emui10在華為開(kāi)發(fā)者大會(huì)上正式發(fā)布,emui10在ux設(shè)計(jì)方面加入了暗黑模式,抹去多彩的aod畫面進(jìn)行顯示,在鎖定升級(jí)后的雜志畫面的同時(shí),引入了莫蘭迪風(fēng)格的顏色,帶來(lái)了更好的視覺(jué)體驗(yàn)。 隨后,華為的客戶bg軟件部副總裁毛玉敏對(duì)比emui10的ux設(shè)計(jì)進(jìn)行了詳細(xì)解讀。
新型aod隱藏屏幕的界面設(shè)計(jì)
多彩的aod(alwaysondisplay )顯示屏,以不斷雕刻、多彩絢麗、富于變化的天空顏色為靈感,隨著時(shí)間的推移呈現(xiàn)出不同的顏色,再現(xiàn)自然之美。
數(shù)字時(shí)鐘的閃爍顯示是大家經(jīng)常使用的,但是在這次設(shè)計(jì)的過(guò)程中,引入了時(shí)間流逝的設(shè)計(jì)。 從晨光中站起來(lái),可以看到字體光面的一些變化。 aod的閃爍顯示現(xiàn)實(shí)中呈天空空發(fā)出的淺藍(lán)色,連白天的陽(yáng)光都呈深藍(lán)色,傍晚則呈霞光的橙色。 到了晚上,這條街的夜晚空變得明亮了,霓虹燈的顏色映在天空上,顯得更有深度,更有魅力。
I美學(xué)雜志鎖定屏
結(jié)合華為eumi10雜志的屏幕鎖定和ai美學(xué)算法,為客戶帶來(lái)真正的雜志一樣的瀏覽體驗(yàn)。 emui10對(duì)每個(gè)圖像進(jìn)行ai的美學(xué)解體,找出圖像的重心在哪里,將配文放置在合適的位置,可以更好地表現(xiàn)雜志化。
這次的emui10將雜志化的版面導(dǎo)入了頁(yè)面的設(shè)計(jì)中。 有更大的標(biāo)題,通過(guò)更加強(qiáng)調(diào)主題、充分留出空白使之有更多的呼吸感,通過(guò)高亮要素使頁(yè)面增色,強(qiáng)調(diào)要點(diǎn),可以很容易地找到想要尋找的要素。
蘭迪色系
emui10在色彩構(gòu)建上進(jìn)行了大膽的創(chuàng)新,以小面積高彩度、大面積低彩度的設(shè)計(jì)基本上優(yōu)化為輔助色彩。 為了提高品質(zhì)的高級(jí)感,在大面積的顏色中加入了彩度低的顏色的代表性風(fēng)格——莫蘭迪色系。
莫蘭迪是意大利畫家。 他使用的顏色大體上是加在顏色上的灰。 如果讓這個(gè)顏色看起來(lái)平靜、自然、優(yōu)雅、纖細(xì),我想它還能經(jīng)受住時(shí)間的考驗(yàn)。 這種保守的感覺(jué)和質(zhì)量感與華為的手機(jī)理念非常吻合。 于是,這次在配色上,在廣闊且彩度高的采用場(chǎng)景中使用了莫蘭迪風(fēng)格的6種顏色。 這些顏色被用于通訊錄、筆記和插圖設(shè)計(jì)。
具有包容性的圖標(biāo)設(shè)計(jì)
emui10采用黃金比例的圖標(biāo)設(shè)計(jì)方法,對(duì)圖標(biāo)的細(xì)節(jié)進(jìn)行了打磨。 這是圖標(biāo)。 如果放入黃金比例的構(gòu)圖,就會(huì)得到大小黃金比例的圓。 我們將這些原始弧線用于圖標(biāo)的細(xì)節(jié)和弧線的設(shè)計(jì)。 除此之外,emui10還提供了全新的圖標(biāo)。 我們希望通過(guò)不同的風(fēng)格為客戶提供越來(lái)越多的選擇。
照相機(jī)體驗(yàn)再次提高
照相機(jī)接口emui10也做了全新的設(shè)計(jì)。 設(shè)計(jì)的首要理念是簡(jiǎn)潔、清晰、動(dòng)感。 從視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)三種感覺(jué)出發(fā),帶來(lái)全新的體驗(yàn)。 新改版的視覺(jué)接口; 將機(jī)械快門鍵的聲音特征納入照相機(jī)的聲音中; 變焦條、滑動(dòng)條的視聽(tīng)觸摸一體化,加上模式切換、參數(shù)變化較大的字體顯示,使設(shè)計(jì)更加簡(jiǎn)潔,聚焦操作。 使用方便。
黑暗模式可以實(shí)現(xiàn)可讀性、舒適度和顏色的一致性
emui10黑暗模式通過(guò)建立舒適級(jí)別的建模而不是簡(jiǎn)單的相反顏色,使用良好的拷貝前景和黑暗背景目標(biāo)度,優(yōu)化拷貝、系統(tǒng)圖標(biāo)和控件的顏色,從而在黑暗模式和燈光模式之間切換
動(dòng)態(tài)效果優(yōu)化
動(dòng)態(tài)效果是非常體現(xiàn)產(chǎn)品質(zhì)量的重要方面,細(xì)節(jié)決策成功、流暢的動(dòng)態(tài)效果應(yīng)該是符合人的心理預(yù)期的動(dòng)態(tài)效果。 實(shí)際上,只有手、眼、心一致,才能獲得順暢的感覺(jué)。 例如,對(duì)方的請(qǐng)求必須響應(yīng)及時(shí),點(diǎn)擊后立即響應(yīng)。 這個(gè)過(guò)程從點(diǎn)擊到手有100-130毫秒。 因?yàn)橐怖眠@個(gè)100-130毫秒,所以按下的話需要反饋。 不這樣做的話,感覺(jué)要遲到了。 要擁有舒適光滑的眼睛,人們對(duì)眼睛不均勻的感知是不同的,感知規(guī)則也在所有動(dòng)畫設(shè)計(jì)的過(guò)程中被使用。
emui10帶來(lái)了許多新的設(shè)計(jì),提高了系統(tǒng)的視覺(jué)體驗(yàn)和采用體驗(yàn),引入了分布式技術(shù),使系統(tǒng)和外圍設(shè)備聯(lián)動(dòng)。 emui10將于9月30日面向華為p30系列客戶開(kāi)放測(cè)試,并配備新一代mate系列。
標(biāo)題:“華為EMUI10全新UI/UX設(shè)計(jì):具AI美學(xué)設(shè)計(jì)的全新體驗(yàn)”
地址:http://www.kungfu-fish.com//xwdt/43983.html