• 創意設計
    • 雕刻藝術
    • 插畫設計
    • 工業設計
    • 平面設計
    • 網頁設計
  • 創意廣告
  • 攝影創作
  • 創新服務
  • 惡搞有趣
  • 生活家居
    • 室內設計
    • 建築設計
  • 其他文章分類
    • 驚為天人
    • 數位文化
    • 音樂賞析
    • 電影賞析
    • 展覽活動
    • 社會議題
    • 精選轉載
Search
幹誌 {flog} 藝術人文創意誌 logo
  • 創意設計
    Random
    • 當咖啡機與鬧鐘結合?The Barisieur 用咖啡香叫醒賴床的你

    Recent
    • PANTONE 公佈 2015 年度代表色:瑪薩拉酒紅(Marsala)

    • 科技完全重組我們腦袋!淺談8種損益面向。| 8 Ways Tech Has Completely Rewired Our Brains

    • 25 個愛貓人士不能錯過的喵星人傢俱

    • 雕刻藝術
    • 插畫設計
    • 工業設計
    • 平面設計
    • 網頁設計
  • 創意廣告
    Random
    • 「惡魔寶寶」街頭嚇路人 電影行銷新怪招

    Recent
    • 【影片】瑪麗蓮:新時代女性覺醒,努力工作外更要愛自己!

    • 加拿大麥當勞推出「Fry Defender」薯條防竊 APP 讓你安心吃薯條

    • 短片「摑她一巴掌」全球網友熱播 童稚男孩真情流露

    • 漸凍人患者自己出來冰桶挑戰 ALS Ice Bucket Challenge  前面還很歡樂後面卻不自主地哭了

    • 日本忍者青春高校女跳樓嬉鬧?!又一部日本無厘頭廣告

    • 賓利汽車最新廣告居然全程用 iPhone 5s 拍攝完成

  • 攝影創作
    Random
    • 世界盃還是世界悲?這些震撼的攝影讓你知道為什麼巴西人討厭世界杯

    Recent
    • 【DIY】針孔相機完全自製指南(針孔相機 DIY)

    • 發展就是硬道理:20 張照片展示中國的污染實況

    • 去年在 Flickr 上最受歡迎的 25 張相片

    • 國家地理攝影比賽 2014 得獎作品賞

    • 【不安慎入】丹麥攝影師 Cathrine Ertmann 影像紀錄:「死亡之後」

    • Max Rive – 站在尖峰上的歐洲冒險家

  • 創新服務
    Random
    • 改變的力量 - 里約貧民窟的色彩計畫

    Recent
    • 英國嬉皮兄弟開麥片復古咖啡廳 120 種麥片任你混搭

    • 比雅虎拍賣還能賣!全球 10 台最令人意想不到的自動販賣機

    • 以手機取代了飯店房卡 更智慧的生活管理

    • 你好,路燈:城市互動新方式 用科技帶動公設人情味

    • 2014 年 14 件令人激賞的群眾募資專案

    • 瑞士聯邦鐵路與星巴克攜手合作:全球第一家火車咖啡店

  • 惡搞有趣
    Random
    • 中國的山寨線上憤怒鳥: Angry Bird on PC?

    Recent
    • 福祿猴太醜?台灣網友臉書惡搞創意爆棚(精選惡搞)

    • 萬聖節快到了,想好怎麼裝扮了嗎? 30 個創意萬聖裝給你參考

    • 漸凍人患者自己出來冰桶挑戰 ALS Ice Bucket Challenge  前面還很歡樂後面卻不自主地哭了

    • 光天化日之下,竟然有人露點?女權主義者設計「乳頭」比基尼!

    • 百萬種仆街的方式 模特兒不惜露底褲為藝術犧牲

    • 邊唱歌邊用按摩棒高潮 荷蘭女子樂團最新單曲「震」出病毒影片

  • 生活家居
    Random
    • 德國會演奏音樂的建築 排水管設計的藝術巧思

    Recent
    • Nuna Popsicles 世上最美味的冰棒

    • PANTONE 公佈 2015 年度代表色:瑪薩拉酒紅(Marsala)

    • 25 個愛貓人士不能錯過的喵星人傢俱

    • 室內設計
    • 建築設計
  • 其他文章分類
    • 驚為天人
    • 數位文化
    • 音樂賞析
    • 電影賞析
    • 展覽活動
    • 社會議題
    • 精選轉載
