diff --git a/README.md b/README.md index 576dfeb..05e6f26 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ 本模板修改自HelmholtzAI模板。在原有模板基础上进行了大量修改。 -模板主要使用海大公布的标准色，包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银。 +模板主要使用海大公布的标准色，包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银，以及后加的苍松绿、暮山紫、琥珀橙。 此外，使用了大量的信息框来增加模板的活力。 @@ -221,18 +221,44 @@ Tex文件的开头，是基本信息部分，可以根据需要添加`\title`{ 推荐的字体包括:思源黑体、阿里普惠字体、OPPO字体、小米字体。这些字体基本上都可以免费商用，并且效果都很不错。关于他们是否能够继续免费商用的政策，请查阅其官方网站以得到最准确的信息。 ## 颜色 -根据海大公布的标准颜色，定义了相关颜色，主要包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银。其中文名称和代码如下表所示。 +根据海大公布的标准颜色，定义了相关颜色。其中文名称和代码如下表所示。 当然，也可以使用LaTex自带的颜色，例如white、black等。 -| 名称 | 中文名 | -|--------------|--------------| -| oucblue | 海大蓝 | -| ouclightblue | 海大天蓝 | -| oucred | 海大红 | -| ouccherry | 樱缤粉 | -| oucbrown | 文脉棕 | -| oucgolden | 专金 | -| oucsilver | 专银 | + +| 名称 | 中文名 | 说明 | +|--------------|--------------|------| +| oucblue | 海大蓝 | 海大标准色 | +| ouclightblue | 海大天蓝 | 海大标准色 | +| oucred | 海大红 | 海大标准色 | +| ouccherry | 樱缤粉 | 海大标准色 | +| oucbrown | 文脉棕 | 海大标准色 | +| oucgolden | 专金 | 海大标准色 | +| oucsilver | 专银 | 海大标准色 | +| oucpine | 苍松绿 | 新增，深绿 | +| oucdusk | 暮山紫 | 新增，深紫 | +| oucamber | 琥珀橙 | 新增，深橘 | + +### 新增的三个颜色 + +已有的浅色（樱缤粉、专金、专银）在内容多的时候不太够用，因此补充了三个**较深的颜色**—— +深色的好处是**和白色文字有足够的对比度**，可以直接当作色块底色（`pointbox`、`titlebox`、 +`block` 等）使用，不必再担心白字看不清。 + +| 名称 | 色值 | 白字对比度 | 命名与定位 | +|------|------|-----------|-----------| +| `oucpine` | RGB 30, 86, 64 | 8.54 | **苍松绿**——取自传统色「苍松」，色相偏青的深绿，沉静稳重 | +| `oucdusk` | RGB 92, 58, 118 | 9.04 | **暮山紫**——取自传统色「暮山紫」（暮色中的远山），深紫而不艳 | +| `oucamber` | RGB 196, 82, 16 | 4.60 | **琥珀橙**——取自传统色「琥珀」，高饱和的深橘 | + +三点说明： + +1. **琥珀橙和文脉棕不会混淆**：文脉棕是「低饱和的暗褐」，琥珀橙是「高饱和的深橘」， + 两者在饱和度上拉开了明显差距（色相接近，但饱和度 0.61 vs 0.98）。 +2. 三个新颜色**同样带十个色阶**（`oucpine10` ~ `oucpine90` 等），浅色等级可以当背景底。 +3. 对比度按 WCAG 计算，**≥ 4.5 即白字清晰可读**。三个新颜色都在 4.5 以上 + （对比度越高，白字越清晰）。 + +![新增颜色的应用](/figs/fig15.png) ## 颜色等级 为了显示更丰富的色彩，定义的海大标准色，每一种颜色，都有十个等级，等级越低，颜色越浅。例如：对于海大蓝，其等级颜色从oucblue90-oucblue10不等，分成10个等级。 diff --git a/figs/fig15.png b/figs/fig15.png new file mode 100644 index 0000000..2765acf Binary files /dev/null and b/figs/fig15.png differ diff --git a/slides.pdf b/slides.pdf index 4dcbbb7..592e12a 100644 Binary files a/slides.pdf and b/slides.pdf differ diff --git a/slides.tex b/slides.tex index 75d8122..1d4fc5c 100644 --- a/slides.tex +++ b/slides.tex @@ -99,7 +99,7 @@ \frametitle{颜色} %\framesubtitle{基本颜色} - 根据海大公布的标准颜色，定义了相关颜色，主要包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银。其中文名称和代码如表\ref{table:color}所示。\\ + 根据海大公布的标准颜色，定义了相关颜色，主要包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银，以及后加的苍松绿、暮山紫、琥珀橙。其中文名称和代码如表\ref{table:color}所示。\\ 当然，也可以使用LaTex自带的颜色，例如white、black等。 \begin{table} @@ -114,12 +114,52 @@ \crule[oucred]{10pt}{10pt} & oucred & 海大红 \\ \crule[ouccherry]{10pt}{10pt} & ouccherry & 樱缤粉 \\ \crule[oucbrown]{10pt}{10pt} & oucbrown & 文脉棕 \\ + \end{tabular} + \hspace{1.6em} + \begin{tabular}{ccc} + \textbf{颜色} & \textbf{名称} & \textbf{中文名}\\\toprule \crule[oucgolden]{10pt}{10pt} & oucgolden & 专金 \\ \crule[oucsilver]{10pt}{10pt} & oucsilver & 专银 \\ + \crule[oucpine]{10pt}{10pt} & oucpine & 苍松绿 \\ + \crule[oucdusk]{10pt}{10pt} & oucdusk & 暮山紫 \\ + \crule[oucamber]{10pt}{10pt} & oucamber & 琥珀橙 \\ \end{tabular} \end{table} \end{frame} +\subsubsection{新增颜色的应用} + +\begin{frame} + \frametitle{新增颜色的应用} + + 后加的三种颜色都是\textbf{较深的颜色}，和白色文字有足够对比度， + 可以直接当作色块底色使用，也可以像其他颜色一样用它的浅色等级（如 \texttt{oucpine20}）作背景。\\ + + \begin{columns} + \begin{column}{0.32\textwidth} + \begin{pointbox}[苍松绿]{oucpine}{74pt} + 沉静稳重\\ + 适合与暖色交替\\ + 色相偏青的深绿 + \end{pointbox} + \end{column} + \begin{column}{0.32\textwidth} + \begin{pointbox}[暮山紫]{oucdusk}{74pt} + 深紫而不艳\\ + 冷暖之间的过渡\\ + 适合做第三色 + \end{pointbox} + \end{column} + \begin{column}{0.32\textwidth} + \begin{pointbox}[琥珀橙]{oucamber}{74pt} + 高饱和的深橘\\ + 与文脉棕差别明显\\ + 强调时比红色柔和 + \end{pointbox} + \end{column} + \end{columns} +\end{frame} + \subsubsection{颜色等级} \begin{frame} diff --git a/theme/beamercolorthemeOUCSlide.sty b/theme/beamercolorthemeOUCSlide.sty index 7c47fe9..cc5cf96 100644 --- a/theme/beamercolorthemeOUCSlide.sty +++ b/theme/beamercolorthemeOUCSlide.sty @@ -89,6 +89,46 @@ \colorlet{oucsilver80}{oucsilver!80!white} \colorlet{oucsilver90}{oucsilver!90!white} +%% OUC Pine 苍松绿 +%% 苍松绿：取自中文传统色「苍松」。色相偏青的深绿，沉静稳重， +%% 与海大蓝同属冷色系但明显更深、更偏绿，适合与暖色交替使用。 +\definecolor{oucpine}{RGB}{30, 86, 64} +\colorlet{oucpine10}{oucpine!10!white} +\colorlet{oucpine20}{oucpine!20!white} +\colorlet{oucpine30}{oucpine!30!white} +\colorlet{oucpine40}{oucpine!40!white} +\colorlet{oucpine50}{oucpine!50!white} +\colorlet{oucpine60}{oucpine!60!white} +\colorlet{oucpine70}{oucpine!70!white} +\colorlet{oucpine80}{oucpine!80!white} +\colorlet{oucpine90}{oucpine!90!white} +%% OUC Dusk 暮山紫 +%% 暮山紫：取自中文传统色「暮山紫」（暮色中的远山）。深紫而不艳， +%% 兼具蓝色的沉稳与红色的温度，是很好的第三色。 +\definecolor{oucdusk}{RGB}{92, 58, 118} +\colorlet{oucdusk10}{oucdusk!10!white} +\colorlet{oucdusk20}{oucdusk!20!white} +\colorlet{oucdusk30}{oucdusk!30!white} +\colorlet{oucdusk40}{oucdusk!40!white} +\colorlet{oucdusk50}{oucdusk!50!white} +\colorlet{oucdusk60}{oucdusk!60!white} +\colorlet{oucdusk70}{oucdusk!70!white} +\colorlet{oucdusk80}{oucdusk!80!white} +\colorlet{oucdusk90}{oucdusk!90!white} +%% OUC Amber 琥珀橙 +%% 琥珀橙：取自传统色「琥珀」。高饱和的深橘， +%% 与文脉棕（低饱和的暗褐）在饱和度上拉开明显差距，两者不会混淆。 +\definecolor{oucamber}{RGB}{196, 82, 16} +\colorlet{oucamber10}{oucamber!10!white} +\colorlet{oucamber20}{oucamber!20!white} +\colorlet{oucamber30}{oucamber!30!white} +\colorlet{oucamber40}{oucamber!40!white} +\colorlet{oucamber50}{oucamber!50!white} +\colorlet{oucamber60}{oucamber!60!white} +\colorlet{oucamber70}{oucamber!70!white} +\colorlet{oucamber80}{oucamber!80!white} +\colorlet{oucamber90}{oucamber!90!white} + %代码注释的颜色 \definecolor{mygreen}{rgb}{0,0.6,0}