首頁

精致淡雅,“新”擬態(tài) -“新”開端

前端達(dá)人


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



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

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

1.jpg


2.jpg


3.jpg

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

4.jpg

5.jpg

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

7.jpg

8.jpg

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

9.jpg

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

10.jpg

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


11.jpg


12.jpg

13.jpg

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

14.jpg

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

15.jpg

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

16.jpg

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

17.jpg

18.jpg

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

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

19.jpg

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

20.jpg 

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

21.jpg

22.jpg

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

23.jpg

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

24.jpg


25.jpg

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

26.jpg

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


27.jpg


28.jpg

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

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

       這正是經(jīng)歷過艱難的2020年后,世界所需要的。
29.jpg

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

       在過去幾年里,潘通的選擇充滿了社會意義,被看作是對全球情緒的捕捉。

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

30.jpg

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

31.jpg

32.png

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

33.png

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

34.png

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

35.png

36.png

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

37.png

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

38.png

39.png

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

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

40.png

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

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



      藍(lán)藍(lán)設(shè)計(jì),工作室2008年開始,2011年正式成立北京蘭亭妙微科技有限公司,主創(chuàng)清華團(tuán)隊(duì),專注軟件和互聯(lián)網(wǎng)ui設(shè)計(jì)開發(fā)。擅長企業(yè)信息化管理、監(jiān)控、大數(shù)據(jù)軟件UI、UE咨詢和設(shè)計(jì)開發(fā)服務(wù)。立足UI,一直在學(xué)習(xí)進(jìn)步。
      藍(lán)藍(lán)設(shè)計(jì),秉承設(shè)計(jì)優(yōu)秀,不斷超越的理念,誠信敬業(yè)、專業(yè)耐心的工作作風(fēng),進(jìn)行設(shè)計(jì)服務(wù)創(chuàng)新,幫助企業(yè)進(jìn)行軟件和互聯(lián)網(wǎng)產(chǎn)品的界面設(shè)計(jì)及開發(fā)升級,提供卓越的解決方案。對軟件界面用戶體驗(yàn)與交互設(shè)計(jì)與實(shí)現(xiàn),國際化標(biāo)準(zhǔn)和流行趨勢,進(jìn)行不斷的研究和實(shí)踐,擁有豐富的解決問題經(jīng)驗(yàn)。


42.png


欣賞更多界面及其它作品請?jiān)L問
www.yvirxh.cn




藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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經(jīng)驗(yàn):軟件首頁怎么設(shè)計(jì)?

前端達(dá)人

