原創(chuàng)藝仁 藍(lán)藍(lán)設(shè)計(jì) 2020-12-18

       藍(lán)藍(lán)設(shè)計(jì)一直關(guān)注著國(guó)際國(guó)內(nèi)創(chuàng)新的設(shè)計(jì)趨勢(shì)和理念。權(quán)威設(shè)計(jì)平臺(tái)Behance上最近發(fā)布了2021年設(shè)計(jì)趨勢(shì)，這次的設(shè)計(jì)趨勢(shì)包含了UI、平面、包裝等多個(gè)領(lǐng)域。

      其中，3D成為2021年的主要趨勢(shì)，我們?cè)谒械脑O(shè)計(jì)類(lèi)型中都可以找到它。2021年3D的新穎之處在于應(yīng)用在了UI界面上，而在此之前，UI界面一直被平面設(shè)計(jì)所主導(dǎo)。即將發(fā)布的Mac新操作系統(tǒng)Apple Big Sur也讓3D在UI設(shè)計(jì)中得到更頻繁的使用。

      ios14的界面更新將影響所有的UI設(shè)計(jì)。ios14新推出的Widgets小工具分為大、中、小三種尺寸，用戶(hù)可以自由布置界面。因此設(shè)計(jì)師需要設(shè)計(jì)3種樣式的Widgets小工具圖標(biāo)。

       線(xiàn)稿填色這種插畫(huà)風(fēng)格的流行在2020年已經(jīng)初見(jiàn)端倪，在2021年也將繼續(xù)流行下去。

      近年來(lái)3D風(fēng)靡設(shè)計(jì)界，有一些精致的插畫(huà)給我們留下了深刻的印象。簡(jiǎn)約而配色鮮明的3D插畫(huà)將成為2021年插畫(huà)的流行風(fēng)格之一

       時(shí)尚是個(gè)圈，70、80年代懷舊風(fēng)漫畫(huà)將在2021年重回潮流。這種經(jīng)典風(fēng)格的插畫(huà)特點(diǎn)是使用輪廓、簡(jiǎn)單的形狀和一些細(xì)節(jié)填充。

       這種風(fēng)格的插畫(huà)非常像凌亂的涂鴉，乍看未完成，但所有的細(xì)節(jié)都是經(jīng)過(guò)深思熟慮的。重疊的形狀和強(qiáng)烈的色彩讓這些插畫(huà)與眾不同，同時(shí)能有效激發(fā)靈感。

       VFX或視覺(jué)，是將現(xiàn)有的鏡頭與計(jì)算機(jī)生成的圖像相結(jié)合，創(chuàng)造出逼真的場(chǎng)景。隨著眾多方便友好的軟件出現(xiàn)，VFX開(kāi)始在視頻和短片中會(huì)變得更加普及。

       3D影響了所有的設(shè)計(jì)領(lǐng)域，我們甚至可以說(shuō)，2021年，它主導(dǎo)了幾乎所有的數(shù)字設(shè)計(jì)。隨著虛擬現(xiàn)實(shí)在越來(lái)越多的App、網(wǎng)站或軟件中的應(yīng)用，3D也將越來(lái)越重要。而設(shè)計(jì)師們可以將3D和攝影或2D結(jié)合起來(lái)，創(chuàng)造出一種不同的設(shè)計(jì)效果。

       動(dòng)態(tài)logo已經(jīng)出現(xiàn)了好幾年了，但現(xiàn)在他們被更多的品牌使用，因此非常值得我們的注意。打開(kāi)App之后，我們首先看到的就是logo，將logo與動(dòng)效結(jié)合能給用戶(hù)留下深刻印象，從而更容易記住品牌。

       因?yàn)橐咔楦綦x，很多公司開(kāi)始投資AR技術(shù)。在未來(lái)，我們可以看到，在人工智能和機(jī)器學(xué)習(xí)的幫助下，增強(qiáng)現(xiàn)實(shí)技術(shù)將大規(guī)模應(yīng)用于各個(gè)領(lǐng)域，無(wú)論是醫(yī)藥、藝術(shù)、商業(yè)、客戶(hù)服務(wù)還是導(dǎo)航。

       排版是設(shè)計(jì)中最重要的元素，有經(jīng)驗(yàn)的設(shè)計(jì)師甚至可以只使用文字排版來(lái)設(shè)計(jì)視覺(jué)標(biāo)識(shí)。排版對(duì)于建立信息、建立強(qiáng)大的視覺(jué)層級(jí)、傳遞信息以及為用戶(hù)創(chuàng)造良好的體驗(yàn)都很重要。

      大字體和粗體從設(shè)計(jì)之初就已經(jīng)存在了，不管采用什么樣的設(shè)計(jì)手法，醒目的大字而且將永遠(yuǎn)是設(shè)計(jì)中的一個(gè)熱門(mén)趨勢(shì)。

       從上世紀(jì)初開(kāi)始，幾何形狀就已經(jīng)用于視覺(jué)藝術(shù)中，盡管這不是一種新的設(shè)計(jì)趨勢(shì)，但在2021年的平面設(shè)計(jì)中，無(wú)論是海報(bào)、印刷品、包裝還是品牌識(shí)別，都將聚焦于幾何形狀。

 

       線(xiàn)條藝術(shù)充滿(mǎn)魅力，并可以在各種設(shè)計(jì)領(lǐng)域內(nèi)應(yīng)用。

       疫情讓人們對(duì)環(huán)境保護(hù)格外重視，因此包裝行業(yè)必須開(kāi)始采取措施，減少對(duì)環(huán)境的影響，使用可生物降解的材料。

       經(jīng)過(guò)深思熟慮后設(shè)計(jì)的獨(dú)特插畫(huà)可以為你的品牌故事產(chǎn)生廣泛影響。因此你必須謹(jǐn)慎地選擇能夠傳達(dá)你的品牌故事的插畫(huà)。它們必須是有意義，并給品牌帶來(lái)一致性的。

       在銷(xiāo)售產(chǎn)品時(shí)，用優(yōu)質(zhì)的包裝設(shè)計(jì)講述有關(guān)品牌的迷人故事，能有效激發(fā)出購(gòu)買(mǎi)欲。包裝上的所有元素都應(yīng)該為客戶(hù)帶來(lái)獨(dú)特的體驗(yàn)。

       在人人都離不開(kāi)手機(jī)的時(shí)代，包裝也可以和手機(jī)產(chǎn)生互動(dòng)，比如使用AR等手段創(chuàng)造品牌知名度。

       權(quán)威色彩機(jī)構(gòu) Pantone 公布了2021年度雙流行色：灰+亮麗黃。

       這是繼2016年水晶粉+寧?kù)o藍(lán)之后，第二次推出組合年度色，寓意光明，傳遞力量與希望。灰+亮麗黃這兩個(gè)獨(dú)立的色彩，聯(lián)手打造出夢(mèng)寐以求的色彩組合，像是自然風(fēng)化的巖石上浮起的日出，帶來(lái)了一種更深層的體貼和踏實(shí)感，同時(shí)也表現(xiàn)了對(duì)未來(lái)充滿(mǎn)希望的樂(lè)觀精神。

       這正是經(jīng)歷過(guò)艱難的2020年后，世界所需要的。

       當(dāng)人們期望尋求能量來(lái)強(qiáng)化自己，克服持續(xù)的不確定感時(shí)，堅(jiān)實(shí)可靠而又熱情洋溢的色調(diào)，恰好能夠滿(mǎn)足我們對(duì)生命力的追求。

       在過(guò)去幾年里，潘通的選擇充滿(mǎn)了社會(huì)意義，被看作是對(duì)全球情緒的捕捉。

       而在經(jīng)歷了記憶中最黯淡的一年之后，2021年的組合色旨在以堅(jiān)韌的精神基底傳遞積極和幸福即將到來(lái)的訊息，給人們帶來(lái)希望，讓人感到一切都將變得更加光明。

       目前，已有相關(guān)設(shè)計(jì)產(chǎn)品使用了潘通2021流行色：

       本文藍(lán)藍(lán)設(shè)計(jì)著重介紹一個(gè)未來(lái)可以配合3D設(shè)計(jì)趨勢(shì)的全新設(shè)計(jì)風(fēng)格-新擬態(tài)設(shè)計(jì)。

       光是人眼感知世界的媒介，溫和柔美的光影變化輔以精致優(yōu)雅的配色紋理展現(xiàn)出真實(shí)世界原本物體的豐富質(zhì)感。光影的把控影響著事物的情感表達(dá)，光影的流轉(zhuǎn)變化傳遞出不同的情緒，同時(shí)也影響人對(duì)事物空間感的判斷。

       新擬態(tài)是一種圖形樣式，其原理是通過(guò)簡(jiǎn)單富有層次的光影變化為界面的UI元素賦予真實(shí)感。新擬物算擬物風(fēng)格的一種，只不過(guò)表現(xiàn)形式相對(duì)特立獨(dú)行，最早出現(xiàn)在國(guó)外網(wǎng)站dribbble上,之后陸續(xù)被收錄在2020設(shè)計(jì)趨勢(shì)預(yù)測(cè)中，在2019年的年末慢慢被大家熟知，討論，重視起來(lái)。

       在2020年2月11號(hào)舉行的三星視覺(jué)發(fā)布會(huì)使用新擬態(tài)的設(shè)計(jì)手法作為設(shè)計(jì)海報(bào)。帶有漸變的淺灰色背景，結(jié)合富有層次感的光影漸變，充滿(mǎn)未來(lái)感。相對(duì)克制的色彩選擇和多角度的光影變化，強(qiáng)調(diào)出產(chǎn)品豐富的質(zhì)感和科技感，簡(jiǎn)潔而神秘。

       這是一款多平臺(tái)記錄工具，有道云筆記的擬物化設(shè)計(jì)風(fēng)格相對(duì)謹(jǐn)慎，主要的操作按鈕部分，均采用了“擬物化的”風(fēng)格，但是在大面積的展示區(qū)域和非功能性按鈕依然沿用了簡(jiǎn)潔的扁平化設(shè)計(jì)。在保證“新擬物”質(zhì)感的同時(shí)，保證主體內(nèi)容的可閱讀性，和整體頁(yè)面的清爽感。

      藍(lán)藍(lán)設(shè)計(jì)也在設(shè)計(jì)項(xiàng)目中結(jié)合目前流行趨勢(shì)進(jìn)行探索設(shè)計(jì)，容器元素通過(guò)光影的變化，展現(xiàn)出不同的狀態(tài)，通過(guò)模擬物理層面“高程”的不同，形成不同的組件狀態(tài)，從而演變成承載各式功能的基本元素。

      清晰淡雅的容器元素和扁平活潑的表現(xiàn)層元素在色彩和材質(zhì)上都形成了鮮明的對(duì)比，扁平的圖標(biāo)配以高飽和度的色塊或者深色的圖片，讓界面元素的對(duì)比愈發(fā)強(qiáng)烈，容器層和表現(xiàn)層的層疊配合，千變?nèi)f化， 組成界面中的各種模塊，讓界面版式更為豐富，給人簡(jiǎn)潔靈動(dòng)之感。

      在扁平風(fēng)大行其道的當(dāng)下，公眾審美難免已經(jīng)疲勞，設(shè)計(jì)風(fēng)格再次回歸擬物化，或許已經(jīng)是主流趨勢(shì)。未來(lái)，3D設(shè)計(jì)，輕立體設(shè)計(jì)將與扁平化的設(shè)計(jì)風(fēng)格相結(jié)合，產(chǎn)生新的設(shè)計(jì)語(yǔ)言和領(lǐng)域。

      從輕擬物風(fēng)格到Glassmorphism風(fēng)格，擬物化設(shè)計(jì)的演變進(jìn)程已然開(kāi)啟，未來(lái)，無(wú)論是3D設(shè)計(jì)的加入還是扁平風(fēng)格的延續(xù)，“質(zhì)感”都將成為設(shè)計(jì)過(guò)程中被著重強(qiáng)調(diào)的風(fēng)格。

      藍(lán)藍(lán)設(shè)計(jì)，工作室2008年開(kāi)始，2011年正式成立北京蘭亭妙微科技有限公司，主創(chuàng)清華團(tuán)隊(duì)，專(zhuān)注軟件和互聯(lián)網(wǎng)ui設(shè)計(jì)開(kāi)發(fā)。擅長(zhǎng)企業(yè)信息化管理、監(jiān)控、大數(shù)據(jù)軟件UI、UE咨詢(xún)和設(shè)計(jì)開(kāi)發(fā)服務(wù)。立足UI，一直在學(xué)習(xí)進(jìn)步。

      藍(lán)藍(lán)設(shè)計(jì)，秉承設(shè)計(jì)優(yōu)秀，不斷超越的理念，誠(chéng)信敬業(yè)、專(zhuān)業(yè)耐心的工作作風(fēng)，進(jìn)行設(shè)計(jì)服務(wù)創(chuàng)新，幫助企業(yè)進(jìn)行軟件和互聯(lián)網(wǎng)產(chǎn)品的界面設(shè)計(jì)及開(kāi)發(fā)升級(jí)，提供卓越的解決方案。對(duì)軟件界面用戶(hù)體驗(yàn)與交互設(shè)計(jì)與實(shí)現(xiàn)，國(guó)際化標(biāo)準(zhǔn)和流行趨勢(shì)，進(jìn)行不斷的研究和實(shí)踐，擁有豐富的解決問(wèn)題經(jīng)驗(yàn)。

