guide:ui-design
UI 設計稿指南
狀態
- 空狀態 (什麼都沒有時)
- 一個狀態 (單一內容時)
- 極限狀態 (999+，或畫面可以顯示的最多)
- 理想狀態 (發揮產品全力時)
- 載入狀態
- 成功狀態
- 失敗/錯誤狀態
只要能被觸發的都該考慮以上狀態
Ref
RWD
通常設計師會設計三至四種尺寸：
- 手機
- 平板（直式）
- 筆電
- 寬螢幕
作為一個實作者，應要與設計師討論的是兩個尺寸之間應如何延伸， 可能會是「頁面兩側留空」也可能是「Container 的部分隨寬度延伸」
CSS breakpoint 的設置，可參考 此篇文章
給新手的七個建議
- 光線來自天空
- 黑白優先
- 增加空白空間
- 學會在圖片上呈現文字
- 做好強調和淡化
- 只用好的字體
- 善於借鑒優秀的作品
Ref
guide/ui-design.txt · 上一次變更: 2022/09/08 07:34 由 admin_wi1d5ky