設計風格與外觀
YucDu 的外觀由幾個可以自由組合的設定構成,都在 設定 分頁的「設計風格」與「外觀」區段,變更後會立即套用。
| 設定 | 決定什麼 |
|---|---|
| 設計風格 | 整個 App 的字體、版面、標題裝飾與首頁構成。 |
| 配色 | 背景、文字、按鈕與連結等整體色彩。 |
| 主題色 | 進度條、分類標籤等「強調處」的顏色。 |
| 外觀模式 | 淺色、深色或自動。 |
| 顯示風格 | 文章列表的樣貌。 |
| 字級 | 文字大小。 |
設計風格
於 設定 → 設計風格 點選其中一種:
| 設計風格 | 特色 |
|---|---|
| 靜讀(預設、標示「推薦」) | 專注閱讀:明朝體內文、繼續閱讀、以文字為主的列表。首頁沒有精選大圖。 |
| 紙面 | 報紙與雜誌般的版面:明朝大標、罫線與編號列表。 |
| 生活 | 柔和的圓體字與大圓角卡片,溫暖的配色;首頁會依時段問候。 |
| 藍 | 藍色主視覺帶、粗黑體與英文小標,印象鮮明。 |
選擇的設計風格會套用到所有畫面;主題色與顯示風格會保留原本的選擇。行距等排版細節由設計風格決定,沒有另外的行距設定。
配色
於 設定 → 外觀 → 配色 選擇:
- 設計風格預設配色——使用目前設計風格原本的色彩。
- 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 只提供深色模式(標示「僅深色」),選擇它時外觀模式會固定為深色。
主題色
於 設定 → 外觀 → 主題色 從六種日系色調中選擇。主題色只用在強調處,例如閱讀進度條、分類標籤、區塊小標、收藏愛心與雜誌風的編號;按鈕與連結的顏色則跟隨設計風格與配色。
| 主題色 | 說明 |
|---|---|
| 朱(預設) | 熱情、傳統的日式朱印。 |
| 藏青 | 沉穩、深邃的藏青。 |
| 墨黑 | 極簡、優雅的墨色。 |
| 抹茶 | 自然、清新的抹茶綠。 |
| 櫻花 | 柔和、浪漫的櫻花粉。 |
| 金茶 | 溫暖、典雅的金茶色。 |
外觀模式
於 設定 → 外觀 → 外觀模式 選擇:
- 淺色
- 深色
- 自動——跟隨 iOS 的淺色/深色設定(預設)。
實際的底色與文字顏色由設計風格與配色決定。使用 Midnight Reading 配色時無法變更外觀模式。
顯示風格
於 設定 → 外觀 → 顯示風格 切換文章列表的樣貌(詳見 首頁與文章閱讀):
- C 現代卡片(預設)——卡片搭配封面圖;在「靜讀」下呈現為以文字為主的列表。
- B 雜誌風——明朝大標與大編號。
- A 簡約——細線分隔、不顯示圖片。
字級
於 設定 → 外觀 → 字級,可在「S 小」「M 中」「L 大」三段之間選擇(預設為 M 中)。閱讀文章時點右上角的「Aa」也能調整,效果相同。字級預覽的範例句以日文顯示。
字級也會配合 iOS 的「文字大小」(動態字體)設定一起縮放。
備註
外觀相關的偏好(設計風格、配色、主題色、外觀模式、顯示風格、字級)都保存在裝置上,下次開啟 App 時自動沿用。