欣賞更多界面及其它作品請(qǐng)?jiān)L問(wèn)

www.yvirxh.cn

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

      藍(lán)藍(lán)設(shè)計(jì)是一家做UE/UI設(shè)計(jì)的公司，我們常常接到的項(xiàng)目是大屏、pc端、手機(jī)端的項(xiàng)目要重新做交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)。每個(gè)軟件首頁(yè)怎么設(shè)計(jì)？如何進(jìn)行首頁(yè)上的內(nèi)容取舍，最終客戶(hù)和上司是究竟想要什么？是客戶(hù)們（產(chǎn)品經(jīng)理或技術(shù)總監(jiān)）普遍感到為難的地方，希望有外部的專(zhuān)業(yè)設(shè)計(jì)力量來(lái)參與意見(jiàn)，多一份力量。

一般進(jìn)行軟件首頁(yè)的設(shè)計(jì)，我們先思考：

• 首頁(yè)要放什么內(nèi)容？哪些是核心的，用戶(hù)最在意、最常用的。

• 軟件產(chǎn)品提供什么樣的核心價(jià)值？

• 用戶(hù)常用的功能是哪些？

• 未來(lái)1到3年軟件會(huì)增加什么重要的功能？發(fā)展方向？

• 需要借助軟件產(chǎn)品傳達(dá)哪些企業(yè)價(jià)值觀？

• 在交互上和需求上先和軟件公司做一些交流，雙方達(dá)成一致再進(jìn)行。

      我們也了解到，有許多軟件公司做這件事情（開(kāi)發(fā)運(yùn)營(yíng)這個(gè)軟件或網(wǎng)站）已久，特別想找一個(gè)嶄新的方式去看待目前做的這件事。找個(gè)靠譜的外部設(shè)計(jì)公司和做用戶(hù)調(diào)研是兩個(gè)好方法。

      我們建議如果時(shí)間充許的話(huà)，可以做做用戶(hù)調(diào)研，做8到10個(gè)用戶(hù)不同角色的訪談，從真正的客戶(hù)的角度去思考一下不同角色對(duì)這個(gè)產(chǎn)品的期待和理解。（訪談的人不用太多，因?yàn)樘臅r(shí)間，但是可以多輪，一段時(shí)期一段時(shí)期不斷的去了解用戶(hù)的想法），從一線(xiàn)了解許多不同層次的想法和使用者的意見(jiàn)。

      在和客戶(hù)的交流中，常常會(huì)遇到：改版會(huì)帶來(lái)多少程序方面的工作量這類(lèi)的問(wèn)題。這個(gè)擔(dān)心很多公司，特別是十年來(lái)在一直做著同一個(gè)產(chǎn)品的經(jīng)理們普遍反映都有，特別是很大型的軟件。

      其實(shí)，下決定最難。

      改版與否，其實(shí)取決于對(duì)空間秩序美的忍耐度及它能帶給你的價(jià)值。

      就像有的人房間很亂，也不收拾，特別能忍。他省了整理的時(shí)間，但他個(gè)人可以找到自己的東西，有自己的內(nèi)在邏輯。但表現(xiàn)在工作上就是：界面很亂，除了開(kāi)發(fā)者自己，客戶(hù)都找不到東西，很難使用，花了客戶(hù)很多時(shí)間去學(xué)習(xí)使用這個(gè)軟件，到了忍無(wú)可忍，客戶(hù)提出強(qiáng)烈不滿(mǎn)的時(shí)候，有可能危及到合作時(shí)，在吐槽中被迫進(jìn)行。

      優(yōu)勢(shì)技術(shù)不等于優(yōu)勢(shì)產(chǎn)品，產(chǎn)品的需求和體驗(yàn)要先于技術(shù)和模式而存在，品牌的戰(zhàn)略貫穿在企業(yè)的全鏈條中，以用戶(hù)可以感知的點(diǎn)滴來(lái)詮釋軟件產(chǎn)品核心價(jià)值，塑造品牌。

      UI的設(shè)計(jì)能帶來(lái)的不僅僅是軟件的美化，UI咨詢(xún)公司能帶給客戶(hù)的是一種思考的方式和解決問(wèn)題的行動(dòng)力。軟件企業(yè)最好當(dāng)然是掌握市場(chǎng)先機(jī)，企業(yè)內(nèi)部里去觸發(fā)、驅(qū)動(dòng)  ui咨詢(xún)類(lèi)項(xiàng)目，在機(jī)會(huì)來(lái)了的時(shí)候才更從容。

      對(duì)不熟悉的事情，大家總是會(huì)有一定的壓力，表現(xiàn)的行為方式上就會(huì)有點(diǎn)拖延，選擇決策困難。我在想，有時(shí)候我們的界面設(shè)計(jì)時(shí)間總是被擠壓的特別少，在功能都實(shí)現(xiàn)的情況下才來(lái)進(jìn)行，是不是也是出于客戶(hù)的這種心理呢？

      其實(shí)對(duì)于我們這樣一個(gè)做了界面設(shè)計(jì)十多年的設(shè)計(jì)公司而言，這些都是我們平常日常工作中的工作，沒(méi)有什么難點(diǎn)，只是要根據(jù)不同的公司，不同的產(chǎn)品去梳理清楚、理解業(yè)務(wù)，用心體會(huì)。

      做好整個(gè)系統(tǒng)的交互設(shè)計(jì)，首頁(yè)的內(nèi)容布局設(shè)計(jì)，和進(jìn)行一個(gè)家庭的空間物品歸納整理沒(méi)有什么區(qū)別。不要陷入“要么不做，做就做到最好的”極端思維，只要馬上迭代改進(jìn)，平時(shí)保持一定的水準(zhǔn)，總會(huì)做的越來(lái)越好。

家庭裝修和軟件界面設(shè)計(jì)的對(duì)比：

家庭要裝修

1. 首先要考慮到家庭的空間有多少人要去使用，住幾個(gè)人？空間之間的最佳行動(dòng)路徑。未來(lái)幾年內(nèi)人口會(huì)增加或減少嗎？住多久？

2.了解你和家人所需要的物品，對(duì)它們進(jìn)行分類(lèi)和預(yù)算了解，無(wú)用的物品斷舍離。

3. 物品的使用場(chǎng)景在臥室里用，還是在客廳里看電視的時(shí)候用？服裝的裝搭是出門(mén)見(jiàn)客還是家居服，有多少件？對(duì)客戶(hù)來(lái)講最看重的是書(shū)柜還是衣帽間設(shè)計(jì)，還是廚房呢？因人而異，選擇對(duì)他最重要的物品和場(chǎng)景，好好的設(shè)計(jì)，創(chuàng)造最讓人感動(dòng)的體驗(yàn)。

交互設(shè)計(jì)有點(diǎn)像居室空間的規(guī)劃

        這和產(chǎn)品的軟件界面設(shè)計(jì)其實(shí)是相通的：

1. 了解就是這個(gè)系統(tǒng)有什么功能，準(zhǔn)備放到幾個(gè)導(dǎo)航菜單中？導(dǎo)航之間的最佳切換路徑。產(chǎn)品核心提供什么樣的價(jià)值？未來(lái)1到3年軟件會(huì)增加或減少什么重要的功能？產(chǎn)品未來(lái)的發(fā)展方向？這版用多久，多久改版一次？

2. 把所有的功能進(jìn)行分類(lèi)和預(yù)算，分版本陸續(xù)實(shí)現(xiàn)。斷舍離軟件功能，進(jìn)行取舍歸納。最常用的，重要的先做，花費(fèi)精力太多，又很少用的功能舍掉或后做，

3. 了解每一個(gè)功能的使用場(chǎng)景，是什么用戶(hù)角色使用？是在戶(hù)外或者室內(nèi)用？是日常工作時(shí)還是領(lǐng)導(dǎo)視查，開(kāi)會(huì)時(shí)使用？他最關(guān)注什么？他的使用過(guò)程是什么？

      了解每一個(gè)功能的使用場(chǎng)景和用戶(hù)關(guān)聯(lián)時(shí)，可以畫(huà)出一個(gè)用戶(hù)體驗(yàn)地圖幫助梳理思路。從使用這個(gè)軟件產(chǎn)品的開(kāi)始到結(jié)束，不同接觸點(diǎn)，關(guān)鍵點(diǎn)列出來(lái)，選擇最需要改善的幾個(gè)重點(diǎn)，好好的設(shè)計(jì)開(kāi)發(fā)，創(chuàng)造最讓人感動(dòng)的體驗(yàn)。

      有了要表達(dá)的界面元素，把它們按照人類(lèi)的使用習(xí)慣去組合，進(jìn)行這些頁(yè)面的內(nèi)容的排列方式就可以了，比如：