原創(chuàng) 藍(lán)藍(lán) 藍(lán)藍(lán)設(shè)計(jì) 1月1日


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

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

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

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

  • 用戶常用的功能是哪些?

  • 未來1到3年軟件會增加什么重要的功能?發(fā)展方向?

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

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

      我們也了解到,有許多軟件公司做這件事情(開發(fā)運(yùn)營這個(gè)軟件或網(wǎng)站)已久,特別想找一個(gè)嶄新的方式去看待目前做的這件事。找個(gè)靠譜的外部設(shè)計(jì)公司和做用戶調(diào)研是兩個(gè)好方法。
      我們建議如果時(shí)間充許的話,可以做做用戶調(diào)研,做8到10個(gè)用戶不同角色的訪談,從真正的客戶的角度去思考一下不同角色對這個(gè)產(chǎn)品的期待和理解。(訪談的人不用太多,因?yàn)樘臅r(shí)間,但是可以多輪,一段時(shí)期一段時(shí)期不斷的去了解用戶的想法),從一線了解許多不同層次的想法和使用者的意見。
      在和客戶的交流中,常常會遇到:改版會帶來多少程序方面的工作量這類的問題。這個(gè)擔(dān)心很多公司,特別是十年來在一直做著同一個(gè)產(chǎn)品的經(jīng)理們普遍反映都有,特別是很大型的軟件。
      其實(shí),下決定最難。
      改版與否,其實(shí)取決于對空間秩序美的忍耐度及它能帶給你的價(jià)值。
      就像有的人房間很亂,也不收拾,特別能忍。他省了整理的時(shí)間,但他個(gè)人可以找到自己的東西,有自己的內(nèi)在邏輯。但表現(xiàn)在工作上就是:界面很亂,除了開發(fā)者自己,客戶都找不到東西,很難使用,花了客戶很多時(shí)間去學(xué)習(xí)使用這個(gè)軟件,到了忍無可忍,客戶提出強(qiáng)烈不滿的時(shí)候,有可能危及到合作時(shí),在吐槽中被迫進(jìn)行。
      優(yōu)勢技術(shù)不等于優(yōu)勢產(chǎn)品,產(chǎn)品的需求和體驗(yàn)要先于技術(shù)和模式而存在,品牌的戰(zhàn)略貫穿在企業(yè)的全鏈條中,以用戶可以感知的點(diǎn)滴來詮釋軟件產(chǎn)品核心價(jià)值,塑造品牌
      UI的設(shè)計(jì)能帶來的不僅僅是軟件的美化,UI咨詢公司能帶給客戶的是一種思考的方式和解決問題的行動力。軟件企業(yè)最好當(dāng)然是掌握市場先機(jī),企業(yè)內(nèi)部里去觸發(fā)、驅(qū)動  ui咨詢類項(xiàng)目,在機(jī)會來了的時(shí)候才更從容。
      對不熟悉的事情,大家總是會有一定的壓力,表現(xiàn)的行為方式上就會有點(diǎn)拖延,選擇決策困難。我在想,有時(shí)候我們的界面設(shè)計(jì)時(shí)間總是被擠壓的特別少,在功能都實(shí)現(xiàn)的情況下才來進(jìn)行,是不是也是出于客戶的這種心理呢?
      其實(shí)對于我們這樣一個(gè)做了界面設(shè)計(jì)十多年的設(shè)計(jì)公司而言,這些都是我們平常日常工作中的工作,沒有什么難點(diǎn),只是要根據(jù)不同的公司,不同的產(chǎn)品去梳理清楚、理解業(yè)務(wù),用心體會。
      做好整個(gè)系統(tǒng)的交互設(shè)計(jì),首頁的內(nèi)容布局設(shè)計(jì),和進(jìn)行一個(gè)家庭的空間物品歸納整理沒有什么區(qū)別。不要陷入“要么不做,做就做到最好的”極端思維,只要馬上迭代改進(jìn),平時(shí)保持一定的水準(zhǔn),總會做的越來越好。
家庭裝修和軟件界面設(shè)計(jì)的對比:
家庭要裝修
1. 首先要考慮到家庭的空間有多少人要去使用,住幾個(gè)人?空間之間的最佳行動路徑。未來幾年內(nèi)人口會增加或減少嗎?住多久?
2.了解你和家人所需要的物品,對它們進(jìn)行分類和預(yù)算了解,無用的物品斷舍離。
3. 物品的使用場景在臥室里用,還是在客廳里看電視的時(shí)候用?服裝的裝搭是出門見客還是家居服,有多少件?對客戶來講最看重的是書柜還是衣帽間設(shè)計(jì),還是廚房呢?因人而異,選擇對他最重要的物品和場景,好好的設(shè)計(jì),創(chuàng)造最讓人感動的體驗(yàn)。
apjpk-4pjoz.jpg
交互設(shè)計(jì)有點(diǎn)像居室空間的規(guī)劃
        這和產(chǎn)品的軟件界面設(shè)計(jì)其實(shí)是相通的:
