官网风格样稿 · 4 款

同一份内容、同一套培训模板配色,换四种着色器背景与版式语言。点卡片进入完整页面,鼠标移动和滚动都会影响背景;右下角可随时切换。

培训模板配色

A · 水墨

SHADER: 脊形噪声远山 + 宣纸颗粒 + 飘雾

宣纸底、四层远山由淡到浓,品牌橙做落日和印章。楷体竖排标题,正式、有文化感。

校领导学院汇报赞助商

B · 简约

SHADER: 点阵波场 + 鼠标隆起

白底大字,右侧点阵随波起伏、少量点变橙。信息层级最清楚,带合作档位卡片。

赞助商校领导对外宣传

C · 暗场

SHADER: 流动等高线 + 扫描线 + 网格

黑底地形等高线,鼠标处变橙,HUD 角标和终端式门户列表。技术感强,适合当学生门户。

学生门户技术展示赞助商

D · 网点

SHADER: 双色套印网点 + 域扭曲流动

满版品牌橙、黑 / 深橙两版网点错位套印,粗边框贴纸式卡片和滚动字条。最活泼。

招新学生门户活动页

主站(对外)

给赞助商、校领导看:协会介绍、方向、项目、合作方案、伙伴墙。建议 A 或 B。

子站(学生门户)

给会员用:课表课件、项目仓库、URDF 工具、打印排队、器材借用、新人指南。建议 C 或 D,可与主站共用标志和配色。

标「示例」的数字、合作档位价格取自商务模板示例页,不是协会真实数据;联系方式【待补】。