• 重要的內(nèi)容放在第一屏重要的地方，按照人類(lèi)的閱讀習(xí)慣，從左到右，從上到下。重點(diǎn)的字大區(qū)塊占比大，非重點(diǎn)的弱化小字，歸納為一組，可隱藏。
• 用好對(duì)比，不要讓人思考，該提示的地方要提示（直接打開(kāi)頁(yè)面時(shí)彈出或在需要提醒的位置附近，一個(gè)地兒一個(gè)地兒輪播閃現(xiàn)都可以），盡量傻瓜式的，不要讓人培訓(xùn)后才懂怎么使用（節(jié)省用戶(hù)時(shí)間）。
• 思考用戶(hù)第一次進(jìn)入軟件，如何引導(dǎo)他使用的流程和步驟，并在首頁(yè)就能開(kāi)始第一步。（目前B端的產(chǎn)品常見(jiàn)問(wèn)題就是功能橫向單一，每個(gè)功能一個(gè)菜單，之間缺乏串連使用的路徑，用戶(hù)根本不知道如何使用）
• 如果是工具類(lèi)的操作軟件，在首頁(yè)要給足相應(yīng)的操作輔導(dǎo)文案和視頻。如果是辦公任務(wù)類(lèi)軟件，在首頁(yè)要很明確展示要做的總數(shù)、待辦具體事情，想了解的信息。

      空間（交互）布局設(shè)計(jì)好之后，易用性就基本已經(jīng)解決了。

      剩下就是根據(jù)用戶(hù)不同的審美，巴洛克，簡(jiǎn)潔風(fēng)，歐式，美式（簡(jiǎn)約，科技感，質(zhì)感，時(shí)尚、擬物，酷炫，奢華高端，品牌VI、拙樸古風(fēng)），任客戶(hù)選擇，或者是根據(jù)用戶(hù)畫(huà)像的調(diào)查去推測(cè)，根據(jù)產(chǎn)品定位，建立色彩情緒板，研究出這個(gè)產(chǎn)品應(yīng)有的外貌。

      我們藍(lán)藍(lán)設(shè)計(jì)一般是有一個(gè)UI設(shè)計(jì)調(diào)查表，把各種設(shè)計(jì)風(fēng)格和問(wèn)題列出來(lái)，引導(dǎo)客戶(hù)在填表的過(guò)程中去選擇和思考。

       步步分解之后，工作就會(huì)好理解并逐漸輕松。

      只要您去做這件事，開(kāi)始思考，最終就會(huì)知道界面那些功能該怎么擺放。我們的交流中往往發(fā)現(xiàn)客戶(hù)是非常有智慧的，一開(kāi)始可能沒(méi)有想法，隨著分析和思考的深入，靈感受到啟發(fā)，等到我們?cè)O(shè)計(jì)出方案之后，很會(huì)挑方案，能夠感受到不同方案的優(yōu)點(diǎn)，把他們集中在一起。

      最近流行一個(gè)新的職業(yè)，叫收納整理師，就是幫助陪伴您收拾家。不僅僅是打掃衛(wèi)生，還會(huì)告訴你一些斷舍離取舍原則。原有的衣柜空間有什么不足，改進(jìn)的方法，一些方便收納的小工具，手把手教你各類(lèi)疊衣服的方法。有些工作（整理房間）自己也能做，但是這個(gè)工作太枯燥，工作量又很大，如果有人陪，就能夠被鼓勵(lì)著，開(kāi)心，很有成就的去完成。

      陪伴這個(gè)詞很重要，代表著共同參與，相伴成長(zhǎng)。

      我覺(jué)得交互設(shè)計(jì)師也是在做整理收納這種事情。有些人最喜歡的買(mǎi)買(mǎi)買(mǎi)，買(mǎi)回了太多的東西，又無(wú)處安放，屋子變得很亂，開(kāi)始收納整理，像不像軟件開(kāi)發(fā)中一些客戶(hù)角色，喜歡加一些內(nèi)容（功能）？這個(gè)頁(yè)面加一點(diǎn)，那個(gè)頁(yè)面加一點(diǎn)，過(guò)了一陣子，這個(gè)軟件（網(wǎng)站）就變得不成樣子，需要維護(hù)和整理。

       軟件產(chǎn)品和一個(gè)家一樣，他們都是你創(chuàng)造的，如果可以說(shuō)話(huà)，他們可能有許多話(huà)想對(duì)你：“把我創(chuàng)造的美一些，整潔一些吧，主人”

      下面給大家展示幾個(gè)實(shí)際的案例，我們是怎么從需求到原型，完成這項(xiàng)工作的，設(shè)計(jì)前后的效果如何?

      就拿我們最近合作的江蘇銳創(chuàng)來(lái)講吧，這是一家非常優(yōu)秀的公司，江蘇銳創(chuàng)數(shù)據(jù)中心服務(wù)管理平臺(tái)項(xiàng)目，產(chǎn)品迭代速度非常快，公司內(nèi)部做過(guò)很多版本的設(shè)計(jì)，由于十年來(lái)一直在做這套軟件，產(chǎn)生了審美疲勞，不知道到底要怎么做才合適了。各種之前想過(guò)的東西都已經(jīng)自己練過(guò)了，也實(shí)施過(guò)了，但就是覺(jué)得沒(méi)有達(dá)到自己理想的狀態(tài)，內(nèi)部設(shè)計(jì)了一稿又一稿，總是覺(jué)得還不夠好。

      使用這個(gè)軟件的用戶(hù)是企業(yè)中的網(wǎng)管和工程師，專(zhuān)業(yè)人士。在委托藍(lán)藍(lán)設(shè)計(jì)之前，內(nèi)部開(kāi)發(fā)已經(jīng)迭代四次，企業(yè)內(nèi)部的交互設(shè)計(jì)師已經(jīng)把首頁(yè)要放的內(nèi)容思考的比較清楚了。在這類(lèi)的需求中，藍(lán)藍(lán)設(shè)計(jì)的設(shè)計(jì)師主要的工作是優(yōu)化視覺(jué)設(shè)計(jì)和進(jìn)行交互設(shè)計(jì)的局部?jī)?yōu)化處理，通過(guò)友好的交互體驗(yàn)讓企業(yè)用戶(hù)享受到高品質(zhì)的服務(wù)。

客戶(hù)給的原型圖

設(shè)計(jì)后的效果圖

1. 理解用戶(hù)所需，優(yōu)化交互，增加部分內(nèi)容。告警事件除了原型中的時(shí)間線(xiàn)按順序發(fā)生外，加了用戶(hù)頭像，已處理、待處理、緊急任務(wù)統(tǒng)計(jì)數(shù)字，讓用戶(hù)可以總覽全局，做到對(duì)工作量心中有數(shù)。

---

2. 數(shù)據(jù)中心信息，秉承著信息簡(jiǎn)單易懂，界面引導(dǎo)友好的理解，把信息分組，4個(gè)關(guān)鍵信息總數(shù)并列2排，設(shè)計(jì)了相應(yīng)的擬物化圖標(biāo)，美觀整理有秩序。在線(xiàn)和離線(xiàn)位數(shù)增加了表達(dá)當(dāng)前比例的橫向柱狀圖，用戶(hù)從綠色和紅色的區(qū)塊長(zhǎng)短中可以輕松感知，比原型的表達(dá)方式又多了一個(gè)緯度。

---

3. 本機(jī)系統(tǒng)信息，將單個(gè)的數(shù)字轉(zhuǎn)化為儀表盤(pán)，可以表現(xiàn)出高中低預(yù)警和正常的多重含義。通過(guò)輕擬物的表現(xiàn)手法，增強(qiáng)駕駛艙的沉浸式體驗(yàn)，營(yíng)造中控管理氛圍的真實(shí)感。

---

4. 所有的設(shè)計(jì)，都是基于對(duì)業(yè)務(wù)的理解，回到本質(zhì)，思考用戶(hù)是否需要多層次信息的統(tǒng)計(jì)分析，不同的緯度呈現(xiàn)結(jié)果。最終以感性、直觀、優(yōu)美的方式視覺(jué)表達(dá)，并考慮到數(shù)據(jù)可視化的控件類(lèi)型和實(shí)現(xiàn)難度。

---

       中國(guó)移動(dòng)愛(ài)流量App整體的設(shè)計(jì)提案，經(jīng)過(guò)用用戶(hù)研究分析、同類(lèi)競(jìng)爭(zhēng)App競(jìng)品分析報(bào)告、產(chǎn)品定位、功能分析、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)。中國(guó) 移動(dòng)只提供了運(yùn)行中的上一版App，其它的調(diào)研、改版策劃由藍(lán)藍(lán)設(shè)計(jì)進(jìn)行。

這個(gè)案例比上一個(gè)案例更加整體，重大的項(xiàng)目應(yīng)該采用這種方式來(lái)進(jìn)行。

1   同類(lèi)產(chǎn)品APP對(duì)比：

藍(lán)藍(lán)設(shè)計(jì)觀察了20家流量類(lèi)的App。通過(guò)在應(yīng)用市場(chǎng)監(jiān)測(cè)流量平臺(tái)類(lèi)app的下載量，我們選取以上三家為競(jìng)品。

『流量寶』中國(guó)電信出品。

『流量銀行』中國(guó)聯(lián)通出品。

『流量來(lái)了』，世紀(jì)龍信息網(wǎng)絡(luò)有限責(zé)任公司出品。

分析內(nèi)容：

1. 界面布局對(duì)比

2. 核心功能對(duì)比

3. 色彩對(duì)比

4. 首頁(yè)印象對(duì)比

5. 界面設(shè)計(jì)優(yōu)缺點(diǎn)

2 產(chǎn)品洞察 明確產(chǎn)品的定位和發(fā)展方向

按照用戶(hù)對(duì)于流量的認(rèn)識(shí)、了解、使用的程度，通常流量經(jīng)營(yíng)可以分為三個(gè)發(fā)展階段。

在流量消費(fèi)培育階段(2008-2012年)，隨著智能手機(jī)的快速普及，客戶(hù)上網(wǎng)頻率逐漸加大，對(duì)于網(wǎng)絡(luò)的使用逐漸從PC互聯(lián)網(wǎng)向移動(dòng)互聯(lián)網(wǎng)轉(zhuǎn)移，其標(biāo)志就是智能手機(jī)用戶(hù)在2013年超過(guò)了PC保有量。這個(gè)階段主要以前向流量客戶(hù)經(jīng)營(yíng)為主，采取流量包月甚至流量免費(fèi)等方式驅(qū)動(dòng)流量增長(zhǎng)。

在流量理性消費(fèi)階段(2013-2014年)，流量消費(fèi)習(xí)慣逐漸養(yǎng)成，運(yùn)營(yíng)商開(kāi)始改變甚至取消流量包月無(wú)限量使用策略，用戶(hù)開(kāi)始感受到流量的費(fèi)用壓力，開(kāi)始對(duì)自身的消費(fèi)行為和內(nèi)容進(jìn)行整理，逐步回落到用戶(hù)能夠承受的流量消費(fèi)水平。而流量經(jīng)營(yíng)主要收入來(lái)源依然是個(gè)人客戶(hù)。

在流量后向經(jīng)營(yíng)階段(2014年-)，隨著運(yùn)營(yíng)商發(fā)現(xiàn)流量收入增速放緩的現(xiàn)象，運(yùn)營(yíng)商開(kāi)始嘗試定向流量、后向流量捆綁、流量800等面向后端企業(yè)的運(yùn)營(yíng)。至此，運(yùn)營(yíng)商正式邁入流量平臺(tái)化經(jīng)營(yíng)時(shí)期。

產(chǎn)品不斷的迭代，使我們的產(chǎn)品在不斷的完善。 流量平臺(tái)的定位也在不斷的跟隨行業(yè)的變化在不斷的變化，才能使我們的產(chǎn)品得到用戶(hù)的認(rèn)可。

功能方向：使產(chǎn)品向貨幣化、社交化、媒介化轉(zhuǎn)變。

增加用戶(hù)使用率，創(chuàng)造可以長(zhǎng)期登錄使用的情景和功能。

基于個(gè)人：監(jiān)測(cè)自己的手機(jī)流量及使用情況，提醒自己：少了可以買(mǎi)，也可以把多余的流量轉(zhuǎn)給家人、朋友、同學(xué)、或充入手機(jī)、

基于社交：比如：發(fā)紅包、賺流量、做任務(wù)、簽到送流量，流量?jī)对?huà)費(fèi)等、是可以嘗試的方向，使我們的產(chǎn)品向貨幣化、社交化、媒介化轉(zhuǎn)變。

視覺(jué)方向：使我們的產(chǎn)品更加的年輕化、擁抱90、00后。

交互方向：減化路徑、清晰簡(jiǎn)潔

3 基于產(chǎn)品分析策劃進(jìn)行主頁(yè)的交互設(shè)計(jì)

在不斷的思考、對(duì)功能的深入理解后，交互設(shè)計(jì)師對(duì)首頁(yè)構(gòu)圖了三個(gè)方案，希望能契合產(chǎn)品定位并在布局和表現(xiàn)形式上與競(jìng)品區(qū)別，展現(xiàn)出愛(ài)流量的。

