UX Design 用户体验设计最佳实践、UI界面交互

综述

App

通用：
  “关于”信息使用率较低，故首选放置在“设置”的“帮助”中。

Web

通用：
  “关于”信息习惯性上放置在网页底部，相比App而言页面空间大一些。
  CSS实现饼状图 - https://ithelp.ithome.com.tw/articles/10365072
    var data="""
      <style>
        #pie { // 饼状图
          width: 200px;
          height: 200px;
          border-radius: 50%;
          background: conic-gradient(from 0turn at center, rgb(115 164 223) 0.25turn, rgb(238 238 238) 0);
        }
        body { // 居中
          display: flex;
          justify-content: center;
          align-items: center;
        }
      </style>
      <div id="pie"></div>
      """;
    // 注意 - 若想用 Data URI scheme 的 loadData 则必须将 #123abc 换为 rgb(238 238 238) 写法，否则必须转义 # 井号。
    webview.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); // 使用 loadDataWithBaseURL 时应禁止缓存，否则清缓存后变空白页。
    webview.loadDataWithBaseURL(null, data, "text/html", "UTF-8", null);

其他