跳到主要内容

设计风格与外观

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 时自动沿用。