國外有許多設計師會手癢重新設計(Redesign)知名品牌的 Logo / icon 或網站介面,並且將自己的想法分享到網路上(像之前的 iOS 7 就是一例),這次台灣前端設計師 Taylor Hu 針對中央氣象局的官方網站及 Logo 提出重新設計的概念稿,讓許多網友大為驚豔!
Tylor 花了一個晚上(六個小時)重新打造 Logo 與網站介面來當做練習,因為中央氣象局的網站有大量的資料,所以覺得非常適合練習層級的安排、視覺動線和減法設計。
Logo 改造前後
Logo 看起來簡單,但小小一個圖案卻又涵括了一整個識別系統的調性,真要說起來是很花時間的(請參考《再也不要讓設計師朋友「抽空」幫你設計一個「簡單的」logo 了》這篇讓許多設計師心有戚戚焉的文章)。Tylor 花了大概三分之一的時間(兩小時)設計這個新 Logo,從這裡開始把調性訂下來,接著的設計就會有一個風格的依循。
改造後的中央氣象局網站
原來的中央氣象局網站塞了太多不必要的東西,Tylor 將多數對民眾無意義的資訊拿掉,只留下溫度、下雨機率與日期的重點,並利用最夯的扁平風格設計來讓資訊變成主角。
並且利用 HTML5 API 的功能,抓到使用者的地點資訊,自動呈現讀者的所在地天氣資訊,背景也改為動態的方式呈現,讓讀者對當前的天氣一目瞭然!
Tylor 將設計概念稿分享到網路上後,馬上被許多媒體報導與轉載,「高手在民間阿~~~~」「第一次覺得政府網站也能這麼漂亮」許多網友表示讚賞,並且也有其他利用 Open Data 製作的致敬作品紛紛在網路上釋出,像網友 Ian Wang & Dca Hsu 做的這個版本,以及紅色死神和 fripig 的這個版本。
2/20 Tylor 和朋友合作的天氣網站終於釋出了
以上圖片經設計作者 Tylor Hu 授權使用