團(tuán)隊(duì)討論思考后，認(rèn)為將“流量監(jiān)測(cè)和流轉(zhuǎn)“做為首頁(yè)目前重點(diǎn)，賺流量做為以后發(fā)展點(diǎn)。確定第二種布局(中），進(jìn)行視覺(jué)設(shè)計(jì)。 

4 視覺(jué)設(shè)計(jì)成果

主頁(yè)設(shè)計(jì)風(fēng)格確定后，就可以進(jìn)行其它頁(yè)面的視覺(jué)設(shè)計(jì)啦。

---

1. 軟件的優(yōu)化設(shè)計(jì)是一個(gè)長(zhǎng)久的的事，挑一些典型頁(yè)來(lái)設(shè)計(jì)是基礎(chǔ)的部分。

2. 目前國(guó)內(nèi)都在進(jìn)行數(shù)字化升級(jí)進(jìn)程，這一二十年來(lái)，從不知UI為何物，到企業(yè)紛紛重視，每個(gè)企業(yè)都有自己的設(shè)計(jì)師，重點(diǎn)的項(xiàng)目再外包給專(zhuān)業(yè)公司。關(guān)注整個(gè)用戶(hù)體驗(yàn)，用體驗(yàn)地圖觸點(diǎn)做設(shè)計(jì)，在中小型的項(xiàng)目上存在認(rèn)識(shí)不夠或目前達(dá)不到應(yīng)有的預(yù)算和精度。未來(lái)發(fā)展中，相信會(huì)漸逐把重要軟件的整體用戶(hù)體驗(yàn)設(shè)計(jì)、服務(wù)設(shè)計(jì)、品牌設(shè)計(jì)的融入做為增長(zhǎng)點(diǎn)。

3. 藍(lán)藍(lán)設(shè)計(jì)公司有一個(gè)群，每天都在分享好的UI設(shè)計(jì)，如果你有興趣，請(qǐng)報(bào)上姓名和公司職位，我們共同成長(zhǎng)和學(xué)習(xí)。請(qǐng)加微信ben_lanlan, 標(biāo)注“想加入設(shè)計(jì)分享群”.

       看到知乎上的一個(gè)問(wèn)題：如何找到一家好的高端網(wǎng)站設(shè)計(jì)公司？

       把回答的內(nèi)容也轉(zhuǎn)過(guò)來(lái)記錄一下。

       首先回答：何為高端？



       高端與低端是對(duì)應(yīng)的，目前網(wǎng)站設(shè)計(jì)，中低端基本是用模板改改，相對(duì)價(jià)格低，有一些小型公司或不依靠網(wǎng)站運(yùn)營(yíng)收入的公司，“有個(gè)網(wǎng)站就好”，所以可以用這種低投入，內(nèi)容有就行的網(wǎng)站建設(shè)公司，特點(diǎn)是馬上就能用，三五天把內(nèi)容發(fā)布進(jìn)去就可以。備案可能需要一定時(shí)間。



       高端設(shè)計(jì)公司，一般是量身定做，為企業(yè)做網(wǎng)站策劃、分析，按照用戶(hù)研究、網(wǎng)站建站的目的來(lái)進(jìn)行網(wǎng)站的定制欄目頁(yè)的設(shè)計(jì)。做競(jìng)品分析、研究對(duì)方的優(yōu)缺點(diǎn)，設(shè)計(jì)的色系和企業(yè)標(biāo)準(zhǔn)色、情感表達(dá)、人物場(chǎng)景、用戶(hù)體驗(yàn)思維，越深入，思考越成熟，做的網(wǎng)站品質(zhì)越有保障。所以需要的時(shí)間、精力、投入相對(duì)多。



       因?yàn)橥度胂鄬?duì)多，所以經(jīng)營(yíng)業(yè)績(jī)好的企業(yè)、集團(tuán)公司、營(yíng)銷(xiāo)類(lèi)大型網(wǎng)站來(lái)定制的比較多。



       我們公司“北京藍(lán)藍(lán)設(shè)計(jì)”就是為定制的高端企業(yè)用戶(hù)、政府網(wǎng)站、軟件公司來(lái)服務(wù)的。我們挺喜歡要求高的客戶(hù)，這樣能體現(xiàn)出專(zhuān)業(yè)設(shè)計(jì)的水平，這也是我們和其它建站公司區(qū)別開(kāi)來(lái)的地方。



       我們主要是給大型軟件公司平臺(tái)、系統(tǒng)做UE、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)，用戶(hù)體驗(yàn)優(yōu)化，這個(gè)，比網(wǎng)站設(shè)計(jì)更難，更專(zhuān)業(yè)。 往往一個(gè)公司的核心產(chǎn)品，值得把精力金錢(qián)投入到上面，產(chǎn)出最大的回報(bào)。近年來(lái)，除了做軟件UI，大屏大數(shù)據(jù)可視化項(xiàng)目外，我們也擴(kuò)展了“愿意把公司網(wǎng)站做成核 心產(chǎn)品”這樣的公司成為合作伙伴，更好的為客戶(hù)提供全方位的服務(wù)。



       一旦成為我們的客戶(hù)，設(shè)計(jì)無(wú)憂(yōu)。

       我們一定會(huì)把該做的事做好，并提供超值服務(wù)和額外附加值的。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

作者：藍(lán)藍(lán)

表格，是一種最常見(jiàn)的信息組織整理手段，常用于信息收集、展示、數(shù)據(jù)分析、歸納整理。

      UI軟件設(shè)計(jì)中最常用、最基本的是表格的設(shè)計(jì)，有些軟件中80%都是表格類(lèi)頁(yè)面，可以說(shuō)，設(shè)計(jì)開(kāi)發(fā)的是否易用，很影響口碑和用戶(hù)的使用感受?；A(chǔ)的東西一定要做好，就像我們吃的主食一樣，雖然都是米和面，但是各地出產(chǎn)各種品種口味都不相同，要根據(jù)食客的喜好選擇、烹飪。今天就聊一聊最基礎(chǔ)的表格設(shè)計(jì)、變化和常見(jiàn)問(wèn)題。

一、基礎(chǔ)的表格設(shè)計(jì)美化

      基礎(chǔ)的表格可變化的地方很少，可以根據(jù)當(dāng)前軟件開(kāi)發(fā)選擇的框架控件（ext/vue/jequery不同框架會(huì)有一些不一樣）做色彩和風(fēng)格的變化，如：加表格不同粗細(xì)的線(xiàn)、斑馬格，中間無(wú)豎線(xiàn)種種的設(shè)計(jì)，有的表格需要標(biāo)題很突出，有的內(nèi)文突出，這就和內(nèi)容焦點(diǎn)相關(guān)了。

為了操作直觀便捷，在操作區(qū)放一些圖標(biāo)“刪除、編輯、審核”，配合文字來(lái)使用，有的把操作類(lèi)的圖標(biāo)放在最左邊，有的放在最右側(cè)，按行業(yè)用戶(hù)習(xí)慣而定。

 

可以用固定表頭（標(biāo)題位置不變），允許用戶(hù)排序，單元格內(nèi)有很長(zhǎng)的文字，設(shè)定最大字節(jié)，多內(nèi)容用……替代避免轉(zhuǎn)行，有小數(shù)點(diǎn)的數(shù)字右對(duì)齊，每列的大小可調(diào)整，這些也是設(shè)計(jì)開(kāi)發(fā)中可以做好的細(xì)節(jié)部分。

二、特別寬的表格怎么設(shè)計(jì)？

有的表格的寬度，達(dá)到了屏幕的兩屏和三屏，出現(xiàn)寬寬的橫向滾動(dòng)條，又有長(zhǎng)長(zhǎng)的豎向滾動(dòng)條，但工作的人又必須看，可煩人了！很多軟件都因?yàn)檫@個(gè)原因被吐槽。下面就介紹三種方法解決這個(gè)問(wèn)題：

方法一

如果表格的標(biāo)題是可以定制的，允許省略的，可以從業(yè)務(wù)角度取舍去掉無(wú)關(guān)緊要的，不常用的內(nèi)容，把這部分放在點(diǎn)開(kāi)的詳細(xì)頁(yè)內(nèi)容中即可。這就像一個(gè)房間的斷舍離：挑選、丟棄、分類(lèi)、收納，思考哪些物品是不要的，哪些是必不可少的？哪些是可有可無(wú)的？依次排序放在順手的位置，ui設(shè)計(jì)的道理也是相通的。

方法二

如果表格里面的內(nèi)容是確定的，不可省略的，比如銀行的報(bào)表就是這么長(zhǎng)，這么多，那我們就可以從設(shè)計(jì)的角度來(lái)優(yōu)化，做一個(gè)加高版的表格。

表格為什么一組信息只能一行呢？完全可以一組三行四行，在組中進(jìn)行重點(diǎn)信息，非重點(diǎn)信息以及符號(hào)化的直觀轉(zhuǎn)變。用大小、對(duì)比、濃淡、色彩、間隔這些平面設(shè)計(jì)的基本原則，讓一個(gè)普通的“山里娃”土土的表格變成一個(gè)“青春靚麗、人見(jiàn)人愛(ài)”自帶明星氣質(zhì)的表格。

方法三

大表格里面嵌套小表格，利用交互設(shè)計(jì)，巧安排空間。當(dāng)用戶(hù)光標(biāo)移至感興趣的那行的時(shí)候，關(guān)于它更多的內(nèi)容，在下方滑動(dòng)撐開(kāi)出現(xiàn)或者右邊浮動(dòng)出現(xiàn)。這個(gè)方式雖然比較土，但也確實(shí)管用。早年在看某一招聘網(wǎng)站的時(shí)候，每一個(gè)人的簡(jiǎn)歷只要點(diǎn)名字就可以看到一組關(guān)鍵信息，便于迅速篩選，而另外一個(gè)招聘網(wǎng)站，就沒(méi)有這個(gè)功能，每個(gè)人都要打開(kāi)之后才能看見(jiàn)整體信息，我后來(lái)就不怎么看那個(gè)網(wǎng)站了。多一步操作，對(duì)典型用戶(hù)就多了許多的工作量，網(wǎng)站和軟件的使用口碑，用戶(hù)粘度就是這樣在為用戶(hù)考慮中一點(diǎn)一點(diǎn)積累起來(lái)的。

 上圖：大表格里面嵌套小表格

     方法不會(huì)只有這三種，其他的方法要根據(jù)當(dāng)時(shí)的業(yè)務(wù)，用戶(hù)使用的習(xí)慣、重點(diǎn)，因地制宜的去設(shè)計(jì)了。軟件中的表格節(jié)省了許多程序工程師的工作量，如果做大的改動(dòng)或許是巨大的工作量，如果要做變動(dòng)，一定要在開(kāi)始的時(shí)候就要讓ui設(shè)計(jì)納入開(kāi)發(fā)體系，一生二，二生三，在前期第一批實(shí)施時(shí)越注重細(xì)節(jié)，后期就會(huì)越輕松，甚至省去幾倍甚至幾十倍的時(shí)間挨個(gè)頁(yè)面的去糾偏、修改。

      一個(gè)系統(tǒng)總是需要業(yè)務(wù)擔(dān)當(dāng)，顏值擔(dān)當(dāng)?shù)暮诵牟糠?，重要的?yè)面要額外的對(duì)待、花更多的精力和時(shí)間。如果千篇一律，也就不能顯示出軟件產(chǎn)品的獨(dú)到之處了。

 

第三 與表格配合的部分設(shè)計(jì)

第一種  “搜索查詢(xún)”和“過(guò)濾”部分的設(shè)計(jì)

     大多數(shù)表格的前面都有搜索過(guò)濾功能，如果搜索條件相當(dāng)多，可以精選一部分主要的排成一行，其他的隱藏，點(diǎn)箭頭再出現(xiàn)。整個(gè)搜索區(qū)域也可以有隱藏／顯示的按鈕，來(lái)給下面的表格更多的空間。

     過(guò)濾條件區(qū)域可以定義好“條件名稱(chēng)”一致寬度，一般在八個(gè)字左右，避免有的字節(jié)多，有的字節(jié)少，行數(shù)多了，參差不齊，區(qū)塊和區(qū)塊之間也要定義好統(tǒng)一的間距，這樣整體頁(yè)面就顯得整齊劃一、條理清晰。

上圖：搜索和卡片式信息的組合

第二種  表格操作部分的設(shè)計(jì)

       對(duì)表格的操作“導(dǎo)入，導(dǎo)出、批量導(dǎo)出”有的時(shí)候這類(lèi)操作有10—20個(gè)，有的時(shí)候才幾個(gè)，多的時(shí)候很占地方，可以用隱藏的方法，over到表格上再出現(xiàn)，以節(jié)省空間。

       也可以分組把同類(lèi)的操作聚合在一起，把常用的放在目之所及，不常用的點(diǎn)后下浮出現(xiàn)，以節(jié)省空間，

還可以光標(biāo)跟隨表格的某一行，點(diǎn)選自動(dòng)浮出一群小跟班，各種操作按鈕。即節(jié)省空間，操作移動(dòng)路徑又很短。只是不支持批量操作。

 

第三種  表格和卡片式設(shè)計(jì)、統(tǒng)計(jì)圖的整合切換

       表格是可以轉(zhuǎn)換成卡片式設(shè)計(jì)的，用一個(gè)卡片代替一行的展現(xiàn)信息，改變一種閱讀的方式。

有的也可以轉(zhuǎn)換圖統(tǒng)計(jì)圖表：曲線(xiàn)圖，柱狀圖讓用戶(hù)直觀的去解讀，而不必一直看枯燥的數(shù)字。

 

