幹誌 {flog} 藝術人文創意誌 logo
Search
  • 創意設計

    Random

    • 聰明的充電裝置 荷蘭機場讓旅客邊踩單車邊充電

    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

    • 高速攝影下的冬奧滑冰選手臉部表情瞬間 真的是太壞了

    Recent

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

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

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

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

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

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

  • 生活家居

    Random

    • 用防彈玻璃做成的餐桌在戰爭中也能安心吃飯

    Recent

    • Nuna Popsicles 世上最美味的冰棒

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

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

    • 室內設計
    • 建築設計
  • 其他文章分類
    • 驚為天人
    • 數位文化
    • 音樂賞析
    • 電影賞析
    • 展覽活動
    • 社會議題
    • 精選轉載
Breaking
  • 福祿猴太醜?台灣網友臉書惡搞創意爆棚(精選惡搞)
  • 迷城:你的命值多少錢?
  • 【影片】瑪麗蓮:新時代女性覺醒,努力工作外更要愛自己!
  • 屍憶:越想忘記的記的越清楚
  • 當柯文哲唱起〈島嶼天光〉:我的三月記憶
  • 【DIY】針孔相機完全自製指南(針孔相機 DIY)
  • 關於幹誌
  • 加入寫手
  • 合作專欄作家與媒體
  • 創意設計
    • 雕刻藝術
    • 插畫設計
    • 工業設計
    • 平面設計
    • 網頁設計
  • 創意廣告
  • 攝影創作
  • 創新服務
  • 惡搞有趣
  • 生活家居
    • 室內設計
    • 建築設計
  • 其他文章分類
    • 驚為天人
    • 數位文化
    • 音樂賞析
    • 電影賞析
    • 展覽活動
    • 社會議題
    • 精選轉載
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 授權使用

分享此文:

  • 分享到 Twitter(在新視窗中開啟)
  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 按一下以分享到 Google+(在新視窗中開啟)

請按讚:

喜歡 載入中...

相關

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

本文著作權由 幹誌 及作者 克里斯葛格 共同擁有(商業登記公司網站請勿任意轉載)
本著作在非商業使用條件下係採創用 CC「姓名標示-非商業性-禁止改做 3.0 台灣版」授權條款釋出。
分享到:
Tweet
神明壞壞,但是心誠則靈!史上最有梗的籤詩
匈牙利正妹歌手創意 MV:一邊唱歌,一邊 Photoshop 化妝?!

About The Author

克里斯葛格
主編

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

支持作者

喜歡這篇文章請給作者一個讚

Related Posts

  • 未來互動式行人號誌趨勢 如果機器像人一樣會思考有情緒?

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

 加入幹誌!
  • Facebook 留言
  • Disqus 留言
  • Google+ 留言

本週選書



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

最新文章

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

  • 迷城:你的命值多少錢?

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

  • 屍憶:越想忘記的記的越清楚

  • 當柯文哲唱起〈島嶼天光〉:我的三月記憶

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

  • Nuna Popsicles 世上最美味的冰棒


另外我們也有 Google+專頁哦

加入我們

其他人在看

  • 25 個在《Fight Club》電影中你不知道的小秘密 25 個在《Fight Club》電影中你不知道的小秘密
  • 亞洲最有影響力的 30 位攝影師 你可以不記得他的名但不能不認識他們的作品 亞洲最有影響力的 30 位攝影師 你可以不記得他的名但不能不認識他們的作品
  • 想要當設計師嗎?非本科系別的你也可以! - 門外漢成為設計師的六個步驟 想要當設計師嗎?非本科系別的你也可以! – 門外漢成為設計師的六個步驟
  • 【免費中文字型】造字工房 16 種中文字體永久免費下載 【免費中文字型】造字工房 16 種中文字體永久免費下載
  • 真實上演「愛愛上雲端」?Kate Upton 和 Jennifer Lawrence 不雅照網路流竄 真實上演「愛愛上雲端」?Kate Upton 和 Jennifer Lawrence 不雅照網路流竄

訂閱最新文章

輸入您的電子郵件:


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

幹誌粉絲頁

rss

熱門文章

  • 25 個在《Fight Club》電影中你不知道的小秘密
    25 個在《Fight Club》電影中你不知道的小秘密
  • 想要當設計師嗎?非本科系別的你也可以! - 門外漢成為設計師的六個步驟
    想要當設計師嗎?非本科系別的你也可以! - 門外漢成為設計師的六個步驟
  • 亞洲最有影響力的 30 位攝影師 你可以不記得他的名但不能不認識他們的作品
    亞洲最有影響力的 30 位攝影師 你可以不記得他的名但不能不認識他們的作品
  • 不要再把《露西》當成科幻動作爽片了 它絕對是貨真價實的哲學電影
    不要再把《露西》當成科幻動作爽片了 它絕對是貨真價實的哲學電影
  • 【免費中文字型】造字工房 16 種中文字體永久免費下載
    【免費中文字型】造字工房 16 種中文字體永久免費下載
  • 用科技讓遠距離戀情更親密:LovePalz 兩性情趣用品體感技術大躍進
    用科技讓遠距離戀情更親密:LovePalz 兩性情趣用品體感技術大躍進
  • 露西從「我」到五蘊皆空的成道之路 談盧貝松電影中的佛理
    露西從「我」到五蘊皆空的成道之路 談盧貝松電影中的佛理
  • MagicPlan: 用 iPhone 輕鬆繪製自家平面圖
    MagicPlan: 用 iPhone 輕鬆繪製自家平面圖

搜尋創意

  • 關於幹誌
  • 加入寫手
  • 合作專欄作家與媒體
%d 位部落客按了讚: