使用者工具

網站工具


guide:ui-design

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

兩邊的前次修訂版前次修改
下次修改
前次修改
guide:ui-design [2022/06/24 04:53] – [Ref] admin_wi1d5kyguide:ui-design [2022/09/08 07:34] (目前版本) – [RWD] admin_wi1d5ky
行 19: 行 19:
  
 --- ---
- 
 ## RWD ## RWD
  
行 31: 行 30:
 作為一個實作者,應要與設計師討論的是兩個尺寸之間應如何延伸, 作為一個實作者,應要與設計師討論的是兩個尺寸之間應如何延伸,
 可能會是「頁面兩側留空」也可能是「Container 的部分隨寬度延伸」 可能會是「頁面兩側留空」也可能是「Container 的部分隨寬度延伸」
 +
 +
 +CSS breakpoint 的設置,可參考 [此篇文章](https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862)
 +
 +---
  
 --- ---
行 43: 行 47:
 6. 只用好的字體 6. 只用好的字體
 7. 善於借鑒優秀的作品 7. 善於借鑒優秀的作品
 +
 +
 ### Ref ### Ref
  
   - [[https://www.inside.com.tw/article/4147|UX 設計師寫給 UI 新手的 7 個法則(上)]]   - [[https://www.inside.com.tw/article/4147|UX 設計師寫給 UI 新手的 7 個法則(上)]]
   - [[https://www.inside.com.tw/article/4158|UX 設計師寫給 UI 新手的 7 個法則(下)]]   - [[https://www.inside.com.tw/article/4158|UX 設計師寫給 UI 新手的 7 個法則(下)]]
guide/ui-design.1656046423.txt.gz · 上一次變更: 2022/06/24 04:53 由 admin_wi1d5ky

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki