デザインと外観
YucDu の見た目は、自由に組み合わせられるいくつかの設定で決まります。どれも 設定 タブの「デザイン」と「外観」のセクションにあり、変更はすぐに反映されます。
| 設定 | 決めるもの |
|---|---|
| デザイン | App 全体のフォント、レイアウト、見出しの装飾、ホームの構成。 |
| 配色 | 背景、文字、ボタン、リンクなど全体の色。 |
| テーマカラー | 進み具合バーやカテゴリーのラベルなど「アクセント部分」の色。 |
| 外観モード | ライト、ダーク、自動。 |
| 表示スタイル | 記事一覧の見た目。 |
| 文字サイズ | 文字の大きさ。 |
デザイン
設定 → デザイン から 1 つ選びます。
| デザイン | 特徴 |
|---|---|
| 静読（標準・「おすすめ」表示） | 読むことに集中。明朝の本文、つづきを読む、文字中心の一覧。ホームに大きな画像のピックアップはありません。 |
| 紙面 | 新聞や雑誌のような紙面。明朝の大見出し、罫線、番号付きの一覧。 |
| 暮らし | やわらかな丸ゴシックと大きな角丸カード。温かみのある配色。ホームでは時間帯に応じてあいさつします。 |
| 藍 | 藍色の帯と力強いゴシック、英字の小見出し。印象に残るビジュアル。 |
選んだデザインはすべての画面に適用されます。テーマカラーと表示スタイルは、それまでの選択がそのまま使われます。行間などの組版の細かな部分はデザインによって決まり、行間を個別に設定する項目はありません。
配色
設定 → 外観 → 配色 で選びます。
- デザイン標準——現在のデザイン本来の色を使います。
- 10 種類の配色——デザインごとにグループ分けされ（例：「静読 に合う配色」）、現在のデザインにおすすめの配色がいちばん上に並びます：Minimal Mono、Midnight Reading、YucDu Original、Tecchan Style、JIN:R Blogcamp Style、Sakura Ivory、Oinavi Style、Kyoto Classic、Japanese Indigo、Matcha Natural。
配色はどのデザインとも組み合わせられます。Midnight Reading はダークモード専用（「ダーク専用」と表示）で、選ぶと外観モードがダークに固定されます。
テーマカラー
設定 → 外観 → テーマカラー で、6 つの和の色から選びます。テーマカラーはアクセント部分だけに使われます。たとえば読書の進み具合バー、カテゴリーのラベル、セクションの小見出し、お気に入りのハート、雑誌風の番号などです。ボタンとリンクの色は、デザインと配色に合わせて決まります。
| テーマカラー | 説明 |
|---|---|
| 朱（標準） | 情熱的な伝統の朱印 |
| 藏青 | 落ち着いた深い紺青 |
| 墨黑 | ミニマルで優雅な墨色 |
| 抹茶 | 自然で爽やかな抹茶色 |
| 桜 | 柔らかくロマンチックな桜色 |
| 金茶 | 温かみのある上品な金茶色 |
外観モード
設定 → 外観 → 外観モード で選びます。
- ライト
- ダーク
- 自動——iOS のライト／ダークの設定に合わせます（標準）。
実際の背景色や文字色は、デザインと配色によって決まります。配色が Midnight Reading のときは、外観モードを変更できません。
表示スタイル
設定 → 外観 → 表示スタイル で記事一覧の見た目を切り替えます（くわしくは ホームと記事の読書 を参照）。
- C モダンカード（標準）——カバー画像つきのカード。「静読」では文字中心の一覧になります。
- B 雑誌風——明朝体の大見出しと大きな番号。
- A シンプル——細い線で区切り、画像は表示しません。
文字サイズ
設定 → 外観 → 文字サイズ で、「S 小」「M 標準」「L 大」の 3 段階から選べます（標準は M 標準）。記事を読んでいるときに右上の「Aa」をタップしても、同じように調整できます。
文字サイズは、iOS の「文字サイズ」（Dynamic Type）の設定にも合わせて拡大・縮小されます。
外観に関する設定（デザイン、配色、テーマカラー、外観モード、表示スタイル、文字サイズ）は端末に保存され、次に App を開いたときもそのまま使われます。