申请项目咨询 跳至项目介绍

PLATE C · #00A0E9标志中的E是印刷油墨的颜色
青色

PLATE M · #E4007FT 是洋红色

C + M中间的紫色是
两种墨水重叠的地方

ENART · WEBSITE RENEWAL PROPOSAL

从展览开始到本书的最后一章

当代艺术机构ENART网站改版提案
ART IN MOTION·PASSAGE 两个方向

阅读案例
01 / OVERVIEW项目概况

一家当代艺术机构,负责规划、提供信息并留下
一本书

ENART是一家策划、推广和出版当代艺术展览的当代艺术机构。宣布了韩世YES24财团国际文化交流展和现代汽车公司的展览及艺术赞助项目,并作为艺术家姜益中的经纪公司,在2024年埃及金字塔国际展《Forever Is Now》上首次以韩国艺术家身份呈现《四庙》。我们还出版现代汽车公司的艺术赞助系列『现代汽车艺术』和『MMCA 现代汽车系列 2014-2023』等艺术书籍。

BlueCanvas 提出了重新设计 ENART 网站的两个方向。 ART IN MOTION 白天和展厅一样明亮,而 PASSAGE 可以让你在夜间从展厅走到金字塔前面。在此页面上,我们总结了导致这两个提案的品牌解释、结构、颜色、字体和运动。

CLIENT
ENART ENART
当代艺术机构
SECTOR
展览策划、推广、出版
儿童博物馆体验式教育
OUR ROLE
研究、品牌解读、信息结构、UI设计、动态图形、3D·卷轴电影
DELIVERABLE
2种主要提案、手机屏幕、3D建模/卷轴胶片、颜色/字体指南
  • 23公共组合中组织的项目
  • 4负责推广的汉萨YES24财团国际文化交流展
  • 10『MMCA 现代汽车系列赛』包含赞助期限(年)
  • 2024韩国艺术家首次《Forever Is Now》展览
02 / CHALLENGE起点

当前网站的主屏幕
  1. 1三张照片幻灯片上方放置了“ENART介绍”和“ENART与我们在一起”等标题。
  2. 2六个投资组合依次放置在大小相等的单元格中。
  3. 3出版的书籍分为作品集和新闻卡。

FOUR QUESTIONS

续订从
四个问题开始

  1. Q1
    你能在第一个屏幕上看出这是一家什么样的公司吗?

    目前,照片幻灯片上仅放置“ENART简介”等标题。这两个提案都在第一个屏幕上用一句话描述了 ENART 的作用。

  2. Q2
    在金字塔前举办的展览可以和其他例子一样大吗?

    方案A展开代表性示例以填充屏幕的宽度,方案B在金字塔前面创建一个单独的金色框架场景。

  3. Q3
    我应该把已出版的书放在哪里?

    目前,这本书分为作品集部分和新闻卡。 方案A有一个过滤器,仅过滤掉出版物,方案B有一个将书籍聚集在一起的书架。

  4. Q4
    策划、推广、出版、教育可以看作一个流程吗?

    两项提案都对展会开幕前至闭幕后的商业区域进行了重新排序。

23 PROJECTS, SORTED

如果我们按照工作类型来划分这二十三个案例,

23 个公共作品集按最近的时间排序,然后按工作类型重新分组。推广占最多,有 10 个,其次是展览和项目,有 5 个,出版物有 3 个。虽然只有三本书,但每本书都包含了多达10年的记录。

  • 中号公关10
  • C展览·项目5
  • K出版3
  • Y教育2
  • –代表性书籍和广播3
03 / NAME重读标志

名字中间有
“Ann”。

在创建新标志之前,我们重新阅读了当前标志。整个网站的故事源自于它们下面的五个字母ENART、Art Event & Education,以及从青色到洋红色的颜色过渡。

01 · E & ART

李·安·艺术

如果你大声读 ENART,那就是 Lee,Anne,Art。中间的“安”读起来与英文单词and相同,而标志下的句子“Art Event & Education”也包含&。我们读这个名字的意思是一家连接艺术和人的公司。

