01

D-School 臺大創新設計學院:

https://dschool.ntu.edu.tw/course

課程頁
課程頁

選單
選單

這是臺大創新設計學院的網站,以大量簡單幾何圖形,再搭配大量良好設計的文字權重,突顯重點及內文。

選單的部份是點下後才出現,點擊後消失,不佔用螢幕空間。

02

NCKU Hub

https://nckuhub.com/

資訊頁
資訊頁

這是成大課程資訊網,因為資料量大,在一開始的時候有做載入動畫,以免使用者久等。

雖然是個有大量資訊的網站,但每一個資訊都有清楚的結構、顏色。按鈕的 hover 雖然不是很明顯,但基本上都有起到作用。

03

HowsWeather

https://www.howsweather.today/

HowsWeather
HowsWeather

一樣也是一個有大量資訊的網站,但是善用字體的排版、大小,可以適當的劃分重點。使得畫面不會過於雜亂。

04

Savebox - 記帳也可以很簡單

https://www.savebox.tw/

Savebox
Savebox

大量運用簡潔的 icon ,幫助表達意思。一開始在畫面就可以看到大大的手機模擬圖,讓使用者很快就可以知道實際使用畫面。

05

2018 成大單車節

https://davinlin.github.io/showcase/ghost

2018 成大單車節
2018 成大單車節

利用手繪風格的插畫,讓整個網頁有清新的風格。也善加利用左右讓多個學院分開,不讓空間擁擠。

時間表
時間表

卡片的利用讓各個項目獨立開來,讓整個時間表更加清晰。