跳至主要内容

設計風格與外觀

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 時自動沿用。