两家公司点名
基金会的名称来自Hansae YES24 Holdings。该名称包括生产服装的 Hansae Co. 和销售书籍的 YES24。在重建网站之前，我又看了一遍这两个名字。
HANSAE YES24 FOUNDATIONWEBSITE RENEWAL PROPOSAL
一个线程，一本书
Hansae YES24基金会网站改版提案
超越国界·一脉相承
BLUECANVASYES24·书2026
HANSAE YES24 基金会 · 案例研究Hansae YES24 基金会网站改版提案
向下滚动时，金线开始织布
线程·Hansae我发现了一个名为 Hansae Co. 的
线程，该公司生产衣服。
自 2014 年起该基金会的成立旨在将
文化与与 Hansae Co 共同成长的东盟国家联系起来。
PAGE · YES24我发现一本名为 YES24 的
书，该书出售书籍
01 / OVERVIEW项目概况
通过文化连接韩国和东盟的基金会
韩萨YES24财团是韩萨YES24控股会长金东宁出资个人资金于2014年4月发起成立的公益基金会。基金会母公司韩世公司在东南亚的发展基础上，通过举办国际文化交流展览、出版一系列东南亚文学作品，在韩国与东盟之间铺设了一条文化之路。人文研究和奖学金项目、义堂爱分享和2024年开始的汉斯经典歌曲表演也是该基金会的工作。
BlueCanvas 创建并管理了当前的基金会网站，并为 2025 年“泰国当代艺术：梦想与思考”展览创建了 25 个音频导览页面，可以通过作品旁边的二维码打开。这次，我们重新设计了网站，在第一屏展示了基金会的工作，并提出了两个方向：Beyond Borders和One Thread。
- 2014年基金会成立2014年4月，韩世YES24控股会长金东宁捐献个人资金的公益基金会。
- 第七届次文化交流展自2015年起向首尔介绍东南亚6国艺术
- 7册东南亚文学系列东南亚小说韩文翻译出版系列
- 39次获得义堂奖学金自1988年以来的奖学金项目
02 / CHALLENGE起点
- 1展览照片幻灯片上方放置了一行视线句子。
- 2四张名片以相同的大小排列，卡片内的菜单中有展览、书籍和表演。
- 3四个 SNS 部分后面是公告列表。这是快速查找公开发行新闻的良好配置。
FOUR QUESTIONS
续订从
四个问题开始
目前的网站结构合理，可以让您快速找到通知和申请信息。与此同时，基金会的工作范围扩大到包括展览、书籍和表演。
- Q1你能在第一个屏幕上看到基金会在做什么吗？
现在照片幻灯片顶部有一行愿景陈述。两项提案在第一页都用一句话说明了基金会的工作。
- Q2我们应该把七个展览和七本书放在哪里？
方案B创造了一个按时间顺序连接展览的水平场景和一个单独的书架，里面有七本书，而方案A则包括四张名片和文化故事。
- Q3比赛期间首先应该看什么？
竞赛和选拔的公告是申请人正在等待的消息。两项提案都将通知放在第一个屏幕下方的列表中，而 方案A则共享通知和文化新闻。
- Q4展览、文学、学术、音乐能否融为一体？
方案A是“分享文化的四种方式”，方案B将这四个项目用一部电影联系在一起，一条线索依次穿过一个展览、一本书和一个舞台。
03 / NAME再读一遍名字
有一本书，名为 Hansae YES24。
在创建新标志之前，我们重新阅读了当前的名称和标志。这两个提案的起点可以在 HANSAE 和 YES24 中找到，它们就像一个单词一样相连，而两个蓝色则分隔了两个名字。
两种不同的布鲁斯
从标志颜色来看，HANSAE是深蓝色#17478E，YES24是亮蓝色#007DC3。虽然写在一起是一个字，但是却被颜色分成了两个名字。
汉斯的话题
该基金会的前身 Hansae Co 是一家通过在东南亚开展业务而发展壮大的服装制造公司。该基金会的成立是为了加深与这些国家的文化交流，并于2016年与印尼纺织蜡染一起举办了展览。我们想起了这个名字的一个线程。
YES24的书
YES24是一家销售书籍的公司。该基金会将东南亚小说翻译成韩语并出版了七卷，还运营着一个供基金会项目参与者和集团高管使用的电子图书馆。这个名字让我们想起了一本书中的一个章节。
两项提案的第一句话
方案B，一条线索，以“从一条线索开始的关系”开始，而 方案A，“超越边界”，以“从一本书开始的会议”开始。这是我从同一基础开始阅读的提案，也是我从书本开始阅读的提案。
04 / RECORD13年记录
如果我们将十三年的记录绑成
六股，
官网历史上列出的87个案例，按照工作类型分为6个线程。一根竖线就是一年，每一个结就是一个记录。
- 基础5
- 展览·交流9
- 书籍·文学11
- 奖学金·人文学科43
- 义堂17
- 音乐2
2014 年 2 月创始董事会
- 2014 → 2024第一年的基金会设立和奖学金记录在2024年随着音乐的加入而变成了六项。
- 2020 – 2022展览三年没有举办，期间该书出版了五次。
- 2014 – 2025奖学金和人文交流的脉络从第一年一直不间断地持续到2025年。
05 / MAP从六个国家到首尔
来自六个国家的艺术
来到首尔
国际文化交流展是向韩国介绍东南亚艺术家和作品的展览。 2015年从越南开始，我们已经与来自6个国家的作家合作，官网列出的作家名单有92位。我按照展览举办的顺序从各个国家来到首尔。
20151 / 7 · 越南
《越南的光环》
2015年7月16日~7月20.·首尔仁寺艺术中心
14位作家
20162 / 7 · 印度尼西亚
《蜡染，印尼的灵魂》
2016年6月22日~6月27.·首尔仁寺艺术中心
4 位艺术家和蜡染世界设计获奖者
20173 / 7 · 泰国
《The Spirit of Thailand》
2017年7月12日~7月18.·首尔仁寺艺术中心
19位作家
20184 / 7 · 缅甸
《缅甸，微笑之国，培育关系美学》
2018年9月12日~9月17.·首尔仁寺艺术中心
8位作家
20195 / 7 · 菲律宾
《菲律宾艺术，其多样性和活力》
2019年9月4日~9日9.·首尔仁寺艺术中心
11位作家
20236 / 7 · 马来西亚
《拥抱马来西亚》
2023年3月8日~3日13.·首尔仁寺艺术中心
12位作家
20257 / 7 · 泰国
《泰国当代艺术：梦想与思考》
2025年4月5日~4月20.·汉加兰美术馆、首尔艺术殿堂
24位作家
1·越南
2 印度尼西亚
3·泰国
4·菲律宾
5·菲律宾
6·菲律宾
7 印度尼西亚
书籍东南亚文学系列
书籍也以同样的方式出现。
东南亚文学系列共七卷，越南一本，印度尼西亚二本，泰国一本，菲律宾三本。地图上的细线就是书的长度，线越粗，书就越多。
06 / STRUCTURE参观者及场景秩序
打开基金会网站
五种类型的人
想要申请奖学金和研究支持的人、前来观看展览和表演的人、寻找书籍的读者、研究人员、记者和赞助商都会访问该基金会的网站。由于每个来访的人想要检查的信息不同，我们首先决定每个人将到达哪个场景。
- 01支持项目申请人
查看全球奖学金及人文研究支持项目的竞赛日程、申请方式和评选公告。
基金会新闻/申请 - 02展览及表演观众
查找即将举办的展览、表演和过去的展览的记录。
国际文化交流展·艺术歌曲 - 03读者和研究人员
搜索东南亚文学系列、出版材料和研究材料。
文献丛书及资料室 - 04记者和艺术文化界
查看基金会的介绍、采取的路线和新闻稿。
基金会简介及历史 - 05赞助商和集团员工
了解如何捐赠、如何使用捐赠的详细信息以及电子图书馆。
赞助·电子图书馆
四个项目
可以理解为一个流程
两个方案都在第一个场景中用一句话介绍了基础，然后介绍了业务和故事，最后一起到达了道路。 方案A是对六个场景的快速概览，而 方案B是对九个场景的长时间步行，其中展览、书籍和音乐都有单独的场景。彩色点是每个场景所显示的内容。
- 简介
- 四项业务
- 展览
- 书
- 音乐
- 文化故事
- 新闻·竞赛
- 赞助·加入我们
A·超越国界6个场景
- 01以文化开放，以人为本第一屏，拱门内展厅扩展到整个屏幕
- 02我们的信念基金会的信念一次一个字点亮·自2014年以来
- 03我们做什么水平显示四家企业的卡片
- 04文化杂志『香烟少女』与冬日旅行的故事
- 05最新更新分享公告和文化新闻的列表
- 06让我们联系加入基金会
B · 一个线程场景9
- 01韩国和东盟通过文化联系在一起一脉相承的五章电影
- 02基金会简介·数字成立目的及五个数字
- 03基础项目一次上传四个项目的场景
- 04国际文化交流展一条横线连接七个展览
- 05东南亚文学系列旋转七卷
- 06韩世经典歌曲用字母打开的表演厅
- 07基金会走过的路从2014年到2026年
- 08基金会新闻公告列表和SNS
- 09赞助企业与电子图书馆携手
07 / COLOR色卡
从徽标的两种蓝色
到纸和线
标志方面，HANSAE为深蓝色，YES24为亮蓝色。 方案B通过将Hanse的海军蓝色带入夜空来创建靛蓝色背景，而方案A仅在徽标中保留蓝色，并将背景更改为书架的纸张颜色。
HANSAE#17478E
RGB 23 71 142 · 深蓝色
→ B 靛蓝之夜#060B1AYES24#007DC3
RGB 0 125 195 · 亮蓝色
→ 计划一篇论文#F3F1E9
纸 → 纸
水→翡翠墨水
丝带→珊瑚
纸和线的材料
方案A让我想起一张暴露在早晨阳光下的桌子。象牙纸上放着一本用翠布包着的书，一条珊瑚丝带，一朵八瓣纸花。
Plan B让我想起了晚上的工作台上只亮着一盏灯。金线轴、蜡染布和蜂蜡绘图工具被放置在靛蓝布上。您可以通过向左或向右拖动中心线来比较两种材质。
A · Beyond Borders
纸室-
背景·53%纸张颜色比韩国纸暖一点。它被用来代替白色，使照片和文字看起来就像打印在纸上一样。
-
正文·商业场景·18%这是正文和“四种方式”场景的基础。我没有使用黑色，而是使用深绿色作为墨水颜色。
-
强调·最后一个场景·21%这是该时期、“继续”、名片和最后一个场景的颜色。
-
Line·2%这是划分章节的细线的颜色。
-
人文未来成长卡·1%这是第二张名片的基础。
-
义堂爱心分享卡·5%这是第三张名片的基础。
B·一根线
线程室-
背景·63%这是拉向夜空的靛蓝布的颜色。我将其设置为最暗，以便第一个屏幕上的电影持续整个页面。
-
场景·26%这是展览、书架、新闻场景的基础。
-
卡片·7%卡片和边框的颜色。
-
主题·强调·小于1%金线、年份和赞助按钮的颜色。尽管它只占屏幕的不到 1%，但您的眼睛首先会看到这种颜色。
-
浅色·小于1%这是光照射到线的部分的颜色。
-
文本·2%这是深色背景上文本的颜色。
单击色样将复制十六进制值。样本中的数字是与其上方文本颜色的亮度对比度，比率是通过计算两个提案的场景捕获中最接近每种颜色的像素计算得出的值。
08 / TYPOGRAPHY字体
书中的字母
线程的字母
方案A将韩文标题轻轻地写成“Pretendard 500”，并只将一两个英文单词改为Instrument Serif斜体，以赋予其类似手写的节奏。数字以大写字母 DM Sans 书写。
方案B的韩文标题是用 Maruburi 书写的，英文文本是 Cormorant Garamond 斜体。这两个提案的文本均为 Pretendard。
Instrument Serif Italic · 计划第一个屏幕
超越Beyond borders.
韩国和东盟
通过文化联系在一起
MaruBuri 600 · Plan B 第一屏
韩文标题伪装 500 · 方案A 标题
500 / -0.06em以文化开放，
与人交流。
我们相信文化将人们联系在一起。
DM Sans · A 中的数字
400Since 2014↗
Four ways to connect.
鸬鹚Garamond·方案B英文
斜体500Towards a Sustainable Cultural Future
迈向明天的可持续文化
09 / MOTION运动原理
就像翻页一样
就像关注一条线索
A 中的运动遵循手打开书本的速度，B 中的运动遵循线穿过织物的速度。在这两种情况下，滚动驱动运动，当操作系统减少运动时，它只显示最后一个场景。下面的四张牌实际上是沿着卷轴移动的。
当拱门变成屏风的那一刻
当您滚动并展开以覆盖整个屏幕时，方案A第一个屏幕上的拱门会展开其角。这张卡上的拱门也以与它经过时相同的方式打开。
电影跟随线索
Plan B 中的第一个场景根据滚动位置绘制了 237 帧。在通过这张卡的同时，还有60张卡以同样的方式通过。
一次开启一个词的信仰
在方案A的介绍性句子中，随着滚动，灰色字母逐字变暗，旁边的纸花一起旋转。这张卡上的徽章和花朵以同样的方式移动。
一条贯穿整个展览的线索
Plan B将七张展览海报悬挂在一根金线上，并将垂直滚动改为水平移动，让艺术家沿着金线行走。这张卡片上的线索和海报也沿着卷轴流动。
方案A·论文
超越国界以文化开放，以人为本
这是一个明亮打开的方向，就像打开一本书的一页一样。在第一个屏幕的拱门内，两个人一起观看作品。当您向下滚动时，拱形会在屏幕上展开，并且 8 秒的视频会随着您滚动而前后移动。四个项目横向翻转，下方依次放置着文化故事和新闻。
- 第一个屏幕上的拱门在屏幕上变宽，还有一段 8 秒的视频沿着卷轴移动。
- “分享文化的四种方式”横卡
- 用于共享公告和文化新闻的列表，用于减少屏幕上运动的按钮
Pretendard · DM Sans · Instrument Serif
DIRECTION NOTES
在方案A的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
- 通过文化开放，通过人际交往。
在第一个屏幕的拱门内，两个人一起观看作品。下面用大字写着“超越边界”。
- 直到拱门变成屏风
当你向下滚动时，拱门会扩展以覆盖整个屏幕，并显示“不同的文化，同一个明天”。出现在其上方。
- 一次开启一个词的信仰
当你滚动时，灰色字母会逐字变暗，只有“连接”变成珊瑚色。
- Four ways to connect.
水平翻转的卡片显示了分享文化的四种方式。第一张牌是东盟文化交流。
- 每张卡片的背景不同
未来人文成长是鼠尾草，义堂爱分享是粉红。为每个企业选择了一种颜色。
- 引起共鸣
第四张牌是汉萨经典歌曲。音乐厅的木色被转移到卡片背景上。
- 我们之间有一种文化
在文化故事中，《香烟女孩》和《冬之旅》以不同的尺寸并排放置。
- 共同开放的文化
最后一个场景显示让我们联系吧。珊瑚背景上的大字，并指导加入基金会的方式。
超越边界覆盖书架
一条线索跟随线索进入黑夜
方案B，实际
一根线韩国与东盟通过文化相连
这是一缕金线掠过夜色靛布的方向。当你向下滚动时，丝线一一穿过蜡染图案、展厅、打开的书本、表演厅的钢琴，直到到达海平面之上。这是一部用一条线索连接了基金会的五个场景的卷轴电影。
- 一部连接线索、展览、文学、音乐和明天的五章卷轴电影。
- 水平场景显示七个展览按时间顺序挂在一根线上。
- 表演厅通向一个书架，书架上摆着七本书，旋转成一圈，上面写着“Lied”字母。
- 2014 年至 2026 年的过渡年和基金会新闻
MaruBuri · Cormorant Garamond · Pretendard
DIRECTION NOTES
在方案B的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
- 韩国和东盟通过文化联系在一起
这是第一缕金线穿过靛蓝布的场景。线程流向屏幕右侧，通向下一个场景。
- 七个展览，来自六个国家的艺术家
线穿过蜡染图案，立在展厅的挂画前。一篇简短的文字改变了每一章。
- 诗歌与旋律相遇的舞台
看完书，你就会来到音乐厅的钢琴前。金线像钢琴上的旋律一样弯曲。
- 线程上的数字
2014年的启动数量、7个展览、7个系列和奖学金项目分散在一条线上。
- 七个展览
展览海报按时间顺序挂在一根线上。垂直滚动更改为水平移动。
- 旋转书架
该系列的七本书旋转一圈，上一本书的介绍从左边开始变化。
- Lied
表演场地在 Lied 的四个字母内可见，当你向下滚动时，字母会变大，场地也会打开。
- 基金会走过的路
左侧的大年份滚动显示从 2014 年到 2026 年。
10 / PROCESS从第一幅画到电影
不是想象中的风景
展厅的场景
方案A的第一幅图是一扇纸门，书柜层层弯曲，形成拱门。在内部审查中，基金会认为该作品更接近于展厅中的实际相遇，而不是想象中的风景，因此第一屏被改为两个人一起观看一件艺术品的场景。我保留了拱门的形状和我从图片中选择的三种颜色。
用一根线制作了六个场景。
方案B的第一个场景，我先画了六个场景，分别代表线、蜡染、展览、书籍、音乐和明天。调整构图，使上一个场景的结束与下一个场景的开始重合，一根金线穿过所有场景，成为五个视频。
01线一缕金线穿过靛蓝布。 
02蜡染线穿过金莲花图案。 
03展览展厅地板上挂着挂饰，线在流动。 
04书一根线穿过灯下一本打开的书。 
05音乐线程像音乐厅钢琴上的旋律一样蜿蜒。 
06明天一根线随着海平面上的光而散开。
这是一部金线穿过线、蜡染、展览、书籍和音乐到达地平线的电影。提案中，影片根据滚动位置来回翻转。
该视频为展厅场景添加了摄像机移动和光线的微妙变化。在该方案中，拱门在加宽的同时沿着卷轴移动。
11 / MOBILE移动端
即使在你手中
同样的纸和线
我经常用手机查看比赛新闻和表演信息。 方案A将Arch主屏幕重新调整为移动设备上的垂直比例，并将水平翻转的四个项目垂直堆叠起来。 方案B单独制作了一部237帧的竖屏电影。
COMPARE这两个方向有何不同？
打开同一个基础
纸和线
两个提案内容相同，但第一屏的内容不同。方案A 在明亮的纸上提供了基金会项目的快速概述，而方案B 则让您沿着一条线索深入了解基金会所建立的记录。我们对差异进行了整理，以便基金会可以根据他们想要在第一个屏幕上首先传达的场景进行选择。
分离A·超越国界B·一缕线
第一屏拱门内的展厅场景扩展到整个屏幕，8秒视频沿着卷轴移动一条线索穿过蜡染、展厅、书籍、钢琴和地平线的五章影片
颜色象牙色·翡翠色·珊瑚色靛蓝色·金线
字体伪装者 · DM Sans · 乐器衬线MaruBuri · Cormorant Garamond · 伪装者
展示企业的方式「分享文化的四种方式」横卡四家企业叠放的场景
展览和书籍名片内介绍和文化故事一条水平线连接七个展览和一个书架，书架上有七本书转动
音乐文化故事冬修卡艺术歌曲开场表演场地
新闻分为通知和文化新闻的列表通知和SNS卡片列表
重点放在哪里轻松的第一印象和快速的导航积累的历史记录和沉浸感
WOVEN LABEL
一根线，一页书
Hansae YES24基金会网站改版提案·超越国界·One Thread
- Client
- Hansae YES24 Foundation
- Project
- 网站改版提案 2026 年 10 月
- Research
- 官方历史：87个活动·7个国际文化交流展览·7个文学系列
- Brand Reading
- 名称中有两家公司（线程和书籍），徽标中有两家蓝色。
- Structure
- 五种类型的访客，两个提案中的场景顺序
- Direction A
- Beyond Borders · UI设计，Arch主屏，8秒滚动视频
- Direction B
- 一缕缕，UI设计，五章卷轴影片，横向展览场景
- Mobile
- 垂直屏幕场景重建，仅纵向胶片帧
- Typefaces
- Pretendard · DM Sans · Instrument Serif · MaruBuri · Cormorant Garamond
- Studio
- BlueCanvas
YOUR NEXT CHAPTER
如果您想展示从各个方向堆积起来的作品
如果您想展示从各个方向堆积起来的作品
作为一件作品
我首先整理一下展览、书籍、奖学金、表演等各个领域积累的记录的展示顺序。
其他项目
-
艺术 · 经纪
ENART
当代艺术经纪公司的网站改版提案。出发点是发现标志用印刷油墨的青色和品红印制。内容包括按工作类型分析 23 个公开作品、以展览的开始与结束编排的场景顺序、白天与夜晚两套配色、ART IN MOTION 与 PASSAGE 两个方案，以及穿过 3D 丝带和四个画框的滚动影片。
-
基金会 · 非营利
Purme Foundation
非营利基金会的网站改版提案。品牌解读从标志中的三棵树出发，内容包括蓝色与新芽青柠色的配色、无障碍标准和四个方案。
-
媒体 · 出版
Munhakdongne Publishing Group
出版集团的网站改版提案。品牌解读从名称中的“dongne（街区）”一词出发，内容包括取自纸张、墨和书签带的配色、四个方案，以及找书与阅读连载的体验。