2012-04-21 00:35:15哈妹
[工作] Alpha Family Series‧介面美術設計
圖/文 哈妹
去年九月我還在南港軟體園區上班，經濟部工業局舉辦了台灣第二屆數位學習金質獎
而Alpha Family Series就是我在南軟上班的最後一個作品...
因為本系統的使用對象是老師或家長，但是學習者對象還是以幼稚園小朋友為主
所以在介面風格設計上就以簡單可愛的方向來製作，這樣使用者操作也會比較方便清楚
設計理念：
用木頭質感當底圖，加上顏色比較活潑可愛的吊牌
其實在進入Alpha Family Series的時候，吊牌會從右邊往左依序滑進來
是有做過場動畫的，所以簡單大方的畫面裡又帶點可愛活潑的氣息，比較不會單調...
▲Alpha Family Series主畫面
進入Alpha Family Series後，第一冊一共有八個Unit
星星：代表的是是否已學習完畢，若一個Unit學習完畢之後...
原本灰色的星星就會變成黃色，而灰色就是代表Unit裡面的單元還沒有全部學習過...
▲進入Unit1的畫面
一個Unit裡面有八個學習單元...
▲單元學習目標說明畫面
關於左上的工具列...
一開始位置是設定在LOGO的下方，往下展開...只是整體看起來，左邊有點重...
在設計工具列時，其實我也參考了很多Facebook的遊戲畫面設定，都是在右上
後來因為LOGO的位子在左上，其實也佔了上排一些空間去了...
所以最後決定放在右上，往左展開...
ICON由右往左：繪筆、放大鏡、匯入、存檔、使用說明、主選單、離開
繪筆的功能就是可以在畫面上寫字、作畫或作記錄等等...
▲此單元的美術插畫是由鄭瑋婷‧Wendy設計繪製，由我來繪製成向量圖案
▲此單元的卡片及內容圖案是我-哈妹負責畫的
▲此單元的圖卡美術插畫是由黃筠筑‧Juile設計繪製
▲所有單元都學習完畢之後的回饋畫面...
※2011第二屆臺灣數位學習金質獎得獎產品介紹：
內容是滿有趣的，只是一開始的規畫有點亂，加上那時是我最後一個月在南軟上班...
一開始幼教部在編寫教學內容時，其實我只剩半個月的時間可以做...
我花了兩個禮拜的時間把這些流程、規劃組織好，和美術通通都KO掉，厲害吧=.=
還好我有這方面的經驗，不然那時候我可能會慘死而且還走不了...