WMの写本

本頁是唯讀的，您可以看到原始碼，但不能更動它。您如果覺得它不應被鎖上，請詢問管理員。
======設計美學======
  * [[design:Color]]
  * [[http://www.underconsideration.com/fpo/|For Print Only]]
  * [[http://goodui.org/|GoodUI]]
  * [[http://sachagreif.com/flat-pixels/|Flat Pixels: The Battle Between Flat Design And Skeuomorphism]]
  * [[http://ignorethecode.net/blog/2014/11/11/horror_vacui/|Horror Vacui]]
  * [[http://shouldiuseacarousel.com/|Should I Use A Carousel?]]
  * [[http://method.ac/|Method of Action]]
  * [[http://os-furnitures.tumblr.com/|Open Source Furnitures Project]]
  * [[http://sebastien-gabriel.com/designers-guide-to-dpi/|Designer's guide to DPI]]
  * [[http://designschool.canva.com/|Canva Design School]]
  * [[https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda|7 Rules for Creating Gorgeous UI]]
  * [[http://www.lightningdesignsystem.com/|Lightning Design System]]
  * [[https://medium.com/dropbox-design/design-for-internationalization-24c12ea6b38f|Design for internationalization]]
  * [[https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/|Why and How to Avoid Hamburger Menus]]
=====Guide=====
  * [[http://guidelinecolour.com/|Guideline Colour]]
  * [[http://sfdc-styleguide.herokuapp.com/|Product Style Guide, Visual guidelines for Salesforce1]]
  * [[http://www.yelp.com/styleguide|Yelp Styleguide]]
  * [[https://www.thinkwithgoogle.com/topics/designing-for-mobile-micro-moments.html|Designing for Mobile Micro-Moments]]
  * [[http://backpack.prod.aws.skyscnr.com/|Backpack]]
  * [[https://polaris.shopify.com/|Shopify Polaris]]
  * [[https://design-system.service.gov.uk|GOV.UK Design System]]
  * [[https://stackoverflow.design/|Stacks]]
  * [[https://www.patternfly.org/|PatternFly]]
=====Typography=====
  * [[http://phraseologyproject.com/|The Phraseology Project]]
  * [[http://www.shadycharacters.co.uk/|Shady Characters]]
  * [[http://www.typogui.de/|A Pocket Guide to Master Every Day’s Typographic Adventures]]
  * Five simple steps to better typography
    * [[http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography|Measure the measure]]
    * [[http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2|Hanging punctuation]]
    * [[http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-3|Ligatures]]
    * [[http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-4|Typographic Hierarchy - size]]
    * [[http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-5|Typographic Hierarchy - weight]]
  * [[http://hellohappy.org/beautiful-web-type/|Beautiful Web Type]]
  * [[http://type-scale.com/|Type Scale]]
  * [[http://www.gridlover.net/|Gridlover]]
  * [[https://betterwebtype.com/triangle|The Equilateral Triangle of a Perfect Paragraph]]
  * [[https://refactoringui.com/previews/line-height-is-proportional/|Line-height is proportional]]
====Font====
  * [[https://tiff.herokuapp.com/|Tiff]]
  * [[http://www.comicsanscriminal.com/|Comic Sans Criminal]]
  * [[http://typequest.org/|Type Quest]]
=====Graphic=====
  * [[http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077|Google Visual Assets Guidelines]]
  * [[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=====
  * [[http://labs.jensimmons.com/|Layout Demos by Jen Simmons]]
  * [[https://medium.com/@lukejonesme/optical-adjustment-b55492a1165c|Optical Adjustment]]
  * [[http://styletil.es/|Style Tiles]]
  * [[http://bradfrostweb.com/blog/post/atomic-web-design/|Atomic Design]]
  * [[http://www.flickr.com/photos/aarronwalter/5579386649/|MailChimp Design Patterns]]
  * [[https://marinaaisa.com/blog/design-and-code-skeletons-screens/|Design and code responsive Skeleton Screens]]
=====Accessibility=====
  * [[http://www.uiaccess.com/accessucd/|Just Ask: Integrating Accessibility Throughout Design]]
=====資源=====
  * [[http://www.thefunctionalart.com/|The Functional Art]]
  * [[http://www.siteinspire.com/|siteInspire]]
  * [[https://hackdesign.org/|Hack Design]]
  * [[http://facebook.github.io/design/|Facebook Design Resources]]
  * [[http://findguidelin.es/|FindGuidelin.es]]
  * [[http://designguidelines.co/|Design Guidelines]]
=====教學=====
  * [[https://refactoringui.com/|Refactoring UI]]
    * [[https://refactoringui.com/previews/labels-are-a-last-resort/|Labels are a last resort]]
  * [[https://www.invisionapp.com/inside-design/naming-conventions/|Best practices for design system naming conventions]]
====書籍====
  * [[https://www.designbetter.co/design-systems-handbook|Design Systems Handbook]]
=====工具=====
  * [[http://designinstruct.com/free-resources/vectors/freebie-vintage-infographic-design-kit/|Vintage Infographic Design Kit]]
  * [[https://pixelbuddha.net/ui-tiles/|UI Tiles]]
  * [[https://zeplin.io/|Zeplin]]
  * [[http://www.gomoodboard.com/|Moodboard]]
  * [[https://www.milanote.com/|Milanote]]
  * [[https://github.com/akiraux/Akira|Akira]] (Linux)
====Spec====
  * [[https://storybook.js.org|Storybook]]
    * [[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://frontify.com/styleguide|Frontify]]
  * [[https://zeroheight.com/|zeroheight]]
====Flow====
  * [[https://overflow.io/|Overflow]]
====UI====
  * [[https://tabler.io/|Tabler Admin Template]] (Bootstrap)
  * [[http://designmodo.github.io/Flat-UI/|Flat UI]]
====Prototype====
  * [[https://marvelapp.com/|Marvel]]
  * [[http://www.invisionapp.com/|Invision]]
  * [[https://www.figma.com/|Figma]]
  * [[https://penpot.app/|Penpot]]
====Interactive====
  * [[http://origami.design/|Origami Studio]]
  * [[http://www.framer.com/|Framer]]
    * [[http://prototyp.in/|Prototyp]]
  * [[https://www.designcamera.app|Design Camera]]
  * [[http://material.cmiscm.com/|Material Interaction]]
  * [[http://ixdchecklist.com/|Interactive Design Checklist]]