https://clair-design.github.io/static/page.a4200f30.js

1__jsonpResolve(function(){var e={};e.exports=function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");return o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e)),function(){n.removeChild(o)}}};return e.exports={render:function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},components:{},staticRenderFns:[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("article",{staticClass:"markdown-body "},[r("h1",[e._v("核心理念")]),e._v(" "),r("p",[e._v("Clair 的核心设计理念包含「清晰明了」、「高效」和「无障碍」三个方面。")]),e._v(" "),r("h2",{attrs:{id:"qing-xi-ming-liao"}},[r("a",{attrs:{href:"#qing-xi-ming-liao",target:"_blank",rel:"nofollow noopener noreferrer"}}),e._v("清晰明了")]),e._v(" "),r("ul",[r("li",[e._v("提供清晰明了的设计，让用户明白当前有哪些可以进行的操作，以及这些操作带来的结果。")]),e._v(" "),r("li",[e._v("当用户操作时，提供必要的反馈。")]),e._v(" "),r("li",[e._v("使用恰当的动画揭示当前界面上发生的变化，避免界面突兀的改变。")])]),e._v(" "),r("h2",{attrs:{id:"gao-xiao"}},[r("a",{attrs:{href:"#gao-xiao",target:"_blank",rel:"nofollow noopener noreferrer"}}),e._v("高效")]),e._v(" "),r("ul",[r("li",[e._v("快速反馈。当用户操作后，要及时给出反馈。当执行超过 "),r("code",[e._v("500ms")]),e._v(" 的操作时，给出等待状态。")]),e._v(" "),r("li",[e._v("避免过度使用动画而影响效率。一般情况下，过渡性动画不要超过"),r("code",[e._v("300ms")]),e._v("。")]),e._v(" "),r("li",[e._v("支持键盘操作。符合用户习惯的键盘操作往往比鼠标操作更高效。")])]),e._v(" "),r("h2",{attrs:{id:"wu-zhang-ai"}},[r("a",{attrs:{href:"#wu-zhang-ai",target:"_blank",rel:"nofollow noopener noreferrer"}}),e._v("无障碍")]),e._v(" "),r("ul",[r("li",[e._v("尽量遵循 "),r("a",{attrs:{href:"https://www.w3.org/TR/WCAG20/",target:"_blank",rel:"nofollow noopener noreferrer"}},[e._v("WCAG 2.0")]),e._v(" 要求。")]),e._v(" "),r("li",[e._v("使用 "),r("a",{attrs:{href:"https://www.w3.org/TR/wai-aria-1.1/",target:"_blank",rel:"nofollow noopener noreferrer"}},[e._v("WAI-ARIA")]),e._v(" 增强应用的无障碍性。")])])])}],mounted:function(){this.cleanup=null},destroyed:function(){this.cleanup&&this.cleanup()}},e.exports.metaInfo=function(){return{title:"核心理念"}},e.exports.computed={$vars:function(){return{}},$page:function(){var t=this.$route.path;return this.$pages.filter(function(e){return e.path===t})[0]||{}}},e.exports}());