1. 了解就是這個(gè)系統(tǒng)有什么功能,準(zhǔn)備放到幾個(gè)導(dǎo)航菜單中?導(dǎo)航之間的最佳切換路徑。產(chǎn)品核心提供什么樣的價(jià)值?未來1到3年軟件會增加或減少什么重要的功能?產(chǎn)品未來的發(fā)展方向?這版用多久,多久改版一次?
2. 把所有的功能進(jìn)行分類和預(yù)算,分版本陸續(xù)實(shí)現(xiàn)。斷舍離軟件功能,進(jìn)行取舍歸納。最常用的,重要的先做,花費(fèi)精力太多,又很少用的功能舍掉或后做,
3. 了解每一個(gè)功能的使用場景,是什么用戶角色使用?是在戶外或者室內(nèi)用?是日常工作時(shí)還是領(lǐng)導(dǎo)視查,開會時(shí)使用?他最關(guān)注什么?他的使用過程是什么?
      了解每一個(gè)功能的使用場景和用戶關(guān)聯(lián)時(shí),可以畫出一個(gè)用戶體驗(yàn)地圖幫助梳理思路。從使用這個(gè)軟件產(chǎn)品的開始到結(jié)束,不同接觸點(diǎn),關(guān)鍵點(diǎn)列出來,選擇最需要改善的幾個(gè)重點(diǎn),好好的設(shè)計(jì)開發(fā),創(chuàng)造最讓人感動的體驗(yàn)。
apobm-0g27q.jpg
      有了要表達(dá)的界面元素,把它們按照人類的使用習(xí)慣去組合,進(jìn)行這些頁面的內(nèi)容的排列方式就可以了,比如:
  • 重要的內(nèi)容放在第一屏重要的地方,按照人類的閱讀習(xí)慣,從左到右,從上到下。重點(diǎn)的字大區(qū)塊占比大,非重點(diǎn)的弱化小字,歸納為一組,可隱藏。
  • 用好對比,不要讓人思考,該提示的地方要提示(直接打開頁面時(shí)彈出或在需要提醒的位置附近,一個(gè)地兒一個(gè)地兒輪播閃現(xiàn)都可以),盡量傻瓜式的,不要讓人培訓(xùn)后才懂怎么使用(節(jié)省用戶時(shí)間)。
  • 思考用戶第一次進(jìn)入軟件,如何引導(dǎo)他使用的流程和步驟,并在首頁就能開始第一步。(目前B端的產(chǎn)品常見問題就是功能橫向單一,每個(gè)功能一個(gè)菜單,之間缺乏串連使用的路徑,用戶根本不知道如何使用)
  • 如果是工具類的操作軟件,在首頁要給足相應(yīng)的操作輔導(dǎo)文案和視頻。如果是辦公任務(wù)類軟件,在首頁要很明確展示要做的總數(shù)、待辦具體事情,想了解的信息。
      空間(交互)布局設(shè)計(jì)好之后,易用性就基本已經(jīng)解決了。
      剩下就是根據(jù)用戶不同的審美,巴洛克,簡潔風(fēng),歐式,美式(簡約,科技感,質(zhì)感,時(shí)尚、擬物,酷炫,奢華高端,品牌VI、拙樸古風(fēng)),任客戶選擇,或者是根據(jù)用戶畫像的調(diào)查去推測,根據(jù)產(chǎn)品定位,建立色彩情緒板,研究出這個(gè)產(chǎn)品應(yīng)有的外貌。
      我們藍(lán)藍(lán)設(shè)計(jì)一般是有一個(gè)UI設(shè)計(jì)調(diào)查表,把各種設(shè)計(jì)風(fēng)格和問題列出來,引導(dǎo)客戶在填表的過程中去選擇和思考。
       步步分解之后,工作就會好理解并逐漸輕松。
      只要您去做這件事,開始思考,最終就會知道界面那些功能該怎么擺放。我們的交流中往往發(fā)現(xiàn)客戶是非常有智慧的,一開始可能沒有想法,隨著分析和思考的深入,靈感受到啟發(fā),等到我們設(shè)計(jì)出方案之后,很會挑方案,能夠感受到不同方案的優(yōu)點(diǎn),把他們集中在一起。
      最近流行一個(gè)新的職業(yè),叫收納整理師,就是幫助陪伴您收拾家。不僅僅是打掃衛(wèi)生,還會告訴你一些斷舍離取舍原則。原有的衣柜空間有什么不足,改進(jìn)的方法,一些方便收納的小工具,手把手教你各類疊衣服的方法。有些工作(整理房間)自己也能做,但是這個(gè)工作太枯燥,工作量又很大,如果有人陪,就能夠被鼓勵(lì)著,開心,很有成就的去完成。
      陪伴這個(gè)詞很重要,代表著共同參與,相伴成長。