藍(lán)藍(lán)設(shè)計(jì) 魏華寫(xiě)

     在承擔(dān)ui設(shè)計(jì)項(xiàng)目中，常常碰到一些客戶(hù)不給設(shè)計(jì)師看己往的軟件或本公司設(shè)計(jì)師設(shè)計(jì)但沒(méi)有被客戶(hù)認(rèn)可的設(shè)計(jì)方案，怕限制設(shè)計(jì)師的思路。那究竟給設(shè)計(jì)師參考會(huì)不會(huì)限制設(shè)計(jì)師的思維呢？

     實(shí)際上不會(huì)的，這是更多維度了解客戶(hù)的思考和角度，排除己被嘗試過(guò)的選項(xiàng)。

     在進(jìn)行一個(gè)ui 設(shè)計(jì)前，深度方面應(yīng)該要了解業(yè)務(wù)，用戶(hù)角色，環(huán)境生態(tài)，交互流程，關(guān)鍵功能，核心價(jià)值，用戶(hù)體驗(yàn)的峰值點(diǎn)和難點(diǎn)在哪里…….總之了解的越深越好。

     寬度方面，要看到競(jìng)品分析，行業(yè)趨勢(shì)，國(guó)內(nèi)外優(yōu)秀案例欣賞，專(zhuān)業(yè)文章觀點(diǎn)，應(yīng)該是可以拓展設(shè)計(jì)師的思維。

     設(shè)計(jì)最核心的目標(biāo)應(yīng)該在于解決問(wèn)題，而不是單純的讓界面好看。

      優(yōu)秀的設(shè)計(jì)師要明確解決問(wèn)題的目標(biāo)，博采眾長(zhǎng)，獨(dú)立思考，看眾多的競(jìng)品是看眾多的解題思路，多方位角度看問(wèn)題。各產(chǎn)品資源，核心技術(shù)不同，取舍不同，理解信息架框，運(yùn)營(yíng)思路，用戶(hù)特征，技術(shù)實(shí)現(xiàn)可能性，不會(huì)只照著您給的資料比貓畫(huà)虎。

       因此，我認(rèn)為，放心的給設(shè)計(jì)師參考資料吧，互相的了解，溝通越多，越容易出好的作品。

這五張圖是最近藍(lán)藍(lán)設(shè)計(jì)的稿件，展現(xiàn)從一個(gè)模糊的概念性需求到一個(gè)可視化概念性方案的設(shè)計(jì)過(guò)程。

    

藍(lán)藍(lán)寫(xiě)及整理

最近聽(tīng)了林敏老師的用研課，有一些記錄，從書(shū)上網(wǎng)上又找了一些資料補(bǔ)充。

這篇文章從用戶(hù)調(diào)查概況到方法，都有提到。為了更好的體會(huì)這個(gè)過(guò)程，也給我們公司寫(xiě)了一份調(diào)查問(wèn)卷，很喜悅，感覺(jué)綜合能力在提升，希望更了解公司客戶(hù)。

為了更好服務(wù)客戶(hù)以及滿(mǎn)足客戶(hù)需求，藍(lán)藍(lán)設(shè)計(jì)邀請(qǐng)您填寫(xiě)份調(diào)查問(wèn)卷，大概占用您5分鐘時(shí)間。

凡是有效問(wèn)卷，藍(lán)藍(lán)設(shè)計(jì)還會(huì)贈(zèng)送價(jià)值300元的設(shè)計(jì)優(yōu)惠券，可用于今后的合同金額減免。

用戶(hù)體驗(yàn)的核心是用戶(hù)需求

如果脫離了用戶(hù)需求，一個(gè)再漂亮的產(chǎn)品也無(wú)法和用戶(hù)共鳴。

用戶(hù)在什么場(chǎng)景下來(lái)用，是用戶(hù)體驗(yàn)最重要的。用戶(hù)調(diào)研、用戶(hù)分析、用戶(hù)訪談，都不是用戶(hù)上來(lái)看界面漂亮不漂亮，而是調(diào)查用戶(hù)什么場(chǎng)景下才會(huì)用，這個(gè)產(chǎn)品能帶來(lái)什么價(jià)值？

痛點(diǎn)越大，產(chǎn)品就越受歡迎，受到歡迎，就會(huì)有用戶(hù)，用戶(hù)不斷提要求，就能成長(zhǎng)，就有機(jī)會(huì)改善產(chǎn)品，體驗(yàn)越改越好，最后就成功了。

如果是弱需求，產(chǎn)品將來(lái)推廣很難，如果是強(qiáng)需求，這個(gè)需求會(huì)帶來(lái)很大的成功。

注意事項(xiàng)：一些產(chǎn)品談O2o.b2b的概念，不要談概念，概念害死人，概念離用戶(hù)很遠(yuǎn)，忘掉概念，去觀察用戶(hù)。超出預(yù)期的才叫用戶(hù)體驗(yàn)。功能不叫體驗(yàn)，功能和競(jìng)品一樣，只是及格，用戶(hù)不會(huì)形成真正的體驗(yàn)。如果你做的體驗(yàn)?zāi)艹鲇脩?hù)的預(yù)期，就能形成口啤。

如何了解用戶(hù)需求？如何做用戶(hù)調(diào)查？

第一  確定目標(biāo)和類(lèi)型

從工作中選取當(dāng)下關(guān)心的一個(gè)問(wèn)題。如果要通過(guò)研究獲得進(jìn)展，請(qǐng)討論確定研究目標(biāo)，以及研究類(lèi)型。

第二 確定假設(shè)和顆粒度

列舉出待研究問(wèn)題的各種可能答案，討論每個(gè)可能的影響程度，確定最關(guān)心的可能，并擬定相應(yīng)的顆粒度。(顆粒度指最小緯度)

第三  確定方法組合

針對(duì)所關(guān)心的每個(gè)可能回答，討論用何種方法可以得到需要的數(shù)據(jù)，從而能夠判斷每個(gè)可能是否成立。

第四 確定地域和人群

討論在收集數(shù)據(jù)環(huán)節(jié)，根據(jù)地域的顆粒度選擇城市和地區(qū)，同時(shí)確定獲得所關(guān)注人群樣本的甄別因素。

第五 確定樣本量和時(shí)間計(jì)劃

估算一共需要的樣本量，結(jié)合樣本量和地域的選擇，討論所需要的時(shí)間

第六 簡(jiǎn)化時(shí)間和成本

重新回顧以上每一步，討論是否可以采取措施縮短時(shí)間后降低成本

用研的價(jià)值層次

數(shù)據(jù)  圖表   洞察   決策

最有價(jià)值的角度就是決策的角度

用戶(hù)研究的方法（可以選擇的部分組合）

方法組合推薦

探索產(chǎn)品方向組

案頭調(diào)查+調(diào)查問(wèn)卷+競(jìng)品分析+人物角色

用戶(hù)行為剖析組

實(shí)地考察+用戶(hù)訪談+用戶(hù)體驗(yàn)地圖

挖掘產(chǎn)品痛點(diǎn)組

可用性測(cè)試+競(jìng)品分析+ 用戶(hù)反饋

數(shù)據(jù)專(zhuān)項(xiàng)分析組

數(shù)據(jù)分析+漏斗模型+AB測(cè)試

競(jìng)品對(duì)標(biāo)走查組：

可用性測(cè)試+深度訪談+競(jìng)品分析

根據(jù)用戶(hù)研究的方法，可以分為定性研究和定量研究?jī)煞N。

定性研究

定性研究是一種相對(duì)開(kāi)放性的研究方法。定性研究是需要研究者針對(duì)少數(shù)個(gè)體，根據(jù)研究者的觀察、經(jīng)驗(yàn)、分析來(lái)進(jìn)行研究在方法。定性研究并不要求統(tǒng)計(jì)意義上的證明，更多的是研究者本身憑借自身經(jīng)驗(yàn)和觀察對(duì)用戶(hù)進(jìn)行研究。

定性研究無(wú)法針對(duì)大規(guī)模的用戶(hù)進(jìn)行，通常只針對(duì)10到20個(gè)的典型用戶(hù)。

首先，通過(guò)研究目的對(duì)用戶(hù)進(jìn)行分類(lèi)。在研究前必須先明確我們研究的目的，再根據(jù)目的，可以選擇按用戶(hù)目的、行為等來(lái)對(duì)用戶(hù)進(jìn)行分類(lèi)。

舉個(gè)例子，某問(wèn)答社區(qū)需要針對(duì)不同的用戶(hù)進(jìn)行有區(qū)別設(shè)計(jì)，選擇了按用戶(hù)行為來(lái)劃分。有的用戶(hù)喜歡寫(xiě)文章并和其他用戶(hù)進(jìn)行互動(dòng)、有些用戶(hù)只是上來(lái)閱讀文章等。所以可以將用戶(hù)分成：內(nèi)容貢獻(xiàn)者、參與者、閱讀者等幾個(gè)分類(lèi)。

其次，在每個(gè)分類(lèi)中選擇若干個(gè)典型用戶(hù)進(jìn)行研究。在對(duì)用戶(hù)分類(lèi)后，為每個(gè)分類(lèi)選定若干個(gè)典型用戶(hù)，然后進(jìn)行用戶(hù)研究。

選擇典型用戶(hù)的方法有很多種，有特定目標(biāo)的選擇，也有完全隨機(jī)的選擇。在這里就不展開(kāi)細(xì)講了。

最后，確認(rèn)是否需要新增分類(lèi)或增加用戶(hù)。在進(jìn)行了一輪用戶(hù)研究后，在通過(guò)研究的結(jié)論判斷是否需要新增用戶(hù)分類(lèi)或者增加用戶(hù)樣本。

如果在研究過(guò)程中發(fā)現(xiàn)有用戶(hù)出現(xiàn)明顯不處于這個(gè)分類(lèi)的特征，那么考慮是否增加新的分類(lèi)。如果在用戶(hù)身上發(fā)現(xiàn)了新的觀點(diǎn)，那么可以考慮適當(dāng)增加用戶(hù)數(shù)量進(jìn)行研究。反之，如果在一個(gè)分類(lèi)用戶(hù)身上已經(jīng)沒(méi)有新的行為或觀點(diǎn)出現(xiàn)時(shí)，則可以考慮結(jié)束這個(gè)分類(lèi)用戶(hù)的研究了。

定性研究方法

一對(duì)一訪談

一對(duì)一訪談是采用與用戶(hù)進(jìn)行一對(duì)一的談話(huà)的方式，通過(guò)跟用戶(hù)面對(duì)面的交流來(lái)認(rèn)識(shí)和了解用戶(hù)的一種方式。

一般一次只選擇一個(gè)用戶(hù)進(jìn)行訪談，一是因?yàn)檫@樣容易聽(tīng)清用戶(hù)的觀點(diǎn)，同時(shí)也避免了多個(gè)用戶(hù)之間觀點(diǎn)相互影響。但是，在有條件的情況下，鼓勵(lì)多個(gè)研究者針對(duì)一個(gè)用戶(hù)進(jìn)行訪談，這樣能從多個(gè)不同的角度了解用戶(hù)。

這里列舉幾個(gè)用戶(hù)訪談過(guò)程中會(huì)遇到的一些問(wèn)題：

1. 1. 照本宣科的提問(wèn)。事實(shí)上在訪談過(guò)程中，經(jīng)常會(huì)聽(tīng)到用戶(hù)提出了我們毫無(wú)準(zhǔn)備的問(wèn)題，要善于從這些問(wèn)題中挖掘出新的問(wèn)題。可以提前準(zhǔn)備問(wèn)題，但切記不要照本宣科。
2. 2. 用戶(hù)講別人的觀點(diǎn)?！拔艺J(rèn)為他們可能會(huì)……”，這個(gè)是用戶(hù)經(jīng)常出現(xiàn)的表達(dá)方式。當(dāng)用戶(hù)提起他人的觀點(diǎn)時(shí)，我們要適當(dāng)?shù)囊龑?dǎo)“那你遇到這種情況時(shí)會(huì)怎么做？”
3. 3. 試圖說(shuō)服用戶(hù)。適當(dāng)引導(dǎo)用戶(hù)，但不要試著說(shuō)服用戶(hù)接受我們的觀點(diǎn)。當(dāng)我們認(rèn)為用戶(hù)說(shuō)錯(cuò)了，也不要試著去強(qiáng)硬地去糾正。要去理解用戶(hù)為什么犯錯(cuò)誤了。更何況當(dāng)我們認(rèn)為用戶(hù)錯(cuò)的時(shí)候，很有可能錯(cuò)的是我們。
4. 4. 訪談離題太遠(yuǎn)。要讓用戶(hù)說(shuō)出他自己的故事，但是要避免離題太遠(yuǎn)。用戶(hù)經(jīng)常會(huì)發(fā)散地講述他們的故事，從產(chǎn)品使用，到日常生活，再到街頭八卦。我們雖然允許用戶(hù)小范圍離題，但要注意引導(dǎo)用戶(hù)。