02 · ONE SHAPE

三个连续的字母

N、A、R 三个字母共用支柱。 N的右柱成为A的左柱,A的对角线在R的柱下方结束。我读到了这篇不间断的文章,与ENART的工作重叠,从策划到推广和出版。

03 · HAIRLINE

相同粗细的细线

五根字母柱都是粗细相同的细线。朴素的线条不会掩盖作品。这两项提案还以宽边距和细线划分屏幕,而不是大胆的装饰。

04 · TWO INKS

两种墨水

如果我们一一看标志的颜色,E是#00A0E9,T是#E4007F。在印刷中使用的四基色油墨中,100%青色和100%品红色是转移到丝网颜色时常用的相同值。

05 · OVERPRINT

查看重叠的图像

中间A的紫色是两种墨水重叠的地方。如果您向后计算每列的两种墨水的密度,青色会从 100% 到 0%,洋红色会从 0% 到 100%。由于出版这本书的公司名称是用印刷油墨的颜色印刷的,所以我决定也从油墨和纸张中选择这两个提案的颜色。

04 / WORK英纳特的作品
  1. 从展览开幕前
    到书出版后

    ENART 的作品在每次展览中均按时间顺序排列。两个提案中的场景序列都来自这条线。

  2. 姜益中,《双色月坛》,2019
    图版1-1姜益中,<双色月坛>,2019
    开幕前

    01 · ART EVENT

    规划

    我们策划并举办与艺术相关的活动,例如当代艺术展览、艺术讲座和教育项目。我还负责纽约艺术家姜益中的经纪公司。

  3. 《拥抱马来西亚》展厅,2023
    图版2-1《拥抱马来西亚》展厅,2023
    《泰国当代艺术:梦想与思考》,2025
    图版2-2《泰国当代艺术:梦想与思考》,2025
    开幕

    02 · COMMUNICATION

    晋升

    确定促销点,撰写和分发新闻稿。我们会见媒体,举行新闻发布会,并确保展览在日报、广播电台和艺术月刊上发表。

  4. 『MMCA Hyundai Motor Series 2014-2023』
    图版3-1『MMCA现代汽车系列2014-2023』
    『Hyundai Motor Art 2014-2021』
    图版3-2『现代汽车艺术2014-2021』
    『Hansae YES24基金会十周年白皮书』
    图版3-3『Hansae YES24基金会十周年纪念白皮书』
    关闭后

    03 · PUBLISHING

    出版

    我们策划并出版总结公司和机构艺术活动的书籍。现代汽车公司的艺术赞助系列《现代汽车艺术》于2015年至2021年出版。

  5. 《儿童接触:米开朗基罗特展》讲座中涉及的〈圣母怜子图〉
    图版4-1《圣母怜子图》《儿童接触:米开朗基罗特展》讲座中的内容
    下一位观众

    04 · EDUCATION

    教育

    我们通过参观艺术博物馆和画廊展览来欣赏和体验艺术作品,为孩子提供个人和团体教育。

  6. 艺术家朴钟奎在埃及吉萨金字塔前沙漠中的装置作品
    图版 5金字塔的钟奎公园,2025 年

    05 · WORLD

    从首尔展览馆到吉萨金字塔

    这个顺序在跨国界都是相同的。 2024年和2025年,ENART引进的韩国艺术家的作品将矗立在埃及吉萨金字塔前。

05 / STRUCTURE参观者及场景秩序

打开 ENART 网站
四种类型的人

访问艺术机构网站的不仅有寻求委托工作的公司和基金会的代表,还有为孩子寻求艺术教育的作家、记者和家长。由于每个来访的人想要检查的信息不同,我们首先决定每个人将到达哪个场景。

  • 01企业和基金会的文化赞助商

    了解我们共同创作了哪些展览和书籍以及它们如何在媒体上发表。

    代表性案例及出版物
  • 02艺术家和画廊

    我们正在寻找海外展览和代理经验。

    永远就是现在·我走过的路
  • 03记者和艺术行业官员

    查找展览新闻、新闻稿和联系信息。

    新闻/查询
  • 04家长和老师

    了解如何申请儿童博物馆体验式教育。

    业务领域/询价