avz1k-b5io7.jpg

      我覺得交互設(shè)計(jì)師也是在做整理收納這種事情。有些人最喜歡的買買買,買回了太多的東西,又無處安放,屋子變得很亂,開始收納整理,像不像軟件開發(fā)中一些客戶角色,喜歡加一些內(nèi)容(功能)?這個(gè)頁面加一點(diǎn),那個(gè)頁面加一點(diǎn),過了一陣子,這個(gè)軟件(網(wǎng)站)就變得不成樣子,需要維護(hù)和整理。
       軟件產(chǎn)品和一個(gè)家一樣,他們都是你創(chuàng)造的,如果可以說話,他們可能有許多話想對你:“把我創(chuàng)造的美一些,整潔一些吧,主人
      下面給大家展示幾個(gè)實(shí)際的案例,我們是怎么從需求到原型,完成這項(xiàng)工作的,設(shè)計(jì)前后的效果如何?
asm0e-r1gcl.jpg
      就拿我們最近合作的江蘇銳創(chuàng)來講吧,這是一家非常優(yōu)秀的公司,江蘇銳創(chuàng)數(shù)據(jù)中心服務(wù)管理平臺項(xiàng)目,產(chǎn)品迭代速度非??欤緝?nèi)部做過很多版本的設(shè)計(jì),由于十年來一直在做這套軟件,產(chǎn)生了審美疲勞,不知道到底要怎么做才合適了。各種之前想過的東西都已經(jīng)自己練過了,也實(shí)施過了,但就是覺得沒有達(dá)到自己理想的狀態(tài),內(nèi)部設(shè)計(jì)了一稿又一稿,總是覺得還不夠好。
      使用這個(gè)軟件的用戶是企業(yè)中的網(wǎng)管和工程師,專業(yè)人士。在委托藍(lán)藍(lán)設(shè)計(jì)之前,內(nèi)部開發(fā)已經(jīng)迭代四次,企業(yè)內(nèi)部的交互設(shè)計(jì)師已經(jīng)把首頁要放的內(nèi)容思考的比較清楚了。在這類的需求中,藍(lán)藍(lán)設(shè)計(jì)的設(shè)計(jì)師主要的工作是優(yōu)化視覺設(shè)計(jì)和進(jìn)行交互設(shè)計(jì)的局部優(yōu)化處理,通過友好的交互體驗(yàn)讓企業(yè)用戶享受到高品質(zhì)的服務(wù)。
客戶給的原型圖

a3r1n-6agy9.jpg設(shè)計(jì)后的效果圖

aniwl-8inwf.jpg

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

a3s8x-ilo2u.jpg


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

au0ez-pa0w5.jpg


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


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


asm0e-r1gcl.jpg

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

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

1   同類產(chǎn)品APP對比:

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

『流量寶』中國電信出品。

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

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

分析內(nèi)容:

1. 界面布局對比

2. 核心功能對比

3. 色彩對比

4. 首頁印象對比

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

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

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

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

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

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

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

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

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

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

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

aaryx-rj02r.jpg

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

交互方向:減化路徑、清晰簡潔

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

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

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

aca46-05o6b.jpg

avjc5-qtihj.jpg

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

a34bi-3t998.jpg

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



a1uzd-ibxp3.jpg

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

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

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


如何找到一家好的高端網(wǎng)站設(shè)計(jì)公司?

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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


       首先回答:何為高端?



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



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



       因?yàn)橥度胂鄬Χ啵越?jīng)營業(yè)績好的企業(yè)、集團(tuán)公司、營銷類大型網(wǎng)站來定制的比較多。



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



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



       一旦成為我們的客戶,設(shè)計(jì)無憂。


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)



藍(lán)藍(lán)設(shè)計(jì)隨筆:ui用戶界面中的表格設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

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


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

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

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

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

點(diǎn)擊查看原圖


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

 點(diǎn)擊查看原圖

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


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


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

方法一

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

方法二

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

點(diǎn)擊查看原圖

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

方法三

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

 屏幕快照 2020-06-08 上午11.03.47.png上圖:大表格里面嵌套小表格


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

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

 

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

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

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

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

