萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 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幅例圖,並創造性的研發了例圖回放技術,讓孩子能夠看到一幅畫是怎樣被繪制出來的,也可以感受到不同的繪制過程和順序,更可以重復的觀看。

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

  孩子的創造力是難以想象的,如果只是刻板的臨摹,同樣會束縛他們的創造力。所以,我們還專門提供了一些貼紙素材,讓孩子們可以用在自己的繪畫上進行二次創作。這不僅僅很簡單的就能激發他們的創造力,還非常的有樂趣。

為兒童設計 <wbr> <wbr>- <wbr>Aura <wbr>Marker <wbr>Studio談iPad應用鈥準只嬉帳跫意澋納杓評逃刖

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

為兒童設計

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

為兒童設計

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

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

為兒童設計

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

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

  1: 要充滿樂趣:

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

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

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

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

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

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

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

  5: 動畫/音效不可少

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

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

copyright © 萬盛學電腦網 all rights reserved