arrow_back 返回看板列表
monetization_on懸賞金幣:25
互動設計系未解決2026-06-13 03:30
使用者介面設計：手機 App 卡片元件的黃金比例與人體工學？
person提問學生: 互動設計萌新
大家好，最近在設計一個校園課業 App 的資訊卡片。
我的卡片寬度固定為螢幕寬度的 90%，但高度一直拿捏不定。
請教大家：
1. 介面設計中，卡片的寬高比有沒有比較推崇的「黃金比例」？
2. 從人體工學角度來看，卡片上的點擊目標（如收藏按鈕）最小應該設計為多少像素（px）以方便大拇指點擊？
我的卡片寬度固定為螢幕寬度的 90%，但高度一直拿捏不定。
請教大家：
1. 介面設計中，卡片的寬高比有沒有比較推崇的「黃金比例」？
2. 從人體工學角度來看，卡片上的點擊目標（如收藏按鈕）最小應該設計為多少像素（px）以方便大拇指點擊？
#UI設計#人機互動#美學比例
account_tree 留言樹狀結構
點擊節點可跳至對應留言。
forum 學霸解答與留言回覆
edit_square 撰寫您的解答 / 回覆
登入 後即可發表解答。
1. **黃金比例 (Golden Ratio)**：通常我們可以使用 1:1.618 的比例。例如寬度為 340px，高度大約可以設為 210px。或者也可以採用常見的銀比（1:1.414）或經典的 4:3 比例。
2. **點擊目標大小**：根據 Google Material Design 與 Apple iOS 設計規範，為了適應成人手指觸控，**最小點擊區域應為 48dp x 48dp (或 44px x 44px)**。即使按鈕視覺上只有 24px，其周圍也應保留足夠的 padding，以避免使用者點擊失敗或誤觸。