點(diǎn)擊查看原圖

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

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

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

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

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

 

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

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

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

 點(diǎn)擊查看原圖


設(shè)計(jì)手記:給設(shè)計(jì)師參考會不會限制設(shè)計(jì)師的思維呢?

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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


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


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


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


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


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


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



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

    點(diǎn)擊查看原圖

點(diǎn)擊查看原圖


點(diǎn)擊查看原圖

2看文章.png點(diǎn)擊查看原圖

用戶調(diào)查系列之一:如何了解用戶需求?如何做用戶調(diào)查?

藍(lán)藍(lán)設(shè)計(jì)的小編

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


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

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


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

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


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

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


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

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

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


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


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


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

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

點(diǎn)擊查看原圖


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

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


第三  確定方法組合

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


第四 確定地域和人群

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


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

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


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

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


用研的價(jià)值層次

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

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



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

點(diǎn)擊查看原圖

方法組合推薦


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

案頭調(diào)查+調(diào)查問卷+競品分析+人物角色


用戶行為剖析組

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


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

可用性測試+競品分析+ 用戶反饋


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

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


競品對標(biāo)走查組:

可用性測試+深度訪談+競品分析


根據(jù)用戶研究的方法,可以分為定性研究和定量研究兩種。


定性研究

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

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

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

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

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

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

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

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


定性研究方法

一對一訪談

一對一訪談是采用與用戶進(jìn)行一對一的談話的方式,通過跟用戶面對面的交流來認(rèn)識和了解用戶的一種方式。

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

這里列舉幾個(gè)用戶訪談過程中會遇到的一些問題:

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

現(xiàn)場調(diào)查

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

現(xiàn)場調(diào)查經(jīng)常可以看到一些場景和習(xí)慣是用戶覺得沒必要說的,甚至我們覺得沒必要問的問題。

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

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

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


可用性測試

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

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


焦點(diǎn)小組

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

作為主持人控制場面和話題很重要,避免用戶和用戶之間太廣泛的討論。


定性研究小結(jié)

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

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


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

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


定量研究

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

定量研究步驟

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

來看一下如何開展定量研究:

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

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

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


定量研究的方法

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

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

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


有效的問卷應(yīng)該怎么做?

正確的提問

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

足夠的數(shù)量

有用的解讀


一般定量的問卷不少于30份。

問題盡量提的不要有傾向性,要客觀,易懂。

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

例:你怎么看待放長假景點(diǎn)人山人海的情況?

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

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

C沒有辦法,有人就是愛扎堆,

D都是長假惹的禍

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

(了解歸因)


你希望保留國慶調(diào)休連放七天的長假嗎?

A一定要保留,

B可以保留

C無所謂

D不一定要保留

E堅(jiān)決取消

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


你希望保留國慶調(diào)休連放七天的長假嗎?

A希望保留,

B不希望保留

C無所謂


(了解態(tài)度)


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

A 1.2天的常規(guī)假

B 四天的短假

C到六天的長假

D七天或更長的長假

E無所謂

(了解需求,無傾向問題,客觀)



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

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


如何進(jìn)行用戶觀察?

照片或錄像

觀察行為,從行為看動機(jī)

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

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

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


如何整理用戶畫像?

點(diǎn)擊查看原圖

   

延伸資料:


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


1. 用戶觀察方法列表:

用戶觀察方法

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

現(xiàn)場觀察: 計(jì)劃階段、 開發(fā)和優(yōu)化階段 用戶操作記錄、實(shí)驗(yàn)錄像、用戶評估記錄

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

眼動跟蹤: 開發(fā)階段 眼電圖、紅外線眼動圖

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

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


現(xiàn)場觀察:研究人員觀察在用戶生活場景,提出觀測研究開放性問題。

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

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

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

2)采用觀察方法:現(xiàn)場觀察、影隨、用戶圖片日志

3)觀察情境:

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

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

4)觀察記錄方式:

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

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


記錄卡片

編號:_____ 觀察人員:________

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

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


觀察情境 行為 軟硬件

地點(diǎn) 觀察距離 周圍環(huán)境 操作方式 使用頻率


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

您是否有使用手機(jī)聽音樂的習(xí)慣?

