次のステップを見つけやすくする
使いやすいインターフェースは、細部すべての注意を引こうとすることなく、次に行う操作を伝えます。まずコンテンツ全体を用意し、テーマを変えてもその階層が保たれるか確認しましょう。
- ライト・ダークどちらの表示でも、見出しを明確に保ちます。
- 関連情報をまとめるには、補助的な背景レイヤーを使います。
- 重要な状態は、色だけに頼らずテキストでも示します。
この読書カードは保存されていません。
スケルトン／テーマ確認用の読書デスク
同じコンテンツを3つのテーマで表示。
Skeleton 5.0.1の実際の配色、背景の組み合わせ、ネイティブなCSSコンポーネントを確認しながら、読書カード全体を表示できます。
Skeletonの実際のTailwind CSSユーティリティと、同梱されている3つのテーマを使用しています。ページのロジックはオリジナルのプレーンなJavaScriptで実装しており、Skeleton SvelteやReactコンポーネントのランタイムは読み込んでいません。保存内容はこのページだけに反映され、外部には送信されません。