<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          精致淡雅,“新”擬態 -“新”開端

          前端達人


          原創藝仁 藍藍設計 2020-12-18



                 藍藍設計一直關注著國際國內創新設計趨勢和理念。權威設計平臺Behance上最近發布了2021年設計趨勢,這次的設計趨勢包含了UI、平面、包裝等多個領域。

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

          1.jpg


          2.jpg


          3.jpg

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

          4.jpg

          5.jpg

                 線稿填色這種插畫風格的流行在2020年已經初見端倪,在2021年也將繼續流行下去。

          7.jpg

          8.jpg

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

          9.jpg

                 時尚是個圈,70、80年代懷舊風漫畫將在2021年重回潮流。這種經典風格的插畫特點是使用輪廓、簡單的形狀和一些細節填充。

          10.jpg

                 這種風格的插畫非常像凌亂的涂鴉,乍看未完成,但所有的細節都是經過深思熟慮的。重疊的形狀和強烈的色彩讓這些插畫與眾不同,同時能有效激發靈感。


          11.jpg


          12.jpg

          13.jpg

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

          14.jpg

                 3D影響了所有的設計領域,我們甚至可以說,2021年,它主導了幾乎所有的數字設計。隨著虛擬現實在越來越多的App、網站或軟件中的應用,3D也將越來越重要。而設計師們可以將3D和攝影或2D結合起來,創造出一種不同的設計效果。

          15.jpg

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

          16.jpg

                 因為疫情隔離,很多公司開始投資AR技術。在未來,我們可以看到,在人工智能和機器學習的幫助下,增強現實技術將大規模應用于各個領域,無論是醫藥、藝術、商業、客戶服務還是導航。

          17.jpg

          18.jpg

                 排版是設計中最重要的元素,有經驗的設計師甚至可以只使用文字排版來設計視覺標識。排版對于建立信息、建立強大的視覺層級、傳遞信息以及為用戶創造良好的體驗都很重要。

                大字體和粗體從設計之初就已經存在了,不管采用什么樣的設計手法,醒目的大字而且將永遠是設計中的一個熱門趨勢。

          19.jpg

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

          20.jpg 

                 線條藝術充滿魅力,并可以在各種設計領域內應用。

          21.jpg

          22.jpg

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

          23.jpg

                 經過深思熟慮后設計的獨特插畫可以為你的品牌故事產生廣泛影響。因此你必須謹慎地選擇能夠傳達你的品牌故事的插畫。它們必須是有意義,并給品牌帶來一致性的。

          24.jpg


          25.jpg

                 在銷售產品時,用優質的包裝設計講述有關品牌的迷人故事,能有效激發出購買欲。包裝上的所有元素都應該為客戶帶來獨特的體驗。

          26.jpg

                 在人人都離不開手機的時代,包裝也可以和手機產生互動,比如使用AR等手段創造品牌知名度。


          27.jpg


          28.jpg

                 權威色彩機構 Pantone 公布了2021年度雙流行色:灰+亮麗黃。

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

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

                 當人們期望尋求能量來強化自己,克服持續的不確定感時,堅實可靠而又熱情洋溢的色調,恰好能夠滿足我們對生命力的追求。

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

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

          30.jpg

                 目前,已有相關設計產品使用了潘通2021流行色:

          31.jpg

          32.png

                 本文藍藍設計著重介紹一個未來可以配合3D設計趨勢的全新設計風格-新擬態設計。

          33.png

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

          34.png

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

          35.png

          36.png

                 在2020年2月11號舉行的三星視覺發布會使用新擬態的設計手法作為設計海報。帶有漸變的淺灰色背景,結合富有層次感的光影漸變,充滿未來感。相對克制的色彩選擇和多角度的光影變化,強調出產品豐富的質感和科技感,簡潔而神秘。

          37.png

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

          38.png

          39.png

                藍藍設計也在設計項目中結合目前流行趨勢進行探索設計,容器元素通過光影的變化,展現出不同的狀態,通過模擬物理層面“高程”的不同,形成不同的組件狀態,從而演變成承載各式功能的基本元素。

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

          40.png

                在扁平風大行其道的當下,公眾審美難免已經疲勞,設計風格再次回歸擬物化,或許已經是主流趨勢。未來,3D設計,輕立體設計將與扁平化的設計風格相結合,產生新的設計語言和領域。

                從輕擬物風格到Glassmorphism風格,擬物化設計的演變進程已然開啟,未來,無論是3D設計的加入還是扁平風格的延續,“質感”都將成為設計過程中被著重強調的風格。



                藍藍設計,工作室2008年開始,2011年正式成立北京蘭亭妙微科技有限公司,主創清華團隊,專注軟件和互聯網ui設計開發。擅長企業信息化管理、監控、大數據軟件UI、UE咨詢和設計開發服務。立足UI,一直在學習進步。
                藍藍設計,秉承設計優秀,不斷超越的理念,誠信敬業、專業耐心的工作作風,進行設計服務創新,幫助企業進行軟件和互聯網產品的界面設計及開發升級,提供卓越的解決方案。對軟件界面用戶體驗與交互設計與實現,國際化標準和流行趨勢,進行不斷的研究和實踐,擁有豐富的解決問題經驗。


          42.png


          欣賞更多界面及其它作品請訪問
          www.syprn.cn




          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          UI經驗:軟件首頁怎么設計?

          前端達人

          原創 藍藍 藍藍設計 1月1日


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

          一般進行軟件首頁的設計,我們先思考:

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

          • 軟件產品提供什么樣的核心價值?

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

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

          • 需要借助軟件產品傳達哪些企業價值觀?

          • 在交互上和需求上先和軟件公司做一些交流,雙方達成一致再進行。

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

          avz1k-b5io7.jpg

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

          a3r1n-6agy9.jpg設計后的效果圖

          aniwl-8inwf.jpg

          1. 理解用戶所需,優化交互,增加部分內容。告警事件除了原型中的時間線按順序發生外,加了用戶頭像,已處理、待處理、緊急任務統計數字,讓用戶可以總覽全局,做到對工作量心中有數。

          a3s8x-ilo2u.jpg


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

          au0ez-pa0w5.jpg


          3. 本機系統信息,將單個的數字轉化為儀表盤,可以表現出高中低預警和正常的多重含義。通過輕擬物的表現手法,增強駕駛艙的沉浸式體驗,營造中控管理氛圍的真實感。
          arq3s-18p80.jpg


          4. 所有的設計,都是基于對業務的理解,回到本質,思考用戶是否需要多層次信息的統計分析,不同的緯度呈現結果。最終以感性、直觀、優美的方式視覺表達,并考慮到數據可視化的控件類型和實現難度。


          asm0e-r1gcl.jpg

                 中國移動愛流量App整體的設計提案,經過用用戶研究分析、同類競爭App競品分析報告、產品定位、功能分析、交互設計、視覺設計。中國 移動只提供了運行中的上一版App,其它的調研、改版策劃由藍藍設計進行。

          這個案例比上一個案例更加整體,重大的項目應該采用這種方式來進行。

          1   同類產品APP對比:

          藍藍設計觀察了20家流量類的App。通過在應用市場監測流量平臺類app的下載量,我們選取以上三家為競品。

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

          『流量銀行』中國聯通出品。

          『流量來了』,世紀龍信息網絡有限責任公司出品。

          分析內容:

          1. 界面布局對比

          2. 核心功能對比

          3. 色彩對比

          4. 首頁印象對比

          5. 界面設計優缺點

          2 產品洞察 明確產品的定位和發展方向

          按照用戶對于流量的認識、了解、使用的程度,通常流量經營可以分為三個發展階段。

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

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

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

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

          功能方向:使產品向貨幣化、社交化、媒介化轉變。

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

          基于個人:監測自己的手機流量及使用情況,提醒自己:少了可以買,也可以把多余的流量轉給家人、朋友、同學、或充入手機、

          基于社交:比如:發紅包、賺流量、做任務、簽到送流量,流量兌話費等、是可以嘗試的方向,使我們的產品向貨幣化、社交化、媒介化轉變。

          aaryx-rj02r.jpg

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

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

          3 基于產品分析策劃進行主頁的交互設計

          在不斷的思考、對功能的深入理解后,交互設計師對首頁構圖了三個方案,希望能契合產品定位并在布局和表現形式上與競品區別,展現出愛流量的。

          團隊討論思考后,認為將“流量監測和流轉“做為首頁目前重點,賺流量做為以后發展點。確定第二種布局(中),進行視覺設計。 

          aca46-05o6b.jpg

          avjc5-qtihj.jpg

          4 視覺設計成果

          a34bi-3t998.jpg

          主頁設計風格確定后,就可以進行其它頁面的視覺設計啦。



          a1uzd-ibxp3.jpg

          1. 軟件的優化設計是一個長久的的事,挑一些典型頁來設計是基礎的部分。

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

          3. 藍藍設計公司有一個群,每天都在分享好的UI設計,如果你有興趣,請報上姓名和公司職位,我們共同成長和學習。請加微信ben_lanlan, 標注“想加入設計分享群”.


          如何找到一家好的高端網站設計公司?

          藍藍設計的小編

                 看到知乎上的一個問題:如何找到一家好的高端網站設計公司?

                 把回答的內容也轉過來記錄一下。


                 首先回答:何為高端?



                 高端與低端是對應的,目前網站設計,中低端基本是用模板改改,相對價格低,有一些小型公司或不依靠網站運營收入的公司,“有個網站就好”,所以可以用這種低投入,內容有就行的網站建設公司,特點是馬上就能用,三五天把內容發布進去就可以。備案可能需要一定時間。



                 高端設計公司,一般是量身定做,為企業做網站策劃、分析,按照用戶研究、網站建站的目的來進行網站的定制欄目頁的設計。做競品分析、研究對方的優缺點,設計的色系和企業標準色、情感表達、人物場景、用戶體驗思維,越深入,思考越成熟,做的網站品質越有保障。所以需要的時間、精力、投入相對多。



                 因為投入相對多,所以經營業績好的企業、集團公司、營銷類大型網站來定制的比較多。



                 我們公司“北京藍藍設計”就是為定制的高端企業用戶、政府網站、軟件公司來服務的。我們挺喜歡要求高的客戶,這樣能體現出專業設計的水平,這也是我們和其它建站公司區別開來的地方。



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



                 一旦成為我們的客戶,設計無憂。


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


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          藍藍設計隨筆:ui用戶界面中的表格設計

          藍藍設計的小編

          作者:藍藍


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

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

          一、基礎的表格設計美化

                基礎的表格可變化的地方很少,可以根據當前軟件開發選擇的框架控件(ext/vue/jequery不同框架會有一些不一樣)做色彩和風格的變化,如:加表格不同粗細的線、斑馬格,中間無豎線種種的設計,有的表格需要標題很突出,有的內文突出,這就和內容焦點相關了。

          點擊查看原圖


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

           點擊查看原圖

          可以用固定表頭(標題位置不變),允許用戶排序,單元格內有很長的文字,設定最大字節,多內容用……替代避免轉行,有小數點的數字右對齊,每列的大小可調整,這些也是設計開發中可以做好的細節部分。


          二、特別寬的表格怎么設計?


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

          方法一

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

          方法二

          如果表格里面的內容是確定的,不可省略的,比如銀行的報表就是這么長,這么多,那我們就可以從設計的角度來優化,做一個加高版的表格。

          點擊查看原圖

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

          方法三

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

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


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

                一個系統總是需要業務擔當,顏值擔當的核心部分,重要的頁面要額外的對待、花更多的精力和時間。如果千篇一律,也就不能顯示出軟件產品的獨到之處了。

           

          第三 與表格配合的部分設計

          第一種  “搜索查詢”和“過濾”部分的設計

               大多數表格的前面都有搜索過濾功能,如果搜索條件相當多,可以精選一部分主要的排成一行,其他的隱藏,點箭頭再出現。整個搜索區域也可以有隱藏/顯示的按鈕,來給下面的表格更多的空間。

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

          點擊查看原圖

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

          第二種  表格操作部分的設計

                 對表格的操作“導入,導出、批量導出”有的時候這類操作有1020個,有的時候才幾個,多的時候很占地方,可以用隱藏的方法,over到表格上再出現,以節省空間。

                 也可以分組把同類的操作聚合在一起,把常用的放在目之所及,不常用的點后下浮出現,以節省空間,

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

           

          第三種  表格和卡片式設計、統計圖的整合切換

                 表格是可以轉換成卡片式設計的,用一個卡片代替一行的展現信息,改變一種閱讀的方式。

          有的也可以轉換圖統計圖表:曲線圖,柱狀圖讓用戶直觀的去解讀,而不必一直看枯燥的數字。

           點擊查看原圖


          設計手記:給設計師參考會不會限制設計師的思維呢?

          藍藍設計的小編

          藍藍設計 魏華寫

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


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


               在進行一個ui 設計前,深度方面應該要了解業務,用戶角色,環境生態,交互流程,關鍵功能,核心價值,用戶體驗的峰值點和難點在哪里…….總之了解的越深越好。


               寬度方面,要看到競品分析,行業趨勢,國內外優秀案例欣賞,專業文章觀點,應該是可以拓展設計師的思維。


               設計最核心的目標應該在于解決問題,而不是單純的讓界面好看。


                優秀的設計師要明確解決問題的目標,博采眾長,獨立思考,看眾多的競品是看眾多的解題思路,多方位角度看問題。各產品資源,核心技術不同,取舍不同,理解信息架框,運營思路,用戶特征,技術實現可能性,不會只照著您給的資料比貓畫虎。


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



          這五張圖是最近藍藍設計的稿件,展現從一個模糊的概念性需求到一個可視化概念性方案的設計過程。

              點擊查看原圖

          點擊查看原圖


          點擊查看原圖

          2看文章.png點擊查看原圖

          用戶調查系列之一:如何了解用戶需求?如何做用戶調查?

          藍藍設計的小編

          藍藍寫及整理


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

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


          為了更好服務客戶以及滿足客戶需求,藍藍設計邀請您填寫份調查問卷,大概占用您5分鐘時間。

          凡是有效問卷,藍藍設計還會贈送價值300元的設計優惠券,可用于今后的合同金額減免。


          用戶體驗的核心是用戶需求

          如果脫離了用戶需求,一個再漂亮的產品也無法和用戶共鳴。


          用戶在什么場景下來用,是用戶體驗最重要的。用戶調研、用戶分析、用戶訪談,都不是用戶上來看界面漂亮不漂亮,而是調查用戶什么場景下才會用,這個產品能帶來什么價值?

          痛點越大,產品就越受歡迎,受到歡迎,就會有用戶,用戶不斷提要求,就能成長,就有機會改善產品,體驗越改越好,最后就成功了。

          如果是弱需求,產品將來推廣很難,如果是強需求,這個需求會帶來很大的成功。


          注意事項:一些產品談O2o.b2b的概念,不要談概念,概念害死人,概念離用戶很遠,忘掉概念,去觀察用戶。超出預期的才叫用戶體驗。功能不叫體驗,功能和競品一樣,只是及格,用戶不會形成真正的體驗。如果你做的體驗能超出用戶的預期,就能形成口啤。


          如何了解用戶需求?如何做用戶調查?


          第一  確定目標和類型

          從工作中選取當下關心的一個問題。如果要通過研究獲得進展,請討論確定研究目標,以及研究類型。

          點擊查看原圖


          第二 確定假設和顆粒度

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


          第三  確定方法組合

          針對所關心的每個可能回答,討論用何種方法可以得到需要的數據,從而能夠判斷每個可能是否成立。


          第四 確定地域和人群

          討論在收集數據環節,根據地域的顆粒度選擇城市和地區,同時確定獲得所關注人群樣本的甄別因素。


          第五 確定樣本量和時間計劃

          估算一共需要的樣本量,結合樣本量和地域的選擇,討論所需要的時間


          第六 簡化時間和成本

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


          用研的價值層次

          數據  圖表   洞察   決策

          最有價值的角度就是決策的角度



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

          點擊查看原圖

          方法組合推薦


          探索產品方向組

          案頭調查+調查問卷+競品分析+人物角色


          用戶行為剖析組

          實地考察+用戶訪談+用戶體驗地圖


          挖掘產品痛點組

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


          數據專項分析組

          數據分析+漏斗模型+AB測試


          競品對標走查組:

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


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


          定性研究

          定性研究是一種相對開放性的研究方法。定性研究是需要研究者針對少數個體,根據研究者的觀察、經驗、分析來進行研究在方法。定性研究并不要求統計意義上的證明,更多的是研究者本身憑借自身經驗和觀察對用戶進行研究。

          定性研究無法針對大規模的用戶進行,通常只針對10到20個的典型用戶。

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

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

          其次,在每個分類中選擇若干個典型用戶進行研究。在對用戶分類后,為每個分類選定若干個典型用戶,然后進行用戶研究。

          選擇典型用戶的方法有很多種,有特定目標的選擇,也有完全隨機的選擇。在這里就不展開細講了。

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

          如果在研究過程中發現有用戶出現明顯不處于這個分類的特征,那么考慮是否增加新的分類。如果在用戶身上發現了新的觀點,那么可以考慮適當增加用戶數量進行研究。反之,如果在一個分類用戶身上已經沒有新的行為或觀點出現時,則可以考慮結束這個分類用戶的研究了。


          定性研究方法

          一對一訪談

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

          一般一次只選擇一個用戶進行訪談,一是因為這樣容易聽清用戶的觀點,同時也避免了多個用戶之間觀點相互影響。但是,在有條件的情況下,鼓勵多個研究者針對一個用戶進行訪談,這樣能從多個不同的角度了解用戶。

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

          1. 1. 照本宣科的提問。事實上在訪談過程中,經常會聽到用戶提出了我們毫無準備的問題,要善于從這些問題中挖掘出新的問題??梢蕴崆皽蕚鋯栴},但切記不要照本宣科。
          2. 2. 用戶講別人的觀點?!拔艺J為他們可能會……”,這個是用戶經常出現的表達方式。當用戶提起他人的觀點時,我們要適當的引導“那你遇到這種情況時會怎么做?”
          3. 3. 試圖說服用戶。適當引導用戶,但不要試著說服用戶接受我們的觀點。當我們認為用戶說錯了,也不要試著去強硬地去糾正。要去理解用戶為什么犯錯誤了。更何況當我們認為用戶錯的時候,很有可能錯的是我們。
          4. 4. 訪談離題太遠。要讓用戶說出他自己的故事,但是要避免離題太遠。用戶經常會發散地講述他們的故事,從產品使用,到日常生活,再到街頭八卦。我們雖然允許用戶小范圍離題,但要注意引導用戶。

          現場調查

          現場調查就是到真實的現場去看用戶怎么使用產品。

          現場調查經??梢钥吹揭恍﹫鼍昂土晳T是用戶覺得沒必要說的,甚至我們覺得沒必要問的問題。

          現場調查也有一些注意事項:

          1. 1. 做現場調查,應該盡量讓用戶從事他日常處理的事情,除非有必要,盡量避免構造一個場景讓用戶去執行。
          2. 2. 在用戶操作過程中,調查人員要盡量避免干擾用戶。碰到有疑問的可以先記下來,等用戶執行完成后再進行詢問。
          3. 3. 用戶在被詢問或觀察的情況下,很有可能為了迎合調研者而刻意改變日常行為。

          在用戶演示完成后,我們還應該針對一些問題和用戶進行交談。這部分內容有點類似于用戶訪談的形式,但是內容變成了針對于用戶行為的訪談。


          可用性測試

          可用性測試類似于現場調查。調研者通過設置目標讓用戶完成,觀察用戶在完成目標過程中遇到的障礙或困難,以此發現我們產品設計過程中存在的問題。

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


          焦點小組

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

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


          定性研究小結

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

          定性研究不需要特別專業的計算機知識,但是對調研者自身的分析和總結能力要求比較高。也應該看到,調研者自身的態度很容易影響到調研結果。要避免過于主觀的去分析用戶的行為和觀點。


          定性研究的方法也有其缺點,定性研究一般研究對象在10到20個之間,樣本數量較小,所以個體差異對整個調查數據的影響較大。所以,定性研究缺乏數據的支撐。定性研究無法自證我們的調研結論的全面性。

          但是特定情況下定性研究卻是可以發揮很大作用的。比如,在調研資源不足時,在我們沒有量化的數據時,在某些要求不太嚴格的小項目啟動時,都可以考慮采用投入成本不高的定性研究。


          定量研究

          定量研究是基于一定的用戶數據進行研究的方法。定量研究需要基于用戶的行為或觀點產生的數據,通過數學統計的方法來獲得研究結果。

          定量研究步驟

          定量研究面對的是成千上萬甚至于海量的用戶數據。所以,定量研究需要借助于數學的統計和計算機算法來完成。雖然近年來人工智能在用戶研究領域已經取得了較大的發展,但是用戶研究還是得從人為的假設開始。

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

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

          數學的統計可以避免人為主觀的影響,有時候甚至能發現一些意想不到的問題結論。你可以知道“原來還有每個月成千上萬購物的用戶”,“原來那么多用戶在擠地鐵時使用產品 ”……

          但是也要警惕一點:數據也是會騙人。例如數據顯示“某功能男人比女人多一倍的打開概率”,當你知道女人打開概率是1%時,這個結論多么可笑。再次提醒:數據是死的,關鍵還得看你怎么解讀數據。


          定量研究的方法

          日志和用戶數據分析

          日志和用戶數據分析是在產品已經上線的項目里面使用的方法。用戶在使用產品過程中會留下很多用戶數據或日志,我們以此為分析對象。

          相比于其他的用戶調研的方法,日志和用戶數據分析是用戶在真實的場景下使用產品過程中留下的數據,是最全面也是最真實的反應用戶行為的一種方式。但是日志和用戶數據分析研究的是用戶的行為,并不能反映用戶的觀點。日志和用戶數據分析可以和問卷調查或定性研究結合使用,將用戶行為和用戶的觀點結合起來分析。


          有效的問卷應該怎么做?

          正確的提問

          真實的數據

          足夠的數量

          有用的解讀


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

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

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

          例:你怎么看待放長假景點人山人海的情況?

          A光想著賺錢的結果

          B管理水平落后導致的人為擁堵

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

          D都是長假惹的禍

          E愛咋咋,不關我事

          (了解歸因)


          你希望保留國慶調休連放七天的長假嗎?

          A一定要保留,

          B可以保留

          C無所謂

          D不一定要保留

          E堅決取消

          (了解態度十強度,這種問法有傾向性)


          你希望保留國慶調休連放七天的長假嗎?

          A希望保留,

          B不希望保留

          C無所謂


          (了解態度)


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

          A 1.2天的常規假

          B 四天的短假

          C到六天的長假

          D七天或更長的長假

          E無所謂

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



          產品的驅動模式:技術驅動、市場驅動、體驗驅動、品牌驅動。

          每個公司有自己的模式,技術驅動如百度,保持技術領先就是核心競爭力。


          如何進行用戶觀察?

          照片或錄像

          觀察行為,從行為看動機

          分析他們之間的關系及目的

          闡釋為什么你們認為是這樣的關系和目的?

          描述在觀察中發現的特別細節?


          如何整理用戶畫像?

          點擊查看原圖

             

          延伸資料:


          用戶觀察方法流程總結


          1. 用戶觀察方法列表:

          用戶觀察方法

          觀察方法 何時使用 輸出資料

          現場觀察: 計劃階段、 開發和優化階段 用戶操作記錄、實驗錄像、用戶評估記錄

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

          眼動跟蹤: 開發階段 眼電圖、紅外線眼動圖

          用戶圖片日記: 計劃階段 圖片、文字

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


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

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

          2. 用戶觀察計劃

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

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

          3)觀察情境:

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

          b) 觀察用戶和音樂手機品牌專柜售貨員之間的交談,來發現用戶在購買產品過程 中到底對哪些產品要素有實質性的關注。

          4)觀察記錄方式:

          a) 觀察卡片:觀察卡片或觀察表的結構與調查問卷結果基本相同,制作卡片時,根據觀察內容,合理編排項目。

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


          記錄卡片

          編號:_____ 觀察人員:________

          觀察開始時間__________ 觀察結束時間_________

          性別: 年齡估計: 職業或身份:


          觀察情境 行為 軟硬件

          地點 觀察距離 周圍環境 操作方式 使用頻率


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

          您是否有使用手機聽音樂的習慣?

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

          你購買手機的時候會特別注重它的音樂功能嗎?

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

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

          6)寫觀察報告:

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

          b) 觀察過程出現的現象,(背景、統計結果、經分析和得出的結論)

          c) 結論可以是發現的規律,也可以是發現的問題。


          參考的資料:

          林子的筆記、林敏老師的課堂筆記、互聯網。



          三年來,新的創新和發明有哪些?

          藍藍設計的小編

          最近藍藍總聽到朋友和客戶談起國民經濟衰退,經濟不景氣,生計艱難,失業率上升.....聽得好黯然。

          那么,我們來想一想,三年來,原來沒有,三年來才有的,在中國的創新企業有哪些呢?

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


          這些創新是不是讓您很驚喜呢?


          做為一名設計師,我很欣喜看到由于設計,由于發明創新,改變這個世界,讓這個世界更美好!

          我們做ui設計工作,也很喜歡客戶的產品在我們的創新、努力洞察工作之后,變的更好,為客戶增值,也為這個社會貢獻我們的力量。


          走進大師系列專題——豐子愷

          藍藍設計的小編

          走進大師系列專題——豐子愷

           賀紅陽

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          每一個獨立自由的靈魂 都是生活的藝術家。


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



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


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


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


          豐子愷先生在畫畫


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

          夏丏尊負責教授國文課,他所提倡的白話文被豐子愷奉為圭臬,其中通俗平易的特點,貫穿了豐子愷往后一生的創作。

          夏先生也同時擔任舍監,他事無巨細地關心著豐子愷的生活,這種照料在很大程度上,讓初到陌生環境中的豐子愷,內心有了安全與歸屬感。

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

          李叔同教音樂美術課,在豐子愷眼中,李叔同凡事認真。在他“溫而厲”的教導下,豐子愷養成了做事一絲不茍的習慣。

          有一天晚上,一向極少論人的李叔同,把豐子愷叫到身邊對他說:在我所教的學生里,從沒有見過像你這樣快速進步的。回去后,豐子愷在日記本里寫道:當晚這幾話,便確定了我的一生。

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

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


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


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



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


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


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


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


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


          “我覺的,豐子愷是現代中國最像藝術家的藝術家,這并不是因為他多才多藝,會彈鋼琴,作漫畫,寫隨筆的緣故,我所喜歡的,乃是他的像藝術家的真率,對于萬物的豐富的愛,和他的氣品,氣骨。如果在現代要想找尋陶淵明,王維那樣的人物,那么,就是他罷了。他在龐雜詐偽的海派文人中,有鶴立雞群之感?!薄ㄐ掖卫桑ㄈ毡緷h學家)


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


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

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


          豐子愷曾說:“我的心為四事所占據,天上的神明與星辰,人間的藝術與兒童。”他認為世間事物的真相,只有孩子們能最明確、最完全地見到。因此,他借助兒童的視角,細致描摹世間的溫柔與感動。

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


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

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

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

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


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


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

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

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


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


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


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


          一生童真,一生有趣



          “世壽所許,定當遵囑”

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

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

          “護生畫集”,所謂“護生”即是“護心”。

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

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


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

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


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

          “務乞仁者垂念朽人殷誠之愿力,而盡力輔助,必期其能圓滿成就,感激無量?!?

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


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

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

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

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

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

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

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

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

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


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

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

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


          “護生者,護心也。去除殘忍心,長養慈悲心,然后拿此心來待人處世。這是護生的主要目的?!?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;">——豐子愷創作《護生畫集》的宗旨


          豐子愷先生文學造詣也很高。

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

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

          所以無論從事設計藝術的哪個行當,深厚的文化底蘊和知識是我們創作的靈感源泉,正是這背后的東西讓我們的作品變得深刻,美得深刻,賦有靈魂。


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


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


          作家安·蘭德在《源泉》里寫過一句話:“像個大人一樣生存,像個孩子一樣生活?!?/strong>


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務





          何為第一

          藍藍設計的小編

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          藍藍寫

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

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

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

          期中考試考前我激勵女兒:要好好學習,這次還能不能再有進步?期末考試是很重要的。女兒說:不就是期末考試嗎?有什么重要的?也不可能永遠都進步。

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

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

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

          德和得分別代表了內在和外在,它也代表了同一種東西的兩個狀態:能量和質量。

          當內在大于外在時,能量就會轉化為物質,于是財富會自動存在;當外在大于內在,也就是能量不夠的時候,物質會自動消失,對應到生活當中就是出現健康、財富等外在的損失甚至災難。

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

          厚德=后得。

          厚德厚物,薄德薄物,缺德缺物,無德無物。因為能量和質量永遠要追求一種平衡。WechatIMG90.jpeg

          遵守職業道德,做人的品德是基礎,否則水里來火里去存不住物質財富,贏得第一意味著名利,意味著才華和能力能夠給帶來機會和財富,但是品德修養是更為重要的根本,決定財富持有的時間和量級。

          去掉攀比的好勝心,把視角轉向對內的反省和探索,目標不再定為得第一,而定為不斷地完善自我,完善工作品質。甘當無私的綠葉,在別人需要時幫助別人,減少狹隘的利益判斷,更寬胸懷的幫助別的公司建立設計驅動的價值。

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

          WechatIMG91.jpg


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合