方向
card-minimal|極簡卡片:整頁零邊框、零卡片外框,層次全部交給留白、字級與字重(Notion 風)。
最大問題
現況把「框」當成分組工具 —— 有成績單 → 存股 → 高股息 三層巢狀邊框,讓一張卡看起來被關了三次;又因為每個框都要撐滿寬,一組只有一張卡時右邊 2/3 全空,chip 還被框寬切斷。視覺重量完全來自框線,而不是內容本身。
解法
① 拆掉全部容器框,分組只留一行 小字級距標籤;卡片是可 hover 的留白區塊,一張卡也不會顯得空。② 卡內用字重階梯:名稱 650 / 檔數 25px / 說明與名單 12.5px 弱色,一眼就知道看哪。③ 4 欄流式排列,chip 改成對齊的迷你列,永不截斷。④ 標題四行壓成一行 meta;「沒分數不代表不好」那句移到「只看今日名單」區塊自己的副標,變成該區的定義而不是全站道歉。
兩套顏色
價格上漲
價格下跌
(台股紅漲綠跌,高彩度、一律帶 ▲▼)
·
績效獲利
績效虧損
(低彩度、只出現在展開後的指標區、一律帶標籤、不帶箭頭)