网站
它被规划成一条展览路线。

在展厅里,先确定参观者的行走顺序,然后再悬挂作品。对于两个提案的主屏幕,场景顺序以相同的方式确定。第一个场景介绍公司,经过策划、推广、发布场景,最后到达询问。彩色点是每个场景所显示的内容。

  • 规划
  • 促销
  • 出版
  • 教育
  • 简介·查询

A · ART IN MOTION

  1. 01艺术在运动。跟随鼠标倾斜的 3D 功能区
  2. 02关于艺术与人的新接触点
  3. 03作品精选四个代表性案例·展览与出版过滤
  4. 04从相遇到记忆作品→展览现场→书籍
  5. 05我们做什么四大业务领域
  6. 06艺术连接我们姜益中的Moon Jar
  7. 07期刊最近的三则新闻
  8. 08我们来谈谈联系方式

B · PASSAGE

  1. 01PASSAGE滚动的胶片穿过四个相框
  2. 02规划文字·数字开始和结束,4·110·10·2
  3. 03永远就是现在金字塔前的三件作品
  4. 04展览开始与结束策划·推广发布·教育卡
  5. 05精选作品十一幅作品的画廊墙
  6. 06我们走过的路我们每年做什么
  7. 07书中记录书架上有八本书
  8. 08新闻·人员新闻媒体和代表·总监
  9. 09新闻和材料最近的三则新闻
  10. 10询问询问表格
06 / COLOR色卡

我从两种墨水中选择了
白天和夜晚。

白纸上青色墨水和洋红色墨水重叠的地方会出现深紫色。

当你重叠它们时你看到的颜色

徽标印有青色和洋红色。这两个提案没有按原样使用这两种颜色,而是从墨水重叠时创建的颜色开始。如果我们将两个提案的代表色划分为墨色的话,它们与标志的两种墨色相差不远。

  • 方案ACobalt#2349E8C85 M69 Y0 K9

    它接近与青色和洋红色重叠的蓝色。这是“直到艺术到达人们手中”这一场景的基础。

  • 方案AVermilion#EE492CC0 M69 Y82 K7

    它更接近红色,与洋红色和黄色重叠。这是丝带雕塑和门景的颜色。

  • 方案BNight#0A0F1EC67 M50 Y0 K88

    它是栗色海军蓝,在青色和洋红色上涂有墨水。这是整个页面的基础。

  • 方案BGold Leaf#D4AF6AC0 M17 Y50 K17

    它是金色的,黄色中添加了一点洋红色和墨水。这是框架、数字和按钮的颜色。

CMYK 值是在没有打印配置文件的情况下简单转换的屏幕颜色的近似值。

白天的成分和晚上的成分

方案A设想了一个阳光照射的工作台。我将朱红和钴墨水样品放在象牙纸上,并将丝带雕塑写在第一个屏幕上。

Plan B让我想起了日落后的展厅。我将金框边缘、金箔和奶油色纸放在一块海军蓝色的布上,然后仅打开一个支架。您可以通过向左或向右拖动中心线来比较两种材质。

Plan A ART IN MOTION 的材料板:朱红和钴墨水样品以及象牙纸上的朱红和铬丝带雕塑。
Plan B PASSAGE的材料板:金色框边、金箔和米色纸放在栗色蓝色布上。

A · ART IN MOTION

白天展厅
  • 背景·35%这是展厅墙壁和纸张的颜色。它的色调比白色低一种,以使照片和雕塑漂浮起来。

  • 案例·25%代表性案例和新闻是本章的基础。让它比象牙色亮一点,以表明纸张正在变化。

  • 雕塑·询问·16%这是丝带造型、时期和LET’S TALK场景的颜色。

  • 文本·15%大标题和正文的颜色。我没有使用完全的黑色,而是使用了稍微温暖的墨水颜色。

  • 过程·9%这是场景和十二生肖“直到艺术到达人们”的基础。

