iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

30 天重新設計印度氣象局官網首頁 系列

如題,挑戰 30 天重新設計印度氣象局官網,讓你秒懂 UIUX 內心的 OS
資訊架構 –> 介面設計 –> 視覺設計

參賽天數 20 天 | 共 22 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊血汗攻城屍
DAY 1

序言 - UI/UX 與 網頁設計一路走來

大家好,我是 WEN ,目前在科技公司擔任 UIUX 設計師。這次鐵人賽的目標,是在30天之內來挑戰重新設計「印度氣象局的官網」。 先附上印度氣象局官網連結:h...

2021-09-16 ‧ 由 wentungwen 分享
DAY 2

Day 2 重新設計 - 檢視與分析頁面問題

好的讓我們開始吧! 檢視頁面 首先我們先檢視一次整個頁面,可以發現一些顯而易見的問題,比如說顏色眾多、資訊架構雜亂、一些 Icon 並沒有統一,還有比較嚴重的跑...

2021-09-17 ‧ 由 wentungwen 分享
DAY 3

Day 3 資訊結構與階層分析-(topbar + navbar)

做設計並不是一開始就開幹,真正開始著手規劃之前,會先大規模的了解並且並且收集資訊去做比較,等到對於整個狀況有全盤的了解之後,才能著手進行資訊架構的部分,我猜這個...

2021-09-18 ‧ 由 wentungwen 分享
DAY 4

Day 4 資訊結構與階層分析- (main content + footer)

延續上回~~ 四、再往底下看是主要的Main Content,也就是對於使用者來說目光會停留最久的區塊。 主要放置印度整體氣象地圖,與各地的即時氣溫、雨量、日升...

2021-09-19 ‧ 由 wentungwen 分享
DAY 5

Day 5 他國氣象局網站分析(加、日、台)

接下來我會看看相關網頁是如何設計的,這裡參考了約 10 個國家的氣象局官網,但囿於內容篇幅,僅簡單列出(加、日、台)三個國家,並條列注重的點。 加拿大 加拿大的...

2021-09-20 ‧ 由 wentungwen 分享
DAY 6

Day 6 一樣的風格,不一樣的體驗 - 澳洲跟印度 氣象局官網分析

看完了印度整體的網頁規劃,這個時候我會做一點競品分析,不免俗的先去看看其他人怎麼做這個產品,畢竟踩在巨人肩上總看得更遠。 先來看一下澳洲如何運用跟印度一樣版面的...

2021-09-21 ‧ 由 wentungwen 分享
DAY 7

Day 7 重新設計資訊架構 (IA面)

兩天前剛接了一個大案,剛好又忙鐵人賽,真是整死人... 可能字也有點懶的打,大家看圖吧嗚嗚嗚 忘記補充一下,這次 redesign 主要所改變的階層,主要為...

2021-09-22 ‧ 由 wentungwen 分享
DAY 8

Day 8 紙上原型 dirty prototype

最近實在是有點折磨,剛把民航局的案子吿一個段落,最近接到一個大案子,每天要騰個一小時來處理;晚上 IELTS 口說不小心人數約到爆滿,現在鐵人賽只能用午休半小時...

2021-09-23 ‧ 由 wentungwen 分享
DAY 9

Day 9 Prototype 製作 - 資訊配置與確認 (Adobe XD)

縱覽 接下來,要使用軟體將之前畫的紙上原型實現成簡單線稿,可能會花個三天慢慢做。 prototype 軟體其實蠻多的,像是sketch/ figma,我會選擇...

2021-09-24 ‧ 由 wentungwen 分享
DAY 10

Day 10 Prototype 製作 - 版面、字體、間距、圖示設定小技巧分享

今天用這個陽春的版面來介紹版面、字體、圖示還有間距的設定。剛剛跟接案的客戶談完流程,也收了頭款,大家敲碗的話也可以來分享一下接案。 版面 layout 雖然我第...

2021-09-25 ‧ 由 wentungwen 分享