您會在什么場合使用手機(jī)聽音樂呢?

你購買手機(jī)的時(shí)候會特別注重它的音樂功能嗎?

以您的理解,音樂手機(jī)不同于普通手機(jī)之處在哪?

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

6)寫觀察報(bào)告:

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

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

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


參考的資料:

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



三年來,新的創(chuàng)新和發(fā)明有哪些?

藍(lán)藍(lán)設(shè)計(jì)的小編

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

那么,我們來想一想,三年來,原來沒有,三年來才有的,在中國的創(chuàng)新企業(yè)有哪些呢?

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


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


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

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


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

藍(lán)藍(lán)設(shè)計(jì)的小編

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

 賀紅陽

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

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


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



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


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


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


豐子愷先生在畫畫


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

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

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

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

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

有一天晚上,一向極少論人的李叔同,把豐子愷叫到身邊對他說:在我所教的學(xué)生里,從沒有見過像你這樣快速進(jìn)步的?;厝ズ螅S子愷在日記本里寫道:當(dāng)晚這幾話,便確定了我的一生。

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

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


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


以下圖片來自《豐子愷漫畫集》



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


我的腦子里有一個(gè)“豐先生”的形象:一個(gè)與人無爭、無所不愛、一顆純潔無垢的孩子的心。——巴金


從豐子愷先生那里,我學(xué)到了樸素?!智逍?/span>


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


“我們都愛你的漫畫有詩意,一幅幅漫畫,就如一首首小詩,帶核兒的小詩,我們就像吃橄欖似的,老覺著那味兒?!薄熳郧?/span>


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


以兒童為師,以自然為友,以“赤心國”和“明心國”作為自己畢生的“理想國”,不忘初心,作善知識。豐子愷先生一生的故事和作品,不僅向我們呈現(xiàn)了一個(gè)單純,爛漫,和完整的童心世界,也讓我們領(lǐng)略了一種亦詩亦哲,童心即佛性的生命境界?!祠敚ㄔ娙耍骷遥?/span>


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

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


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

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


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

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

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

他有最有效,最愉快,也是最省錢的方案——他能夠聽懂孩子們的心。


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


有這樣一個(gè)故事:有一回,弄堂里來了個(gè)賣小雞的小販。孩子們看著雪球似的小雞十分可愛,哇哇大叫起來:“要買,要買!”

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

他拉著沒得到小雞而哭泣的孩子們回家,想教導(dǎo)他們,下次千萬別再嚷著“要買,要買”啦!可他實(shí)在沒法把這話說出口。這難道不就是教導(dǎo)孩子,“看見好的嘴上不可說好,想要的嘴上不可說要”嗎?


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


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


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


一生童真,一生有趣



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

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

為了篤定意志,他給老師留下一封信,寫了八個(gè)字:“世壽所許,定當(dāng)遵囑?!奔慈糇约耗芑畹嚼?,便將此畫按約定完成。師徒兩人發(fā)愿流布“護(hù)生畫集”,商議由豐子愷作畫、弘一大師題字。

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

弘一法師說:“去除殘忍心,長養(yǎng)慈悲心,然后拿此心來待人處世”。

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


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

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


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

“務(wù)乞仁者垂念朽人殷誠之愿力,而盡力輔助,必期其能圓滿成就,感激無量。”

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


無論遭遇了什么身心上的折磨,樂觀的豐子愷一直瞞著家人,報(bào)喜不報(bào)憂。

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

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

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

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

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

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

1975年,豐子愷與世長辭,未能見到六集“護(hù)生畫集”全部出版。

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


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

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

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


“護(hù)生者,護(hù)心也。去除殘忍心,長養(yǎng)慈悲心,然后拿此心來待人處世。這是護(hù)生的主要目的。”——豐子愷創(chuàng)作《護(hù)生畫集》的宗旨


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

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

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

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


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


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


作家安·蘭德在《源泉》里寫過一句話:“像個(gè)大人一樣生存,像個(gè)孩子一樣生活。”


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)





何為第一

藍(lán)藍(lán)設(shè)計(jì)的小編

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

藍(lán)藍(lán)寫

在班級考試的時(shí)候,在同行競標(biāo)時(shí),在工作業(yè)績評定時(shí),大家都想贏,爭第一才有機(jī)會。很多時(shí)候,大家在為爭這個(gè)第一而煩惱??偸潜3值谝缓茈y,得到后又怕失去,心情易受此情緒化。享受贏的感覺很好,但如果第一才是贏,那輸?shù)娜素M不是很多?

得第一一旦養(yǎng)成習(xí)慣,做起事來會追求完美,不怕苦不怕累,但是一旦有場合一定要輸,使不想?yún)⑴c,覺得不公平。人生不可能每次都是考試第一,每場投標(biāo)都中,每次比稿都只自己的最好,成敗是常見的事情,直面輸贏,是對心智的磨練。

爸爸對我說,不要每次考試都讓我女兒考第一,這樣是不對的,要把身體鍛煉好,身體好了,成績自然就好。

期中考試考前我激勵(lì)女兒:要好好學(xué)習(xí),這次還能不能再有進(jìn)步?期末考試是很重要的。女兒說:不就是期末考試嗎?有什么重要的?也不可能永遠(yuǎn)都進(jìn)步。

我覺得他們說的話都有道理,以前每次投標(biāo)我基本上是晚12點(diǎn)睡早五點(diǎn)起,睡中朦朧也會思考怎么做的更好,投完標(biāo)基本上都會病一場,追求完美給自己壓力太大,影響健康。

所以這次考試中只問女兒:今天身體怎么樣?累不累?熱不熱?放松去考,考砸了,下次再努力,女兒很高興,放松,覺得得到理解和關(guān)心。

何為第一?今日讀到一段定義:所有的人都需要你的時(shí)候,你能夠給他們帶來所需要的,你就是第一。任何事情都有它的順序,講因緣,時(shí)節(jié),果報(bào),要一步一步來,時(shí)間未到,你想也沒有,時(shí)間一到,你不想它也有。

德和得分別代表了內(nèi)在和外在,它也代表了同一種東西的兩個(gè)狀態(tài):能量和質(zhì)量。

當(dāng)內(nèi)在大于外在時(shí),能量就會轉(zhuǎn)化為物質(zhì),于是財(cái)富會自動存在;當(dāng)外在大于內(nèi)在,也就是能量不夠的時(shí)候,物質(zhì)會自動消失,對應(yīng)到生活當(dāng)中就是出現(xiàn)健康、財(cái)富等外在的損失甚至災(zāi)難。

由此就能更好地理解我們常說的“厚德載物”是什么意思,物質(zhì)就是錢、地位、房子、子孫、家庭、名利。

厚德=后得。

厚德厚物,薄德薄物,缺德缺物,無德無物。因?yàn)槟芰亢唾|(zhì)量永遠(yuǎn)要追求一種平衡。WechatIMG90.jpeg

遵守職業(yè)道德,做人的品德是基礎(chǔ),否則水里來火里去存不住物質(zhì)財(cái)富,贏得第一意味著名利,意味著才華和能力能夠給帶來機(jī)會和財(cái)富,但是品德修養(yǎng)是更為重要的根本,決定財(cái)富持有的時(shí)間和量級。

去掉攀比的好勝心,把視角轉(zhuǎn)向?qū)?nèi)的反省和探索,目標(biāo)不再定為得第一,而定為不斷地完善自我,完善工作品質(zhì)。甘當(dāng)無私的綠葉,在別人需要時(shí)幫助別人,減少狹隘的利益判斷,更寬胸懷的幫助別的公司建立設(shè)計(jì)驅(qū)動的價(jià)值。

有德的人,不為自己求安樂,但為眾生得離苦,眾生是一個(gè)很大的團(tuán)隊(duì),如果由己及人,把團(tuán)隊(duì)擴(kuò)大到同事,社區(qū),同行,胸懷越來越大,人也就會變得越來越包容,平和。追求亦也不再是自己的第一,而是帶領(lǐng)更多的人走向卓越,完善自我的修行之路。

WechatIMG91.jpg


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)



日歷

鏈接

個(gè)人資料

存檔