使用本技能为诺丁汉大学（UoN）生成具备良好品牌识别度的界面与设计素材，适用于正式生产环境，也适用于一次性原型、线框图、Mockup 等场景。内容涵盖核心设计规范、品牌色值、字体排印规则、字体文件、设计资源及 UI 套件组件，专为快速原型设计而优化。
Nottingham Design Skill. 读取此技能范围内的 README. md 文件, 并探索其他可用的文件. 如果创建视觉文物( 滑坡、 模拟、
功能概述
Nottingham Design Skill. 读取此技能范围内的 README. md 文件, 并探索其他可用的文件. 如果创建视觉文物( 滑坡、 模拟、 是一项面向实际任务的技能。它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
核心要点
- 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。
- 从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。
使用与执行
实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。
结果检查与注意事项
执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。
诺丁汉设计技能
阅读该技能目录下的 README.md 文件，并浏览其他可用文件。
若需创建视觉素材（如幻灯片、线框图、一次性原型等），请将资源文件复制出来，并生成静态 HTML 文件供用户查看；若涉及生产环境代码开发，可复制相关资源，并仔细阅读此处规则，成为熟练运用该品牌规范的设计专家。
若用户在未提供额外指引的情况下调用此技能，请主动询问其希望构建或设计的内容，进一步提出若干问题，并以专业设计师身份输出 HTML 交付物 或 生产级代码——具体形式取决于实际需求。
快速参考
- 品牌：诺丁汉大学（UoN），涵盖英国、中国（UNNC）与马来西亚（UNMC）三地校区。
- 标语：“A world beyond ordinary.”（超越平凡的世界）
- 语调：富有探究精神、亲切温暖、精致考究、充满活力；采用第一人称复数（“we”）；使用英式英语。
- 主色：诺丁汉蓝
#10263B—— 必须在所有视觉构成中占据主导地位。 - 辅助色：每项资产最多使用 2 种 —— 银禧红
#B91C2E、柑橘橙#F98109、叛逆金#DEB406、开拓粉#D7336C、公民紫#792D85、森林绿#005F36、布雷姆利苹果绿#93D500、特伦特青绿#37B4B0、马来西亚天空蓝#009BC1。 - 中性色：波特兰石色
#FAF6EF—— 优先于纯白，作为数字界面背景色。 - 字体：拉丁文使用 Circular Pro（无授权文件时以 Manrope 替代）；简体中文（UNNC）使用 HarmonyOS Sans SC；正文装饰性标题使用 Lora。
- 形状：方形。边框圆角默认为 0；卡片与输入控件等元素最大允许圆角为 4–8px。
- 禁用黑色：正文字体颜色统一为诺丁汉蓝，不可使用黑色。
本技能包含的文件
| 文件 | 用途 |
|---|---|
README.md |
完整品牌背景、内容基础原则、视觉底层规范、图标系统 |
colors_and_type.css |
全部设计令牌（Design Tokens）以 CSS 变量形式定义 —— 可直接引入任意 HTML 文件 |
assets/ |
校徽、标识、插画占位图等资源 |
fonts/ |
Circular Std、HarmonyOS Sans SC 字体文件 |
preview/ |
各组设计令牌的静态卡片示例 —— 便于设计过程中快速查阅 |
ui_kits/website/ |
面向公开营销网站的像素级还原实现，含可复用 JSX 组件 |
使用本技能的规范
- 始终在新建 HTML 文件顶部引入
colors_and_type.css（或将其定义的 CSS 变量内联写入）。 - 诺丁汉蓝必须作为主色调使用。 若出现辅助色，则仅为点缀 —— 其在整体色彩占比中不得超过 50%。
- 边框圆角默认设为 0。 这是区别于通用网页设计的最关键视觉特征：直角设计。
- 正文文本颜色必须为诺丁汉蓝，严禁使用黑色。
- 正式沟通中禁止使用 emoji。 社交媒体场景下可酌情使用。
- 全文统一使用英式英语。 例如：organisation、recognise、programme。
- 标题、导航栏及按钮文字均采用句首大写（sentence case）格式。
热门AI工具
相关专题
本专题介绍Gradle插件开发的基本流程，涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法，帮助你理解插件如何组织构建逻辑，减少多个项目之间的重复配置。
0
2026.10.22
本专题介绍Gradle Wrapper的基本作用，涵盖文件组成、生成方法、版本配置和任务调用，帮助你理解项目如何使用指定的Gradle版本，减少不同开发环境带来的构建差异。
0
2026.10.22
本专题整理Golangci-lint常用Linters的用途与配置方法，覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查，帮助项目合理选规则。
0
2026.10.22
本专题介绍Gradle Java项目构建方法，涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查，帮助你理解各阶段的任务关系，逐步完成项目构建。
0
2026.10.22
本专题汇总PHP常见时间戳漏洞，包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等，并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案，帮助开发者快速排查和加固时间相关代码。
0
2026.10.22
本专题聚焦Golangci-lint YAML配置文件，讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置，便于团队统一检查标准。
0
2026.10.22
本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查，覆盖本地环境、Docker及多平台用法，帮助Go开发者快速上手。
0
2026.10.22
PHP2Shell漏洞是什么，哪些PHP版本和运行环境会受到影响，服务器应该如何检测与修复？本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤，以及修复验证、临时缓解和应急响应方案。
0
2026.10.22
热门下载
相关下载
精品课程
共6课时 | 12.1万人学习
共79课时 | 161.5万人学习
共6课时 | 54.7万人学习
最新文章
