界面系統(tǒng)、色彩構成、聲光體系 小度設計系統(tǒng)升級亮相百度AI交互設計論壇

7月3日- 4日，“Baidu Create 2019”百度 AI開發(fā)者大會在北京國家會議中心隆重舉行，大會聚焦產(chǎn)業(yè)智能化，向業(yè)界展示了百度最新的技術進展和落地實踐。在此次大會的百度AI交互設計論壇上，百度人工智能交互設計院院長、百度設計體驗委員會主席關岱松與其設計團隊共同向外界展示了百度人工智能交互設計院基于深度學習的人因工程，以及百度AI交互設計在無人駕駛、智能硬件、百度大腦、機器人、AR、VR等方面協(xié)同發(fā)展的實踐，并發(fā)布多項最新AI交互設計成果，不僅包含全新升級的小度交互設計系統(tǒng)，更有AI交互設計助力產(chǎn)業(yè)智能化的最新探索。同時，三款基于百度自然情感交互系統(tǒng)NIRO開發(fā)的軟硬一體化創(chuàng)新機器人也在現(xiàn)場亮相。

論壇上，以“溫暖的科技”為主題，兩位百度DuerOS用戶體驗設計師向觀眾詳細介紹了小度從界面，燈光，音效等多維度進行的立體化設計系統(tǒng)升級，包含根據(jù)家庭環(huán)境光而設計的深色主題，圓角設計，讓界面更具親和力;在無屏音箱的燈光設計上，通過高效穩(wěn)定的功能型燈光和氛圍燈光搭建起小度燈光的立體交互系統(tǒng);在音效系統(tǒng)設計上，采用中國傳統(tǒng)五聲音階進行旋律創(chuàng)作，并融入生活場景中人們熟悉的聲音，讓小度音效更適合中國家庭。從而為中國家庭用戶帶來最溫暖的家庭人工智能產(chǎn)品體驗。

以下為演講實錄：

大家好!我們是來自小度用戶體驗部的設計師。

我是設計師小王，我是設計師小劉。

【小王】：相信去年也來參加我們論壇的老朋友還記得，也是在這個舞臺上，我們?yōu)榇蠹曳窒砹岁P于在設計智慧型人機對話系統(tǒng)中的一些思考。

在之后的這一年里，我們也是繼續(xù)努力在為小度產(chǎn)品，還原一個自然的，符合家居場景的舒適體驗。也就是我們今天的主題，智能和家居環(huán)境。正式開始分享之前我想問你個問題，雅菲，你身為小度的設計師在使用小度產(chǎn)品嗎?

【小劉】：這是當然，我有很多小度設備，比如小度音箱、小度在家、小度電視伴侶，還給我媽媽買了一臺小度音箱1S。

【小王】：那你也算是小度的發(fā)燒友了，相信小度的名字已經(jīng)深入人心了，也有越來越多的朋友在使用小度小度去解放雙手便捷的獲取信息和服務，提升生活質(zhì)量。

那么接下來，我給大家先分享一組數(shù)據(jù)!最新的統(tǒng)計結(jié)果顯示，在剛剛過去的6月份，一個月內(nèi)，小度設備的語音交互次數(shù)就達到了36億次!也就是說，平均每秒，我們的用戶就和小度交流了一千多次。

【小劉】：一眨眼的工夫就交互了上千次，真的是件非常令人自豪的事情。

【小王】：沒錯，另一方面也展現(xiàn)出小度更加深入地參與到我們的生活中，這也使得我們的用戶群更加豐富了，很多老人、孩子都成為了小度的忠實用戶，可以說小度是拉近了家人之間的距離。

這也讓我們重新思考，小度如何才能夠更好的為家庭中的每一個人服務。給家人帶來一個友好，溫暖的體驗。我再問你一個問題，你有那么多小度設備，在日常交流中它給你的感受是怎樣的?

【小劉】：我感觸非常深，舉個最簡單的例子，我問小度天氣的時候它會提醒我陰天了一會要下雨，出門一定要帶傘，很關心我很懂我的感覺。在沒有小度之前這都是我的家人提醒我的事，小度越來越像家人了。

【小王】：從單純執(zhí)行命令的語音助手變得貼心了，更溫暖仿佛變成了家庭的一分子，于是我們明確了小度的定位，我們認為它除了需要像大部分語音助手那樣體現(xiàn)智能以外，還應該是溫暖的貼心的像家人讓人感到安全的，所以結(jié)合以上的結(jié)論，我們今天正式在這里向大家發(fā)布全新的小度設計理念—溫暖的科技。

【小劉】：溫暖的科技也代表了我們想要傳遞給用戶的使用感受。下面我們就從界面、燈光、音效這三個部分為大家介紹下小度一年里進行的設計系統(tǒng)升級。

首先是界面部分，小度智能產(chǎn)品是語音交互為主的產(chǎn)品，界面補充了小度的視覺通道，可以說讓小度整體的交互變得更加立體了。