現(xiàn)場(chǎng)調(diào)查

現(xiàn)場(chǎng)調(diào)查就是到真實(shí)的現(xiàn)場(chǎng)去看用戶(hù)怎么使用產(chǎn)品。

現(xiàn)場(chǎng)調(diào)查經(jīng)?？梢钥吹揭恍﹫?chǎng)景和習(xí)慣是用戶(hù)覺(jué)得沒(méi)必要說(shuō)的，甚至我們覺(jué)得沒(méi)必要問(wèn)的問(wèn)題。

現(xiàn)場(chǎng)調(diào)查也有一些注意事項(xiàng)：

1. 1. 做現(xiàn)場(chǎng)調(diào)查，應(yīng)該盡量讓用戶(hù)從事他日常處理的事情，除非有必要，盡量避免構(gòu)造一個(gè)場(chǎng)景讓用戶(hù)去執(zhí)行。
2. 2. 在用戶(hù)操作過(guò)程中，調(diào)查人員要盡量避免干擾用戶(hù)。碰到有疑問(wèn)的可以先記下來(lái)，等用戶(hù)執(zhí)行完成后再進(jìn)行詢(xún)問(wèn)。
3. 3. 用戶(hù)在被詢(xún)問(wèn)或觀察的情況下，很有可能為了迎合調(diào)研者而刻意改變?nèi)粘Ｐ袨椤?/span>

在用戶(hù)演示完成后，我們還應(yīng)該針對(duì)一些問(wèn)題和用戶(hù)進(jìn)行交談。這部分內(nèi)容有點(diǎn)類(lèi)似于用戶(hù)訪談的形式，但是內(nèi)容變成了針對(duì)于用戶(hù)行為的訪談。

可用性測(cè)試

可用性測(cè)試類(lèi)似于現(xiàn)場(chǎng)調(diào)查。調(diào)研者通過(guò)設(shè)置目標(biāo)讓用戶(hù)完成，觀察用戶(hù)在完成目標(biāo)過(guò)程中遇到的障礙或困難，以此發(fā)現(xiàn)我們產(chǎn)品設(shè)計(jì)過(guò)程中存在的問(wèn)題。

在這個(gè)過(guò)程中也可以收集到用戶(hù)在使用過(guò)程中的建議。

焦點(diǎn)小組

焦點(diǎn)小組是一種調(diào)研者和用戶(hù)通過(guò)做座談的方式進(jìn)行的一種用戶(hù)意見(jiàn)收集的形式。調(diào)研者作為座談會(huì)的主持人，引導(dǎo)用戶(hù)表達(dá)出他們的觀點(diǎn)。

作為主持人控制場(chǎng)面和話(huà)題很重要，避免用戶(hù)和用戶(hù)之間太廣泛的討論。

定性研究小結(jié)

定性研究實(shí)行的難度比較小，在某種程度來(lái)講，定性研究是可以隨時(shí)隨地的進(jìn)行的。而且在定性研究過(guò)程中，我們往往面對(duì)的是真實(shí)的用戶(hù)，更容易讓我們理解和梳理出用戶(hù)的故事。

定性研究不需要特別專(zhuān)業(yè)的計(jì)算機(jī)知識(shí)，但是對(duì)調(diào)研者自身的分析和總結(jié)能力要求比較高。也應(yīng)該看到，調(diào)研者自身的態(tài)度很容易影響到調(diào)研結(jié)果。要避免過(guò)于主觀的去分析用戶(hù)的行為和觀點(diǎn)。

定性研究的方法也有其缺點(diǎn)，定性研究一般研究對(duì)象在10到20個(gè)之間，樣本數(shù)量較小，所以個(gè)體差異對(duì)整個(gè)調(diào)查數(shù)據(jù)的影響較大。所以，定性研究缺乏數(shù)據(jù)的支撐。定性研究無(wú)法自證我們的調(diào)研結(jié)論的全面性。

但是特定情況下定性研究卻是可以發(fā)揮很大作用的。比如，在調(diào)研資源不足時(shí)，在我們沒(méi)有量化的數(shù)據(jù)時(shí)，在某些要求不太嚴(yán)格的小項(xiàng)目啟動(dòng)時(shí)，都可以考慮采用投入成本不高的定性研究。

定量研究

定量研究是基于一定的用戶(hù)數(shù)據(jù)進(jìn)行研究的方法。定量研究需要基于用戶(hù)的行為或觀點(diǎn)產(chǎn)生的數(shù)據(jù)，通過(guò)數(shù)學(xué)統(tǒng)計(jì)的方法來(lái)獲得研究結(jié)果。

定量研究步驟

定量研究面對(duì)的是成千上萬(wàn)甚至于海量的用戶(hù)數(shù)據(jù)。所以，定量研究需要借助于數(shù)學(xué)的統(tǒng)計(jì)和計(jì)算機(jī)算法來(lái)完成。雖然近年來(lái)人工智能在用戶(hù)研究領(lǐng)域已經(jīng)取得了較大的發(fā)展，但是用戶(hù)研究還是得從人為的假設(shè)開(kāi)始。

來(lái)看一下如何開(kāi)展定量研究：

• ? 首先，根據(jù)我們的調(diào)研目的，對(duì)用戶(hù)分類(lèi)并進(jìn)行假設(shè)。
  先根據(jù)調(diào)研的目的對(duì)用戶(hù)進(jìn)行初步的分類(lèi)。這一步跟定性研究類(lèi)似，通常的做法是在定量研究開(kāi)始前先進(jìn)行一次定性研究，通過(guò)定性研究的結(jié)論來(lái)作為定量研究的分類(lèi)假設(shè)。
• ? 其次，基于對(duì)用戶(hù)分類(lèi)的假設(shè)，對(duì)數(shù)據(jù)進(jìn)行計(jì)算和分類(lèi)。
  根據(jù)我們既定的假設(shè)和已有的用戶(hù)數(shù)據(jù)，利用數(shù)學(xué)的方法進(jìn)行統(tǒng)計(jì)和分類(lèi)。這一步需要借助于數(shù)學(xué)和計(jì)算機(jī)的算法，所以這個(gè)步驟經(jīng)常是需要工程師來(lái)完成。
• ? 最后，分析分類(lèi)結(jié)果，并適當(dāng)調(diào)整用戶(hù)分類(lèi)。
  計(jì)算機(jī)分類(lèi)出來(lái)的結(jié)果還需要進(jìn)一步分析，分析一下計(jì)算出來(lái)的結(jié)果是否符合預(yù)期。這個(gè)步驟可以驗(yàn)證我們對(duì)用戶(hù)分類(lèi)的假設(shè)。

數(shù)學(xué)的統(tǒng)計(jì)可以避免人為主觀的影響，有時(shí)候甚至能發(fā)現(xiàn)一些意想不到的問(wèn)題結(jié)論。你可以知道“原來(lái)還有每個(gè)月成千上萬(wàn)購(gòu)物的用戶(hù)”，“原來(lái)那么多用戶(hù)在擠地鐵時(shí)使用產(chǎn)品 ”……

但是也要警惕一點(diǎn)：數(shù)據(jù)也是會(huì)騙人。例如數(shù)據(jù)顯示“某功能男人比女人多一倍的打開(kāi)概率”，當(dāng)你知道女人打開(kāi)概率是1%時(shí)，這個(gè)結(jié)論多么可笑。再次提醒：數(shù)據(jù)是死的，關(guān)鍵還得看你怎么解讀數(shù)據(jù)。

定量研究的方法

日志和用戶(hù)數(shù)據(jù)分析

日志和用戶(hù)數(shù)據(jù)分析是在產(chǎn)品已經(jīng)上線(xiàn)的項(xiàng)目里面使用的方法。用戶(hù)在使用產(chǎn)品過(guò)程中會(huì)留下很多用戶(hù)數(shù)據(jù)或日志，我們以此為分析對(duì)象。

相比于其他的用戶(hù)調(diào)研的方法，日志和用戶(hù)數(shù)據(jù)分析是用戶(hù)在真實(shí)的場(chǎng)景下使用產(chǎn)品過(guò)程中留下的數(shù)據(jù)，是最全面也是最真實(shí)的反應(yīng)用戶(hù)行為的一種方式。但是日志和用戶(hù)數(shù)據(jù)分析研究的是用戶(hù)的行為，并不能反映用戶(hù)的觀點(diǎn)。日志和用戶(hù)數(shù)據(jù)分析可以和問(wèn)卷調(diào)查或定性研究結(jié)合使用，將用戶(hù)行為和用戶(hù)的觀點(diǎn)結(jié)合起來(lái)分析。

有效的問(wèn)卷應(yīng)該怎么做？

正確的提問(wèn)

真實(shí)的數(shù)據(jù)

足夠的數(shù)量

有用的解讀

一般定量的問(wèn)卷不少于30份。

問(wèn)題盡量提的不要有傾向性，要客觀，易懂。

可以設(shè)置一些陷井來(lái)判斷問(wèn)卷是否有效，比如前面問(wèn)過(guò)的問(wèn)題，后面換一種問(wèn)法再問(wèn)一遍，看看回答是否一致。

例：你怎么看待放長(zhǎng)假景點(diǎn)人山人海的情況？

A光想著賺錢(qián)的結(jié)果

B管理水平落后導(dǎo)致的人為擁堵

C沒(méi)有辦法，有人就是愛(ài)扎堆，

D都是長(zhǎng)假惹的禍

E愛(ài)咋咋,不關(guān)我事

(了解歸因)

你希望保留國(guó)慶調(diào)休連放七天的長(zhǎng)假嗎？

A一定要保留，

B可以保留

C無(wú)所謂

D不一定要保留

E堅(jiān)決取消

(了解態(tài)度十強(qiáng)度，這種問(wèn)法有傾向性)

你希望保留國(guó)慶調(diào)休連放七天的長(zhǎng)假嗎？

A希望保留，

B不希望保留

C無(wú)所謂

(了解態(tài)度)

哪一種假期模式更貼合你的生活方式？

A 1.2天的常規(guī)假

B 四天的短假

C到六天的長(zhǎng)假

D七天或更長(zhǎng)的長(zhǎng)假

E無(wú)所謂

(了解需求，無(wú)傾向問(wèn)題，客觀)

產(chǎn)品的驅(qū)動(dòng)模式：技術(shù)驅(qū)動(dòng)、市場(chǎng)驅(qū)動(dòng)、體驗(yàn)驅(qū)動(dòng)、品牌驅(qū)動(dòng)。

每個(gè)公司有自己的模式，技術(shù)驅(qū)動(dòng)如百度，保持技術(shù)領(lǐng)先就是核心競(jìng)爭(zhēng)力。

如何進(jìn)行用戶(hù)觀察？

照片或錄像

觀察行為，從行為看動(dòng)機(jī)

分析他們之間的關(guān)系及目的

闡釋為什么你們認(rèn)為是這樣的關(guān)系和目的？

描述在觀察中發(fā)現(xiàn)的特別細(xì)節(jié)？

如何整理用戶(hù)畫(huà)像？

   

延伸資料：

用戶(hù)觀察方法流程總結(jié)

1. 用戶(hù)觀察方法列表：

用戶(hù)觀察方法

觀察方法 何時(shí)使用 輸出資料

現(xiàn)場(chǎng)觀察： 計(jì)劃階段、 開(kāi)發(fā)和優(yōu)化階段 用戶(hù)操作記錄、實(shí)驗(yàn)錄像、用戶(hù)評(píng)估記錄

參與觀察： 計(jì)劃階段 背景資料問(wèn)卷、錄像

眼動(dòng)跟蹤： 開(kāi)發(fā)階段 眼電圖、紅外線(xiàn)眼動(dòng)圖

用戶(hù)圖片日記： 計(jì)劃階段 圖片、文字

影像故事： 計(jì)劃階段 錄像、背景資料問(wèn)卷

現(xiàn)場(chǎng)觀察：研究人員觀察在用戶(hù)生活場(chǎng)景，提出觀測(cè)研究開(kāi)放性問(wèn)題。

