• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】淺談iPad應用“手繪藝術家”的設計歷程與經驗




    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    這是一篇講述如何給兒童做設計的實際案例,其中有思考,實踐,以及總結。分享出來是給做產品設計和做兒童應用的同行們一些經驗參考,也給關心孩子成長的父母們推薦我們的這款應用:手繪藝術家。這是一款充滿了誠意的,送給孩子們的禮物。


    設計理論教學開始

    這是一篇講述如何給兒童做設計的實際案例,其中有思考,實踐,以及總結。分享出來是給做產品設計和做兒童應用的同行們一些經驗參考,也給關心孩子成長的父母們推薦我們的這款應用:手繪藝術家。這是一款充滿了誠意的,送給孩子們的禮物。

    Aura Marker Studio是一家2012年底初創的移動應用製作工作室。現在有6名成員,其中4名都來自於華為,分別在產品設計,界面設計,iOS/Android,後台服務器方面有着超過7年以上的工作經驗。 我們相信把設計,技術和樂趣融合在一起,才能夠創造出更多美好的移動應用,豐富和改善人們的生活,讓世界變的更美好。

    1月22日,我們的第一個應用,手繪藝術家,在App Store上線了,這是一個給孩子們繪畫的禮物。首發當日,就取得了iPad中國區教育類付費榜排名第28名,暢銷榜第31名的成績。上線第5天就得到了蘋果官方推薦,出現在教育類新品推薦第4的位置。而這些是在沒有任何媒體渠道宣傳的情況下做到的。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    製作手繪藝術家的初衷,是因為Aura Marker Studio團隊創始人之一,是已有兩個孩子的父親,對於當下的拙劣的兒童應用和產品痛心疾首,於是開始了要把第一個產品奉獻給孩子們的計劃。

    首先是應用的方向選定,這花費了比較多的時間,將近2個月,分析了國內外排行靠前的兒童應用。我們發現,現在的兒童應用大多是有聲閱讀的電子書,益智類的遊戲,或者學習單詞和字母的應用,而讓孩子們繪畫的應用卻鮮有做的優秀的,大多都粗製濫造。即使是收費的也界面醜陋,操作難用,甚至根本無法達到培養孩子繪畫興趣和自由創作的目的。於是,我們就選擇了繪畫作為方向。

    選中方向之後,我們就開始研究要給孩子創作一個怎樣的繪畫應用才是最好的?

    我們和兩三家專業的兒童繪畫教育機構進行了交流,也仔細觀察了自己的孩子在學習繪畫過程中的特點。當然,我們自己也是從孩子成長過來的,所以我們發現,孩子都是從觀察和模仿開始學習的。如果能夠給孩子們提供精心繪製的,多種風格的圖畫,會對提高孩子們的審美和多樣化思維有幫助。而當下所有的繪畫應用,基本都是從一張白紙開始,有提供一些范畫的,也是讓孩子在上面填色。孩子們的創造力並沒有因此被激發和引導,也不能學習到怎樣去畫才是好的。

    於是,我們精心創作了35幅例圖,並創造性的研發了例圖回放技術,讓孩子能夠看到一幅畫是怎樣被繪製出來的,也可以感受到不同的繪製過程和順序,更可以重複的觀看。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    只讓孩子們觀察是不夠的,還應該讓他們動手。因此我們還研發了模擬真實紙張疊放的效果,讓孩子能夠自由的臨摹並隨時翻開查看例圖。這些操作都是非常擬實的,只要按照生活中的經驗就能夠操作。為了讓孩子們繪製出更美的畫,我們還精心選擇了9種常用而且容易搭配的色彩加入應用。這樣一來,孩子不需要對顏色有非常高的敏銳度就能夠創作出很美麗的畫作。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    孩子的創造力是難以想象的,如果只是刻板的臨摹,同樣會束縛他們的創造力。所以,我們還專門提供了一些貼紙素材,讓孩子們可以自由地在畫上進行二次創作。這樣不僅能夠輕而易舉地激發他們的創造力,還增加了趣味性。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    當然,孩子的學習過程是需要反饋的。孩子還沒有形成自我的認知和判斷,反饋需要來自外界。因此,我們花了許多時間研發了臨摹模糊評估技術,可以在孩子完成臨摹創作之後給予一個模糊評價,鼓勵孩子繪畫。如果能夠獲得3星,還可以得到一個貼紙。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    給孩子做設計,其實比給成人做設計更難。因為孩子需要的是樂趣,而這些早已被成人淡漠了。手繪藝術家的主界面我們進行了3次大型修改,就是為了能夠找回我們對樂趣的記憶。最後,就定成這樣的風格。所有的界面元素都是超大型的,顏色是鮮艷而溫暖的,形狀是安全的。這些,都會給孩子一個舒適的感受。此外,我們還使用了許多動態元素,讓整個界面在沒有操作輸入的時候,也是活靈活現,而非呆死狀態。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    為了更富有趣味性,我們甚至給9種顏色設計了不同的音符,當孩子在選擇顏色的時候,還能夠有聽覺上的感受。而當手指在快速繪畫的時候,也會出現手指在紙面上摩擦的聲音。

    為了讓孩子們有更加簡單而直覺化的繪畫體驗,我們更是花費了一兩個月的時間專門研發了能夠根據手指壓力來即時改變線條粗細的技術。這樣,孩子在描繪線條時,可以輕輕用手觸摸屏幕,當要塗抹大塊色彩時,只要簡單的增加手指觸摸屏幕的壓力即可。這,就和真正的使用手指沾取顏料進行繪畫的感受一樣,充滿樂趣。

    淺談iPad應用“手繪藝術家”的設計歷程與經驗

    可以說,我們之前從來沒有做過關於孩子的應用,但是,我們用父親般的愛去理解和感知孩子的特點,用了近半年的時間打造了手繪藝術家這樣一款兒童應用。 這款應用,也真正體現了我們的理念:設計+技術+樂趣=美好的應用

    最後,我們可以總結一下,要給孩子做設計需要考慮的幾點:

    1.要充滿樂趣:

    這是首先需要保證的。孩子最好的學習狀態其實是在“玩”的情景中。當學習的內容有趣時,才能夠激發孩子的興趣,讓他們充滿好奇,而後才會主動的探索、專註。要做到這一點,首先要從產品的設計構思上着手。產品的核心機制必須是能夠吸引孩子,打動孩子興趣的。另外就是要讓整個應用能夠活起來,而不是僵硬呆板的。

    2.給孩子及時而正向的反饋:

    孩子總是需要反饋來調整和完善對自我的認知。所以在應用中,都應該給孩子及時的,正向的,適度的反饋。反饋包括視覺,聽覺,以及所有物獲取上的。

    3.直覺化的人機交互方式

    孩子的生活經驗是非常匱乏的,很難認知抽象的內容和形狀。所以,在給孩子做設計的時候,要盡量以孩子在生活中可以感知到的物體形狀來設計。如果是3-7歲的學齡前兒童,應用里最好不要使用文字,讓孩子們只通過圖形就能進行判斷。

    4.界面適合孩子的尺寸/形狀/顏色

    學齡前的孩子,在控制自己身體的方面還不是很靈活。雖然他們很乖巧,但卻很難進行精細化的操作。因此,就必須把界面上元素的尺寸設計的寬大一些,方便孩子們使用和操作。在形狀方面,也盡量採用圓角造型,突出安全感。在用色方面,由於孩子在視覺感知上偏向於鮮艷,色彩飽和度較高的顏色,所以要摒棄成人化的顏色,營造一個鮮活的情景。

    5.動畫/音效不可少

    孩子的感知系統是非常豐富的,成人可以長時間的處於單一視覺或者聽覺的狀態,但孩子在這種情況下很難保持長久的專註。事實上,讓學齡前的孩子能夠保持5-10分鐘的專註就非常不容易了。所以就需要通過多色版的交互來豐富孩子的感知,讓他們能夠專註的繪製完一幅畫。動畫,音效成為了兒童應用中必備的元素。事實上,我們在製作手繪藝術家時,是請專業的音效製作工作室幫助我們完成了多達40+的音效設計和製作的。

    現在,手繪藝術家這款應用不僅僅被家長和孩子們喜歡,更被許多設計師/美術專業的朋友所喜愛。由此我們也感受到,只要充滿了誠意和樂趣,能夠打動孩子的,也一樣能打動成人。

    — —

    文章永久連結為: 淺談iPad應用“手繪藝術家”的設計歷程與經驗