【小王】：大家應該都知道，我們小度產(chǎn)品和傳統(tǒng)的互聯(lián)網(wǎng)產(chǎn)品最大的區(qū)別就是，我們是一個以家居場景為主的智能產(chǎn)品。因為大家可能隨時隨地都會用手機，無論是在室內(nèi)，還是室外。而我們小度產(chǎn)品，可以說大部分的使用場景，都是在家里。

我們先來看一下環(huán)境的差異，家里跟戶外的環(huán)境光照強度是有很大區(qū)別的。像今天的室外溫度很高，此時的陽光光照是非常強烈的，最高能夠達到10萬勒克斯(勒克斯是一個光照度的單位)，但現(xiàn)在室內(nèi)的照度，最高也就500左右，他們之間足足相差了將近兩百倍。

大家不要覺得這個兩百倍是我夸張的，想象一下，這個時候，我們猛然拉開窗簾立馬看到外面強烈的陽光，是不是感覺自己瞬間睜不開眼了。

我們小度產(chǎn)品的使用場景，大多就是在家里。一天中家庭環(huán)境里光照的變化，并沒有在外面的差別那么大?？梢哉f整體來說還是比較暗的。

這個時候如果看見一個比較亮的屏幕，人眼受到的刺激就會比較強烈。這是由于眼睛已經(jīng)適應了一個比較暗的環(huán)境，當突然受到強光刺激時，眼睛的適應狀態(tài)被破壞了，造成的不適感，稱為眩光反應。

我們引用國際標準化組織研究出的屏幕亮度比值， 不超過10：1，只要在這個范圍內(nèi)，就能保證屏幕內(nèi)容的清晰呈現(xiàn)，并且是家居環(huán)境下人眼最舒適的一個狀態(tài)。

那我們小度作為家庭設備，更多陪伴家人的時間段是在晚上，所以我們根據(jù)用戶的使用環(huán)境，來定義界面背景色的深淺，減少屏幕對眼睛的刺激。所以根據(jù)這個范圍，我們?yōu)樾《鹊膸猎O備，設計了更適合家居環(huán)境的深色主題。

這樣的深色色彩氛圍，其實它并不是為了長時間閱讀文字而設計的，我們只希望讓用戶聚焦那些最關鍵的信息就足夠了。

其次，深色的色彩也是能夠更好的融入家居環(huán)境，不會顯得跳脫，也不會刻意打擾用戶。希望通過我們努力，能為大家?guī)砀玫囊曈X體驗!

除了顏色上的處理，我們還在界面設計的細節(jié)處，也體現(xiàn)了小度的溫暖，下面請雅菲為我們介紹一下小度界面中的圓角設計。

【小劉】：人們對弧形的偏好是可以通過對腦部的掃描來證實的。世界頂尖的神經(jīng)研究所，美國的巴羅神經(jīng)學研究所(BNI)。進行了很多這方面的研究，他們研究發(fā)現(xiàn)：“感知角的那部分神經(jīng)回路會產(chǎn)生與角的突出關系相關的活動。越銳利的角會產(chǎn)生越強的反應。”

專業(yè)術語會比一般的口語，大腦處理起來要更復雜。而人們都喜歡簡單的，輕松的。這句話簡單講就是我們看到一個銳利的角，會比弧形，我們的大腦處理起來會復雜一些，所以大家會覺得圓角更親和。家庭里面有很多老人孩子的用戶，這個親和就很重要了，而且圓角會帶來更安全的感覺。

除了認知神經(jīng)給我們帶來的感受上的差別以外，設計中更重要的一個原則，是形式是為內(nèi)容服務的，以我們界面系統(tǒng)中最基礎的卡片元素為例，單張的圓角卡片，四個圓角向中心是有指向性的，會讓內(nèi)容更聚焦。

在一個卡片列表里面，連續(xù)對齊的直角卡片列表會在視覺上形成一個虛擬邊緣，看上去更像是一個內(nèi)容中的幾個部分。當它們具有圓角的時候，卡片會更獨立，更容易讓人一眼就看出我想要的內(nèi)容是第幾個。在語音產(chǎn)品里面，我們直接說第幾個，會比念出標題來選擇內(nèi)容，效率更高。尤其是在標題比較長的時候。所以啊，圓角在語音產(chǎn)品里面表現(xiàn)會更好

為了找到最合適的圓角范圍，我們也和人工智能交互設計院的專家們一起，做了很多的研究和調(diào)研工作，可以看出，不同設備在各自的觀看距離范圍內(nèi)，圓角尺寸的不同，也會給用戶帶來不同的感受。圓角太大或者太小，用戶觀看屏幕的舒適度都會有一定的下降。我們根據(jù)這一調(diào)研結(jié)果，在不同場景的產(chǎn)品中 也設計了一套讓用戶感覺最舒適的圓角變化。

除了卡片元素，我們也把圓角這一基礎形態(tài)廣泛應用在了圖標，語音氣泡，音波的界面設計中。我們在保證信息量和觀感的前提下，讓小度的界面系統(tǒng)更友好，更溫暖，也讓內(nèi)容更加聚焦。

我們不僅把生活中的場景運用在了有屏音箱的界面中，還延續(xù)到了無屏音箱的光效設計里面。

