OpenDesign One UI に着想を得た独自のウェブ実装例です。表示領域と操作領域、読みやすさの設定、明示的な復帰操作を紹介します。Samsung デバイスを操作したり、ネイティブの One UI コンポーネントを実行したりするものではありません。
読むための余白をつくる
読書設定
ひと息つける場所
すっきりとしたページなら、一つひとつのアイデアがゆったり伝わります。読者が次の行動を判断するために役立つ言葉を残しましょう。
公開資料には、左右のマージンを 24dp とする指針と、最大 200% のテキスト拡大が記載されています。ここで使う CSS ピクセル値は、レイアウトをウェブ向けに独自に表現したものです。アプリの色と角丸も独自に設定しています。文字サイズを変更するとサンプル段落に反映され、リフローを確認できます。このページを離れると、設定は保存されません。