631 lines
33 KiB
HTML
631 lines
33 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>文案剧情 / 奇观设计 / 英格兰奇观草稿</title>
|
||
<link rel="stylesheet" href="../../../shared/design-doc.css">
|
||
<style>
|
||
.wonder-hero { border-top: 5px solid #1d4ed8; }
|
||
.wonder-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
|
||
.wonder-nav a {
|
||
background: #fff;
|
||
border: 1px solid var(--line);
|
||
border-radius: 6px;
|
||
color: var(--ink);
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
padding: 8px 12px;
|
||
}
|
||
.spec-grid,
|
||
.style-rule-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 12px;
|
||
margin-top: 14px;
|
||
}
|
||
.style-rule-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||
.spec-grid article,
|
||
.plan-card,
|
||
.ref-card,
|
||
.style-rule {
|
||
border: 1px solid var(--line);
|
||
border-radius: 8px;
|
||
background: #fbfdff;
|
||
padding: 14px;
|
||
}
|
||
.spec-grid h3,
|
||
.plan-card h3,
|
||
.ref-card h3,
|
||
.style-rule h3 {
|
||
color: #1d4ed8;
|
||
font-size: 14px;
|
||
margin-bottom: 6px;
|
||
}
|
||
.spec-grid p,
|
||
.plan-card p,
|
||
.ref-card p,
|
||
.style-rule p {
|
||
color: var(--muted);
|
||
font-size: 14px;
|
||
margin: 0;
|
||
}
|
||
.wonder-layout {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
|
||
gap: 18px;
|
||
align-items: start;
|
||
}
|
||
.plan-list { display: grid; gap: 10px; }
|
||
.plan-card ul {
|
||
margin: 0;
|
||
padding-left: 18px;
|
||
color: var(--muted);
|
||
font-size: 14px;
|
||
}
|
||
.plan-card li { margin: 4px 0; }
|
||
.palette { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
|
||
.swatch {
|
||
width: 36px;
|
||
height: 22px;
|
||
border: 1px solid rgba(15,23,42,.22);
|
||
border-radius: 4px;
|
||
}
|
||
.ref-card { background: #f8fafc; }
|
||
.reference-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
gap: 8px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.reference-grid a {
|
||
display: flex;
|
||
min-height: 104px;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
border: 1px solid var(--line);
|
||
border-radius: 6px;
|
||
background: #fff;
|
||
color: var(--ink);
|
||
padding: 10px;
|
||
}
|
||
.reference-grid a:hover {
|
||
border-color: #93c5fd;
|
||
text-decoration: none;
|
||
}
|
||
.reference-grid strong {
|
||
color: #1d4ed8;
|
||
font-size: 13px;
|
||
line-height: 1.35;
|
||
}
|
||
.reference-grid span {
|
||
color: var(--muted);
|
||
font-size: 12px;
|
||
line-height: 1.35;
|
||
margin-top: 8px;
|
||
}
|
||
.source-links {
|
||
margin: 8px 0 0;
|
||
padding-left: 18px;
|
||
color: var(--muted);
|
||
font-size: 13px;
|
||
}
|
||
.source-links li { margin: 4px 0; }
|
||
.search-block {
|
||
margin-top: 10px;
|
||
border-top: 1px dashed var(--line);
|
||
padding-top: 10px;
|
||
color: var(--muted);
|
||
font-size: 13px;
|
||
}
|
||
.search-block code {
|
||
display: inline-block;
|
||
margin: 3px 4px 3px 0;
|
||
background: #eef2f7;
|
||
border-radius: 4px;
|
||
color: #334155;
|
||
padding: 2px 6px;
|
||
}
|
||
.contact-sheet {
|
||
width: 100%;
|
||
border: 1px solid var(--line);
|
||
border-radius: 8px;
|
||
background: #fff;
|
||
margin-top: 12px;
|
||
}
|
||
.prompt-block {
|
||
margin-top: 8px;
|
||
border: 1px solid #bfdbfe;
|
||
border-radius: 6px;
|
||
background: #eff6ff;
|
||
color: #1e3a8a;
|
||
font-size: 13px;
|
||
line-height: 1.65;
|
||
padding: 10px;
|
||
}
|
||
@media (max-width: 980px) {
|
||
.spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||
.wonder-layout { grid-template-columns: 1fr; }
|
||
.style-rule-grid { grid-template-columns: 1fr; }
|
||
}
|
||
@media (max-width: 620px) {
|
||
.spec-grid,
|
||
.reference-grid { grid-template-columns: 1fr; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main class="doc-shell narrative-shell">
|
||
<header class="doc-hero compact wonder-hero">
|
||
<p class="eyebrow">Narrative / Wonder Draft / England</p>
|
||
<h1>英格兰文明七大奇观美术需求草稿</h1>
|
||
<p class="lead">本稿用于英格兰文明奇观建筑 Sprite 设计。规格参考维京奇观需求稿与现有落地奇观图：小体量、透明底、等距 3/4 俯视、单格地图可读，不做横向大场景插画。</p>
|
||
<div class="meta-grid">
|
||
<div><span>目标文明</span><strong>英格兰文明</strong></div>
|
||
<div><span>枚举预留</span><strong>BritishByakuren 七类奇观</strong></div>
|
||
<div><span>图像类型</span><strong>地图奇观建筑 Sprite</strong></div>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="wonder-nav" aria-label="英格兰奇观导航">
|
||
<a href="#global">全局规格</a>
|
||
<a href="#peace">和平</a>
|
||
<a href="#knowledge">知识</a>
|
||
<a href="#trade">贸易</a>
|
||
<a href="#wealth">财富</a>
|
||
<a href="#war">战争</a>
|
||
<a href="#culture">文化</a>
|
||
<a href="#explore">探索</a>
|
||
<a href="#style">风格参考</a>
|
||
</nav>
|
||
|
||
<section id="global" class="doc-section note">
|
||
<h2>全局规格</h2>
|
||
<p class="lead">英格兰奇观的核心不是写实复刻完整建筑，而是把“哥特塔楼、石堡、议会、学院、交易所、教堂、天文台”压缩成可读的等距地图件。远看先识别类别，近看再看到英格兰文明细节。</p>
|
||
<div class="spec-grid">
|
||
<article>
|
||
<h3>画幅与主体</h3>
|
||
<p>沿用现有奇观图规格：透明底，主体集中在中心，保留大透明边距。建筑主体不要铺满画面，避免变成 UI 插画或地标海报。</p>
|
||
</article>
|
||
<article>
|
||
<h3>视角</h3>
|
||
<p>等距 3/4 俯视。建筑底座统一朝同一方向，能看到屋顶、正面和侧面。禁止正视图、照片拼贴、远景城市天际线。</p>
|
||
</article>
|
||
<article>
|
||
<h3>造型原则</h3>
|
||
<p>每个奇观只保留 1 个主轮廓 + 2-4 个辅件。塔楼、尖拱、城垛、钟面、柱廊、草坪、旗帜只作为读图线索。</p>
|
||
</article>
|
||
<article>
|
||
<h3>统一英格兰识别</h3>
|
||
<p>浅灰石材、铅灰屋顶、深蓝阴影、王室红、少量金色、哥特尖塔、都铎木构、城堡垛口、狮纹与旗帜点缀。</p>
|
||
</article>
|
||
</div>
|
||
<img class="contact-sheet" src="existing-wonders-contact.png" alt="现有四个阵营奇观 Sprite 对照图">
|
||
</section>
|
||
|
||
<section id="peace" class="doc-section">
|
||
<h2>和平奇观：威斯敏斯特宫</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>英国议会所在地。主题是“议会、法治、公共秩序、制度连续性”，不要画成单纯钟楼旅游地标。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>一个小型哥特议会建筑群：中央是横向议会大厅体块，右侧或后侧竖起伊丽莎白塔，屋顶为铅灰尖顶，正面有 3-5 个尖拱窗。底座可加泰晤士河蓝灰水边和一面小红蓝旗。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：横向宫殿体块 + 一座高钟塔，钟面必须可读但不要细画数字。</li>
|
||
<li>建筑语言：浅灰石墙、哥特尖拱、金色小尖顶、铅灰屋面。</li>
|
||
<li>底座：一小段蓝灰河岸或石台阶，暗示伦敦与泰晤士河。</li>
|
||
<li>和平感：少量旗帜和议会门廊即可，不要加军队或炮台。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>浅石灰、铅灰蓝、王室红、少量金色、泰晤士河蓝灰。整体要庄重、清晰，不要画得过暗或过密。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#d1d5db"></span>
|
||
<span class="swatch" style="background:#475569"></span>
|
||
<span class="swatch" style="background:#991b1b"></span>
|
||
<span class="swatch" style="background:#d6a446"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要只画大本钟单塔，不要画成现代伦敦明信片，也不要把建筑群铺满成横向全景。它应该是“议会制度建筑”而不是“钟楼图标”。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Palace of Westminster map wonder, compact parliament hall with Elizabeth Tower, pale limestone, lead-gray roof, small clock face, tiny river edge, transparent background, TH1 strategy map sprite</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://whc.unesco.org/en/list/426"><strong>UNESCO：Westminster</strong><span>看威斯敏斯特宫、教堂与圣玛格丽特教堂的世界遗产定位。</span></a>
|
||
<a href="https://www.parliament.uk/about/living-heritage/building/palace/"><strong>UK Parliament：Palace</strong><span>看议会建筑的制度属性与建筑说明。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:Palace_of_Westminster"><strong>Commons 图库</strong><span>找伊丽莎白塔、宫殿横向轮廓和河岸角度。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：钟塔只是识别符号，横向议会建筑必须一起出现。</li>
|
||
<li>底座可以用一小块河岸，不要画完整伦敦城市背景。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Palace of Westminster isometric</code><code>Elizabeth Tower Palace of Westminster exterior</code><code>Westminster Gothic facade clock tower</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="knowledge" class="doc-section">
|
||
<h2>知识奇观：牛津大学</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>英格兰古老大学体系的代表。主题是“学院、图书馆、学术传统、石砌庭院”。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>一个浓缩的牛津学院庭院：中心用拉德克利夫圆形阅览室或穹顶图书馆作为主轮廓，前方加小拱门和石院墙，两侧点缀尖塔与书卷。整体像“学院建筑模型”，不是单栋现代学校。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：圆形阅览室/图书馆穹顶，配短柱廊和浅石墙。</li>
|
||
<li>学院感：一小段四合院式石墙、拱门、草坪方块。</li>
|
||
<li>知识符号：可放 1-2 个放大的书卷或蓝色小书，不要放文字。</li>
|
||
<li>比例：穹顶与塔尖要大而简单，窗格只用少量深色切面表示。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>蜂蜜色石材、深灰屋顶、学院草坪绿、深蓝书本、少量金色高光。整体比威斯敏斯特更温暖、更学术。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#d6c08f"></span>
|
||
<span class="swatch" style="background:#334155"></span>
|
||
<span class="swatch" style="background:#4d7c0f"></span>
|
||
<span class="swatch" style="background:#1e3a8a"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要画成现代教学楼、图书馆书架室内图或抽象书本图标。建筑必须保留牛津学院石构和庭院气质。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Oxford University wonder, compact Radcliffe Camera inspired round library, honey limestone, small college quad, arch gate, books as tiny props, transparent background</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://www.ox.ac.uk/visitors/visiting-oxford"><strong>University of Oxford</strong><span>看牛津大学整体访问入口和学院氛围。</span></a>
|
||
<a href="https://visit.bodleian.ox.ac.uk/"><strong>Bodleian Libraries</strong><span>看图书馆与拉德克利夫阅览室的视觉语言。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:Radcliffe_Camera"><strong>Commons：Radcliffe Camera</strong><span>找圆形图书馆、穹顶和学院石材参考。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：用圆形图书馆解决“大学建筑群不好单格识别”的问题。</li>
|
||
<li>庭院草坪只做底座，不要扩展成校园地图。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Radcliffe Camera Oxford exterior</code><code>Bodleian Library Oxford quadrangle</code><code>Oxford college honey stone arch</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="trade" class="doc-section">
|
||
<h2>贸易奇观：伦敦皇家交易所</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>伦敦商业与金融交易的地标。主题是“交易大厅、柱廊、商路汇聚、城市商业秩序”。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>一个带三角山花和柱廊的小型交易所建筑，前方摆放货箱、账本、金币和两条交叉贸易路标。可在底座边缘加一小段码头木板，暗示伦敦海贸，但主体必须是交易所。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：古典柱廊 + 三角屋顶，正面 4-6 根简化柱子。</li>
|
||
<li>贸易符号：货箱、布包、金币盘、账册，不要堆太多小物。</li>
|
||
<li>城市感：底座用石板街面和短台阶，而不是自然草地。</li>
|
||
<li>英格兰感：可加红蓝小旗或金狮纹小盾牌，但不能变成国徽海报。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>浅石材、深蓝屋顶阴影、金币黄、木箱棕、王室红点缀。应比财富奇观更商业、更开放。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#e5e7eb"></span>
|
||
<span class="swatch" style="background:#1e3a8a"></span>
|
||
<span class="swatch" style="background:#d97706"></span>
|
||
<span class="swatch" style="background:#7c2d12"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要画成现代摩天楼金融区，不要用股票曲线、货币符号或大字招牌。贸易感应来自建筑、货物和道路。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Royal Exchange London wonder, compact classical portico with columns and triangular pediment, crates, ledger, coins, stone street base, transparent background</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://www.theroyalexchange.co.uk/"><strong>Royal Exchange</strong><span>看皇家交易所入口、柱廊和商业地标形象。</span></a>
|
||
<a href="https://historicengland.org.uk/listing/the-list/list-entry/1064713"><strong>Historic England</strong><span>看建筑登记信息和外观定位。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:Royal_Exchange,_London"><strong>Commons 图库</strong><span>找柱廊正面、三角山花和城市街面参考。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：柱廊和山花是第一识别点，货箱金币只是辅件。</li>
|
||
<li>避免和财富奇观混淆：这里是“交易场所”，不是“王室宝库”。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Royal Exchange London portico</code><code>Royal Exchange London columns pediment</code><code>historic London trading hall exterior</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="wealth" class="doc-section">
|
||
<h2>财富奇观：伦敦塔</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>王权堡垒与王冠珠宝所在地。主题是“王室财富、宝库、权力收藏”，与战争奇观的军事堡垒分开。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>中心是一座白塔式石堡，四角小塔清楚可见。前方放一个打开的金色宝箱或王冠展示台，底座可用短城墙围出宝库感。整体偏“皇家宝库”，不是攻城要塞。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：白塔方形主楼 + 四角塔，顶部城垛简化为大块锯齿。</li>
|
||
<li>财富符号：王冠、宝箱、金色珠宝托盘，数量少但尺寸要明显。</li>
|
||
<li>防御符号：短城墙即可，不要加弩炮、火焰或大军旗。</li>
|
||
<li>材质：浅灰白石墙，暗色窗洞，金色宝物形成视觉焦点。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>白灰石、深灰窗洞、王冠金、宝石红蓝、草地暗绿。财富焦点要亮，但不应把整张图画成金色。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#e5e7eb"></span>
|
||
<span class="swatch" style="background:#374151"></span>
|
||
<span class="swatch" style="background:#f59e0b"></span>
|
||
<span class="swatch" style="background:#1d4ed8"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要画成阴森监狱、刑场或纯军事城堡。财富类的视觉中心必须是王冠珠宝或宝库展示。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Tower of London wealth wonder, compact White Tower keep, four corner turrets, small crown jewels display, treasure chest, pale stone, transparent background</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://www.hrp.org.uk/tower-of-london/"><strong>Historic Royal Palaces</strong><span>看伦敦塔官方入口和历史定位。</span></a>
|
||
<a href="https://www.hrp.org.uk/tower-of-london/whats-on/the-crown-jewels/"><strong>Crown Jewels</strong><span>看王冠珠宝作为财富主题的依据。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:White_Tower_(Tower_of_London)"><strong>Commons：White Tower</strong><span>找白塔方形堡垒、角塔和城垛参考。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：白塔负责建筑识别，王冠珠宝负责“财富”分类识别。</li>
|
||
<li>如果宝箱过俗，可改成红绒展示台上的王冠。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Tower of London White Tower isometric</code><code>White Tower four turrets</code><code>Tower of London Crown Jewels display</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="war" class="doc-section">
|
||
<h2>战争奇观：多佛城堡</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>英格兰海峡门户堡垒。主题是“海峡防御、城堡工程、边境守护”，避免和伦敦塔的宝库主题重复。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>一座坐落在白色悬崖上的方形石堡：主塔在中央，外圈有半环形城墙和城门。底座一侧露出白崖与蓝灰海面，可加一面红十字小旗和一门极简炮台。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：高石堡 + 环形城墙，城垛比伦敦塔更军事化。</li>
|
||
<li>地理符号：白色悬崖和窄海面是多佛识别点。</li>
|
||
<li>战争符号：小旗、城门、炮台或盾牌，控制在 1-2 个。</li>
|
||
<li>体块：堡垒要厚重，墙面用大块明暗面，不画密集石缝。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>灰白石墙、白崖、深蓝海面、暗红军旗、铁灰阴影。整体比伦敦塔更硬、更冷。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#d6d3d1"></span>
|
||
<span class="swatch" style="background:#f8fafc"></span>
|
||
<span class="swatch" style="background:#1e40af"></span>
|
||
<span class="swatch" style="background:#7f1d1d"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要画成现代军事基地、二战雷达站或大海战场景。它应是单格可读的海峡石堡。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Dover Castle war wonder, compact stone keep with ring wall, white cliffs base, small sea edge, red cross banner, strong defensive silhouette, transparent background</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://www.english-heritage.org.uk/visit/places/dover-castle/"><strong>English Heritage</strong><span>看多佛城堡官方资料和“Key to England”气质。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:Dover_Castle"><strong>Commons：Dover Castle</strong><span>找主堡、城墙和白崖关系。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:White_Cliffs_of_Dover"><strong>Commons：White Cliffs</strong><span>找白崖色块和海峡底座参考。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：白崖底座能把多佛城堡和普通城堡区分开。</li>
|
||
<li>战争类不需要大军队，城墙、城门、旗帜就够。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Dover Castle keep white cliffs</code><code>Dover Castle walls aerial</code><code>Dover Castle English Channel fortress</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="culture" class="doc-section">
|
||
<h2>文化奇观：坎特伯雷大教堂</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>英格兰宗教与文学传统地标。主题是“哥特教堂、朝圣、精神中心、文化记忆”。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>一座小型哥特大教堂：中央高塔最醒目，左右有短翼廊和尖拱窗，前方可放一条朝圣石路或小十字。整体更精致、更竖向，和战争城堡的厚重体块区分开。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：中央方塔 + 尖拱窗 + 长厅屋顶。</li>
|
||
<li>文化符号：彩窗用 2-3 块蓝红色小面表示，朝圣路用浅石小径表示。</li>
|
||
<li>材质：浅米石材和铅灰屋顶，线条比城堡更细致但不能密。</li>
|
||
<li>精神感：可用很淡的金色窗光，不要用强烈神迹光束。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>米灰石材、铅灰屋顶、彩窗蓝红、草地绿、淡金窗光。比威斯敏斯特更宗教、更温和。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#d8c7a3"></span>
|
||
<span class="swatch" style="background:#475569"></span>
|
||
<span class="swatch" style="background:#2563eb"></span>
|
||
<span class="swatch" style="background:#b91c1c"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要画成巴黎圣母院复制品，不要过分强调十字或宗教人物。它应读作英格兰哥特大教堂和朝圣文化。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Canterbury Cathedral culture wonder, compact English Gothic cathedral, central tower, pointed arches, small stained glass colors, pilgrim stone path, transparent background</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://www.canterbury-cathedral.org/"><strong>Canterbury Cathedral</strong><span>看教堂官方入口、建筑与朝圣文化定位。</span></a>
|
||
<a href="https://whc.unesco.org/en/list/496"><strong>UNESCO：Canterbury</strong><span>看世界遗产说明与文化价值。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:Canterbury_Cathedral"><strong>Commons 图库</strong><span>找中央塔、长厅、尖拱和彩窗参考。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：中央塔和尖拱彩窗是第一识别点。</li>
|
||
<li>如果需要更文学化，可在底座加一本极小打开的书，暗示《坎特伯雷故事集》。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Canterbury Cathedral central tower</code><code>Canterbury Cathedral Gothic exterior</code><code>Canterbury pilgrimage cathedral stained glass</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="explore" class="doc-section">
|
||
<h2>探索奇观：格林尼治皇家天文台</h2>
|
||
<div class="wonder-layout">
|
||
<div class="plan-list">
|
||
<article class="plan-card">
|
||
<h3>关键信息</h3>
|
||
<p>本初子午线与航海测量地标。主题是“时间、经线、航海、世界丈量”，不是一般科学馆。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>图像长什么样</h3>
|
||
<p>一座小型白色天文台建筑，屋顶有红色时间球和小观测圆顶。底座上刻一条亮金色子午线，旁边放小航海仪或望远镜。可以在后方放一小片深蓝星盘，但不要画夜空背景。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>关键模块设计</h3>
|
||
<ul>
|
||
<li>主轮廓：白色天文台楼体 + 红色时间球杆 + 小圆顶。</li>
|
||
<li>探索符号：金色子午线、望远镜、星盘、罗盘中选 1-2 个。</li>
|
||
<li>底座：石台 + 草坪边缘，子午线必须从建筑前方穿过。</li>
|
||
<li>区分巴黎天文台：重点放“经线/航海/时间球”，而不是单纯天文建筑。</li>
|
||
</ul>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>配色</h3>
|
||
<p>白色墙面、黑灰屋顶、红色时间球、金色经线、深蓝星盘。整体应明亮、精确、航海感强。</p>
|
||
<div class="palette">
|
||
<span class="swatch" style="background:#f8fafc"></span>
|
||
<span class="swatch" style="background:#1f2937"></span>
|
||
<span class="swatch" style="background:#b91c1c"></span>
|
||
<span class="swatch" style="background:#d6a446"></span>
|
||
</div>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>不要这样画</h3>
|
||
<p>不要画成大型宇宙馆、现代天文台圆顶或星空插画。地图件要靠时间球和本初子午线读出格林尼治。</p>
|
||
</article>
|
||
<article class="plan-card">
|
||
<h3>生成提示核心句</h3>
|
||
<div class="prompt-block">low-poly isometric Royal Observatory Greenwich exploration wonder, compact white observatory, red time ball, golden prime meridian line on stone base, small telescope, transparent background</div>
|
||
</article>
|
||
</div>
|
||
<aside class="ref-card">
|
||
<h3>明确参考入口</h3>
|
||
<div class="reference-grid">
|
||
<a href="https://www.rmg.co.uk/royal-observatory"><strong>Royal Observatory Greenwich</strong><span>看天文台官方入口、时间球和参观信息。</span></a>
|
||
<a href="https://whc.unesco.org/en/list/795"><strong>UNESCO：Maritime Greenwich</strong><span>看航海、天文与世界遗产定位。</span></a>
|
||
<a href="https://commons.wikimedia.org/wiki/Category:Royal_Observatory,_Greenwich"><strong>Commons 图库</strong><span>找时间球、天文台建筑和子午线参考。</span></a>
|
||
</div>
|
||
<ul class="source-links">
|
||
<li>美术重点：红色时间球 + 金色经线必须同时出现。</li>
|
||
<li>这是英格兰探索奇观最强识别点，也能避免和法兰西巴黎天文台重复。</li>
|
||
</ul>
|
||
<div class="search-block">搜索词：<code>Royal Observatory Greenwich time ball</code><code>Greenwich Prime Meridian line</code><code>Royal Observatory Greenwich Flamsteed House</code></div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="style" class="doc-section">
|
||
<h2>风格参考：把英格兰味推满</h2>
|
||
<p class="lead">以下是全套英格兰奇观可共用的视觉调味板。正式 Sprite 仍应保持小体量、透明底、等距 3/4 俯视，风格元素只能服务建筑识别。</p>
|
||
<div class="style-rule-grid">
|
||
<article class="style-rule">
|
||
<h3>可以大胆吸收</h3>
|
||
<p>浅灰石墙、铅灰屋顶、哥特尖拱、城垛、红蓝旗帜、金色王冠、狮纹盾牌、都铎木构、海军深蓝、白崖色块。这些元素能在小图尺寸下快速读出英格兰。</p>
|
||
</article>
|
||
<article class="style-rule">
|
||
<h3>只取气氛，不画成插画</h3>
|
||
<p>伦敦雾、泰晤士河、海峡、学院庭院、朝圣路、航海星图都可以做小底座或点缀。不要把单格奇观变成横向城市景观、海战场景或旅游海报。</p>
|
||
</article>
|
||
<article class="style-rule">
|
||
<h3>分类差异</h3>
|
||
<p>和平是议会秩序，知识是学院庭院，贸易是柱廊交易所，财富是王冠宝库，战争是白崖堡垒，文化是哥特教堂，探索是经线天文台。</p>
|
||
</article>
|
||
</div>
|
||
<div class="search-block">进一步搜索词：<code>English Gothic architecture pointed arch</code><code>Tudor half timbered house England</code><code>English castle battlements low poly</code><code>British royal crown jewels</code><code>Royal Navy blue gold red palette</code><code>Prime Meridian Greenwich time ball</code></div>
|
||
</section>
|
||
|
||
<section class="doc-section note">
|
||
<h2>交付检查</h2>
|
||
<ol class="rule-list">
|
||
<li>每张图远看必须先识别类别：议会宫、大学图书馆、交易所、王室宝库、海峡堡垒、大教堂、天文台经线。</li>
|
||
<li>英格兰文明统一色彩应以浅石、铅灰、深蓝、王室红、金色点缀为主，不要做成全红蓝国旗配色。</li>
|
||
<li>威斯敏斯特宫、伦敦塔、多佛城堡都含权力建筑元素，必须用“议会 / 王冠珠宝 / 白崖防线”拉开差异。</li>
|
||
<li>格林尼治皇家天文台必须突出本初子午线和时间球，避免与法兰西探索奇观“巴黎天文台”同质化。</li>
|
||
<li>正式落地到 DataAsset 时，图片需进入对应 Resources/ArtResources 路径并由 GridAndResourceDataAssets 的 WonderInfoList 绑定 Sprite。</li>
|
||
</ol>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|