使用者工具

網站工具


design

差異處

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

連向這個比對檢視

兩邊的前次修訂版前次修改
下次修改
前次修改
design [2020/09/08 04:27] – [教學] wmdesign [2024/01/02 05:36] (目前版本) – [UI] wm
行 22: 行 22:
   * [[https://polaris.shopify.com/|Shopify Polaris]]   * [[https://polaris.shopify.com/|Shopify Polaris]]
   * [[https://design-system.service.gov.uk|GOV.UK Design System]]   * [[https://design-system.service.gov.uk|GOV.UK Design System]]
 +  * [[https://stackoverflow.design/|Stacks]]
 +  * [[https://www.patternfly.org/|PatternFly]]
 =====Typography===== =====Typography=====
   * [[http://phraseologyproject.com/|The Phraseology Project]]   * [[http://phraseologyproject.com/|The Phraseology Project]]
行 44: 行 46:
   * [[http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077|Google Visual Assets Guidelines]]   * [[http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077|Google Visual Assets Guidelines]]
   * [[http://sizecalc.com/|Size Calculator]]   * [[http://sizecalc.com/|Size Calculator]]
 +===== Animation =====
 +  * [[https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9|The ultimate guide to proper use of animation in UX]]
 +===== Interaction =====
 +  * [[https://rauno.me/craft/interaction-design|Invisible Details of Interaction Design]]
  
 =====Web===== =====Web=====
行 76: 行 82:
 ====Spec==== ====Spec====
   * [[https://storybook.js.org|Storybook]]   * [[https://storybook.js.org|Storybook]]
-    * [[https://www.learnstorybook.com|Storybook Tutorials]]+    * [[https://storybook.js.org/tutorials/ui-testing-handbook/|UI Testing Handbook]] 
 +    * [[https://storybook.js.org/tutorials/visual-testing-handbook/|Visual Testing Handbook]] 
 +    * [[https://www.chromatic.com/|Chromatic]] 
 +  * [[https://www.ladle.dev/|Ladle]] 
 +  * [[https://vitebook.dev/|Vitebook]]
   * [[https://specfox.com/|Specfox]]   * [[https://specfox.com/|Specfox]]
   * [[https://frontify.com/styleguide|Frontify]]   * [[https://frontify.com/styleguide|Frontify]]
 +  * [[https://zeroheight.com/|zeroheight]]
 ====Flow==== ====Flow====
   * [[https://overflow.io/|Overflow]]   * [[https://overflow.io/|Overflow]]
 ====UI==== ====UI====
-  * [[http://www.99lime.com/uikit/|99Lime UIKIT]]+  * [[https://tabler.io/|Tabler Admin Template]] (Bootstrap)
   * [[http://designmodo.github.io/Flat-UI/|Flat UI]]   * [[http://designmodo.github.io/Flat-UI/|Flat UI]]
 ====Prototype==== ====Prototype====
行 88: 行 99:
   * [[http://www.invisionapp.com/|Invision]]   * [[http://www.invisionapp.com/|Invision]]
   * [[https://www.figma.com/|Figma]]   * [[https://www.figma.com/|Figma]]
 +  * [[https://penpot.app/|Penpot]]
 ====Interactive==== ====Interactive====
   * [[http://origami.design/|Origami Studio]]   * [[http://origami.design/|Origami Studio]]
design.1599539276.txt.gz · 上一次變更: 2020/09/08 04:27 由 wm