我們都知道做網(wǎng)頁(yè)相關(guān)的項(xiàng)目,不管是 C 端的還是 B 端的,往往都會(huì)應(yīng)用響應(yīng)式布局,用了響應(yīng)式布局,就肯定要做柵格系統(tǒng),才能確保響應(yīng)式的正常執(zhí)行。但是,移動(dòng)端要不要用柵格,怎么用,就成為很多人困擾的問題,我們就用今天這篇分享來解釋。
David是一個(gè)來自美國(guó)的華僑,哥大畢業(yè)后就來到了亞洲,現(xiàn)在定居北京!David是一個(gè)爸爸,也是一個(gè)創(chuàng)業(yè)者,在過去7年里都在科技教育領(lǐng)域創(chuàng)業(yè)。David相信,英語啟蒙能在家就能做好,于是推出線上英語啟蒙的小程序。
10個(gè)音樂產(chǎn)品細(xì)節(jié)剖析,看看高手是如何做設(shè)計(jì)的?。黆I設(shè)計(jì)公司
當(dāng)剖析音樂產(chǎn)品的細(xì)節(jié)時(shí),以下是10個(gè)常見的音樂產(chǎn)品細(xì)節(jié),它們展示了高手在設(shè)計(jì)中的巧妙之處:
大家好,藍(lán)藍(lán)設(shè)計(jì)今天和大家分享20款優(yōu)秀的手機(jī)界面設(shè)計(jì)欣賞,共同學(xué)習(xí)成長(zhǎng)!
我們有許多界面設(shè)計(jì)的案例,因?yàn)橛斜C軈f(xié)議不方便發(fā)出來。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
從產(chǎn)品經(jīng)理處獲取項(xiàng)目原型圖,當(dāng)獲取到原型圖后不要盲目的去進(jìn)行設(shè)計(jì),要先分析了解整個(gè)項(xiàng)目的功能、特性、用戶群體、項(xiàng)目的定位等等,特別是對(duì)功能的疑惑處一定要找產(chǎn)品經(jīng)理溝通,只有做到對(duì)項(xiàng)目了熟于胸才能做出優(yōu)秀的設(shè)計(jì)。
當(dāng)我們對(duì)項(xiàng)目的功能、特性、用戶群體、項(xiàng)目的定位都有所了解后,還是不能馬上進(jìn)入設(shè)計(jì)環(huán)節(jié)。我們需要先對(duì)市面上同類型的產(chǎn)品進(jìn)行分析和對(duì)比,包括設(shè)計(jì)風(fēng)格、配色、排版、功能樣式等等,了解其優(yōu)劣勢(shì),做到取長(zhǎng)補(bǔ)短,思考如何讓我們的產(chǎn)品更加的完善,這時(shí)候我們的腦海里面基本上對(duì)自己要設(shè)計(jì)的東西已經(jīng)有了一個(gè)大概的雛形。
這篇文章內(nèi)所有的數(shù)值均以2倍圖為例,使用1倍圖的同學(xué)請(qǐng)自行除以2。
現(xiàn)在UI設(shè)計(jì)通常使用的是全面屏的設(shè)計(jì)規(guī)范,全面屏的設(shè)計(jì)稿更加美觀,且做作品集的時(shí)候搭配全面屏樣機(jī)視覺效果也更加突出。通常只設(shè)計(jì)一套蘋果全面屏的設(shè)計(jì)稿,不需要另外設(shè)計(jì)安卓端設(shè)計(jì)稿,安卓端由安卓工程師自行適配。
界面:750px1624px
狀態(tài)欄:750x88px
導(dǎo)航欄:750x88px
菜單欄:750x98px
指示器:750x68px
左右邊距:32px或24px
*其中狀態(tài)欄和指示器不需要進(jìn)行額外的設(shè)計(jì),是系統(tǒng)默認(rèn)控件,除顏色外不可改變。
頂部功能:48x48px
底部菜單欄(有文字):48x48px
底部菜單欄(無文字):64x64px
尺寸:36px、32px、28px、24px
顏色:正常(#333333)、輔助(#999999)、未輸入提示(#CCCCCC)
*利用文字尺寸對(duì)比和顏色對(duì)比可以得到不錯(cuò)的效果。也可以給文字顏色添加少量的藍(lán)色,讓顏色不那么呆板。
組建控件系統(tǒng)可以讓我們的設(shè)計(jì)稿更加的規(guī)范,也便于修改,可以極大的提高我們的工作效率。
所有的圖標(biāo)都需要做成控件,方便我們切圖。然后就是會(huì)重復(fù)使用的狀態(tài)欄、導(dǎo)航欄、菜單欄、指示器、列表、彈框、按鈕等控件。
除了我們常用的控件以外,顏色、投影等特殊效果、文字大小都可以保存樣式,把項(xiàng)目的配色、特殊效果、文字尺寸都保存下來,不同的設(shè)計(jì)工具有不同的保存方式,大家可以根據(jù)自己使用的設(shè)計(jì)工具進(jìn)行設(shè)置。
我們需要讓項(xiàng)目保持一個(gè)統(tǒng)一的設(shè)計(jì)風(fēng)格,讓項(xiàng)目更加的整體、統(tǒng)一、協(xié)調(diào)。不同的風(fēng)格有不同的優(yōu)勢(shì),選對(duì)與項(xiàng)目屬性相符的設(shè)計(jì)風(fēng)格可以讓項(xiàng)目更加的出彩。
這種風(fēng)格沒找到合適的名稱,我個(gè)人一般叫它傳統(tǒng)風(fēng)格。這種設(shè)計(jì)風(fēng)格使用分割線分割小的模塊,用背景色塊分割大的模塊,特別適合列表信息。雖然給人感覺沒有特別強(qiáng)烈的設(shè)計(jì)感,但簡(jiǎn)單實(shí)用、樸實(shí)無華,層級(jí)劃分清晰明了。
卡片式風(fēng)格是借用現(xiàn)實(shí)世界中卡片的特征和概念,將一個(gè)模塊或同類型元素放到一個(gè)卡片容器類,可以增加內(nèi)容的獨(dú)立性,讓模塊劃分關(guān)系變得非常的清晰,是現(xiàn)在非常常用的一種設(shè)計(jì)方式。
常用做法是采用淺灰的背景+白色卡片的方式,卡片都帶有一定的圓角,類似于將撲克牌一張張的放在桌子上,桌面是灰色背景,每一張撲克牌就是一個(gè)卡片。也不排除暗夜模式的卡片式設(shè)計(jì),背景會(huì)更暗一些,卡片略亮。
在傳統(tǒng)UI風(fēng)格的基礎(chǔ)上去除背景色塊和分割線,單以間距來區(qū)分模塊和元素,對(duì)親密性的應(yīng)用有較高的要求。有時(shí)候單以間距來區(qū)分模塊和元素時(shí),可能會(huì)導(dǎo)致模塊層級(jí)不分明,所以會(huì)使用將標(biāo)題加大的形式,讓模塊與模塊之間的區(qū)分更加明顯。因?yàn)槿コ朔指罹€,留白就更多,會(huì)顯得界面更加的干凈、清爽。
新擬態(tài)是19年底在追波開始出現(xiàn)的一種設(shè)計(jì)風(fēng)格,特點(diǎn)是使用統(tǒng)一的光源做出立體的浮雕效果,元素有厚度但沒有紋理和材質(zhì)的輕擬物風(fēng)。
常規(guī)做法是假設(shè)一個(gè)統(tǒng)一的左上方光源,給元素分別添加一個(gè)左上角和右下角的投影,左上角(被光源照射的一側(cè))投影使用亮色,右下角投影使用暗色,讓元素可以浮起來。而在按下或選中狀態(tài)時(shí)則使用兩個(gè)內(nèi)陰影,左上角暗色右下角亮色讓元素凹下去。需要注意的是界面模塊和背景色一般是同一個(gè)顏色,所以顏色不能使用純白或純黑,否則有一側(cè)的投影就會(huì)看不見,通常是使用藍(lán)灰色或深灰色背景。
新擬態(tài)風(fēng)格視覺效果新穎、柔和,對(duì)比度低,看得久了會(huì)產(chǎn)生一定的視覺疲勞,研發(fā)成本也較高,所以現(xiàn)在更多的還是處于概念稿,實(shí)際項(xiàng)目中應(yīng)用較少??梢宰鳛橐环N練習(xí)或部分功能的使用。
設(shè)計(jì)稿完成之后我們需要將圖標(biāo)等元素切圖導(dǎo)出交付給開發(fā),IOS和安卓需要根據(jù)要求導(dǎo)出不同倍數(shù)的png格式切圖文件。
IOS:現(xiàn)在通常是輸出2套,以@2x、@3X為后綴,也就是2倍圖、3倍圖;
Android:現(xiàn)在通常是輸出3套,xhdpi(超清,對(duì)應(yīng)IOS的2倍圖)、xxhdpi(超超清,對(duì)應(yīng)IOS的3倍圖)、xxxhdpi(超超超清),安卓切圖不需要將倍數(shù)加到切圖命名內(nèi),而是每種尺寸單獨(dú)建立一個(gè)文件夾。
png:最常用的切圖文件格式,背景無底透明,所以在導(dǎo)出切圖文件時(shí)需要先去掉背景色(figma將畫板填充色隱藏,sketch畫板不要勾選“包含于導(dǎo)出項(xiàng)”);
svg:矢量切圖,需要背景無底透明,部分網(wǎng)頁(yè)端項(xiàng)目可能需要svg格式的切圖文件;
bmp:部分硬件機(jī)器的項(xiàng)目需要使用的圖片格式,需要注意的是bmp無法實(shí)現(xiàn)背景透明,如果背景是透明的會(huì)自動(dòng)帶上白色,需要切圖文件把背景帶上一起切,而且figma和sketch等UI設(shè)計(jì)軟件無法直接導(dǎo)出bmp格式,需要先導(dǎo)出為png或jpg格式,再使用ps或其他工具轉(zhuǎn)換一次。
只能使用英文、下滑線、數(shù)字進(jìn)行命名,不要使用中文和特殊字符。命名方式一般是類別_位置_功能_狀態(tài)(有些切圖沒有多種狀態(tài)則不需要添加狀態(tài)命名)。
以蘋果端舉例:如底部菜單欄的首頁(yè)圖標(biāo)命名則是ico_bottom_home_nor@2x(圖標(biāo)_底部_首頁(yè)_未選中狀態(tài))和ico_bottom_home_sel@2x(圖標(biāo)_底部_首頁(yè)_選中狀態(tài))。
頂部的搜索圖標(biāo)沒有多個(gè)狀態(tài),命名是ico_nav_search@2x(圖標(biāo)_頂部_搜索)。
類別一般只有3種:圖標(biāo)(icon)、圖片(image)、按鈕(button),我們通常會(huì)簡(jiǎn)寫為ico、img、btn。
狀態(tài)一般只有4種:正常(normal)、按下(press)選中(selected)、禁用(disabled),我們通常會(huì)簡(jiǎn)寫為nor、pre、sel、dis。pc端會(huì)多一種狀態(tài):懸停(hover)。
sketch和figma等UI設(shè)計(jì)軟件可以同時(shí)導(dǎo)出多個(gè)尺寸的切圖文件和前綴/后綴,所以我們只需要設(shè)置圖標(biāo)本身的命名如ico_bottom_home_sel,而不需要每個(gè)切圖都去手動(dòng)的添加IOS后綴的@2x和@3X,以及安卓的前綴xhdpi等,在導(dǎo)出設(shè)置中設(shè)置好每個(gè)尺寸的文件夾名稱和后綴,再統(tǒng)一導(dǎo)出即可。
軟件內(nèi)部導(dǎo)出:現(xiàn)在的UI設(shè)計(jì)軟件Sketch、Figma、Mstergo等都可以直接導(dǎo)出切圖文件,只需要設(shè)置好相應(yīng)的倍數(shù)和前綴、后綴,就可以快速的導(dǎo)出切圖文件;
上傳第三方:最常用的就是將設(shè)計(jì)文件上傳至藍(lán)湖,研發(fā)人員可以在藍(lán)湖上下載自己需要的切圖文件,但在上傳藍(lán)湖之前需要把設(shè)計(jì)稿中需要切圖的元素設(shè)置為切片。
和切圖文件一起交付給開發(fā)的還有設(shè)計(jì)稿的標(biāo)注文件,讓研發(fā)人員可以清楚地知道界面內(nèi)元素的顏色、尺寸、對(duì)齊方式、距離、透明度,文字的字體、字號(hào)、行高等。
很多設(shè)計(jì)文件都可以安裝藍(lán)湖插件,再通過插件將設(shè)計(jì)稿導(dǎo)出到藍(lán)湖,研發(fā)人員就可以便捷的查看界面的標(biāo)注。
Figma、Mastergo等在線設(shè)計(jì)軟件都可以切換為開發(fā)者模式,只需要將研發(fā)人員邀請(qǐng)到自己的設(shè)計(jì)文件所在團(tuán)隊(duì)內(nèi),研發(fā)人就可以查看到界面的標(biāo)注;
有部分公司有一定的保密措施,會(huì)禁止設(shè)計(jì)師使用第三方平臺(tái)或是聯(lián)網(wǎng)操作,這種情況設(shè)計(jì)也無法使用Figma、Mastergo等在線設(shè)計(jì)軟件,只能使用Sketch等客戶端,輸出標(biāo)注就需要使用相應(yīng)的插件,Sketch可以使用Sketch Measure導(dǎo)出HTML格式的標(biāo)注文件。
在項(xiàng)目上線的階段UI設(shè)計(jì)需要輔助研發(fā)提供上線應(yīng)用商店需要的項(xiàng)目預(yù)覽圖、啟動(dòng)LOGO,也需要設(shè)計(jì)補(bǔ)充出APP的啟動(dòng)頁(yè)、閃屏頁(yè)等。
上線應(yīng)用商店需要的預(yù)覽圖,通常是使用項(xiàng)目中比較有特色的幾個(gè)UI界面加以設(shè)計(jì)。
上線應(yīng)用商店必須提供的LOGO,手機(jī)中啟動(dòng)APP的入口,但不同的應(yīng)用商店有不同的尺寸,華為、蘋果、小米、三星、應(yīng)用寶等所需要的啟動(dòng)LOGO都有所不同,所以輸出多個(gè)尺寸。以蘋果App Store為例,需要以下尺寸:
啟動(dòng)頁(yè)和引導(dǎo)頁(yè)一般是和UI界面一起設(shè)計(jì),不過需要項(xiàng)目上線后才會(huì)有其價(jià)值,所以可以先設(shè)計(jì)完項(xiàng)目的界面,在研發(fā)開發(fā)的過程中再去設(shè)計(jì)啟動(dòng)頁(yè)和引導(dǎo)頁(yè),只要在項(xiàng)目上線前提供給研發(fā)就可以。
當(dāng)一個(gè)項(xiàng)目上線后,只能代表我們的現(xiàn)階段的工作已經(jīng)全部完成。每個(gè)項(xiàng)目上線后都會(huì)收集用戶反饋,根據(jù)用戶反饋的信息優(yōu)化功能和界面設(shè)計(jì),通過持續(xù)不斷的優(yōu)化、迭代讓我們的產(chǎn)品越來越好,這個(gè)過程中也需要我們UI設(shè)計(jì)不斷的去進(jìn)行調(diào)整和優(yōu)化。
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
度咔是百度短視頻生態(tài)首款面向泛知識(shí)創(chuàng)作者的視頻剪輯工具,致力于降低泛知識(shí)類作者的創(chuàng)作門檻,助力生產(chǎn)優(yōu)質(zhì)的作品。
隨著產(chǎn)品的功能迭代,體驗(yàn)的逐步更新,產(chǎn)品依勢(shì)也需要打造更好的運(yùn)營(yíng)氛圍和品牌印象來建立用戶口碑、提升轉(zhuǎn)化。對(duì)此,設(shè)計(jì)側(cè)針對(duì)度咔產(chǎn)品進(jìn)行了全面的思考和分析,通過重新定義度咔運(yùn)營(yíng)視覺語言,明確產(chǎn)品調(diào)性,幫助用戶更新品牌認(rèn)知。
一、品牌框架搭建
產(chǎn)品的運(yùn)營(yíng)視覺不只是單純的畫面展示,其背后都有更加明確的設(shè)計(jì)理念和手段,但運(yùn)營(yíng)視覺語言并不是千篇一律的,首先需要明確自身定位,突出產(chǎn)品獨(dú)特性。
設(shè)計(jì)初期,我們針對(duì)同類型產(chǎn)品與用戶類型進(jìn)行了大量分析,在用戶人群劃分上度咔更具有針對(duì)性,目標(biāo)用戶是口播自媒體、知識(shí)類創(chuàng)作者。但不像專業(yè)剪輯軟件門檻那么高,度咔更多的是通過特色產(chǎn)品功能幫助作者去降低剪輯門檻,業(yè)務(wù)主要通過征稿和教程的運(yùn)營(yíng)活動(dòng)來提升用戶認(rèn)知,帶動(dòng)日活。
由此,我們梳理出度咔的品牌框架圖。以度咔「專為口播自媒體打造的剪輯工具」產(chǎn)品定位作為切入點(diǎn),依據(jù)其自身定位和度咔區(qū)別于同類產(chǎn)品的特色功能,我們提煉出“便捷”、“智能”、“專業(yè)”產(chǎn)品核心關(guān)鍵詞。
二、定義度咔運(yùn)營(yíng)視覺語言
在前期創(chuàng)意階段,我們通過大量的競(jìng)品調(diào)研、創(chuàng)意發(fā)散、概念嫁接等創(chuàng)意手段,找到時(shí)下大字為主導(dǎo)的版式創(chuàng)意。簡(jiǎn)潔明確的版式結(jié)構(gòu),適當(dāng)?shù)漠嬅媪舭?,使各元素在版面中形成具有條理清晰、富有節(jié)奏的視覺關(guān)系。這種邏輯方式,為運(yùn)營(yíng)視覺的高效、科學(xué)、嚴(yán)謹(jǐn)性提供了極大的便捷,同時(shí)也對(duì)應(yīng)了度咔便捷、智能、專業(yè)的品牌感知。
對(duì)品牌定位、業(yè)務(wù)訴求、產(chǎn)品功能進(jìn)行整合后,我們搭建以構(gòu)成、配色、元素為主的視覺語言框架。
與時(shí)下大字為主導(dǎo)的版式創(chuàng)意相結(jié)合,建立以大字排版,強(qiáng)構(gòu)成感為主的視覺語言基調(diào)。通過大量的風(fēng)格測(cè)試不斷完善視覺基調(diào)并投入到項(xiàng)目中,同時(shí)規(guī)范運(yùn)營(yíng)功能排版,搭建元素庫(kù),通過設(shè)計(jì)手法,達(dá)到專業(yè)與簡(jiǎn)潔的平衡,統(tǒng)一的視覺基調(diào)和品牌色強(qiáng)化用戶對(duì)品牌認(rèn)知。
1、重塑視覺基調(diào):
1)統(tǒng)一風(fēng)格
度咔以往的運(yùn)營(yíng)視覺趨于參差,導(dǎo)致整體視覺有較為強(qiáng)烈的割裂感,煥新后的視覺變得更加直率簡(jiǎn)約,以簡(jiǎn)潔的視覺風(fēng)格保證內(nèi)容傳遞的高效性。拋棄了諸多裝飾元素,取而代之的是硬網(wǎng)格,保持視覺整體和諧統(tǒng)一感,同時(shí)也傳遞出度咔便捷、智能、專業(yè)的產(chǎn)品調(diào)性。
我們對(duì)運(yùn)營(yíng)頁(yè)面進(jìn)行了布局重構(gòu),采用白色底的背景突出文字信息,使得內(nèi)容信息傳達(dá)更加明確,突出核心內(nèi)容。在各類場(chǎng)景中,我們通過品牌色彩、圖形、符號(hào)的滲透,強(qiáng)化度咔品牌印記。
2)主題延展
根據(jù)業(yè)務(wù)訴求,保持主題性征稿活動(dòng)的特色——在強(qiáng)化功能點(diǎn)的運(yùn)營(yíng)活動(dòng)中采用3D元素和彌散漸變背景,如夏日主題將度咔符號(hào)與泳圈做3D創(chuàng)意結(jié)合,增添活動(dòng)氛圍感。
2、品牌色煥新:
1)建立度咔品牌色應(yīng)用規(guī)范。增強(qiáng)品牌識(shí)別性和記憶點(diǎn)。
首先搜集符合產(chǎn)品調(diào)性的顏色情緒版,選取整體偏明亮,識(shí)別度高的新品牌藍(lán)色。對(duì)比原來偏紫的品牌藍(lán),現(xiàn)在升級(jí)后的藍(lán)色更顯專業(yè)智能,且更具有電子意味。
在一個(gè)科學(xué)有效的色彩系統(tǒng)里,往往包含至少兩種色彩:主色+輔助色,兩者互相搭配組合成產(chǎn)品體系的整體色彩感受,減少用戶在產(chǎn)品體驗(yàn)中對(duì)反復(fù)出現(xiàn)的主色的視覺疲勞。
我們將藍(lán)色賦予了統(tǒng)一的品牌認(rèn)知感受,并且將藍(lán)色加入到橙色里,生成了度咔特有的藍(lán)橙色系。橙色在度咔的色彩系統(tǒng)中起著至關(guān)重要的作用,為產(chǎn)品帶來積極,活力的感受,同時(shí)深黑和灰色創(chuàng)造結(jié)構(gòu)、表達(dá)邊界、建立信息層次。
以基礎(chǔ)征稿活動(dòng)為主的頁(yè)面使用度咔標(biāo)準(zhǔn)藍(lán);在需要強(qiáng)主題和活動(dòng)氛圍的頁(yè)面加入輕量的彌散漸變色彩。
3、提升效率:
1)元素庫(kù)搭建
建立度咔元素庫(kù),規(guī)范化運(yùn)營(yíng)活動(dòng)主視覺圖形原創(chuàng)性和創(chuàng)意性,沉淀設(shè)計(jì)資產(chǎn)。
由于后期運(yùn)營(yíng)活動(dòng)多處用到3D元素,對(duì)3D的質(zhì)感進(jìn)行了規(guī)范統(tǒng)一。輕量化的3D風(fēng)格更加注重極簡(jiǎn)主義理性美學(xué)。
考慮到運(yùn)營(yíng)頁(yè)面的通用性,避免3D材質(zhì)的喧賓奪主,材質(zhì)風(fēng)格以簡(jiǎn)單通用為主,顏色以品牌色為基礎(chǔ),采用光感通透的玻璃材質(zhì),加入環(huán)境光感。明朗,透?jìng)鞫冗堑钠放茪赓|(zhì)。
四、總結(jié)
本次通過度咔運(yùn)營(yíng)視覺語言的搭建,無論從產(chǎn)品本身還是設(shè)計(jì)側(cè),在數(shù)據(jù)和效率上都有明顯的提升。而設(shè)計(jì)作為和用戶最近的一方,在平衡各方訴求后呈現(xiàn)給用戶一個(gè)全新專業(yè)感十足的產(chǎn)品,進(jìn)一步向用戶傳達(dá)品牌感知,助力創(chuàng)作者發(fā)現(xiàn)更多美好。
感謝閱讀,以上內(nèi)容均由百度MEUX團(tuán)隊(duì)原創(chuàng)設(shè)計(jì),以及百度MEUX版權(quán)所有,轉(zhuǎn)載請(qǐng)注明出處,違者必究,謝謝您的合作。申請(qǐng)轉(zhuǎn)載授權(quán)后臺(tái)回復(fù)【轉(zhuǎn)載】。也歡迎加入MEUX,視覺/交互/運(yùn)營(yíng)設(shè)計(jì)師,可投簡(jiǎn)歷至MEUX@BAIDU.COM (注明信息獲取來源如:站酷)
關(guān)于我們:
MEUX,百度移動(dòng)生態(tài)用戶體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡(jiǎn)單極致」為設(shè)計(jì)理念,創(chuàng)造極致用戶體驗(yàn)的同時(shí)賦能商業(yè),推動(dòng)設(shè)計(jì)行業(yè)的價(jià)值和影響力,讓生活因設(shè)計(jì)而更美好。
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
借此機(jī)會(huì)和大家交流一下項(xiàng)目背后的思考,共同進(jìn)步!
我將從以下幾個(gè)方面進(jìn)行講解:
01 對(duì)于理念的思考
02 關(guān)于風(fēng)格的思考
03 關(guān)于背景的思考
04 關(guān)于材質(zhì)的思考
對(duì)于本次設(shè)計(jì),需求方是沒有給主題限制的,那作為設(shè)計(jì)師的我就從自身現(xiàn)階段的生活去發(fā)現(xiàn)主題、尋找靈感。 從深圳到成都創(chuàng)業(yè),將近一年的時(shí)間,我發(fā)現(xiàn)成都的天氣總是陰沉沉的:
充足的陽(yáng)光變得非常稀缺,對(duì)于成都人來說,如果有陽(yáng)光的時(shí)候,都會(huì)去外面坐坐,曬曬太陽(yáng)! 這一年,“光”對(duì)我說是一種期盼的事物:
基于這個(gè)生活細(xì)節(jié),我就把主題定成了“追光空間”而我對(duì)于“追光空間”的理解就是:光感、純凈、靈動(dòng)
后面的執(zhí)行也是基于這個(gè)理念進(jìn)行思考創(chuàng)新的!
有了主題,就可以基于主題去思考設(shè)計(jì)風(fēng)格了。
其實(shí)主題圖標(biāo)的設(shè)計(jì)其實(shí)已經(jīng)有很多年頭了,尤其是“app”這個(gè)概念流行開始,各大安卓手機(jī)品牌就有了自己的主題商店,用戶可以根據(jù)喜好下載自己喜歡的主題圖標(biāo)。 我們?cè)诰W(wǎng)上搜索主題圖標(biāo),可以看到很多作品,其中不乏有非常優(yōu)秀的主題作品,但是當(dāng)觀察的量到達(dá)一定程度后,會(huì)發(fā)現(xiàn)市面上的主題圖標(biāo)風(fēng)格還是比較相似,大部分還都是屬于二維圖標(biāo)(下圖源自網(wǎng)絡(luò)):
即使是一些質(zhì)感很強(qiáng)的圖標(biāo),很多也是鼠繪出來的,也不算是3D風(fēng)格(下圖源自7years):
包括我們?nèi)ツ杲o小米做的幾套主題,也都是偏2維風(fēng)格的
基于這樣的現(xiàn)象,我們是否可以嘗試將3d風(fēng)格與主題圖標(biāo)進(jìn)行融合呢?雖然不能說是第一個(gè)這么做的,但至少在市面上出現(xiàn)的這種結(jié)合還是相對(duì)較少,所以也可以算是一種小的創(chuàng)新。
在構(gòu)想風(fēng)格的時(shí)候,我的底層邏輯就是找到未被發(fā)現(xiàn)的切入點(diǎn),如何理解呢?
如果是3d風(fēng)格與電商活動(dòng)結(jié)合,已經(jīng)相對(duì)常見了(下圖源自網(wǎng)絡(luò)):
如果是3d風(fēng)格與游戲視覺結(jié)合,也經(jīng)常會(huì)看到(下圖源自網(wǎng)絡(luò)):
但是如果是3d風(fēng)格與主題圖標(biāo)結(jié)合并且落地使用,那還是相對(duì)比較少的,這就是我在思考風(fēng)格時(shí)候的一點(diǎn)心得:
希望可以給同行們一點(diǎn)啟發(fā),拋磚引玉,希望市面上可以看到更多的3d風(fēng)格的主題圖標(biāo)!
這次的主題和以往不一樣,我們每做一個(gè)圖標(biāo)需要延展4個(gè)尺寸:
有一些寬的、有一些高的,如果我們只放一個(gè)圖標(biāo),那么會(huì)比較空曠,不夠飽滿,所以我們必須在背景上加一些圖案或者紋理,使整體更加飽滿精致。
背景紋理怎么做呢?我們希望它有細(xì)節(jié)但又不能過于搶眼,于是把目光鎖定在了基礎(chǔ)形狀上面,比如方形、圓形、三角形等等:
鎖定基礎(chǔ)形之后,就需要在基礎(chǔ)形之上融入更多的設(shè)計(jì)思考,比如風(fēng)格的結(jié)合,因?yàn)檎w是3d風(fēng)格,所以背景也可以是3d化的基礎(chǔ)形白膜:
除此之外,我們需要將圖形進(jìn)行構(gòu)成設(shè)計(jì),以不同的節(jié)奏和位置使其產(chǎn)生不同的美感,把基礎(chǔ)美多維度的釋放出來,比如矩形的基礎(chǔ)元素進(jìn)行構(gòu)成設(shè)計(jì):
這樣,就可以做出不同的背景圖案,以此來解決需求目標(biāo)。
設(shè)計(jì)師一定不要輕視基礎(chǔ),不管是技法層面還是審美層面,往往優(yōu)秀的設(shè)計(jì)都是無數(shù)個(gè)“基礎(chǔ)”堆出來的,先掌握基礎(chǔ),才能用“基礎(chǔ)”釋放更大的能量!
其實(shí)本次的材質(zhì),也不算難,沒有用到特殊材質(zhì),主要有兩個(gè)關(guān)鍵點(diǎn)可以分享交流!
關(guān)于燈光
燈光我們使用的是日光燈,從軟件操作層面沒有任何技術(shù)含量,但是對(duì)于基礎(chǔ)審美會(huì)有一定的門檻,尤其是對(duì)于明暗交界線、光影對(duì)比的理解!
燈光的不同位置和大小會(huì)導(dǎo)致光影質(zhì)感的不同:
燈光曝光:
質(zhì)感太平:
物體與背景區(qū)分度不夠:
同樣的物體,不同的燈光角度和大小就會(huì)有不同的質(zhì)量等級(jí):
只有這種基礎(chǔ)審美達(dá)標(biāo)后,我們才能繼續(xù)往后延伸。
關(guān)于材質(zhì)
對(duì)于材質(zhì),最初我們嘗試用最簡(jiǎn)單的漫射材質(zhì),但是發(fā)現(xiàn)缺少光澤度和細(xì)節(jié),于是又嘗試在外部加一層玻璃材質(zhì),形成一圈透明質(zhì)感和細(xì)節(jié):
后面大部分的圖標(biāo)都采用這種形式進(jìn)行延展!
以上就是這次項(xiàng)目背后的一些思考
共勉!
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
三星上一版本界面標(biāo)題選用細(xì)體字,頭部區(qū)域留白,卡片功能區(qū)域小,背景選用寫實(shí)簡(jiǎn)約照片,體現(xiàn)文藝感。
圓形的場(chǎng)景卡片與矩形的設(shè)備卡片形成對(duì)比,場(chǎng)景卡片與文字上下排列,更加凸顯場(chǎng)景圖片,但文字存在多行、單行顯示,這種表現(xiàn)方式會(huì)顯得凌亂。
設(shè)備卡片從上到下依次為圖標(biāo)、設(shè)備名、狀態(tài)。
新版本標(biāo)題選用粗體字,標(biāo)題區(qū)域更加緊湊,功能區(qū)域展示空間變大,背景使用抽線雙色漸變,更現(xiàn)代時(shí)尚。
功能卡片為統(tǒng)一圓角矩形,場(chǎng)景卡片圖文左右排布,底部白色卡片區(qū)域可以很好兼容多行、單行文字的情況。
設(shè)備卡片從上到下依次為圖標(biāo)、房間名、設(shè)備名、狀態(tài)。
底部新增Tab區(qū)域,細(xì)分為收藏、設(shè)備、生活、自動(dòng)化、菜單5個(gè)模塊。
風(fēng)格布局總結(jié):新版本屏幕利用率更高,粗體字和抽象背景使得內(nèi)容更凸顯,底部的Tab提供了更多模塊入口,功能分類更合理。
舊版本只有一個(gè)首頁(yè),功能都在此被分發(fā),并且功能較為單一。
新版本增加收藏、設(shè)備、生活、自動(dòng)、更多模塊,對(duì)用戶使用場(chǎng)景做了細(xì)分。
界面頂部的房屋設(shè)置、添加、編輯為全局設(shè)計(jì),不過在每個(gè)模塊中添加的內(nèi)容不同。
收藏作為用戶每次進(jìn)入App的第一屏,說明是用戶常用的重要功能,在收藏模塊中,可以添加的內(nèi)容最多,用戶在此頁(yè)面可以完成大多數(shù)常用操作。
設(shè)備模塊是全屋設(shè)備的合集,自動(dòng)模塊是場(chǎng)景、自動(dòng)化的合集。
生活模塊主要提供家庭安全監(jiān)控信息,還可接入其他服務(wù),例如:智能家電監(jiān)控、智能烹飪服務(wù)。
新版本設(shè)備卡片主要由設(shè)備圖標(biāo)、房間名、設(shè)備名、狀態(tài)、控制區(qū)構(gòu)成;房間名域?yàn)轭A(yù)留區(qū),保證在不同頁(yè)面下的統(tǒng)一性。
設(shè)備在離線狀態(tài)下,右上角會(huì)顯示離線圖標(biāo),代替控制按鈕。
只有我們提前羅列出更多的頁(yè)面顯示情況,整合并預(yù)留可變區(qū)域,才能使頁(yè)面更統(tǒng)一。
收藏模塊分為3大區(qū)域,區(qū)域1為狀態(tài)通知區(qū);區(qū)域2為收藏的場(chǎng)景區(qū);區(qū)域3為收藏的服務(wù)或設(shè)備。這3個(gè)區(qū)域展示順序是固定的,可以選擇是否展示,無法改變展示順序。
因?yàn)槊總€(gè)區(qū)域的卡片尺寸是不一樣的,區(qū)域固定的好處是,可以保證顯示的統(tǒng)一性。否則大小卡片穿插顯示,還可能會(huì)空缺幾個(gè),很影響美觀。并且操控邏輯也是固定的,用戶更容易理解。
點(diǎn)擊收藏模塊右上角添加,可批量選擇內(nèi)容快速添加收藏。
在非收藏頁(yè),長(zhǎng)按卡片,可單獨(dú)添加收藏內(nèi)容。
在設(shè)備、場(chǎng)景等新建或編輯界面,可以選擇添加至收藏的選項(xiàng)。省去了后續(xù)的單獨(dú)添加動(dòng)作。
在收藏頁(yè),長(zhǎng)按卡片,可以進(jìn)行單獨(dú)移除操作。
在收藏編輯頁(yè)面,可以批量快速移除移除。滿足了不同的用戶需求。
首次進(jìn)入,展示的是某個(gè)房間內(nèi)的設(shè)備,通過左右滑動(dòng)進(jìn)行切換房間,三星可能想為用戶提供模糊操作來提升效率,在房間少的情況下,這種方式比較好。當(dāng)房間多了,用戶會(huì)滑動(dòng)多次才能到目標(biāo)房間;當(dāng)然三星給出了針對(duì)精確選擇的方式,點(diǎn)擊左上角的房間入口,可以選擇、編輯房間。
房間多的情況下這2種方式都不是很好的解決方案。
這里要注意的是,三星把“沒有房間”也放進(jìn)房間列表,供用戶選擇?,F(xiàn)實(shí)中,有好多設(shè)備是不屬于任何房間或者用戶暫時(shí)不想放到某個(gè)房間,增加無房間選擇可以更靈活的滿足實(shí)際使用場(chǎng)景。
在房屋編輯頁(yè)面,可以添加房間,在這里三星已經(jīng)為用戶預(yù)設(shè)了很多房間類型選項(xiàng),用戶只需要做選擇,很方便,即使沒有要的,還可以在列表底部選擇自定義。
在設(shè)備頁(yè)面,只能添加設(shè)備、燈光組、監(jiān)控組。
用戶可以通過關(guān)鍵詞搜索、掃碼、設(shè)備類型篩選、品牌篩選進(jìn)行設(shè)備添加。
很全,幾乎涵蓋了所有的添加方式。
在添加頁(yè)面,第一步要先填寫組的名稱、選擇所在房間,第二步選擇要合并的燈,添加完成跳轉(zhuǎn)至設(shè)備組詳情,方便立即調(diào)控。
設(shè)備控制頁(yè)面采用了模塊化的設(shè)計(jì)方式,控制區(qū)域均為列表形式,不同的設(shè)備只需要替換圖標(biāo)和文字及對(duì)應(yīng)的操控列表,降低新設(shè)備重新創(chuàng)作新界面的設(shè)計(jì)成本。
長(zhǎng)按設(shè)備卡片,選擇目標(biāo)房間,可完成單個(gè)設(shè)備轉(zhuǎn)移。
選擇設(shè)備頁(yè)面右上角的移動(dòng)方式,可以批量進(jìn)行設(shè)備的轉(zhuǎn)移。
自動(dòng)模塊包含場(chǎng)景、自動(dòng)化、第三方設(shè)備,它們不具備房間屬性;
點(diǎn)擊右上角的箭頭可以展開或收起對(duì)應(yīng)列表,方便查找內(nèi)容。
第一步,先填寫場(chǎng)景名稱、選擇圖標(biāo)、是否要添加到收藏;
第二步,選擇執(zhí)行的設(shè)備,可以根據(jù)設(shè)備名稱、房間名稱進(jìn)行快速定位,并且可以批量選擇設(shè)備;
第三步,設(shè)備添加成功后,根據(jù)需要,單獨(dú)對(duì)設(shè)備執(zhí)行狀態(tài)設(shè)置。
新建場(chǎng)景的邏輯是:先批量選擇要執(zhí)行的設(shè)備,再單獨(dú)設(shè)置執(zhí)行內(nèi)容。
這種方式的好處是,不易打斷用戶的設(shè)置思路,還可以減少操作步長(zhǎng)。
新建自動(dòng)化界面分為觸發(fā)條件、執(zhí)行內(nèi)容兩大塊;
初始狀態(tài)會(huì)為用戶提供使用描述,便于用戶操作。
可以通過時(shí)間的變化、設(shè)備狀態(tài)變化、位置變化、天氣變化、安防變化來觸發(fā)執(zhí)行命令。
將設(shè)備狀態(tài)變化作為觸發(fā)條件時(shí),設(shè)置邏輯是,完成一個(gè)設(shè)備的設(shè)置才能設(shè)置下一個(gè),不能批量選擇。為什么和新建場(chǎng)景的流程不一樣?可能是因?yàn)樵谠O(shè)置執(zhí)行條件時(shí),用戶心智里認(rèn)為設(shè)備和狀態(tài)聯(lián)系更緊一些,并且條件種類不會(huì)太多。
當(dāng)添加了一個(gè)以上的設(shè)備作為觸發(fā)條件時(shí),界面會(huì)顯示“同時(shí)滿足或滿足任何一個(gè)”的選項(xiàng)。
執(zhí)行內(nèi)容可以是控制設(shè)備、通知給用戶、運(yùn)行場(chǎng)景、改變安防模式。
可以批量選擇設(shè)備,并且可以設(shè)置執(zhí)行延遲時(shí)間、自動(dòng)復(fù)位,滿足用戶不同需求。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
作者:土木君 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
近日,憑借卓越產(chǎn)品設(shè)計(jì)能力和社會(huì)影響力,百度大字版從數(shù)以萬計(jì)的參賽作品中脫穎而出,接連斬獲德國(guó)IF、紅點(diǎn)、美國(guó)Muse Creative Awards 金獎(jiǎng)、意大利A’Design 銅獎(jiǎng)、中國(guó)智造DIA佳作獎(jiǎng)以及C-IDEA最佳設(shè)計(jì)獎(jiǎng)共計(jì)六項(xiàng)國(guó)際設(shè)計(jì)大獎(jiǎng),設(shè)計(jì)價(jià)值備受權(quán)威機(jī)構(gòu)、媒體的肯定。
與此同時(shí),百度大字版的設(shè)計(jì)、用研、產(chǎn)品相關(guān)負(fù)責(zé)人也收到《設(shè)計(jì)》的專訪邀請(qǐng),就“用設(shè)計(jì)彌合數(shù)據(jù)鴻溝”專題分享了百度APP大字版的適老化設(shè)計(jì)。
《設(shè)計(jì)》雜志由中國(guó)科學(xué)技術(shù)協(xié)會(huì)主管,是中國(guó)唯一一本由中國(guó)工業(yè)設(shè)計(jì)協(xié)會(huì)主辦的全國(guó)性期刊,一直站在國(guó)家轉(zhuǎn)變發(fā)展方式的政策高度,溝通設(shè)計(jì)界和產(chǎn)業(yè)界的迫切需求,展示全球設(shè)計(jì)精英和設(shè)計(jì)教育界的新思維和新作品,促進(jìn)社會(huì)公眾設(shè)計(jì)意識(shí)的提升,推廣中國(guó)設(shè)計(jì)之國(guó)際影響。
當(dāng)前,我國(guó)正面臨老齡化問題的嚴(yán)峻挑戰(zhàn)。統(tǒng)計(jì)表明,中國(guó)的老齡化人口已達(dá)到2.64億,且這一數(shù)據(jù)仍在持續(xù)增長(zhǎng),而老年人在生活、情感上都面臨諸多問題。
首先,老年人在視覺、聽覺、肢體、認(rèn)知方面都出現(xiàn)了不同程度的退化,無法平等地獲取信息和服務(wù)。其次,年輕人涌向大城市尋找機(jī)會(huì),老年人被迫成為空巢者,疫情的發(fā)生更使親人長(zhǎng)期兩地分離,老人情感孤獨(dú)缺少陪伴。此外,疫情的爆發(fā)也促使線下服務(wù)轉(zhuǎn)為線上化,老年人不能很好適應(yīng)這一轉(zhuǎn)變,遇到很多困難。
百度大字版是一款運(yùn)用AI技術(shù)專為老年人打造的綜合型內(nèi)容與服務(wù)App,幫助老年人更平等便捷地獲取信息與服務(wù),輕松樂享數(shù)字新生活。作為用戶體驗(yàn)設(shè)計(jì)師,更深層地了解用戶,并提供滿足目標(biāo)人群的體驗(yàn)是設(shè)計(jì)師的使命,未來還將繼續(xù)深耕于適老化設(shè)計(jì)和差異化創(chuàng)新,不斷改善產(chǎn)品體驗(yàn),提供更滿足老年人訴求的產(chǎn)品,使老年人更平等便捷地獲取信息與服務(wù)。
目前行業(yè)內(nèi)缺失成體系的老年人研究報(bào)告,針對(duì)老年人的研究資料分散在建筑/平面/醫(yī)療/家居等各個(gè)行業(yè),同時(shí)業(yè)內(nèi)也缺少針對(duì)老年人系統(tǒng)的設(shè)計(jì)標(biāo)準(zhǔn)或設(shè)計(jì)指南,現(xiàn)有無障礙設(shè)計(jì)標(biāo)準(zhǔn)針對(duì)殘障人士,且部分標(biāo)準(zhǔn)只適用于PC端,不適用于老年人和移動(dòng)產(chǎn)品。
因此在進(jìn)行百度App大字版的適老化設(shè)計(jì)時(shí),設(shè)計(jì)研發(fā)團(tuán)隊(duì)系統(tǒng)的研究了老年人面臨的問題、PC端無障礙設(shè)計(jì)標(biāo)準(zhǔn)及其他相關(guān)資料,產(chǎn)出了系統(tǒng)的移動(dòng)端適老化設(shè)計(jì)標(biāo)準(zhǔn)體系,同時(shí)結(jié)合百度App大字版實(shí)際場(chǎng)景產(chǎn)出了解決方案。適老化設(shè)計(jì)包含:易閱讀、易收聽、易操作、易理解四個(gè)方面。
易閱讀的手段包括增大字號(hào)、使用符合老年人生理、心理特征的顏色、提供有效的反饋提示等;易收聽的舉措包括:增大音量、降低語速等;易操作的改良包括:增大觸控區(qū)、降低手指運(yùn)動(dòng)距離和操作精準(zhǔn)度要求、提供明確的操作反饋、隱性操作顯性化及輔助用戶輸入等;易理解的改善包括:采用通俗易懂的文案、提供清晰明確的圖標(biāo)設(shè)計(jì)、提升信任感、提供即時(shí)的幫助等。
由于很多年輕人去大城市尋找機(jī)會(huì),導(dǎo)致產(chǎn)生很多空巢老人,他們情感孤獨(dú),缺少陪伴。疫情的爆發(fā),更使老年人在節(jié)假日也難以與家人團(tuán)聚。因此百度App大字版通過語音合成等AI能力,還原兒孫親友的真實(shí)聲音,用于全局內(nèi)容播報(bào)朗讀,使老年人感受到至親至愛仿佛陪伴在他們身邊,緩解老年人的孤單和思念之情。全局語音朗讀也能解決老年人的閱讀障礙和長(zhǎng)時(shí)間閱讀導(dǎo)致的視覺疲勞問題,同時(shí)可以解放雙手,使老年人隨時(shí)隨地聽朗讀。
百度App大字版圍繞老年人的實(shí)際生活需求,依托百度的內(nèi)容生態(tài)和個(gè)性化推薦技術(shù),提供了符合老年人興趣的圖文和音視頻內(nèi)容,一站式滿足了老年人的內(nèi)容消費(fèi)需求。在設(shè)計(jì)上,通過AI技術(shù),對(duì)視頻增加智能字幕,方便老年人獲取視頻信息;在內(nèi)容流的操作上,通過統(tǒng)一的容器和流式交互,為老年人提供便捷的操作體驗(yàn),使他們更方便、平等的獲取信息和內(nèi)容。
百度App大字版還提供了多種實(shí)用工具,滿足老年人疫情時(shí)代和日常的生活訴求。疫情導(dǎo)致線下服務(wù)線上化,為了幫助老年人適應(yīng)這一生活方式的轉(zhuǎn)變,百度App大字版提供了在線政務(wù)工具;很多老年人承擔(dān)了教育孫輩的責(zé)任,因此,大字版提供了一些輔助教學(xué)工具,幫助他們帶孩子。更有疫情地圖、垃圾分類等貼合日常生活場(chǎng)景的工具,使智能技術(shù)更貼近、融入老年人的生活。
《設(shè)計(jì)》:在設(shè)計(jì)前期的調(diào)研階段,發(fā)現(xiàn)了哪些用戶需求和體驗(yàn)的痛點(diǎn)?數(shù)字時(shí)代,老年人群有哪些被忽略了的需求?
LU:我們的調(diào)研發(fā)現(xiàn),中老年用戶朋友在使用移動(dòng)互聯(lián)網(wǎng)產(chǎn)品時(shí),最主要的體驗(yàn)痛點(diǎn)是由于生理老化帶來的。隨著年齡增大,他們?cè)谂袛嗔Α⒉倏亓?、表達(dá)力、感官力的老化不可避免,這些老化也直接影響他們對(duì)智能手機(jī)的使用。
首先,隨著年齡的增長(zhǎng),中老年朋友的信息篩選和判斷力在逐步變?nèi)?。相比年輕人,中老年人更容易上當(dāng)受騙。他們常見的受騙類型包括免費(fèi)領(lǐng)紅包、贈(zèng)送手機(jī)流量、優(yōu)惠打折團(tuán)購(gòu)商品等。因?yàn)槌砷L(zhǎng)環(huán)境的影響,中老年人是更信賴權(quán)威的,而老化帶來判斷力的下降,讓他們對(duì)權(quán)威信息源的依賴度更高。在調(diào)研中他們提到,像“官方發(fā)布”(比如CCTV、地方電視臺(tái)發(fā)布的官方新聞、人民日?qǐng)?bào)的新聞),以及“疫情辟謠”(比如百度App在2019年疫情爆發(fā)初期推出的新冠肺炎辟謠欄目),他們覺得很好、很信賴,能幫助他們判斷真?zhèn)危踔習(xí)诩易迦豪锵蚱渌送扑]。由此可見,信息流產(chǎn)品應(yīng)該為中老年人提供更多權(quán)威來源、真實(shí)可信的信息。
其次,中老年人的操控力在下降。這導(dǎo)致他們接觸信息的自主性變?nèi)?。在選擇手機(jī)App上,他們更依賴于通過別人推薦,或者看到別人在社交平臺(tái)的分享后下載,或者是選擇手機(jī)自帶的App。相比年輕人,他們很少自己主動(dòng)去應(yīng)用商店發(fā)現(xiàn)一些新的App。
再次,中老年人的語言組織和表達(dá)能力下降。在組織的中老年用戶座談會(huì)中,設(shè)計(jì)團(tuán)隊(duì)深刻感受到他們的表述能力明顯不如年輕用戶。這表現(xiàn)在老年人的表達(dá)有很多重復(fù)的地方,中間也會(huì)夾雜大量“嗯”“就是”“呢”“吧”等語氣詞。他們?cè)谑褂谜Z音交互類產(chǎn)品時(shí)表達(dá)力差,加上有些用戶還有方言,這些都對(duì)語音交互、語音識(shí)別產(chǎn)品的準(zhǔn)確性帶來了更具挑戰(zhàn)性的要求。
最后,隨著身體機(jī)能的老化,中老年人的感官能力也會(huì)下降。對(duì)手機(jī)使用影響最明顯的是視力衰老,會(huì)導(dǎo)致中老年人看不清小字,對(duì)色彩分辨力減弱,出現(xiàn)老花眼等問題,也容易眼疲勞。因此,手機(jī)App的文字排版、界面顏色、音視頻功能的適老化就顯得尤為重要。
《設(shè)計(jì)》:要做出理想的適老化設(shè)計(jì)需要綜合運(yùn)用哪些學(xué)科的知識(shí)?
小軍:移動(dòng)互聯(lián)網(wǎng)產(chǎn)品適老化設(shè)計(jì)研究涉及面非常廣,要求學(xué)科背景包括設(shè)計(jì)學(xué)、工效學(xué)、心理學(xué)、應(yīng)用數(shù)學(xué)、社會(huì)學(xué)等學(xué)科和專業(yè)。 百度App大字版工作中研究了大量的跨學(xué)科文獻(xiàn)和研究成果,有效指導(dǎo)產(chǎn)品具體設(shè)計(jì)工作包括:設(shè)計(jì)學(xué):對(duì)WCAG國(guó)際設(shè)計(jì)標(biāo)準(zhǔn)研究;標(biāo)識(shí)系統(tǒng)無障礙設(shè)計(jì)研究;移動(dòng)端中文閱讀舒適性研究;工效學(xué):人體手指移動(dòng)設(shè)備屏幕觸控區(qū)研究;老年用戶連續(xù)性操作行為研究;心理學(xué):老年人心理特征中關(guān)于顏色研究;移動(dòng)端產(chǎn)品中反饋設(shè)計(jì)的情感化研究;認(rèn)知心理學(xué)下的移動(dòng)端產(chǎn)品研究報(bào)告;社會(huì)學(xué):老年人言語交際障礙實(shí)證研究;老年人聽覺審美偏好研究;老年人言語交際障礙實(shí)證研究;應(yīng)用數(shù)學(xué):用戶研究團(tuán)隊(duì)開展基于用戶數(shù)據(jù)分析和基于目標(biāo)用戶已有數(shù)據(jù)用戶特性研究。
雷哥:除了設(shè)計(jì)專業(yè)知識(shí),團(tuán)隊(duì)在適老化設(shè)計(jì)過程中運(yùn)用了大量用戶研究領(lǐng)域的知識(shí),洞察中老年用戶的生理老化特點(diǎn)和心理需求,幫助設(shè)計(jì)師們制定出適合中老年用戶需求的適老化設(shè)計(jì)標(biāo)準(zhǔn)。
在研究中,一方面運(yùn)用了社會(huì)學(xué)、心理學(xué)領(lǐng)域常用的用戶訪談、問卷調(diào)查、座談會(huì)等方法,另一方面還引入了人類工效學(xué)領(lǐng)域的眼動(dòng)實(shí)驗(yàn)法。通過科學(xué)、嚴(yán)謹(jǐn)?shù)膶?shí)驗(yàn),評(píng)估不同設(shè)計(jì)方案在不同使用場(chǎng)景對(duì)用戶主觀體驗(yàn)評(píng)價(jià)指標(biāo)和客觀眼動(dòng)指標(biāo)的影響,最終形成了一套完備、成體系的適老化設(shè)計(jì)規(guī)范,可用于指引資訊類/閱讀類App的適老化設(shè)計(jì)改造。規(guī)范明確了搜索、瀏覽、長(zhǎng)文閱讀、輔助信息(如功能按鈕、設(shè)計(jì)頁(yè)面)不同手機(jī)閱讀場(chǎng)景,標(biāo)題、摘要、正文等不同信息層級(jí)下,理想字號(hào)、行距和粗細(xì)組合,并給出了不同灰度顏色的全局最小可辨識(shí)字號(hào)。
相關(guān)研究成果也已撰寫成2篇論文,其中《Improving Smartphone Reading Experience for Middle Aged and Elderly Users : The Effect of Font Size, Line Spacing and Stroke Weight》在第24屆國(guó)際人機(jī)交互大會(huì)(HCII2022)發(fā)表;《中老年移動(dòng)端數(shù)字閱讀最小可辯識(shí)字號(hào)研究》被中文核心期刊《包裝工程》錄用,即將發(fā)表。另外,團(tuán)隊(duì)也與中國(guó)老齡產(chǎn)業(yè)協(xié)會(huì)合作,發(fā)布了《移動(dòng)互聯(lián)網(wǎng)應(yīng)用程序適老化體驗(yàn)規(guī)范》團(tuán)體標(biāo)準(zhǔn),共享我們的經(jīng)驗(yàn),希望帶動(dòng)移動(dòng)互聯(lián)網(wǎng)行業(yè)關(guān)注中老年用戶的需求,幫助其他產(chǎn)品提升中老年用戶的閱讀體驗(yàn)。
做出理想的適老化設(shè)計(jì)需要對(duì)老年人群體有深入的了解,需要搭建系統(tǒng)的適老化設(shè)計(jì)理論體系,在前期用戶研究階段需要綜合運(yùn)用生理學(xué)、心理學(xué)、行為學(xué)和社會(huì)學(xué)等相關(guān)的知識(shí),對(duì)老年人日常生活和使用移動(dòng)App所面臨的問題有深入系統(tǒng)的分析。在提出解決方案的階段需要專業(yè)的交互設(shè)計(jì)知識(shí),對(duì)人工智能技術(shù)有一定的研究,以及對(duì)現(xiàn)有業(yè)務(wù)自身?yè)碛械馁Y源有深入的了解,這樣才能提出系統(tǒng)且深入的適老化解決方案,而不只是停留在放大字號(hào)和功能精簡(jiǎn)層面。
《設(shè)計(jì)》:針對(duì)老年人對(duì)有尊嚴(yán)的生活的渴望,除了通過無障礙設(shè)計(jì)適應(yīng)老年人群體在生理和心理上的變化之外,百度的適老化設(shè)計(jì)是否有考慮在實(shí)踐中幫助老年人群體實(shí)現(xiàn)在數(shù)字時(shí)代中“進(jìn)化”,來一場(chǎng)跨越數(shù)字鴻溝的雙向奔赴?
小軍:百度App大字版體驗(yàn)設(shè)計(jì)目標(biāo)解決老年人不能用、不敢用、不會(huì)用的問題,百度App大字版完成適老化無障礙設(shè)計(jì)覆蓋,解決了產(chǎn)品不能用的問題。
百度App大字版通過降低操作成本和幫助老年人學(xué)習(xí)成長(zhǎng),解決不敢用和不會(huì)用問題,實(shí)現(xiàn)在數(shù)字時(shí)代中的“進(jìn)化”,具體措施包括:大字版依托百度領(lǐng)先AI技術(shù),在產(chǎn)品實(shí)踐中應(yīng)用語音搜索、圖像識(shí)別降低輸入成本,實(shí)現(xiàn)全場(chǎng)景內(nèi)容朗讀降低信息獲取成本,通過AI技術(shù)應(yīng)用降低使用成本,解決不敢用的問題。同時(shí)計(jì)劃在產(chǎn)品中增加針對(duì)適老功能的分步,直觀的教育視頻,解決不會(huì)用的問題。
《設(shè)計(jì)》:大數(shù)據(jù)時(shí)代如何實(shí)現(xiàn)“繭房”優(yōu)化?
火韋:這個(gè)是很專業(yè)的問題,深入到了老年人內(nèi)容消費(fèi)的核心體驗(yàn)。我嘗試片面地回答。
一般來說,“繭房問題”是指“接收”,就是個(gè)性化推薦系統(tǒng)會(huì)讓人們困在原有的興趣點(diǎn)上,從而接收不到不同的信息。百度推薦系統(tǒng)一直在解決“繭房問題”。這里重點(diǎn)說百度大字版對(duì)中老年用戶需求的特別處理,增加用戶接收內(nèi)容的多樣化。
一是,鼓勵(lì)用戶主動(dòng)興趣表達(dá),通過合理的引導(dǎo),讓老年人主動(dòng)表達(dá)自己的興趣點(diǎn)、關(guān)注點(diǎn);同時(shí)關(guān)注用戶對(duì)推薦偏好的意見反饋,靈活調(diào)整內(nèi)容推薦;二是,搜索和內(nèi)容推薦的結(jié)合,參考用戶的搜索意圖,補(bǔ)充實(shí)時(shí)興趣點(diǎn)到內(nèi)容推薦策略中,通過搜索拓展用戶對(duì)搜索相關(guān)領(lǐng)域和興趣的認(rèn)知邊界;三是,通用資訊和興趣的滿足,在個(gè)性化的基礎(chǔ)上,會(huì)增加平臺(tái)老年人通用的重大新聞事件和垂直領(lǐng)域熱門內(nèi)容的適度推薦;四是,專項(xiàng)策略和體驗(yàn)評(píng)估,包括打散同類的、連出的或霸屏的內(nèi)容,增加多樣性,強(qiáng)化興趣探索,一年多以來,持續(xù)進(jìn)行實(shí)驗(yàn)優(yōu)化,降低繭房用戶占比,通過用戶調(diào)研階段性收集用戶對(duì)多樣性的體驗(yàn)反饋。
繭房問題還有一層含義是“接受”,就是人們會(huì)抗拒接受新信息、甚至是新事實(shí)。特別是老年人有一些固有的觀念和習(xí)慣,很難改變。一是,進(jìn)行科學(xué)辟謠,破除錯(cuò)誤的意識(shí),倡導(dǎo)健康的生活方式;
二是,鼓勵(lì)老年人多使用搜索,主動(dòng)拓展認(rèn)知邊界;三是,在用戶消費(fèi)圖文和視頻時(shí),系統(tǒng)會(huì)出相關(guān)詞,用戶一鍵搜索得到新知識(shí)。此外,今年還推出了“交朋友”模塊,通過互動(dòng)課堂和社區(qū)討論,讓老年朋友更好地接受新信息。
《設(shè)計(jì)》:老年人使用智能設(shè)備進(jìn)行網(wǎng)絡(luò)交易時(shí)的信息安全和交易安全如何保障?
火韋:老年人在使用智能設(shè)備,已經(jīng)從簡(jiǎn)單的瀏覽信息、開始更多地進(jìn)行電子購(gòu)物,涉及到相對(duì)復(fù)雜的網(wǎng)絡(luò)交易過程。
百度App大字版在早期版本就關(guān)注到了這個(gè)問題,從以下方面持續(xù)優(yōu)化。
一是,我們會(huì)主動(dòng)打壓低俗、低質(zhì)的內(nèi)容和商品,并給優(yōu)質(zhì)和權(quán)威的第三方打上官方標(biāo),引導(dǎo)老年人識(shí)別來源;
二是,我們也加入了百度保障,并且專門推出了老年人保障官網(wǎng)和專屬處理流程,對(duì)平臺(tái)發(fā)生的網(wǎng)絡(luò)交易進(jìn)行提前保障;
三是,推出“暖陽(yáng)熱線”400專線電話,隨時(shí)與老年用戶進(jìn)行溝通。
《設(shè)計(jì)》:在適老設(shè)計(jì)中,AI技術(shù)有哪些獨(dú)特的功用?
雷哥:在適老化設(shè)計(jì)中應(yīng)用AI技術(shù),可以更好地解決老年人在生理和心理上面臨的現(xiàn)實(shí)問題,滿足老年人的信息獲取和情感陪伴訴求。例如,在信息獲取層面,通過語音識(shí)別和圖像識(shí)別技術(shù),可以改變傳統(tǒng)的輸入文本的搜索方式,大幅降低老年人的搜索成本,使老年人僅通過說話或拍照的輸入方式即可更方便地答疑解惑,獲取新知。AI技術(shù)在視頻場(chǎng)景也可以發(fā)揮作用,通過智能放大字幕和智能添加字幕,可以幫助老年人更好地獲取視頻信息。通過聲紋識(shí)別和聲音合成技術(shù),我們也可以幫助老年人錄制合成親友聲音,用于全局內(nèi)容朗讀,讓與親友分隔兩地的空巢老人體驗(yàn)如同親友在耳畔般的朗讀,獲取跨越時(shí)空的情感陪伴;同時(shí),語音朗讀能夠解決長(zhǎng)時(shí)間閱讀帶來的視覺疲勞問題。這些都得益于百度在人工智能領(lǐng)域的技術(shù)積累,所以,AI技術(shù)不僅可以在無人駕駛等前沿領(lǐng)域發(fā)揮作用,也可以通過產(chǎn)品化解決老年人面臨的實(shí)際問題。
《設(shè)計(jì)》:適老化設(shè)計(jì)的研究和開發(fā)在MEUX部門處于什么位置?
雷哥:MEUX團(tuán)隊(duì)一直很重視適老化設(shè)計(jì)的研究,很早就啟動(dòng)了相關(guān)的專項(xiàng)課題并持續(xù)投入。在工信部下發(fā)互聯(lián)網(wǎng)應(yīng)用適老化及無障礙改造專項(xiàng)相關(guān)指示文件之前,我們就已經(jīng)在進(jìn)行適老化設(shè)計(jì)的相關(guān)研究和探索,并且研發(fā)了公司內(nèi)的首個(gè)適老化產(chǎn)品——百度App大字版,因此我們對(duì)國(guó)家互聯(lián)網(wǎng)應(yīng)用適老化改造的響應(yīng)是非常積極和及時(shí)的。我們的適老化設(shè)計(jì)研究及產(chǎn)品研發(fā)的成功經(jīng)驗(yàn),也推廣到了公司內(nèi)部各個(gè)產(chǎn)品團(tuán)隊(duì),為公司內(nèi)移動(dòng)應(yīng)用的適老化設(shè)計(jì)提供了參照標(biāo)準(zhǔn)。在公司外部,我們也與老齡委合作制定了國(guó)內(nèi)首個(gè)移動(dòng)互聯(lián)網(wǎng)應(yīng)用適老化設(shè)計(jì)要求的團(tuán)體標(biāo)準(zhǔn),將我們的經(jīng)驗(yàn)推廣到整個(gè)行業(yè),形成更加廣泛的影響。
小軍:百度MEUX部門配備用戶研究、視覺、交互、運(yùn)營(yíng)完備的各職能深度參與并持續(xù)研究適老化設(shè)計(jì),支撐產(chǎn)品建設(shè)和持續(xù)升級(jí),同時(shí),在學(xué)術(shù)論文發(fā)表、行業(yè)團(tuán)體標(biāo)準(zhǔn)建立、國(guó)際獎(jiǎng)項(xiàng)申請(qǐng)上均有顯著的成果產(chǎn)出。
《設(shè)計(jì)》:融入老年人服務(wù)生態(tài),百度與哪些行業(yè)展開了怎樣的合作形式?
火韋:百度App大字版的目標(biāo)是:成為中老年生活的必備App,服務(wù)于生活的方方面面。為了實(shí)現(xiàn)這個(gè)目標(biāo),與公司內(nèi)部相關(guān)部門、政府部門、行業(yè)伙伴進(jìn)行了廣泛合作。
一是,到今天,百度App大字版已經(jīng)是擁有搜索、AI能力、圖文、視頻、直播、電臺(tái)、小說閱讀的綜合內(nèi)容消費(fèi)平臺(tái)。在公司內(nèi)部,多達(dá)10多個(gè)部門的200多位同事參與了百度App大字版的開發(fā)和運(yùn)營(yíng),其中包括搜索、語音搜索和語音智能處理、百家號(hào)內(nèi)容平臺(tái)、信息流策略、小程序和小說等兄弟業(yè)務(wù)。
二是,我們積極響應(yīng)政府相關(guān)部門的倡議,全面進(jìn)行適老化改造,并與百度關(guān)懷版一起申請(qǐng)并通過了《移動(dòng)互聯(lián)網(wǎng)應(yīng)用適老化設(shè)計(jì)要求》團(tuán)隊(duì)標(biāo)準(zhǔn)。同時(shí)與中國(guó)老齡協(xié)會(huì)一起推出了《老年智能科技大賽》。
三是,在服務(wù)生態(tài)上,與養(yǎng)老行業(yè)機(jī)構(gòu)和企業(yè)進(jìn)行深入合作,包括與紅松學(xué)堂、人人講合作推出“交朋友”社區(qū),引入百度健康、薄荷營(yíng)養(yǎng)提供健康功能,引入喜馬拉雅和懶人暢聽的小說、相聲、評(píng)書等娛樂內(nèi)容。
同時(shí),我們也與這些伙伴一起培育養(yǎng)老市場(chǎng),讓更多的人關(guān)心老年群體在智能時(shí)代的難處。比如我們?cè)诟赣H節(jié)那天全網(wǎng)推出“你先忙,爸沒啥事”活動(dòng),用八張大圖,說出了父親和孩子打電話時(shí)想說但沒有說的話。
《設(shè)計(jì)》:針對(duì)老齡化群體,百度在軟硬件開發(fā)方面還有哪些具體的長(zhǎng)短期規(guī)劃?
火韋:從2021年1月推出以來,百度App大字版一直專注于為老年手機(jī)用戶提供友好的內(nèi)容和服務(wù)。這是一個(gè)復(fù)雜的持久過程,還在苦練內(nèi)功,與用戶溝通、了解他們的需求、喜好和習(xí)慣,不斷推出新的App功能(電臺(tái)、視頻內(nèi)容、搜索、AI能力、課程等)。這些業(yè)務(wù)都有向智能硬件、線下業(yè)務(wù)延伸的可能性。
《設(shè)計(jì)》:在做適老化設(shè)計(jì)的過程中,作為設(shè)計(jì)師、工程師,你們收獲了怎樣的體驗(yàn)?
LU:懷著同理心和使命感來設(shè)計(jì)產(chǎn)品。中老年人是我們的長(zhǎng)輩,他們年輕時(shí)為社會(huì)、為國(guó)家貢獻(xiàn)了很多。當(dāng)他們年邁,因?yàn)樯眢w老化在融入信息社會(huì)面臨困難時(shí),我們有責(zé)任、有義務(wù)去幫助他們,讓他們能夠輕松、愉快、便利地享受信息生活。在此,我們也呼吁更多的移動(dòng)互聯(lián)網(wǎng)App、設(shè)計(jì)師和產(chǎn)品經(jīng)理參與進(jìn)來,推進(jìn)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的適老化升級(jí),幫助中老年人享受信息社會(huì),為中國(guó)的信息無障礙建設(shè)貢獻(xiàn)自己的一份力量。
小軍:作為設(shè)計(jì)師,參與多輪的用戶訪談,掃公園接觸真實(shí)用戶收集使用反饋意見。收集政府、競(jìng)對(duì)、研究機(jī)構(gòu)的情況。這讓我們對(duì)老年用戶有了更深入的認(rèn)知。產(chǎn)品設(shè)計(jì)中相比功能上的優(yōu)化,情感上的關(guān)懷也是內(nèi)在需求。我們的著眼點(diǎn)從無障礙設(shè)計(jì),深入到情感化設(shè)計(jì)中。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
作者:騰訊ISUX團(tuán)隊(duì) 來源:百度MEUX
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.kadanni.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.kadanni.com.cn