青岛·城市介绍设计集QINGDAO ARCHIVE
CITY GUIDE · 20 VISUAL LANGUAGES · 2026

一座城 · 二十种 讲法

关于青岛的 20 个独立设计的城市介绍网站。每个站点 6 个页面（概览 / 高校专题 / 景点 / 美食 / 历史 / 交通），内联 SVG 插图，大量官方与百科链接。点击任意站点可直达「高校专题」页。

站点 20页面 120高校档案 21+1 所零外部依赖 离线可开
20
种独立设计风格
6×20
=120 个页面
21+1
所高校（含山大青岛校区）
800+
个内外部链接
NO.01
极简呼吸
米白纸底、墨黑细字、一抹海蓝；超大字距与留白。
概览高校
NO.02
新拟态
柔和米灰底上如雕刻的软体卡片，点击凸起塌陷。
概览高校
NO.03
赛博朋克
霓虹品红与青、Glitch 故障、斜切面板与扫描线。
概览高校
NO.04
复古报刊
《青岛日报》铅字大报头、分栏排版与印刷双线。
概览高校
NO.05
水墨丹青
宣纸留白、墨分五色、竖排文字与朱红印章。
概览高校
NO.06
终端黑客
黑底绿字等宽字，整站是命令行会话与命令导航。
概览高校
NO.07
玻璃拟态
海蓝流动渐变上的磨砂玻璃卡片，通透分层。
概览高校
NO.08
波普艺术
三原色、半调网点、漫画气泡与描边大字。
概览高校
NO.09
合成波 · 80s 海滨
透视网格、栅格落日与 Chrome 金属字的海滨霓虹。
概览高校
NO.10
瑞士国际主义
白底黑字瑞士红、Helvetica 秩序网格、零装饰。
概览高校
NO.11
手绘涂鸦 · 旅行手账
奶油纸蜡笔色、歪扭边框与手写批注的游记。
概览高校
NO.12
星际科幻
深空星云、粒子星野与 HUD 数据面板。
概览高校
NO.13
作业本笔记 · 游记
横线格纸、手写体、红批注与便利贴的旅行笔记。
概览高校
NO.14
代码 IDE
VS Code 深色，城市数据以"源码文件"呈现。
概览高校
NO.15
扁平插画
明快色块、圆角几何与帆船云朵的卡通风。
概览高校
NO.16
杂志编辑
《青·岛》杂志封面、超大衬线标题与目录导航。
概览高校
NO.17
禅意自然 · 崂山
竹影摇曳、山石水纹与慢节奏的禅境版式。
概览高校
NO.18
像素游戏 · QINGDAO QUEST
NES 配色、START 开始界面与 RPG 对话框。
概览高校
NO.19
包豪斯几何
三原色圆三角方、粗黑线框与非对称构成。
概览高校
NO.20
线装古籍 · 胶澳图志
宣纸竖排、文武线框与朱砂印的古籍版式。
概览高校