使用者工具

網站工具


guide:ui-design

**這是本文件的舊版!**

UI 設計稿指南

狀態

  1. 空狀態 (什麼都沒有時)
  2. 一個狀態 (單一內容時)
  3. 極限狀態 (999+,或畫面可以顯示的最多)
  4. 理想狀態 (發揮產品全力時)
  5. 載入狀態
  6. 成功狀態
  7. 失敗/錯誤狀態

只要能被觸發的都該考慮以上狀態

Ref

RWD

通常設計師會設計三至四種尺寸:

  • 手機
  • 平板(直式)
  • 筆電
  • 寬螢幕

作為一個實作者,應要與設計師討論的是兩個尺寸之間應如何延伸, 可能會是「頁面兩側留空」也可能是「Container 的部分隨寬度延伸」


給新手的七個建議

  1. 光線來自天空
  2. 黑白優先
  3. 增加空白空間
  4. 學會在圖片上呈現文字
  5. 做好強調和淡化
  6. 只用好的字體
guide/ui-design.1656046423.txt.gz · 上一次變更: 2022/06/24 04:53 由 admin_wi1d5ky

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki