基本介紹

「科普一傳十」是一個教育媒體學習平台,利用新科技推廣華人科學教育和學習培養。

這次的任務是爲科普一傳十設計一個教育直播學習平台,期望透過平台上傳播的高品質的科學節目,紀錄華人頂尖科學家的研究成果,以及播放與時代議題相關的重要科學知識內容,創造嶄新的學習體驗和知識影響力。

* 科普一傳十|版權所有。

設計概念

在這個以科普為主軸的教育媒體平台上,我們希望能創造出充滿好奇、活力的感覺,讓這個平台把更多的科普知識傳播出去。

在整個平台上,包含了主要面對學生們的前端APP,以及網站,當然也包含了功能複雜的控制後台。

1|直播影片的放送
影片可以展開,可以收合讓app有更大的利用空間,當然也能全螢幕呈現。

2|知識
知識單元的提示與推送,會像雲一朵朵的從下面冒出來喔,按下後就會開啟外部連結顯示網頁囉~

3|提問
由於App與後端有很好的設計串連,所以當同學們在直播中遇到問題時,可以在App中直接提問喔,營運團隊就能能依據需要使用文字、圖文或影片回答同學們喔。

4|聊聊
因為直播上課中的節目,是同步對台灣乃至於東南亞上百所學校同步放送,所以同學們也可以在APP中的聊聊功能中,一起加入並參與聊天、發言喔。

色彩計劃

標準色為洛黃色與白色的搭配

除了黃色與白色,在App的畫面設計上,也運用了大面積的天空藍與標準色的或黃色搭配,期望營造出對比、活潑的感覺。

除了顏色上的選擇,許多可愛的插畫,也讓App顯得活力無限。

R253 G187 B31

#e3e3e3

R86 G200 B234

#ee9e9e

R221 G221 B221

#e60012

R45 G70 B100

#2D4664

手機APP版本

APP的效能與使用經驗,都比網站強,所以APP版本的功能在設計上,相較於官網是最完整、強大的。

從整體的設計概念,到UI / UX的設計,友善度、精緻度、玩樂感...等,每個細節都不能放過。

直覺性的設計是我們很重視的部分,通常第一次使用這個APP的人,不太需要花時間學習,把玩一下很快就可以上手了。

針對手機的使用習慣,以直式畫面進行操作,讓單手也能順暢操作,不用吃力的兩手拿著手機。

* 科普一傳十|版權所有。

桌機版網站

用最佳的RWD響應式網站,迎接使用桌上型電腦同學們的到來

當使用桌上型電腦或筆記型電腦的同學們造訪官方網站時,使用RWD響應式網頁(Responsive Web Design) 的官網,將用最佳的顯示與配置迎接同學們的到來。

桌機版網站包含首頁門戶的設計,讓使用者可以輕鬆找到要觀賞的內容與介紹,雖然提問與聊聊,需要需要進入App版本才能使用,但在桌機版還是可以看到直播、知識推送、提問推送喔。

使用HTML5相關技術,讓瀏覽網站時,內容展示與畫面設計都能同步提升。

支援PC / Mac桌上型電腦、筆記型電腦,Chrome、Safari、Firefox之瀏覽器。

* 科普一傳十|版權所有。

造訪科普一傳十官方網站 與我們聯繫

相關案例

相關案例

全景相機APP
設計思考

相關案例

日藥本舖
官方電商 APP

上一個案例 下一個案例
zh_TWTW