B · PASSAGE

夜晚的展厅
  • 背景·73%这是金字塔上方夜空的颜色。我将其保持黑暗,以便第一个屏幕上的电影在整个页面上持续播放。

  • 卡片·24%卡片、书架和画廊墙的基础。

  • 框架·强调·1%金框、数字和按钮的颜色。虽然它只占屏幕的 1%,但你的眼睛首先会看到这种颜色。

  • Light · 1%这是照明区域的颜色和斜体强调。

  • 文本·1%这是深色背景上文本的颜色。我没有选择白色,而是选择了旧纸张的颜色。

单击色样将复制十六进制值。样本中的数字是与其上方文本颜色的亮度对比度,比率是通过计算两个提案的场景捕获中最接近每种颜色的像素计算得出的值。

07 / TYPOGRAPHY字体

海报上的字母
目录中的字母

方案A用一根巨大的绳索填满屏幕,就像展览海报一样,只将一两个单词改为斜体衬线,以赋予其节奏。当您滚动时,下面的示例的粗细会从 200 变为 800。

对于 方案B,我们选择了与目录和展览墙文本相匹配的衬线。两个提案的英文标题均设置为 Cormorant Garamond,韩语标题设置为 Noto Serif KR,正文均设置为 Pretendard。

Manrope · 方案A 标题wght 200

ART IN MOTION.

Manrope + Georgia Italic · 方案A600 / Italic 400

Beyond
the ordinary.

From idea. To impact. · In the picture.

鸬鹚加拉蒙·方案B英文斜体400·500

Forever Is Now

Selected Works · Art Event & Education

Noto Serif KR · Plan B 韩文标题400 · 500

为工作打开与世界接轨的道路

该记录保留在一本书中。

08 / MOTION运动原理

仿佛我站在一件艺术品前
我慢慢靠近

两个方案的移动都遵循观众在作品前行走的速度。当你向下滚动时,雕塑旋转,进入框架,字母逐字亮起。当您滚动并跟随鼠标时,下面的四张卡片实际上会移动。

朱红色外表面与镀铬内表面连为一体的丝带设计
01 · LIVE SCULPTURE · A

活雕塑

方案A第一个屏幕上的丝带不是视频,而是浏览器直接绘制的3D雕塑。当您将鼠标移到这张卡上时,功能区会随之倾斜,而当您向下滚动时,功能区会旋转。

Plan B第一场画面:进入展厅的流程画面
02 · FRAME IN FRAME · B

框架内的框架

Plan B 中的第一个场景根据滚动位置绘制 300 帧。在通过这张卡的同时,还有60张卡以同样的方式通过。

03 · WORD BY WORD · A

句子一次点亮一个词

在 方案A的介绍性句子中,当您滚动时,灰色字母一次会变为黑色。这张卡上的徽章以同样的方式点亮。

04 · GALLERY WALL · B

水平行走墙

方案B的代表作品将垂直滚动改为水平移动,让人感觉仿佛走在挂在墙上的作品前面。这张卡内的小墙也随着卷轴移动。

方案A · 天

ART IN MOTION连接艺术与世界的新运动

白天就像展厅一样明亮。大字母和朱红/铬丝带雕塑被放置在象牙纸上,丝带随着鼠标和滚动缓慢旋转。钴色的场景展示了 ENART 作品的顺序,卡片从作品移动到展览现场,再回到书籍。

  • Three.js 响应鼠标和滚动的 3D 带状主屏幕
  • 四个代表性案例、展览/出版物过滤器和项目详细信息窗口
  • 钴舞台卡从工作→展览现场→书籍过渡
  • 有关 Accordion 和 LET’S TALK 的咨询,展开四个业务领域
Manrope · Georgia Italic · Pretendard
DIRECTION NOTES

