一款服務(wù)于6-12歲小朋友的兒童教育小程序,包含科學(xué)、技術(shù)、工程、藝術(shù)、數(shù)學(xué)五大學(xué)科,線上線下結(jié)合學(xué)生可以線上報名線下參與,也可以線上購買教學(xué)材料跟課學(xué)習(xí)。考慮到受眾群體年齡偏小,因此整套設(shè)計在色彩選擇上以明快、積極、健康為主方向,人物的造型偏向圓潤、可愛,給人健康向上、充滿元氣的感覺。
兒童視頻教育小程序開發(fā)架構(gòu)
登陸 / 綁定手機號
綁定手機號頁面內(nèi)容簡單直接,因此我在這個頁面結(jié)合了貼合產(chǎn)品功能的插畫設(shè)計,用小朋友的群像和字母、阿拉伯數(shù)字及算數(shù)符號組合,一次來增加該頁面的氛圍感,也幫助初次進入小程序的用戶快速了解產(chǎn)品定位,更好的探索產(chǎn)品。
首頁
首頁功能區(qū)別分明確一一頂Banner、本周上新、精選課程。由于課程分為科學(xué)、技術(shù)、工程、藝術(shù)、數(shù)學(xué)五大類,因此采用顏色來定義不同學(xué)科,在標簽以及課程難度等級的表現(xiàn)上,相同學(xué)科均采用同一種顏色,幫助用戶快速識別課程類別。
底部標簽欄icon設(shè)計上使用大圓角+明快撞色來體現(xiàn)活潑、快樂的感覺,點擊狀態(tài)時結(jié)合彩色星星上浮的動效,增加互動感。
精彩內(nèi)容
包含“推薦”和“直播”兩個模塊,推薦部分我簡單按照學(xué)科類別和課程內(nèi)容做了封面,直播部分由于暫未開發(fā)該模塊因此設(shè)計了占位圖。
分類
這個頻道內(nèi)容比較簡單,科學(xué)、技術(shù)、工程、藝術(shù)、數(shù)學(xué)五大學(xué)科的分類,針對每個分類繪制貼合主題的圖標,圖標依然是以該分類統(tǒng)一定義的顏色為主色調(diào)。
我的
我的頁面,對已獲得的各科目進高勛章做外露展示,五類學(xué)科,每科分三個等級,因此按照等級從低到高做了三個基礎(chǔ)輪廓,再結(jié)合每科目被定義的顏色即可完成徽章部分的設(shè)計。
個人主頁的頭圖設(shè)計結(jié)合小程序教育學(xué)習(xí)的特性,繪制了書架背景,營造學(xué)習(xí)氛圍感。