合并 2026 分支:新增苍松绿/暮山紫/琥珀橙三色,并同步要点框自动排布
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
|
||||
本模板修改自<a href="https://github.com/Helmholtz-AI-Energy/beamer-template" target="_blank">HelmholtzAI</a>模板。在原有模板基础上进行了大量修改。
|
||||
|
||||
模板主要使用海大公布的标准色,包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银。
|
||||
模板主要使用海大公布的标准色,包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银,以及后加的苍松绿、暮山紫、琥珀橙。
|
||||
|
||||
此外,使用了大量的信息框来增加模板的活力。
|
||||
|
||||
@@ -221,18 +221,44 @@ Tex文件的开头,是基本信息部分,可以根据需要添加`\title`{
|
||||
推荐的字体包括:<a href="https://github.com/adobe-fonts/source-han-sans" target="_blank">思源黑体</a>、<a href="https://alibabafont.taobao.com/wow/alibabafont/act/alifont" target="_blank">阿里普惠字体</a>、<a href="https://www.thosefree.com/oppo-sans" target="_blank">OPPO字体</a>、<a href="https://web.vip.miui.com/page/info/mio/mio/detail?postId=33935854" target="_blank">小米字体</a>。这些字体基本上都可以免费商用,并且效果都很不错。关于他们是否能够继续免费商用的政策,请查阅其官方网站以得到最准确的信息。
|
||||
|
||||
## 颜色
|
||||
根据海大公布的标准颜色,定义了相关颜色,主要包括海大蓝、海大天蓝、海大红、樱缤粉、文脉棕、专金、专银。其中文名称和代码如下表所示。
|
||||
根据海大公布的标准颜色,定义了相关颜色。其中文名称和代码如下表所示。
|
||||
|
||||
当然,也可以使用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 以上
|
||||
(对比度越高,白字越清晰)。
|
||||
|
||||

|
||||
|
||||
## 颜色等级
|
||||
为了显示更丰富的色彩,定义的海大标准色,每一种颜色,都有十个等级,等级越低,颜色越浅。例如:对于海大蓝,其等级颜色从oucblue90-oucblue10不等,分成10个等级。
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
Binary file not shown.
+41
-1
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user