在方案A的场景中,我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。

  1. ART IN MOTION.

    朱红色和铬色的丝带漂浮在充满屏幕宽度的字母之间。它会随着鼠标稍微倾斜。

  2. 艺术与人之间

    当您向下滚动时,灰色字母一次会变为黑色。只有最后一段是朱红色的。

  3. Beyond the ordinary.

    代表性示例展开以填充屏幕宽度,并且可以按“全部”、“展览”、“项目”和“出版物”进行过滤。

  4. 书倾斜

    白皮书和赞助记录簿的封面微微倾斜,看起来就像是一本放在桌子上的书。

  5. 直到艺术到达人们手中

    在钴场景中,工作卡是第一位的。向下滚动以移至下一张卡片。

  6. 从田野到书本

    第二张卡片是展览现场,第三张卡片是书籍。这与 ENART 中的事件顺序相同。

  7. From idea. To impact.

    四个业务领域就像黑暗篇章中的手风琴一样展开。

  8. 超越边界。向着内心。

    我在艺术家姜益中的月坛上放了一句话,让画面沿着卷轴慢慢移动。

ART IN MOTION白天离开展厅

PASSAGE进入夜间展厅

求婚B·夜

PASSAGE为作品打开一条遇见世界的路

这个方向是从晚上的展厅开始的。如果你在第一个屏幕上向下滚动,你就会进入照亮的框架,经过新闻发布会室和书架,然后站在金字塔前。这是一部以四个画面串联起ENART策划、推广、出版、世界四个场景的卷轴电影。

  • 300帧卷轴电影依次经过四个画面
  • 《永远是现在》三幅作品在金字塔前的金色框架中变化
  • 画廊墙上水平悬挂着十一幅作品
  • 我们每年走过的路和书架上的八本书
Cormorant Garamond · Noto Serif KR · Pretendard
DIRECTION NOTES

在方案B的场景中,我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。

  1. 开启作品走向世界的道路

    光线照射在漆黑的展厅墙壁上的相框上。向下滚动进入框架。

  2. 框架内的书架

    经过新闻发布厅,映入眼帘的是一个旧书架。下一个场景是金字塔,可以在书架末端的框架中看到。

  3. 我们站在世界舞台

    经过最后一个相框后,您将站在金字塔前。它是一种在一个场景中包含下一个场景的结构。

  4. 四个数字

    4次,110分,10年,2次。数字以金色衬线计数,解释用一句话写成。

  5. Forever Is Now

    金字塔前的金色边框填满了整个屏幕,其中三幅作品依次变化。

  6. 展览开始和结束

    让我们通过叠牌来看看这三个业务领域。

  7. Selected Works

    十一件作品按照框架的比例水平悬挂。垂直滚动更改为水平移动。

  8. 记录保留在书本中

    出版的八本书像书架一样聚集在一起。如果将鼠标悬停在其上,就会出现该书的封面。

09 / FILM四个场景和电影

我将
下一个场景放在一个场景中。

方案B的第一个场景,我画了四个独立的场景,分别代表策划、推广、出版和世界。每个场景中间的帧都经过组合,以便包含下一个场景,四个场景连接成一部 10 秒的影片。 方案A中的丝带最初创建为6秒视频,但在提案中改为实时3D。

  1. 晚上是一个展厅,有一个巨大的发光相框。该帧包含以下场景:
    01规划·展厅这是一个夜晚的展厅,有一个巨大的发光相框。该帧包含以下场景。
  2. 这是一个新闻发布厅,有舞台和摄影师。您可以看到舞台后面的相框内有一个书架。
    02公共关系·新闻发布厅这是一个有舞台和摄影师的新闻发布厅。舞台后面的框架中可以看到一个书架。
  3. 这是一张长桌子,有一个支架和高高的书架。书架尽头的相框内有一个金字塔。
    03出版·书架一张长桌子,配有一个支架和一个高书柜。书架尽头的相框中有一座金字塔。
  4. 银河下的吉萨金字塔前矗立着一个金色相框。影片以这一帧的夜空结束。
    04世界·金字塔银河下的吉萨金字塔前矗立着一个金色的相框。影片在这一帧的夜空中结束。
B · PASSAGE · 16:9 · 0:10

