沐錦手機版浮動 icons 四方案示意

電腦版維持現狀,以下僅為手機版調整方向

15:475G ●
M
MUJIN
沐錦空間設計
回歸純粹,
讓空間回到最適合人的樣子
MUJIN STUDIO
預約諮詢
方案 A:底部橫條 推薦

貼底部如 App tab bar,5 顆橫排。
Hero 不被遮、拇指好按、業界標準做法。

15:475G ●
M
MUJIN
沐錦空間設計
回歸純粹,
讓空間回到最適合人的樣子
MUJIN STUDIO
預約諮詢
方案 B:右側精簡 2 顆 最快

只留電話 + LINE 兩個主轉換按鈕。
FB / IG / 預約 收進 header 選單。

15:475G ●
M
MUJIN
沐錦空間設計
回歸純粹,
讓空間回到最適合人的樣子
MUJIN STUDIO
預約諮詢
方案 C:可收合 FAB 時尚

預設只露 1 顆主按鈕,點開才展開。
最不擋畫面但聯絡多一步阻力。

15:475G ●
M
MUJIN
沐錦空間設計
回歸純粹,
讓空間回到最適合人的樣子
MUJIN STUDIO
預約諮詢
方案 D:縮小 + 半透明 保守

位置不動,icon 從 48 → 34px,整體 80% 不透明。
最小幅修改,問題減輕但沒根治。

四方案速覽

面向 A 底部橫條 B 精簡 2 顆 C 可收合 D 縮小透明
遮 Hero 程度 不遮 幾乎不遮 不遮 仍會遮
聯絡便利度 1 點 1 點 2 點 1 點
改動工時 30 分鐘 10 分鐘 1 小時 10 分鐘
業界常見度 ★★★★★ ★★★★ ★★★ ★★
適合場景 電商 / 服務業 高轉換導向 極簡品牌 過渡折衷