案例

Starmoss:觀星夥伴 iOS UI 概念(Tonight / Sky / Target)

原創高保真 iOS UI 概念,獻給觀星愛好者:今晚觀測預報、簡潔星圖、目標詳情三個畫面。虛構品牌,資料均為 DEMO,不是真實 App。

  • 4 張圖片

圖片署名:Tink

Starmoss 是一款原創高保真 iOS UI 概念,為喜歡抬頭看星空的人設計。三個畫面分別回答三個問題:今晚值不值得出門,該往哪裡看,能看到什麼。

三個畫面

Tonight(今晚)。 大號襯線標題先定下氛圍,接著是彙整觀測條件的星空評分儀表,旁邊列出雲量、月落時間和風速。下方的暗夜時段條涵蓋 18:00 到 06:00,標出最佳觀測窗口和月落時刻。最後是今晚推薦目標的橫向卡片。

Sky(星圖)。 圓形天穹上有風格化的星座連線、柔和的銀河光帶,以及鎖定仙女座星系的準星。玻璃質感的底部面板列出關鍵資訊和高度曲線,一眼就能看出目標何時升到最高。

Target(目標)。 土星以 CSS 與 SVG 繪製,帶前後分層的光環。下方是升起、最高、落下三個時間,一個可切換器材的模擬目鏡視圖,推薦搭配觀測的目標,以及唯一的主要操作:加入今晚的計畫。

視覺系統

  • 墨藍底色搭配半透明玻璃卡片
  • 只用一種柔和的苔綠色標示選取狀態和主要按鈕,琥珀色只留給月亮和行星
  • Instrument Serif 襯線標題,介面文字與時間使用 Geist 和 Geist Mono
  • 懸浮圓角底欄,目前分頁顯示為填色膠囊

說明

Starmoss 是虛構品牌。所有時間、評分和地點資訊均為示範用 DEMO 資料。星座連線為風格化繪製,目鏡畫面是模擬效果,不是實拍照片。這是一份靜態設計作品,不是可運作的 App 或天文工具。所有圖形均以程式碼繪製,未使用照片或第三方標誌。