Source Theme
从设定集翻出的电影道具草图
原文围绕 Harry Potter: The Artifact Vault 展开,梳理电影中出现过的课程表、报纸、票据、课本、信件、族谱等设计资料。
Magic Design Archive · Local Redesign
根据 B 站专栏《哈利·波特系列电影美术设定集repo——你也许从未见过这些设计图》重新组织为一个本地浏览的视觉档案页。
Source Theme
原文围绕 Harry Potter: The Artifact Vault 展开,梳理电影中出现过的课程表、报纸、票据、课本、信件、族谱等设计资料。
Design Direction
新页面不按原文段落连续阅读,而按“物件类型”和“视觉用途”重排,让每个道具都像一张可进入的档案卡。
Prototype Use
这些道具适合转化为网页交互:可折叠报纸、动态课表、页边批注课本、会动的怪兽书和可展开家族树。
Curated Map
01
适合设计成“时间折叠”界面:同一时间出现多门课程,用重叠纸条表现时间转换器带来的异常感。
02
可转化为环形时间轴控件:拖动内外环,页面内容回到不同时间层。
03
适合怪诞杂志排版:歪斜标题、夸张插图、可点击的谣言标签和眼镜滤镜。
04
可以做成会显影的签名名单:每个名字代表一个成员节点,点击展开训练记录。
05
很适合做测验 UI 原型:羊皮纸答题区、评分印章、红墨水批改反馈。
06
可作为讽刺式表单参考:题目浮夸、签名醒目、答题结果带人物性格标签。
07
适合做“线索墙”:丢失物、地点、人物关系用纸片连接,带一点不合常理的幽默。
08
可做成成分标签系统:危险等级、剂量、颜色、手写备注共同组成信息层级。
09
转化成交互时可以让纸面开口、文字放大、声音波形推动信纸震动。
10
适合做动态报纸:版面分栏、照片轻微循环、标题滚动更新。
11
可作为趣味电商票据:商品名夸张、价格滑稽、结算动画像爆炸糖。
12
适合做酒馆菜单页:饮品卡片、木质纹理、热气和烛光营造场景。
13
可做成逐条揭示的档案阅读:每个遗赠物展开一段隐藏说明。
14
适合做光源交互:点击收束页面光点,再释放到另一个区域。
15
可以作为反乌托邦宣传视觉参考:冷硬版式、强烈口号和警示性红黑配色。
16-19
原文把《魔法图符集》《高级魔药制作》等课本并列展示,适合整理成一组可翻页的课程藏书索引。
19
最适合魔法书原型:书本不只是容器,而是可驯服、会反抗、会响应的角色。
20
适合做可缩放关系图:人物节点、家族支线、被烧毁的名字都可以成为交互状态。
这份本地页是重新设计与归档,不是原文全文复制。详细叙述、完整图片和作者评论请回到原文查看。
回到 Bilibili 原文