【小王】：沒想到小圓角也有大的設計。在智能對話系統(tǒng)中，界面只是視覺通道的一部分，燈光是我們在視覺通道遇到的一個全新的課題，接下來就讓我們一起了解一下小度賦予燈光的新意義。

【小劉】：燈大家很熟悉了，但是燈光交互，是語音產(chǎn)品催生的一個新的交互領域。

在今年，我們和百度人工智能交互設計院人機探索實驗室一起，建立了小度全新的燈光交互系統(tǒng)。在無屏設備上，燈光就當于是設備的“屏幕”，它配合語音回復，讓人們能夠更直觀的感受到，設備是正在和人進行對話的一個狀態(tài)，最常見的喚醒，聆聽，解析，這種功能型的燈效，通常都是穩(wěn)定和高效的。

我們來看看喚醒這個狀態(tài)，當用戶說“小度小度”喚醒他的時候，無屏音箱的頂部，會在藍色基礎的光圈上，呈現(xiàn)出一個非常靈動的紅色高光。不管用戶是在哪個方位喚醒小度，紅色的高光都能迅速的聚合在人說話方向上，就像人與人對話時，一定是需要有眼神交流的。

有種注視著你，用心去傾聽的感覺。聆聽的時候，靜靜的注視著你，并且予以一定的回應，好像是在點頭肯定，我們希望小度是一個很友好的傾聽者。解析，是小度在思考的狀態(tài)。

功能型的燈效是屏幕中音波的延伸，在顏色上，延用了小度的品牌色，讓燈光更具有識別度。那么除此之外，我們還設計了一些家庭中特定場景下的燈效。根據(jù)場景來變化不同的顏色和動態(tài)效果，來烘托不同的氛圍。

我們希望不論是無屏音箱還是有屏音箱，小度都能夠讓人們感受到家的溫暖。他們組成了小度的智能燈光交互體系，可以說燈光交互，是讓我們小度的視覺通道變得更加完善了。

關于氛圍型的燈效，給大家舉個例子。我們經(jīng)常遇到這樣的情況，就是半夜醒來想去喝口水，但周圍一片漆黑，我們就只能摸黑去找燈的開關。好不容易把燈打開了，又會因為瞬間的亮光刺激睜不開眼。那么這時，如果你的床頭有一臺小度音箱1s。你只需小聲對它說“小度小度，打開小夜燈。”

在夜晚模式下喚醒小度，它不會用語音來回復你，它會進行無聲的燈效反饋。小度不會說話，只是緩緩為你亮起一個溫暖而不刺眼的微光，照亮的你床前。它不僅僅是作為設備的一個反饋提示，而是被我們真正賦予了溫度，讓小度在的地方成了家里一個很溫暖的角落。

【小王】：界面和燈光，都是視覺通道，那么，聽覺通道是智能對話系統(tǒng)中最基礎也是最重要的環(huán)節(jié)，我們請到了音樂領域的資深專家來和我們一起，打造了全新的小度音效體系，從旋律的設計，到音色的變化，都體現(xiàn)了我們“溫暖的科技”的設計理念，也更適合我們中國家庭的使用場景。

很榮幸的跟大家介紹，小度音效的明星制作人韋偉。韋偉老師是最近大火的旅行團樂隊的鍵盤手，同時也是國內(nèi)非常資深的編曲人和音樂制作人。下面我們就一起聽聽他對于小度音效的理解。

韋偉：這次音效制作在旋律創(chuàng)作上采用了中國傳統(tǒng)的五聲音階，這樣做是想讓用戶在使用百度產(chǎn)品的時候有熟悉感，縮短產(chǎn)品與客戶之間的距離，在制作音色選擇上，我們用了很多大家生活場景當中熟悉的聲音，比如鐘聲，鈴聲，希望喚起大家對生活的回憶，聯(lián)想到與家人在一起溫暖的感覺，同時加入電子聲效，希望能給大家?guī)頊嘏目萍嫉母杏X，本月會陸續(xù)上線這些音效希望大家喜歡。

【小王】：就像韋偉老師說的，全新的小度音效體系 本月 就會在小度產(chǎn)品中陸續(xù)跟大家見面，希望大家多多體驗，也歡迎大家給我們提出寶貴意見。

以上，就是我們在界面，燈光，和音效上對小度進行的多維度的設計系統(tǒng)升級。

【小劉】我們通過這些系統(tǒng)性的設計，來為小度產(chǎn)品，打造了一個更加融入中國家庭場景的智能對話體驗。

【小王】：希望通過我們的努力，能夠讓家里的每一個人，都能感受到那一份溫暖的科技的力量。謝謝!

生成海報

免責聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準確性及可靠性，但不保證有關資料的準確性及可靠性，讀者在使用前請進一步核實，并對任何自主決定的行為負責。本網(wǎng)站對有關資料所引致的錯誤、不確或遺漏，概不負任何法律責任。任何單位或個人認為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權或存在不實內(nèi)容時，應及時向本網(wǎng)站提出書面權利通知或不實情況說明，并提供身份證明、權屬證明及詳細侵權或不實情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關文章源頭核實，溝通刪除相關內(nèi)容或斷開相關鏈接。