用戶(hù)圖片日記： 用戶(hù)將一天中關(guān)于使用手機(jī)聽(tīng)音樂(lè)的活動(dòng)用圖片的形式記錄下來(lái)，寫(xiě)成圖片日記的形式，供以后整理研究使用。讓用戶(hù)將圖片、日記任意的組合，則可以得到產(chǎn)品設(shè)計(jì)的靈感，而不是具體的設(shè)計(jì)。

2. 用戶(hù)觀察計(jì)劃

1）想觀察的人群：習(xí)慣用手機(jī)聽(tīng)音樂(lè)的人群，對(duì)手機(jī)音樂(lè)功能有訴求的人群。觀察重點(diǎn)是用戶(hù)對(duì)手機(jī)音樂(lè)功能的使用情況或者在實(shí)地觀察中得到的更加個(gè)性化的資料。

2）采用觀察方法：現(xiàn)場(chǎng)觀察、影隨、用戶(hù)圖片日志

3）觀察情境：

a) 用戶(hù)使用手機(jī)聽(tīng)音樂(lè)時(shí)：搭乘公共交通工具時(shí)、慢跑運(yùn)動(dòng)中、公交站候車(chē)時(shí)、在上下課路途中、在自習(xí)室溫習(xí)時(shí)

b) 觀察用戶(hù)和音樂(lè)手機(jī)品牌專(zhuān)柜售貨員之間的交談，來(lái)發(fā)現(xiàn)用戶(hù)在購(gòu)買(mǎi)產(chǎn)品過(guò)程 中到底對(duì)哪些產(chǎn)品要素有實(shí)質(zhì)性的關(guān)注。

4）觀察記錄方式：

a) 觀察卡片：觀察卡片或觀察表的結(jié)構(gòu)與調(diào)查問(wèn)卷結(jié)果基本相同，制作卡片時(shí)，根據(jù)觀察內(nèi)容，合理編排項(xiàng)目。

b) 記憶：采用事后回憶的方式進(jìn)行記錄。

記錄卡片

編號(hào)：_____ 觀察人員：________

觀察開(kāi)始時(shí)間__________ 觀察結(jié)束時(shí)間_________

性別： 年齡估計(jì)： 職業(yè)或身份：

觀察情境 行為 軟硬件

地點(diǎn) 觀察距離 周?chē)h(huán)境 操作方式 使用頻率

5）觀察后訪談：研究人員通過(guò)步行、騎車(chē)、乘地鐵、巴士的方式跟隨用戶(hù)。研究人員將觀察后的結(jié)果用觀察卡片記錄，在獲得充分?jǐn)?shù)據(jù)后，隨后進(jìn)行訪談，提出一些開(kāi)發(fā)性的問(wèn)題。

您是否有使用手機(jī)聽(tīng)音樂(lè)的習(xí)慣？

您會(huì)在什么場(chǎng)合使用手機(jī)聽(tīng)音樂(lè)呢？

你購(gòu)買(mǎi)手機(jī)的時(shí)候會(huì)特別注重它的音樂(lè)功能嗎？

以您的理解，音樂(lè)手機(jī)不同于普通手機(jī)之處在哪？

如果讓您設(shè)計(jì)一款新的音樂(lè)手機(jī)，您希望設(shè)計(jì)成什么樣子？提供什么樣的功能呢？

6）寫(xiě)觀察報(bào)告：

a) 被觀察對(duì)象的自然狀況

b) 觀察過(guò)程出現(xiàn)的現(xiàn)象，（背景、統(tǒng)計(jì)結(jié)果、經(jīng)分析和得出的結(jié)論）

c) 結(jié)論可以是發(fā)現(xiàn)的規(guī)律，也可以是發(fā)現(xiàn)的問(wèn)題。

參考的資料：

林子的筆記、林敏老師的課堂筆記、互聯(lián)網(wǎng)。

最近藍(lán)藍(lán)總聽(tīng)到朋友和客戶(hù)談起國(guó)民經(jīng)濟(jì)衰退，經(jīng)濟(jì)不景氣，生計(jì)艱難，失業(yè)率上升.....聽(tīng)得好黯然。

那么，我們來(lái)想一想，三年來(lái)，原來(lái)沒(méi)有，三年來(lái)才有的，在中國(guó)的創(chuàng)新企業(yè)有哪些呢？

人類(lèi)一直以自己的智慧為自豪，那么為何不利用我們的智慧與選擇，為這個(gè)世界，去做點(diǎn)什么呢？

這些創(chuàng)新是不是讓您很驚喜呢？

做為一名設(shè)計(jì)師，我很欣喜看到由于設(shè)計(jì)，由于發(fā)明創(chuàng)新，改變這個(gè)世界，讓這個(gè)世界更美好!

我們做ui設(shè)計(jì)工作，也很喜歡客戶(hù)的產(chǎn)品在我們的創(chuàng)新、努力洞察工作之后，變的更好，為客戶(hù)增值，也為這個(gè)社會(huì)貢獻(xiàn)我們的力量。

走進(jìn)大師系列專(zhuān)題——豐子愷

原創(chuàng)： 賀紅陽(yáng)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

每一個(gè)獨(dú)立自由的靈魂 都是生活的藝術(shù)家。

（前言：再第一次開(kāi)始運(yùn)營(yíng)公眾號(hào)時(shí)候，其實(shí)有想了很多主題。對(duì)于學(xué)習(xí)技能方向大家可能會(huì)更甚喜歡?？墒亲罱K確定每周一的發(fā)文是關(guān)于中國(guó)大師系列的文章。因?yàn)楣耪Z(yǔ)有云教育的四階段：先德行，而后言行，政治，最后才是學(xué)問(wèn)。這里的學(xué)問(wèn)便是如今的技法。而今交技法的文章太多，了解文化常識(shí)的太少。而學(xué)習(xí)要追書(shū)本源，學(xué)到根本上，才能以不變應(yīng)萬(wàn)變。生活的常識(shí)，歷史的常識(shí)是我們現(xiàn)在的短板。既學(xué)藝術(shù)設(shè)計(jì)，必要了解設(shè)計(jì)藝術(shù)歷史，了解在藝術(shù)設(shè)計(jì)里閃閃發(fā)光的前輩們，我們才知道什么是好，才不會(huì)被當(dāng)前的流行所困惑，在設(shè)計(jì)藝術(shù)中能夠找到一種釋放感，并通過(guò)藝術(shù)來(lái)思考自己的生活。）

今天帶大家認(rèn)識(shí)一位民國(guó)時(shí)期童心未泯的“小大人”——豐子愷先生。以純真漫畫(huà)，搭建屬于孩子的自由世界。

豐子愷（1898年11月9日——1975年9月15日），浙江嘉興桐鄉(xiāng)人。原名豐潤(rùn)，后改為子愷，筆名TK。師從李叔同（弘一法師）和夏丏尊。

豐子愷一生多才多藝，著作等身。在眾多藝術(shù)領(lǐng)域取得了卓越成就。他的漫畫(huà)聞名于世，散文，音樂(lè)研究，譯作也十分出色。豐子愷的漫畫(huà)簡(jiǎn)潔生動(dòng)，清新自然，意味深長(zhǎng)，既有古典詩(shī)詞的美妙意境，又不失中國(guó)傳統(tǒng)繪畫(huà)的章法和氣韻。是中國(guó)近代漫畫(huà)的鼻祖和抒情漫畫(huà)的創(chuàng)始人。

豐子愷先生在畫(huà)畫(huà)

1914年，豐子愷考入浙江省立第一師范學(xué)校，師從李叔同和夏丏尊。

夏丏尊負(fù)責(zé)教授國(guó)文課，他所提倡的白話(huà)文被豐子愷奉為圭臬，其中通俗平易的特點(diǎn)，貫穿了豐子愷往后一生的創(chuàng)作。

夏先生也同時(shí)擔(dān)任舍監(jiān)，他事無(wú)巨細(xì)地關(guān)心著豐子愷的生活，這種照料在很大程度上，讓初到陌生環(huán)境中的豐子愷，內(nèi)心有了安全與歸屬感。

另一位恩師李叔同，可以說(shuō)是對(duì)豐子愷影響最大的人。他不怒自威的氣質(zhì)深深吸引著豐子愷，豐子愷曾表示：凡是李先生喜歡的我都喜歡。

李叔同教音樂(lè)美術(shù)課，在豐子愷眼中，李叔同凡事認(rèn)真。在他“溫而厲”的教導(dǎo)下，豐子愷養(yǎng)成了做事一絲不茍的習(xí)慣。

有一天晚上，一向極少論人的李叔同，把豐子愷叫到身邊對(duì)他說(shuō)：在我所教的學(xué)生里，從沒(méi)有見(jiàn)過(guò)像你這樣快速進(jìn)步的?；厝ズ?，豐子愷在日記本里寫(xiě)道：當(dāng)晚這幾話(huà)，便確定了我的一生。

此后兩年，豐子愷在繪畫(huà)上下足了苦功，有空就向李叔同請(qǐng)教，他們的關(guān)系也越發(fā)親近起來(lái)。

豐子愷曾撰文《我與弘一法師》，專(zhuān)門(mén)描述他心中的李先生：“就人格講，他當(dāng)教師不為名利，為當(dāng)教師而當(dāng)教師，用全副精力去當(dāng)教師；就學(xué)問(wèn)講，他博學(xué)多能，其國(guó)文比國(guó)文先生更高，其英文比英文先生更高，其歷史比歷史先生更高，其常識(shí)比博物先生更富，又是書(shū)法金石的專(zhuān)家，中國(guó)話(huà)劇的鼻祖。他不僅能教圖畫(huà)，音樂(lè)，還拿許多別的學(xué)問(wèn)為背景來(lái)教他的圖畫(huà)，音樂(lè)。夏丏尊先生曾說(shuō)：“李先生的教師，是有后光的?！毕穹鹌兴_那樣有后光，怎不教人崇敬呢？而我崇敬他，更甚于他人。

《豐子愷漫畫(huà)全集》由《兒童相》、《兒童相 學(xué)生相》、《社會(huì)相》、《社會(huì)相》、《護(hù)生畫(huà)集》、《繪畫(huà)詩(shī)歌》、《繪畫(huà)小說(shuō) 封面插圖》、《彩色畫(huà)卷》和《彩色畫(huà)卷（精品畫(huà)集）》九卷組成，全面收錄了豐子榿先生生平所畫(huà)的優(yōu)秀漫畫(huà)。

以下圖片來(lái)自《豐子愷漫畫(huà)集》

豐子愷的畫(huà)和文，如同“一片片落英，含蓄著人間的情味”，又如“一首首帶核兒的小詩(shī)”，句句含情。從飽讀詩(shī)書(shū)的文人到平頭百姓，對(duì)他的畫(huà)和文章都有很高評(píng)價(jià)。

我的腦子里有一個(gè)“豐先生”的形象：一個(gè)與人無(wú)爭(zhēng)、無(wú)所不愛(ài)、一顆純潔無(wú)垢的孩子的心?！徒?/span>

從豐子愷先生那里，我學(xué)到了樸素。——林清玄

他的畫(huà)極家常，造境著筆都不求奇特古怪，卻于平實(shí)中寓深永之致?！旃鉂?/span>

“我們都愛(ài)你的漫畫(huà)有詩(shī)意，一幅幅漫畫(huà)，就如一首首小詩(shī)，帶核兒的小詩(shī)，我們就像吃橄欖似的，老覺(jué)著那味兒?！薄熳郧?/span>

“我覺(jué)的，豐子愷是現(xiàn)代中國(guó)最像藝術(shù)家的藝術(shù)家，這并不是因?yàn)樗嗖哦嗨?，?huì)彈鋼琴，作漫畫(huà)，寫(xiě)隨筆的緣故，我所喜歡的，乃是他的像藝術(shù)家的真率，對(duì)于萬(wàn)物的豐富的愛(ài)，和他的氣品，氣骨。如果在現(xiàn)代要想找尋陶淵明，王維那樣的人物，那么，就是他罷了。他在龐雜詐偽的海派文人中，有鶴立雞群之感。”——吉川幸次郎（日本漢學(xué)家）

以?xún)和癁閹?，以自然為友，以“赤心?guó)”和“明心國(guó)”作為自己畢生的“理想國(guó)”，不忘初心，作善知識(shí)。豐子愷先生一生的故事和作品，不僅向我們呈現(xiàn)了一個(gè)單純，爛漫，和完整的童心世界，也讓我們領(lǐng)略了一種亦詩(shī)亦哲，童心即佛性的生命境界。——徐魯（詩(shī)人，作家）

