iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0
Modern Web

30天UIUX自學之路系列 第 21

Day21 Home monitoring Dashboard介面製作

  • 分享至 

  • xImage
  •  

今天的Daily UI題目為 Home monitoring Dashboard,是關於智慧家電的題目,在幾年前開始流行物聯網(IOT)的相關產品,智慧家電讓我們能夠使用手機APP遠端操控,像是遠端的監視器,即使不在家中也可以透過監視器察看家中的老人、寵物,甚至可以透過APP呼叫他們,我們也能夠透過手機操控冷氣、燈、掃地機器人、洗衣機,智慧家電牽涉的範圍愈來愈多了。

使用智慧家電的設定,若能使用圖像化的方式,快速從眾多家電中選到自己要設定的,並且有效率的達成任務(調整溫度、開關),就是這次Daily UI要練習的重點,於是我將使用條列式的方式做設計,那我們開始實作吧!


介面元素包含了:

  1. 基本的menu、設定、返回等按鈕
  2. 控制與新增智慧家電的按鈕
  3. 模式的切換(夜間模式、平日模式、自訂模式等等)

今日成果:
https://ithelp.ithome.com.tw/upload/images/20221007/20151451dODKN9obGR.jpg

日後可以再補做調整冷氣的介面,包含溫度、定時、開關等按鈕的設計。

今日心得:

一步一腳印,今天聽了許多講座,有時在家悶著學習就該多出去闖闖,看看外界在做什麼,或者是做一些平常有興趣的事情,這些事就像是活水一般灌入腦袋,也藉此讓自己對於UI/UX的學習之路有更廣的想法,看得更遠了(眺望)。


上一篇
Day20 今天來做Location Tracker
下一篇
Day22 開往系統性思維的道路吧!
系列文
30天UIUX自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言