WeChat ミニプログラム設計仕様書 (5) ビジュアル仕様書
5. ビジュアル仕様
デザイナーのデザインを容易にするために、WeChat は、開発者が呼び出すのに便利な Web デザイン用の基本的なコントロール ライブラリのセットを提供します。
プレビューアドレス: https://weui.io
1.フォント仕様
一般的なフォントサイズは20、18、17、16、14、13、11(pt)です。使用シナリオは次のとおりです。 :
WeChat フォントの使用は、実行中のシステム フォントと一致しています。ナビゲーションを例に挙げると、iOS と Android の対応するフォントは次のとおりです。
ナビゲーション (iOS および Android)
フォントの色
メインコンテンツは黒、二次コンテンツはグレー、メインコンテンツである説明コンテンツの大部分はセミブラックです。
青はリンクの色、緑はテキストの色を完成させるために使用される色です。押すと無効になると、透明度がそれぞれ 20% と 10% に下がります
リスト外のボタンの標準テキスト
ボタンの高さが 44px の場合に使用: カラー #000000 / #353535 フォント サイズ 18pt
クリック可能な状態でテキストの透明度を60%に調整
クリックできない状態で下のテキストの透明度を30%に調整- リスト外のボタンのテキストは標準です
ボタンの高さが 25px の場合に使用します: color #000000 / #353535 フォント サイズ 14pt
ページ線形ボタンの標準テキスト
ボタンの高さが 35px の場合に使用します: color #09BB07 / #353535 フォント サイズ 16pt
5. アイコン使用原則