“兒童”在豐子愷漫畫(huà)里出現(xiàn)頻率最高，可以說(shuō)，他畫(huà)盡了孩子的喜、怒、哀、樂(lè)、懵懂、稚拙等多面的神采。

他和孩子們一起辦家家酒、唱歌、畫(huà)圖、做游戲，帶孩子們散步遠(yuǎn)足。他隨身帶著一個(gè)小本本，孩子的言行舉動(dòng)常被他迅速描繪下來(lái)，成為取之不盡的創(chuàng)作素材來(lái)源。

豐子愷曾說(shuō)：“我的心為四事所占據(jù)，天上的神明與星辰，人間的藝術(shù)與兒童?！彼J(rèn)為世間事物的真相，只有孩子們能最明確、最完全地見(jiàn)到。因此，他借助兒童的視角，細(xì)致描摹世間的溫柔與感動(dòng)。

在對(duì)孩子的不斷記錄和創(chuàng)作中，他深深地體察他們，了解他們，亦步亦趨地隨著他們成長(zhǎng)。

最是好光景，努力惜春華。

他是“最像藝術(shù)家的藝術(shù)家”,也是最懂孩子的爸爸.

在豐子愷的漫畫(huà)里，既有成人改造孩子的無(wú)錯(cuò)之過(guò)，又有孩子必然成人的無(wú)可奈何。他沒(méi)有站在教育家的角度上，石破天驚地針砭時(shí)弊。而是以一個(gè)父親的身份出發(fā)，對(duì)世間美好單純的消逝，流露出無(wú)比的惋惜之情。

他有最有效，最愉快，也是最省錢(qián)的方案——他能夠聽(tīng)懂孩子們的心。

他極盡全力地拋開(kāi)大人的思維，反對(duì)以成人之心，度孩子之意。他常常站在孩子的立場(chǎng)上，以飽含同情的筆墨，繪出成人對(duì)孩子無(wú)形的傷害，在這個(gè)過(guò)程中，他戳到了中國(guó)教育的痛點(diǎn)。

有這樣一個(gè)故事：有一回，弄堂里來(lái)了個(gè)賣(mài)小雞的小販。孩子們看著雪球似的小雞十分可愛(ài)，哇哇大叫起來(lái)：“要買(mǎi)，要買(mǎi)！”

小販仗著孩子們的喜歡坐地起價(jià)。豐子愷覺(jué)得不值，就沒(méi)買(mǎi)。

他拉著沒(méi)得到小雞而哭泣的孩子們回家，想教導(dǎo)他們，下次千萬(wàn)別再嚷著“要買(mǎi)，要買(mǎi)”啦！可他實(shí)在沒(méi)法把這話(huà)說(shuō)出口。這難道不就是教導(dǎo)孩子，“看見(jiàn)好的嘴上不可說(shuō)好，想要的嘴上不可說(shuō)要”嗎？

孩子最可貴的就是天真爛漫的性格。如此教育他們“懂事”，乖覺(jué)圓滑，豈不是早早叫他們做一個(gè)面目虛偽的大人了么？回到家里，豐子愷眉頭微蹙，寫(xiě)下這篇文章，也記錄了自己的困惑與思考。這樣的生活小片段，在新書(shū)《日月樓中日月長(zhǎng)》，隨處可見(jiàn)。

人要像小孩一樣，懷有一顆善良純真之心，看待世間萬(wàn)物，才會(huì)懂得那些小事的真正趣味，才能看到更多生活的美。

家人共度歡樂(lè)時(shí)光，連墻上的鐘都在笑

一生童真，一生有趣

“世壽所許，定當(dāng)遵囑”

李叔同出家了，法號(hào)弘一法師。他知道，老師的愛(ài)國(guó)熱忱從未殲滅，為了幫助老師弘揚(yáng)慈懷，他決定為弘一法師畫(huà)一部《護(hù)生畫(huà)集》，40歲畫(huà)40副，50歲畫(huà)50副，直到100歲畫(huà)100副。

為了篤定意志，他給老師留下一封信，寫(xiě)了八個(gè)字：“世壽所許，定當(dāng)遵囑。”即若自己能活到老，便將此畫(huà)按約定完成。師徒兩人發(fā)愿流布“護(hù)生畫(huà)集”，商議由豐子愷作畫(huà)、弘一大師題字。

“護(hù)生畫(huà)集”，所謂“護(hù)生”即是“護(hù)心”。

弘一法師說(shuō)：“去除殘忍心，長(zhǎng)養(yǎng)慈悲心，然后拿此心來(lái)待人處世”。

畫(huà)集預(yù)計(jì)在1929年出版，豐子愷想到，那時(shí)弘一大師正好50歲，何不畫(huà)成50幅出版，以賀恩師50壽辰。豐子愷把這個(gè)想法告訴了弘一大師，弘一大師也極為贊成。就這樣，由豐子愷作畫(huà)、弘一大師配文、馬一浮先生作序，在1929年弘一大師50歲時(shí)，50幅的“護(hù)生畫(huà)集”出版。

1938年，日軍侵華、豐子愷攜著一家老小，顛沛流離，過(guò)著逃難求生的日子。眼看弘一法師60歲生日在即，無(wú)論什么情況，都不能忘了那60副畫(huà)作。

某個(gè)夜晚，大雨滂沱，一家人躲在一間屋子里避雨安頓，桌子上正擺著未創(chuàng)作完的畫(huà)作，不巧桌上的瓦當(dāng)處有一漏洞，把整個(gè)畫(huà)稿浸濕。豐子愷沒(méi)有辦法，只能熬夜趕制，一連下了一周雨，一連熬了一周夜，為此他染上風(fēng)寒，依舊不忘弘一法師的重托。

后來(lái)弘一大師沒(méi)能等到“護(hù)生畫(huà)集”的后幾集，就在1942年、63歲虛齡時(shí)，在福建圓寂了。弘一大師圓寂前，心里記掛著《護(hù)生畫(huà)集》的事，他曾經(jīng)給友人寫(xiě)信，希望友人能幫助豐子愷完成后幾集的編繪工作，他在信中說(shuō)：

“務(wù)乞仁者垂念朽人殷誠(chéng)之愿力，而盡力輔助，必期其能圓滿(mǎn)成就，感激無(wú)量?！?

但后來(lái)他委托的朋友也相繼過(guò)世，這樣“護(hù)生畫(huà)集”的創(chuàng)作使命就落到了豐子愷一個(gè)人的身上。豐子愷牢記恩師囑咐，決心把“護(hù)生畫(huà)集”繼續(xù)畫(huà)下去。

無(wú)論遭遇了什么身心上的折磨，樂(lè)觀的豐子愷一直瞞著家人，報(bào)喜不報(bào)憂(yōu)。

直到有一年冬天剛下過(guò)大雪，女兒豐一吟去給他送御寒的衣服，看到父親孤獨(dú)地站在寒風(fēng)颼颼的田野里，胸前掛著一個(gè)蛇皮袋，正在一點(diǎn)點(diǎn)地摘棉花，全身凍得直發(fā)抖。之后，在女兒的一再要求下，豐子愷才帶著女兒去了自己的住處，女兒在那個(gè)破舊的牛棚草屋里，清楚地看到父親的枕頭邊還有一堆沒(méi)融化的積雪。后來(lái)因?yàn)榄h(huán)境的惡劣和非人的折磨，患上嚴(yán)重肺炎的豐子愷被允許回家養(yǎng)病，此時(shí)的他已經(jīng)是76歲的古稀老人了。

回到家中的豐子愷并沒(méi)有按照醫(yī)生的要求，好好休息，積極配合治療；相反，他甚至偷偷扔掉醫(yī)生開(kāi)的藥，因?yàn)檫@樣他的病好不了，就可以繼續(xù)留在家里、繼續(xù)作畫(huà)了。

他每天凌晨4點(diǎn)就起床，開(kāi)始著手畫(huà)《護(hù)生畫(huà)集》的第六集，此時(shí)與恩師約定的最后一集還有6年時(shí)間；但豐子愷似乎隱約感覺(jué)到自己將不久于世，所以才拼命畫(huà)的吧。

兒女們怕他累壞身體，也擔(dān)心造反派隨時(shí)來(lái)家里搜查，就把他的筆和紙都藏起來(lái)了，豐子愷就向他們哀求道：

“你們這是要我的老命呀，快還給我吧?！?

1973年，豐子愷終于畫(huà)完了“護(hù)生畫(huà)集”第六集的100幅畫(huà)；他自知不久于人世，便秘密委托給朱幼蘭居士保管。

1975年，豐子愷與世長(zhǎng)辭，未能見(jiàn)到六集“護(hù)生畫(huà)集”全部出版。

1978 年，與豐子愷失去聯(lián)系多年的廣洽法師來(lái)到上海，本以為“護(hù)生畫(huà)集”的第六集會(huì)遺憾缺失，卻沒(méi)想到豐子愷早已將第六卷的稿暗自完成，而豐已去世3年了。廣洽法師跪在豐子愷靈前，老淚縱橫，為豐超度禱告，深念故人。

隨后，廣洽法師將第六集的畫(huà)稿和詩(shī)文帶到了新加坡出版。這時(shí)豐子愷信守了半個(gè)世紀(jì)的約定，如愿以?xún)敗?

在這半個(gè)世紀(jì)的時(shí)間里，人生幾經(jīng)沉浮，世事幾度滄桑；但豐子愷卻始終抱守諾言，踐行了對(duì)恩師“世壽所許，定當(dāng)遵囑”的承諾。

他把一件事，就這么做了一輩子。

“護(hù)生者,護(hù)心也。去除殘忍心,長(zhǎng)養(yǎng)慈悲心,然后拿此心來(lái)待人處世。這是護(hù)生的主要目的?！?span style="margin:0px;padding:0px;max-width:100%;font-size:16px;caret-color:#191919;color:#191919;box-sizing:border-box !important;word-wrap:break-word !important;">——豐子愷創(chuàng)作《護(hù)生畫(huà)集》的宗旨

豐子愷先生文學(xué)造詣也很高。

著名服裝設(shè)計(jì)師馬可創(chuàng)造的“無(wú)用”品牌，其品牌精神便是來(lái)自豐子愷先生的《無(wú)用之美》。

個(gè)人品牌馬可之無(wú)用(WuYong)之所以起名為“無(wú)用”,馬可這樣說(shuō)道:““所有人都在追求有用，做個(gè)有用的人，做個(gè)有用的物件，買(mǎi)個(gè)有用的東西，是否有用甚至已成為我們做事的前提。但眼前的有用與未來(lái)的價(jià)值常常不同，我想做些眼前未必有用但以后會(huì)有價(jià)值的事，我想把人們眼中無(wú)用的東西變得有用，我想人們不再以是否有用作為取舍的原則。我喜歡無(wú)用，才能賦予它新的價(jià)值。價(jià)值從不在物件本身，而在使用的人。

所以無(wú)論從事設(shè)計(jì)藝術(shù)的哪個(gè)行當(dāng)，深厚的文化底蘊(yùn)和知識(shí)是我們創(chuàng)作的靈感源泉，正是這背后的東西讓我們的作品變得深刻，美得深刻，賦有靈魂。

推薦大家閱讀書(shū)籍吳浩然的《豐子愷的故事》，了解大師之后。推薦閱讀散文隨筆《緣緣堂隨筆》，《緣緣堂再筆》《畫(huà)中有詩(shī)》《白鵝》《活著本來(lái)單純》漫畫(huà)《子愷漫畫(huà)集》《護(hù)生畫(huà)集》藝術(shù)繪畫(huà)《無(wú)用之美》。

這本書(shū)名字叫《無(wú)用之美》，然而《無(wú)用之美》只是豐子愷大師的一篇文章。這本書(shū)給大家講的都是繪畫(huà)門(mén)外漢需要普及的繪畫(huà)知識(shí)，如何把繪畫(huà)這門(mén)高雅的藝術(shù)向普通大眾傳播，這其實(shí)挺難的，我覺(jué)得豐子愷大師做到了。我覺(jué)的藝術(shù)的最高級(jí)形式便是與生活融為一體，你的一言一行，所思所想都是藝術(shù)。

作家安·蘭德在《源泉》里寫(xiě)過(guò)一句話(huà)：“像個(gè)大人一樣生存，像個(gè)孩子一樣生活?！?/strong>

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)