《行走一个世纪》
这是2023年9月2日举行的100周年开幕式的名称。在方案A中，“行走”一词被移至网站的滚动部分。年份随着你的下降而上升，当你到达页面末尾时，你就到达了 2023 年和接下来的 100 年。
1923年9月1日 大邱
大邱医疗培训中心首次开业
01 / 概述项目概述
从 1923 年的学院
到 9,057 名校友
庆北国立大学医学院始建于 1923 年，前身是大邱医学院，并于 2023 年庆祝建校 100 周年。作为韩国第一所建立在农村地区的国立医学院，一个多世纪以来，它已培养了 9,057 名校友。
BlueCanvas 提出了重新设计百年纪念场地的两个方向。 “行走一个世纪”，将纪念仪式的名称翻译为卷轴的脚步，“生命之光100年”，用一颗玻璃做的心，描绘了一颗对生命的心。本页总结了导致这两项提案的考虑因素和过程。
- 1923大邱医疗培训中心开业
- 1002023 年，学校开学 100 周年
- 9,057百年培养的校友
- 2建议的续订方向
02 / 起点起点
- 1有四套菜单，十一页。
- 2第一个屏幕包含三则新闻稿和三则横幅。
- 3100年的照片和文物都在“历史100年>过去100年”中。
FOUR QUESTIONS
续订从
四个问题开始
- Q1100年的时间流逝会在第一屏中传达出来吗？
这两个提案的第一个屏幕都是滚动电影。 A 眼在心电图上从 1 次跳到 NEXT 100 持续 10 秒，而 B 眼则随着玻璃心发光的 8 秒视频的滚动而及时移动。
- Q2是否可以将子页面的照片和文物显示到主屏幕上？
我们决定在主页上放置一个水平翻转时间线的场景，并擦除八件文物的背景，让它们看起来就像是从抽屉里一一拿出来一样。
- Q3活动结束后还有理由回来吗？
与以往的活动日程相比，我们把前面的100周年的雕塑、纪念馆、100年的历史都包括在内，并且在页尾提供了筹款和物资捐赠的信息。
- Q4如果校友在手机上打开它，是否也会有同样的感受？
该影片是针对垂直屏幕单独渲染的，并且水平翻转的场景被重新排列以适应垂直屏幕的长度和字体大小。
03 / 游客和路线游客和路线
活动结束后
任何打开此网站的人
我以为这是你的类型
周年纪念周过后，来查看活动日程的人就少了。相反，长期访客仍然存在，例如希望重温学校历史的校友、希望为基金捐款的捐助者以及寻找信息的记者。我们首先决定每个访客到达的场景。
- 01校友
重温典礼照片、校友新闻，并寻找为该基金捐款的方法。
阵亡将士纪念周 · 100Fund - 02目前的学生和教师
检查学校走过的路以及留在校园的记录。
最近100年·时间之抽屉 - 03捐助者和赞助组织
我们来看看资金都用在哪里，参与有什么样的奖励。
100Fund - 04媒体和社区
查找新闻稿、活动录音和视频片段。
100周年纪念新闻
四包菜单
一次步行
当前站点分为四个菜单和十一个页面。 方案A将这个内容连接到一个主页上的十二个场景，从上到下一一浏览100年的记录。一条线表示左侧现有页面移至右侧的哪个场景。
100th Anniversary
- 问候
- 新闻稿
- 新闻通讯
- 重大事件和活动
History 100
- 过去100年
- 100年后的未来
100 周年纪念周
- 纪念周
- 组织原始页面链接
- 时间表和节目
- 物资捐赠
100Fund
- 筹款
- 01穿越一个世纪10秒滚动影片新建场景新场景
- 02问候语第一句话逐字变得明亮现有问候语
- 03庆北大学数字100年，9,057名学生，200亿韩元，2,000集现有问候语
- 04过去100年自1923年以来的水平年表现有过去100年
- 05时间抽屉八件背景被删除的文物过去100年
- 06东仁洞校园的一天三行流淌的老照片过去100年
- 07百周年纪念周全屏纪念仪式照片及日程现有纪念周·日程及活动
- 08100周年留下了什么雕塑·纪念馆·100年历史现有重大事件和活动
- 09未来100年教育·研究·待遇·校友现有未来100年
- 10100Fund筹款目标、礼遇、付款方式现有筹款
- 11100 周年新闻新闻稿·时事通讯·主要活动之前的新闻稿·时事通讯·主要事件和活动
- 12数据捐赠纪念馆寄送物资信息现有物资捐赠
04 / 品牌解读品牌解读
在创建新符号之前，我阅读了
100 年的线索
我们没有创建一个新的徽标，而是从学校已有的名称、位置和符号中找到了网站的故事。下面的四个线索被用在两个提案的第一个屏幕、颜色和动作中。
红砖主楼
东仁洞校区的主楼建于1933年12月，是学校的门面。 A中的影片经历了一个场景，主建筑正面的线条图变成了真实的照片，调色板包含了砖块阴影的颜色。
心脏和跳动
医学最终是为了保护人的生命。在方案A中，这个想法被画成心电图上的一次节拍，而在方案B中，它被画成一颗发光的玻璃心。在这两个提案中，第一个场景都以生命的象征开始。
双螺旋和无穷大
未来 100 年将是研究的十年。电影A以“100”分解成双螺旋结束。 Plan B将标题中的“100”改为数字1，后面加上无穷大符号∞，表达即使过了一个世纪也不会结束的时间。
05 / ARCHIVE如何处理记录
过去 100 年是真实记录，
未来 100 年是绿色图像。
这是两项提案都遵循的原则。我们原封不动地使用了学校发布的旧照片和文物照片，只绘制了尚未到来的未来的新图像。这是为了防止编造的过去与真实的记录混在一起。
重新创建了遗物的照片，并删除了白色背景。随着背景消失，门、听诊器、探视包开始像实物一样出现在屏幕上。
CUT OUT · 8 OBJECTS
就像从抽屉里拿出来一样
通过向左或向右移动中心栏，您可以将原始照片与删除背景的剪切照片进行比较。所有八个点都以同样的方式修剪，使它们从A中“时间之抽屉”的画面内部一一靠近。
- 8背景已删除的遗迹
- 1928-1970年代文物时期
01 · 1928上梁门这是大邱立医院重建和搬迁时在普通病房内建立的上梁门。 
02·1940年代欧洲产听诊器这是1940年代诊所用来听病人呼吸音的听诊器。 
03·1940年代血压测量装置这是一个装在木箱里的20世纪40年代的血压测量装置。 
04·1942大邱医科大学毕业证书这是1942年大邱医科大学颁发的毕业证书。 
05·1953心电图讲义这是一位心脏病学教授总结心电图的讲义。 
06·1958「大邱医学杂志」这是庆北大学医学院大邱医学会出版的专业学术期刊。 
07·1970年代探访包和胎儿镜这是到病人家中探访的医生的包和胎儿镜。 
08·耳鼻喉科头部反射器这是耳鼻喉科医生戴在额头上进行检查的反射器。
05 / IMAGERY未来100年的图像
我画的不是一个人，而是一个
生命的象征
场景中没有真实的图片来展示未来。所以我画了医学所涉及的生命象征的图像，比如心脏、螺旋和神经细胞。这五张照片中没有一张包含人脸，红色和金色与两个提案的色调相匹配。
-
01HEART玻璃心B·主页 -
02螺旋双螺旋方案A·未来100年 -
03CRYSTAL水晶螺旋方案B·未来愿景 -
04NEURONNEURON方案A·研究卡 -
05静物听诊器静物方案A·100年历史卡
06 / 颜色颜色图表
从徽标中的一种红色
到两种调色板
我们使用100周年标志的红色#E60012作为标准。在方案A中，我没有在屏幕上广泛地绘制这种红色，而是将其移至稍微降低的红色，以便它不会蔓延到电影的黑暗中，而在方案B中，我将其移至深红色，让我想起心脏和血液。剩下的颜色是从主楼的砖块、老照片和记录纸中挑选出来的。
徽标红色
#E60012100 周年纪念徽标- 稍低信号红
#D32D25在黑暗中不弄脏的红色·方案A - 朝向阴影砖阴影
#8F1F19主建筑砖的阴影·方案A - 走向蓝色深红
#A51930心血红·B
#623B2F#8F1F19砖块阴影
#C4AF94#CFAA6C老照片的黄金
#DFCBC6#F3ECE0明信片纸如果按原样使用，照片中的原色会显得暗淡或暗淡，因此我将它们调整为可以在屏幕上读取的亮度和饱和度。箭头左边是照片中测得的颜色，右边是提案中写的颜色。
A·走过一个世纪
胶片和记录纸的黑暗-
背景·50.2%播放影片时的黑暗颜色。它是首屏、校园照片和纪念周场景的基础。
-
记录纸·38.5%这是旧明信片和记录的纸张颜色。它是年表、时间抽屉和新闻场景的基础。
-
砖块的颜色·10.3%这是主楼砖块的颜色。用于为数字和基金场景添加红色。
-
来自旧照片的金色·0.8%这是从褪色的照片中选择的金色。在胶片上写上英文字幕和灰尘颗粒。
-
心电图红色·0.3%标志的红色稍微淡化，使其在黑暗中扩散得更少。只写年份和强调的单词。
B·100年的生命之光
夜之心和象牙-
象牙色·47.2%这是页面大部分的背景。记录卡和新闻列表放在上面。
-
沙·27.8%这是历史水平翻转的场景的基础。我比象牙色深一号。
-
深红色·13.1%让人想起心脏和血液的深红色。在标题、进度条和最终场景中写下强调词。
-
栗色·10.3%黑色略带红色。它是主屏幕和菜单的核心所在。
-
墨水·1.7%这是文字的颜色。它比纯黑色更温暖。
单击色样将复制十六进制值。样本中的数字代表与其上方文字颜色的亮度对比度，该比率是通过捕获每个场景的两个提案的主页屏幕来测量的值。
07 / 版式字体
雕刻字母和
印刷数字
方案A的韩文标题是用Noto Serif KR写的，笔画粗，就像刻在纪念碑上的字母一样。年份和英文字幕设置为 Bodoni Moda（19 世纪印刷材料中使用的 Didone 风格），并且文本以 Pretendard 书写，以便于阅读。 方案B在一个标题中对比了 Pretendard 的细笔画和粗笔画，并使用乔治亚州作为年份和编号。
Bodoni Moda · 一年计划
1923
Noto Serif KR · 草稿 A 标题
wght 300行走一个世纪
当您滚动时，厚度会从 300 变为 900。方案A 使用 900。
伪装者·方案B标题
300·650走向生活
100年的光。
格鲁吉亚 · B 中的数字
100 → 1∞1001∞
Plan B 标题中的“100”是由 1 和 Infini 连接而成。当你指向它时它就会改变。
假装·身体
400·17px学习于 1923 年在大邱的一个小型培训中心开始，一个世纪以来已培养了 9,057 名校友。
长段落以哥特式书写，没有任何装饰，方便阅读。
08 / 电影与运动电影与运动
滚动
变成步行
这两个提案都将滚动视为视频播放头。向下推它会使胶片向前流动，向上推它会使胶片向后滚动。 100年随着游客行走的步伐而流逝。
方案A第一个屏幕上写的10秒影片被制作成了一个有八个剪辑的故事板，照片、线条图和粒子都用代码绘制并为每一帧进行渲染。
故事板·行走一个世纪·10秒24 FPS·1600 × 900
- CUT 0100:00.5打
心电图纸上划过一个节拍，背后浮现出数字“1923”。
- CUT 0200:01.9第一条记录
1923年的历史记录和大邱紫惠诊所的明信片按顺序排列。
- CUT 0300:03.8画线
建于 1933 年的主楼正面是用线条一笔画出来的。
- CUT 0400:04.6图片
线条图下方，我想起了一张 1933 年的真实照片。
- CUT 0500:05.9一代
当你进入主楼入口时，岁月透过老照片快速移动。
- CUT 0600:07.32023
我们来到了 2023 年的纪念照片。
- CUT 0700:08.7「100」
纪念照片分散成粒子，然后再次聚集成“100”。
- CUT 0800:09.9NEXT 100
影片以“100”分解成双螺旋结束。
当框在屏幕上移动时，框架也会随着您的滚动而移动。实际方案使用240个水平帧和180个垂直帧，这里每四帧中选择一帧。
影片以心电图的节拍开始，穿越1923年的记录、1933年的主楼、老照片、2023年的追悼会，以“100”和双螺旋结束。
这是一张光绕轨道运行和粒子围绕玻璃心旋转的图像。它在第一个屏幕上重复播放，当您开始滚动时，框架会随着滚动而移动。
- 水平翻转的年表
垂直滚动会水平推动时间线。只有您当前查看的年份数字被填充为红色。
- 从内部接近的神器
该伪像从屏幕深处看起来很小，向前移动，然后移到一边。
- 扩展到整个屏幕的窗口
仪式照片从一个小窗口开始，滚动时填满整个屏幕。
- 逐字逐句变得明亮的句子
长篇问候语根据阅读速度逐字增亮。此页面的起点是相同的。
方案A
百年医学走过百年
这个方向的名字取自100周年开幕式，并以滚动为步骤。第一个屏幕上，沿着卷轴播放一段10秒的影片，在其下方，一页上延续着横向年表、时间抽屉、东仁洞校园照片、纪念周和100基金。
- 滚动播放10秒影片（水平240帧，垂直180帧）
- 水平年代表，其中大量数字随着每年的变化而填充为红色。
- “时间之抽屉”，八件背景被抹去的文物从里面接近。
- 阵亡将士纪念周照片从小窗口扩展到整个屏幕
Noto Serif KR · Bodoni Moda · Pretendard
DIRECTION NOTES
在方案A的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
- 01·线图变成照片
在数字“1933”的下方，用一条线画出了主楼的外立面，上面出现了一张真实的照片。
- 01·100聚集成颗粒
2023 年纪念仪式的照片散落成颗粒，又重新聚集成红色的“100”。
- 02 · 一次让一个字变得明亮的问候
筹备委员会致辞的第一句话根据阅读速度逐字逐句变亮。
- 04·卧式年表
随着年份的变化，大量数字会填充为红色并移至下一张卡片。
- 05 · 时间之抽屉
背景被抹掉的文物从屏幕内部一一靠近，它们的名字和年份在右侧发生变化。
- 07·纪念周刷屏
主礼堂的照片在一个小窗口中可见，当您滚动时，它会扩展到覆盖整个屏幕。
- 08 · 堆叠卡片
雕塑、纪念馆、100年历史卡片依次叠放，展示100周年留下的痕迹。
- 09 · 下一个100年
红色双螺旋上方浮现出“未来100年走向世界的医学基础”。
方案B
百年关怀一百年生命之光
这是一个将保护生命的心描绘成一颗玻璃心的方向。第一屏的8秒视频沿着卷轴移动，后面是横向移动到1923年、1933年、1952年、2023年的历史，是可以点击放大的记录，还有变化为教育、研究、关怀三个场景的未来愿景。
- 红色玻璃心和 8 秒动态图形（框架随着滚动而移动）
- 句子沿着卷轴从顶部升起
- 历史和记录放大窗口可水平移动四个时期
- 未来愿景变化为教育、研究、关怀三个场景。
Pretendard · Georgia
DIRECTION NOTES
在方案B的场景中，我选择了一个我花了很大力气去导演的时刻。单击照片可查看每个场景的大图。
- 01·100年照亮生命
第一句话放在红色玻璃心旁边。当您向下滚动时，视频帧会一起移动。
- 01·百年承诺
随着心的靠近，第二句话变成了“一个世纪的承诺，下一个世纪的可能性”。
- 02·上升句
旁边那个大大的“100”，从上往下写着“纵使时代变迁，对生活的心不曾停止”。
- 03 · 从1923年开始的历史
四个时期和年份的照片水平滚动。
- 03·2023，纪念雕塑
历史的最后一章包括在校园内竖立的 KNU 100 MED 雕塑。
- 04·记录卡
单击照片或文物卡将打开一个带有说明的放大窗口。
- 05·三个场景的未来
水晶螺旋前，有关教育、研究、关怀的句子纷纷变化。
- 07 · TOGETHER
《赤红巴塘》的最后一幕鼓励资金参与。
11 / 移动移动
即使在你的手掌中
一个世纪
我经常先用手机查看校友新闻和基金信息。方案A单独为垂直屏幕渲染影片，并且在两个提案中，固定场景的长度和文本大小都被重新设置以适合垂直屏幕。
比较两个方向有何不同
两步显示相同的 100 年
这两个提案包含相同的历史，但第一个场景的展开方式和故事的分量不同。我们对差异进行了整理，以便学校可以根据他们想在百年纪念网站上首先说的内容进行选择。
分类A·行走百年B·100年照亮人生
主屏幕从心电图一次心跳到下一个 100 次的 10 秒影片夜光玻璃心形和 8 秒动态图形
故事轴仪式名称“行走百年”心系生命
颜色胶片暗度·记录纸·砖色·心电图红色·金色夜色·象牙色·沙色·深红色
字体Noto Serif KR · Bodoni Moda · PretendardPretendard · Georgia
历史自 1923 年以来的十张卡片的横向年表四个时期的横向历史
如何显示记录从内部擦去背景的文物抽屉按下照片和文物卡即可打开放大窗口
未来100年双螺旋上的教育、研究、关怀和校友水晶螺旋前的教育、研究和关怀
参与信息筹款目标、礼遇、付款方式、物资捐赠鼓励参与基金的最终场景
重镇学校的名称和位置，100年的记录受到医学保护的生命和人们
THE NEXT CENTURY
该组织的 100 年历史，
该组织的 100 年历史，
您想要走进的屏幕
即使纪念项目结束后，学校的记录仍在继续积累。为了确保网站是最先看到这些记录的地方，我们将一起重新阅读它们，从组织的名称、地点和标志开始。
其他项目
-
公共 · 教育
Korean Education Center in Malaysia
韩国教育部海外教育机构的网站改版提案。品牌解读从创造韩文的三个笔画“天、地、人”出发。内容包括取自夜空金色和两国花卉珊瑚色的配色、18 秒动态影片、天地人与珊瑚之旅两个方案，以及韩文学校地图和 4,600 公里的留学旅程。
-
教育 · 学校
Gyeonggi Global School
基督教另类学校首页的改版提案。我们用“从一个点走向世界”的故事连接信仰与世界，内容包括藏青、金色与群青的配色，光（LUMEN）与地平线（HORIZON）两个方案，以及滚动动态图形。
-
公共机构
Korea Drug Development Fund
公共机构网站的建设与改版过程，涵盖用户分析、CI 解读、九个首页方案和研发管线可视化。