这段视频同时经历了四个画面,从展厅墙上的画框开始,穿过新闻发布厅和书架,最后到达金字塔前。

A · ART IN MOTION · 4:3 · 0:06

这是一段朱红色和铬色丝带缓慢旋转的视频。我们按原样渲染了提案的 3D 场景。

10 / MOBILE移动端

即使在你的手掌中
同样的白天和夜晚

我经常在旅途中用手机查看展会新闻。 方案A在移动主屏幕上放置了一个透明背景的雕塑图像,以在不绘制3D的情况下创造相同的第一印象,而方案B则专门为竖屏重新制作了150帧的电影。水平流动的箱子和卡片改为垂直流动。

方案A·主屏手机屏
A · 主屏幕
方案B·主屏手机屏
B · 主屏幕
方案A·代表性示例移动屏幕
A·代表性案例
方案B·永远就是现在手机屏幕
B · Forever Is Now
方案A·步卡手机屏
A·舞台卡
方案B·儿童博物馆体验式教育手机屏
B·儿童美术馆体验式教育
方案A·LET’S TALK手机屏幕
A · LET’S TALK
方案B·在手机屏幕上记录为一本书
B·书本上的记录
COMPARE这两个方向有何不同?

介绍同一家公司
日日夜夜

两个提案内容相同,但第一屏的内容不同。 方案A通过动作和代表性示例生动地讲述故事,而 方案B则通过通向金字塔的记录深深吸引您。我们整理了差异,以便企业可以根据自己想要在首屏首先传达的场景进行选择。

分离A·艺术动态B·PASSAGE
主屏幕响应鼠标和滚动的 3D 丝带和 ART IN MOTION。滚动胶片穿过四个相框到达金字塔的前面
颜色象牙色·亚麻色·朱红色·墨色·钴色栗蓝色·深蓝色·金箔·奶油色
字体Manrope 和一两个斜体衬线字Cormorant Garamond · Noto Serif KR
如何展示商业领域在钴场景中,卡片从工作→场地→书籍依次传递「展览的开始和结束」,三张卡片叠在一起
如何展示示例四个代表性示例,展览/出版过滤器,详细信息窗口横向悬挂11件作品的画廊墙
海外展览以开罗汇合为代表永远现在在吉萨金字塔作为一个单独的金色框架场景
书籍出版物过滤器和「发布·记录」级别卡「记录仍为书籍」书架,共有八本书
权重放在哪里动作与第一印象、代表性实例沉浸与记录、海外展览
11 / CREDITSBLUECANVAS · WORKS 2026

EXHIBITION CREDITS

从展览开始
到本书最后一章

ENART网站改版提案·ART IN MOTION·PASSAGE

Client
ENART
Project
网站改版提案 2026 年 10 月
Research
23 个公共投资组合、业务领域和出版物的摘要
Brand Reading
名字(李·安妮·阿特)后面跟着N·A·R,两种墨水
Structure
参观者定义、展览开始和结束的场景顺序
Direction A
ART IN MOTION·UI设计、Three.js 3D功能区、步骤卡
Direction B
PASSAGE·UI设计、四框卷轴电影、画廊墙
Mobile
竖屏场景重构与检查
Typefaces
Manrope · Cormorant Garamond · Noto Serif KR · Pretendard
Studio
BlueCanvas

    Contact

    即使想法还不成熟也没关系。
    让我们一起 梳理您的项目

    请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。

    4个问题 · 约2分钟

    项目范围

    希望我们一起做哪些工作?

    可以多选。如果还没确定,请选择“其他”。

    预算

    您考虑的预算范围是多少?

    只提供大致范围,也能帮助我们制定方案。

    项目说明

    请告诉我们目前的情况。

    不用写得很完整。点击下面的项目会自动填入框架。

    0

    最多可上传 2 份 RFP 或参考文件。支持:PDF、PPT、Word、Excel、JPG、PNG、ZIP

    联系方式

    我们回复到哪里?

    请填写工作范围、预算、项目说明与联系方式。