Breaking
  • 福祿猴太醜?台灣網友臉書惡搞創意爆棚(精選惡搞)
  • 迷城:你的命值多少錢?
  • 【影片】瑪麗蓮:新時代女性覺醒,努力工作外更要愛自己!
  • 屍憶:越想忘記的記的越清楚
  • 關於幹誌
  • 加入寫手
  • 合作專欄作家與媒體
Home
創意設計網頁設計

設計師重新設計中央氣象局網站 網友表示:原來政府網站也能這麼吸睛

國外有許多設計師會手癢重新設計(Redesign)知名品牌的 Logo / icon 或網站介面,並且將自己的想法分享到網路上(像之前的 iOS  7 就是一例),這次台灣前端設計師 Taylor Hu 針對中央氣象局的官方網站及 Logo 提出重新設計的概念稿,讓許多網友大為驚豔!

Tylor 花了一個晚上(六個小時)重新打造 Logo 與網站介面來當做練習,因為中央氣象局的網站有大量的資料,所以覺得非常適合練習層級的安排、視覺動線和減法設計。

cwb-website-revamp-1

 

Logo 改造前後

cwb-website-revamp-2

Logo 看起來簡單,但小小一個圖案卻又涵括了一整個識別系統的調性,真要說起來是很花時間的(請參考《再也不要讓設計師朋友「抽空」幫你設計一個「簡單的」logo 了》這篇讓許多設計師心有戚戚焉的文章)。Tylor 花了大概三分之一的時間(兩小時)設計這個新 Logo,從這裡開始把調性訂下來,接著的設計就會有一個風格的依循。

 

cwb-website-revamp-3

cwb-website-revamp-4

cwb-website-revamp-5

 

改造後的中央氣象局網站

cwb-website-revamp-5

原來的中央氣象局網站塞了太多不必要的東西,Tylor 將多數對民眾無意義的資訊拿掉,只留下溫度、下雨機率與日期的重點,並利用最夯的扁平風格設計來讓資訊變成主角。

並且利用 HTML5 API 的功能,抓到使用者的地點資訊,自動呈現讀者的所在地天氣資訊,背景也改為動態的方式呈現,讓讀者對當前的天氣一目瞭然!

 

cwb-website-revamp-6

 

 

cwb-website-revamp-7

cwb-website-revamp-8

cwb-website-revamp-9

 

Tylor 將設計概念稿分享到網路上後,馬上被許多媒體報導與轉載,「高手在民間阿~~~~」「第一次覺得政府網站也能這麼漂亮」許多網友表示讚賞,並且也有其他利用 Open Data 製作的致敬作品紛紛在網路上釋出,像網友 Ian Wang & Dca Hsu 做的這個版本,以及紅色死神和 fripig 的這個版本。

 

2/20 Tylor 和朋友合作的天氣網站終於釋出了

 

以上圖片經設計作者 Tylor Hu 授權使用

相關

flat designlogo台灣品牌天氣政府網站網頁設計設計師

Share On:
Tweet
神明壞壞,但是心誠則靈!史上最有梗的籤詩
匈牙利正妹歌手創意 MV:一邊唱歌,一邊 Photoshop 化妝?!

About The Author

克里斯葛格
主編

幹誌主編,相信真正的革命是透過非革命性的過程來促成革命性的改變!典型右派皮左派心的偽文青,喜歡武術練過點柔道和太極拳但覺得綜合各家的截拳道才是大成,愛玩破舊底片機勝過 DSLR,學生時期喜歡做奇怪的事,曾經當過牛郎、架過約砲色情網站、跑步環島和拍過紀錄片..

Related Posts

  • 台灣設計師的心酸誰知道

  • 台灣人 2013 年,你過得好嗎? 網友剪輯影片獻給為生活努力的勇敢人們

Leave a Reply Cancel Reply

You must be logged in to post a comment.

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

本週選書



身為職業小說家(限量硬殼精裝版)
購 買

訂閱最新文章

輸入您的電子郵件:


輸入辨識碼後,信箱收信開通才完成訂閱

搜尋創意

  • 關於幹誌
  • 加入寫手
  • 合作專欄作家與媒體