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

经济·人文社会研究会NRC · HOMEPAGE RENEWAL · 2026

两个半圆相遇之处

经济·人文社会研究会网站,是二十六家国家级研究机构的研究通往政策与国民的必经之路。这是我们分三轮重新描绘这个网站的记录。
6个运营改进页面 · 研究会介绍影片 · 2套改版方案

阅读案例

01 · TWO HALVES研究会的标志是两个半圆
左上代表经济,右下代表人文社会科学

02 · 26 INSTITUTES它的周围有二十六家国家级研究机构
从经济 · 工业到行政 · 法律 · 统一,共分为五大领域

03 · 4,581 RESULTS各机构的研究已累积为4,581项成果
报告、简报、视频和卡片新闻汇聚一处

01 / OVERVIEW项目概况

研究成为政策的
必经之路

经济·人文社会研究会(NRC)是国务总理下属的公共机构。它支持并评估从韩国开发研究院到育儿政策研究所的二十六家经济 · 人文社会领域政府资助研究机构,组织机构之间的合作研究,并对外发布研究成果。网站是这些成果抵达政策制定者和国民的第一站。韩文与英文网站、每年出版两期的网络杂志《Future Policy FOCUS》、每周发送给约3,000人的新闻简报,都经由这里发布。

我们把这个网站重新描绘了三次。10月中旬,在现有框架上做了解决运营问题的六个页面;10月底,做了一部介绍研究会的滚动影片;11月,则以从头改版的思路做了两个方向的首页方案。本页按顺序整理了这一过程中解读的标志与颜色、亲手清点的数字,以及选用和舍弃的页面。

CLIENT
经济·人文社会研究会(NRC)
国务总理下属公共机构
SITE
nrc.re.kr
韩文 · 英文 · Future Policy FOCUS
OUR ROLE
现状诊断、信息结构、
UI · 动效设计、页面方案
DELIVERABLE
6个运营改进页面 · 1部介绍影片,
2套改版首页方案
  • 26家所辖研究机构从经济、工业到行政、法律、统一
  • 4,581件研究成果栏目2026年11月1日亲自清点的数字
  • 3,000名每周收到新闻简报的人每周发送给大约 3,000 人
  • 2期每年出版的网络杂志Future Policy FOCUS · 每期 20 至 30 篇文章
  1. 测量现有页面

    我们分别打开韩文、英文、网络杂志的首屏3次,记录显示时间和传输量。

  2. 第一轮提案6个运营改进页面

    我们把被弹窗遮挡的首屏、网络杂志文章、横幅管理、满意度调查和新闻简报收件人管理都做成了页面。

  3. 第二轮提案研究会介绍影片

    我们制作了一个滚动式落地页,用粒子描绘标志的两个半圆和二十六家机构。

  4. 清点4,581项成果

    按类型 · 主题清点研究成果栏目,重新梳理了信息结构。

  5. 第三轮提案两个方向的改版方案

    我们制作了从标志形态出发的 TWO HALVES,以及从用户问题出发的 QUESTION FIRST。

02 / SYMBOL两个半圆

太极的上半部分:
两个半圆

研究会的标志由一个灰色穹顶和两个半圆组成。我们在官方标准组合图片上测量比例,发现穹顶是宽4、高1.6的半椭圆,两个半圆的直径正好是穹顶宽度的一半。只有理解了这个简单的比例,才能在移动、拉伸、拆分图形时,依然保持研究会标志的样子。

4 1.6 2 经济社会研究会1999 人文社会研究会1999 经济·人文社会研究会2005.7
  1. 01基准线

    所有图形都从一条水平线开始。灰色穹顶和珊瑚色半圆在线的上方,海绿色半圆在线的下方。

  2. 02灰色穹顶 · 4 : 1.6

    在官方标准组合上测量,穹顶的宽高比为4比1.6。它比同宽的半圆更低,给人的印象不是向上耸起,而是向两侧宽阔地环抱。

  3. 03珊瑚色半圆 · 经济

    这是穹顶内左侧的半圆,直径为2,正好是穹顶宽度的一半。研究会解释说,这个半圆代表追求幸福与繁荣的经济性。

  4. 04海绿色半圆 · 人文社会

    右侧的半圆落到基准线下方,代表人本主义与福利社会。超出穹顶之外的图形,只有这一个半圆。

  5. 05S形 · 太极

    把两个半圆的弧线连起来,就是太极的S形曲线。再用虚线把圆补全,标志就像是把太极的上半部分稍稍压扁的样子。研究会把它称为融合的理念。

  6. 061999 · 两个研究会

    研究会并非一开始就是一个。1999年3月,经济社会研究会和人文社会研究会分别成立。

  7. 072005 · 一个研究会

    2005年7月,两个研究会合并为经济·人文社会研究会。标志中的两个半圆,也与研究会的历史相互重合。我们把这种重合作为所有方案的出发点。

经济·人文社会研究会的标志以象征宇宙与大韩民国的太极图像为基本表现。左侧的半圆代表追求幸福与繁荣的经济性,右下方的半圆象征人本主义与福利社会,以此象征研究会的融合理念。

经济·人文社会研究会宣传中心 · CI 介绍
03 / COLOR颜色

在白色背景上
无法成为文字的颜色

研究会的官方颜色有珊瑚色、海绿色、灰色三种。三者都是降低了饱和度的柔和色彩,在标志中搭配得沉稳和谐;但在白底上用作文字时,明度对比只有1.9:1、2.3:1、3.4:1,都达不到公共网站正文4.5:1的标准。反之,在深色背景上分别达到11.0:1、8.9:1、6.1:1,已经足够。

所以我们把颜色分成两层。官方颜色原样用于大面积色块、大图形和深色背景上的文字;白底上的文字和细线,则另建一套保持同一色相、只降低明度的色阶。

  • NRC 珊瑚色NRC Coral
    HEX
    #DCB496
    PANTONE
    727UP
    CMYK
    C8 M25 Y40 K0
    RGB
    R220 G180 B150
    左上半圆 · 经济
  • NRC 海绿色NRC Seagreen
    HEX
    #88B29F
    PANTONE
    557UP
    CMYK
    C41 M5 Y33 K1
    RGB
    R136 G178 B159
    右下半圆 · 人文社会
  • NRC 灰色NRC Gray
    HEX
    #8C8A88
    PANTONE
    2332UP
    CMYK
    C2 M0 Y0 K57
    RGB
    R140 G138 B136
    穹顶
  • 主标准字Main Logotype
    HEX
    #212121
    CMYK
    C0 M0 Y0 K90
    RGB
    R33 G33 B33
    韩文/英文名称
  • 辅助标准字Sub Logotype
    HEX
    #555555
    CMYK
    C0 M0 Y0 K80
    RGB
    R85 G85 B85
    补充信
官方颜色白色背景 #FFFFFF墨色背景 #212121黑色背景 #000000
NRC 珊瑚色 汉字 Aa1.9:1不可用于文字 汉字 Aa8.4:1可用于正文 汉字 Aa11.0:1可用于正文
NRC 海绿色 汉字 Aa2.3:1不可用于文字 汉字 Aa6.8:1可用于正文 汉字 Aa8.9:1可用于正文
NRC 灰色 汉字 Aa3.4:1仅限大号文字 汉字 Aa4.6:1可用于正文 汉字 Aa6.1:1可用于正文
TEXT-SAFE STEPS

同一色相,不同明度

400为官方颜色。在白底上,500、600、700分别是首次达到大号文字(3:1)、正文(4.5:1)、小号文字(7:1)标准的明度。点击色块,可在右侧用实际文字查看效果。

珊瑚色
海绿色
灰色的
白色背景4,581 项研究成果

我们寻找有助于政策实践的研究。

4.5:1可用于正文
墨色背景4,581 项研究成果

我们寻找有助于政策实践的研究。

3.5:1仅限大号文字

选定的颜色 #917058 珊瑚色 600

合作研究报告

2026年10月22日·研究会

把官方颜色用在文字上在白底上只有1.9:1 · 2.3:1,难以阅读。
合作研究报告

2026年10月22日·研究会

大面积用官方颜色,文字用 600 级色阶对比度超过4.5:1,看起来仍是同一种颜色。
合作研究报告

2026年10月22日·研究会

第一轮页面方案的蓝色 #3447CA读起来很容易,但研究会的颜色只留在了标志里。
04 / CHECK现有页面

我们先从
遮住首屏的东西看起

2026年10月,韩文网站的首屏被两个宣传用户满意度调查的弹窗盖住。在手机上,弹窗几乎遮住了整个屏幕。既要让通知传达出去,又不能遮挡首屏,因此第一轮页面方案先从把弹窗移到最上方的顶部横幅和正文中的弹窗区做起。

  1. 01两个弹窗盖住了首屏的标题和搜索框。
  2. 02有期限的通知收进最上方的顶部横幅。点击“今日不再显示”后,顶部横幅也会消失。
  3. 03网络杂志出刊之类的宣传内容,在正文中的弹窗区依次轮播,并设有暂停按钮。
BASELINE · 2026.10.13

10月13日,我们亲自测量了公开页面

首屏的主要内容1秒多一点就能显示。但韩文首页要全部加载完需要4秒以上,传输量约达64MB。只要主视频以静止画面开始、页面外的图片延后加载,这部分重量就能减下来。

页面显示主要内容 · 总加载时间(秒)请求传输量
韩文首页PC 4.2秒1.3秒 169 个 约 64 MB
韩文首页移动端 4.1秒1.0秒 160 个 约 64 MB
Future Policy FOCUSPC 2.0 秒2.0 秒 66 个 约 14 MB
英文首页PC 0.7秒0.5秒 62 个 约 13 MB

在办公室网络下用 Chromium 把每个页面各打开3次,取测量的中位数。PC 画面宽1,440px,移动端画面宽390px;数值会因测量时弹窗和视频的显示状态而变化。

05 / DATA4,581项

我们亲手清点了
4,581项研究成果

研究成果栏目汇集了研究会和二十六家机构的报告、简报、多媒体内容和资料。2026年11月1日,我们在列表页上按类型和主题逐一清点了数量。下面每个点代表一条内容。

四种类型中,多媒体内容最多,有1,960件。其中视频就有1,366件,这个栏目早已从“存放长篇报告的地方”变成了“快速浏览的地方”。

  1. 报告1,274 件 · 27.8%合作研究报告 981 · 其他研究报告 293
  2. 简报649 件 · 14.2%研究机构简报 265 · 全球议题简报 112 · NRC 政策简报 112 · 政策研究平台简报 82 · 研究趋势 39 · NRC 政策研究动向 26 · NRC 数据简报 13
  3. 多媒体内容1,960 件 · 42.8%视频 1,366 · 帖子 465 · 卡片新闻 112 · 图解资料 12 · 网络漫画 5
  4. 资料698 件 · 15.2%活动资料集 469 · 评估资料 122 · 其他资料 107

来源:经济·人文社会研究会网站研究成果栏目列表(2026年11月1日)。类型沿用栏目原有的分类;主题是按16个分类分别筛选统计的数值,因此另外列出了不属于任何分类的180件。阅读时间是按内容形式估算的分组。

06 / ROUND 1第一轮 · 运营改进页面

在现有框架内
解决运营问题

第一轮提案选择不推翻网站。菜单和页面结构保持不变,把负责人每周都会遇到的工作整理成六个页面。韩文首页我们在一个晚上画了四版,最后两版作为方案A和方案B提交。

  1. 1深色视觉与弹窗区

    第一版首页把搜索框放在漂浮着天平图案的深色主视觉上,右侧加上了弹窗区。

  2. 2宋体标题与奶油色背景

    第二版首页把标题换成宋体、背景换成奶油色,研究成果则分为一个大封面和一个列表。

  3. B搜索居中

    方案B把标题和搜索框立在页面中央,弹窗区和活动日程放在下方一行。

  4. A大幅主视觉中的搜索

    方案A把内含搜索框的大幅主视觉与弹窗区并排放置,活动日程和三个快捷入口放在下方一行。

MAIN · A / B

搜索框该放在哪里

两个方案的区别在于搜索框的位置:方案A放在主视觉里,方案B放在页面中央。滚动时,画面会按方案A、方案B、两案并排的顺序从上往下移动。也可以用按钮直接选择。

第一轮韩文首页方案A:内含搜索框的大幅主视觉与弹窗区、活动日程与快捷入口、研究成果与公告
第一轮韩文首页方案B:居中的标题与搜索框、弹窗区与活动日程、研究成果卡片与公告 · 快捷入口
SIX SCREENS

我们沿着运营负责人的一年,画了六个页面。点击页面可查看大图。

  1. 01韩文首页 · 顶部横幅区与弹窗区

    为了不让弹窗遮挡首屏,我们把满意度调查之类的通知移到最上方的顶部横幅,把网络杂志出刊之类的宣传内容移到正文中的弹窗区。

  2. 02后台 · 横幅管理

    负责人可以直接登记顶部横幅和弹窗区横幅,并预约上线与下线时间。替代文本为空或明度对比低于4.5:1时,系统会在登记前提醒。

  3. 03Future Policy FOCUS · 文章

    这是纸质刊物出版后2周内在网页上发布的文章页面。目录、本期其他文章和订阅申请都放在文章旁边。

  4. 04响应式 · 390 像素

    同样的文章和首页在手机屏幕上也不会溢出,可以顺畅阅读。较宽的表格可左右滑动查看。

  5. 05用户满意度调查 · 移动端

    这是一份共12道题的调查问卷,目标参与人数约1,500人。不同意提供个人信息也能参与,只有参加礼品抽奖时才需要同意。

  6. 06后台 · 新闻简报收件人

    管理每周发给约3,000人的新闻简报的订阅同意期限。到期前30天自动发送重新同意通知,邮箱地址只显示前两个字符。

页面上的资料名称 · 日期 · 数值,均为说明结构所用的样本。

07 / ROUND 2第二轮 · 研究会介绍影片
第二轮提案 · 10月26日

THE HUB OF NATIONAL POLICY RESEARCH一部介绍研究会的滚动影片

第二轮提案不从页面里的问题出发,而是从初次接触研究会的人会得到的印象出发。向下滚动时,粒子从 NRC 字母变成标志,再变成二十六家机构的轨道,最后化为核心价值观的波浪。

  • 每一个粒子都在字母 · 标志 · 轨道 · 波浪之间穿梭
  • 选择领域后,只有该领域机构的粒子群会亮起
  • 沿革从1999年到2024年横向翻阅
  • 在开启了减少动态效果的设备上,以静态方式呈现同样的内容
墨色 · 珊瑚色 · 海绿色 · 象牙白
  1. 从 NRC 字母到标志

    首屏上组成 NRC 字母的粒子,随着滚动移向灰色穹顶和两个半圆。

  2. 二十六家机构的轨道

    点击领域按钮后,只有该领域机构的粒子群会亮起,名称标签沿着轨道旋转。

  3. 核心价值观的波浪

    “信赖性 · 创造性 · 专业性”三个词依次切换时,粒子化作底部的波浪流动。

  4. 横向翻阅的沿革

    从1999年的两个研究会到2024年的25周年,纵向滚动即可翻阅横向排列的沿革。

08 / STRUCTURE结构

从机构的顺序
到问题的顺序

现有菜单是按照介绍研究会这一机构的顺序编排的:NRC 简介、NRC 新闻、研究成果、宣传中心、信息公开。然而,大多数访客不是通过菜单,而是通过搜索进来的;他们带来的不是机构名称,而是问题。改版方案B保留了大家熟悉的六个菜单,同时在首页内把通往研究成果的路径扩展为五条。将鼠标移到左侧菜单上,就能看到对应的路径。

现有 · 6个菜单
  1. NRC 简介理事长 · 主要机构 · 成立宗旨及沿革 · 组织及部门 · 交通指南
  2. NRC 新闻公告 · 新闻稿 · NRC 动态 · 新闻简报 · 招聘信息 · 活动日程
  3. 研究成果研究报告 · 研究简报 · 多媒体内容 · 研究资料 · Future Policy FOCUS
  4. 宣传中心CI介绍 · 宣传资料 · 25周年纪念项目
  5. 信息公开信息公开制度 · 事前信息公布 · 公共数据开放 · 项目实名制
  6. NKIS国家政策研究门户(外部)
改版方案B · 首页上的5条查找路径
  1. 按问题首屏搜索框 · 本周的六组问题
  2. 按主题六个问题组 · 按形式查找
  3. 按阅读时间3分钟 · 10分钟 · 1小时以上
  4. 按研究机构26家机构 · 五大领域地图
  5. 网络杂志 · 活动 · 新闻简报Future Policy FOCUS · 11月活动 · 每周新闻简报
09 / DIRECTIONS两个方向

从头开始,
两个方向

11月的第三轮提案,我们放下现有网站的框架,按从头改版的思路来做。两套方案使用同样的事实和同样的研究成果,一套从标志的形态出发,另一套从用户的问题出发。

TWO HALVES

两个半圆

“两个半圆相遇,成为一项政策”

背景
在白色 #FFFFFF 上,把三种官方颜色用作大面积色块。
图形语言
半圆 · 穹顶 · S形。卡片上沿、按钮两端乃至日期徽标,都出自同样的图形。
主屏幕
基准线 → 穹顶 → 两个半圆 → 三个图形划分画面的色块
移动
沿着旋转中心很远的弧线进场,并以穹顶形遮罩展开。
字体
Pretendard · Manrope
观看方案A录屏

QUESTION FIRST

从问题到政策

“一个问题,二十六家研究机构来回答”

背景
深绿色 #0F1C19 与白色交替出现。
图形语言
代表机构的27个圆点,以及形似S形的线条。
主屏幕
问题 → 发布机构的圆点 → 线条 → 真实的研究成果卡片
查找路径
问题组 · 主题 · 阅读时间 · 研究机构
字体
Pretendard · Inter Tight
观看方案B录屏
10 / SIAN A第三轮 · 改版方案A
第三轮 · 改版方案A

TWO HALVES两个半圆相遇,成为一项政策

这套方案把标志的三个图形作为整个网站的造型语法。穹顶从一条基准线上升起,珊瑚色半圆滚进画面,海绿色半圆落到基准线下方,随后三个图形化为分割画面的色块。

  • 标志在首屏组装完成后化为色块,综合搜索就放在色块之间
  • 用四个半环形仪表展示4,581项成果的类型占比
  • 把二十六个机构排成小半圆,沿着大穹顶的弧线放置
  • 官方颜色只用于大面积色块,白底上的文字用 600 · 700 级色阶
白色 · 墨色 · 珊瑚色 · 海绿色 · 灰色
  1. 三个图形化为色块的首屏

    穹顶从基准线上升起,两个半圆就位后,标志放大到超出画面,三个图形化为包围标题和综合搜索的色块。

  2. 用半圆表盘翻阅的沿革

    1999年还彼此分开的两个半圆,在2005年7月咬合成S形,圆点沿着弧线一直走到2024年的创新战略。

  3. 形似穹顶的半圆仪表

    用四个半圆仪表展示4,581项研究成果的类型占比,卡片则装进上沿挖出半圆的框里。

  4. 沿穹顶排列的二十六个半圆

    每家机构对应一个小半圆,沿大穹顶的弧线排开;选择领域后,相应机构的半圆会向外升起。

11 / SIAN B第三轮 · 改版方案B
第三轮 · 改版方案B

QUESTION FIRST一个问题,二十六家研究机构来回答

这套方案从访客带来的问题出发。问题在搜索框里一字一字地输入时,发表相关研究的机构圆点随之亮起,形似标志S形的线条汇聚起来,打开一张真实的研究成果卡片。

  • 四个问题依次切换时,作为答案打开的卡片都是真实的研究成果
  • 把“综合一般”占一半的主题分类,重新划分为六个问题组
  • 3分钟 · 10分钟 · 1小时,按阅读所需时间挑选资料
  • 用五大领域地图呈现二十六家机构
深绿色 · 象牙白 · 珊瑚色 · 海绿色
  1. 问题一输入,线条就汇聚起来

    输入“青年为何停留在‘只是休息’状态?”后,韩国职业能力研究院的圆点亮起,线条汇聚到搜索框下方,打开一张真实的议题简报卡片。

  2. 将“综合一般”拆分为问题组

    曾覆盖一半的“综合一般”方块分成六块,分别归入各个问题组,其余主题也按问题组重新排布。

  3. 3分钟、10分钟、1小时

    按阅读所需时间挑选资料时,穹顶形表盘会按相应比例填满,真实的资料显示在下方。

  4. 五大领域的机构地图

    从中央的标志向二十六家机构连出S形线条;选择一个领域后,只有该领域的线条会以珊瑚色重新绘制。

12 / YEAR运营的一年

上线之后的
十二个月

网站运营的日子远比上线那天长得多。提案中也用日历列出了2027年全年的运营日程:网页无障碍认证标志在5月27日到期前完成更新,网络杂志在纸质版出版后2周内上线网页版,新闻简报每周发送。下方的穹顶,是把标志的灰色穹顶展开成一年的日历。

1月交接 · 稳定化

  1. 1月交接 · 稳定化 · 启动报告(签约后14天内) · 网页无障碍自查
  2. 2月根据诊断结果改善无障碍
  3. 3月申请网页无障碍认证审核(第一周)
  4. 4月根据审核意见补充修改
  5. 5月认证标志更新(5月27日到期之前)
  6. 6月上半年网络杂志网页版上线(纸质版完成后2周内)
  7. 7月中期报告(开始后6个月)
  8. 8月满意度调查题目 · 宣传准备
  9. 9月用户满意度调查(目标约1,500人)
  10. 10月满意度调查结果报告
  11. 11月网站漏洞检查 · 下半年网络杂志网页版上线
  12. 12月完成报告 · 源代码提交 · 次年改进优先事项报告
  • 每周新闻简报发送支持(约3,000人)
  • 每天上班前检查站点状态
  • 每月服务器/数据库检查和备份确认,月度报告(第二周)
  • 随时横幅需求1个工作日内出方案,故障2小时内开始处理
13 / RETROSPECT回顾

三次提案
留下了什么

我们提出了多个方向,但最终没有被选定。即便如此,三轮提案在不同的深度上回应了同一个问题。第一轮在守住现有页面的同时减轻了运营上的不便,第二轮描绘了初次接触研究会的人会得到的印象,第三轮则从标志和问题这两个出发点重新搭建了网站。

  1. 第一轮提案维持现有框架

    四版韩文首页与六个运营页面

  2. 第二轮提案描绘初次接触的印象

    用粒子绘制的研究会介绍影片

  3. 第三轮提案从头开始重建

    TWO HALVES · QUESTION FIRST

  • 01颜色先算对比度

    我们先用数字确认了官方颜色在白底上无法成为文字,所以两套改版方案从一开始就能把颜色分为大面积色块和文字两种用法。

  • 02数字亲手清点

    如果没有按类型和主题清点这4,581项成果,我们就不会知道“综合一般”占了一半,也不会知道视频比报告还多。

  • 03连上线后的一年也一并规划

    认证更新、网络杂志发行、每周的新闻简报这类有固定日期的工作,我们和页面一起做了设计。

14 / CREDITSNRC · BLUECANVAS WORKS

NRC HOMEPAGE RENEWAL

两个半圆
相遇之处

NRC · 6个运营页面 · 介绍影片 · 2套改版方案

ItemDetail
Client经济·人文社会研究会(NRC) · 国务总理下属公共机构
Scope韩文首页 · Future Policy FOCUS · 后台页面 · 研究会介绍 · 改版首页
Period2026 年 10 月至 11 月
Round 16个运营改进页面(四版韩文首页 · 横幅管理 · 网络杂志文章 · 响应式 · 满意度调查 · 新闻简报收件人管理)
Round 2研究会介绍滚动影片 · 五种粒子形态 · 11个场景
Round 3TWO HALVES · QUESTION FIRST 改版首页方案
Identity两个半圆 · NRC Coral #DCB496 · Seagreen #88B29F · Gray #8C8A88
Data4,581 项研究成果、1,764 项活动日程(截至 2026 年 11 月 1 日)
TypefacePretendard · Outfit
StudioBlueCanvas

目标让二十六家机构的研究,抵达带着问题而来的人

    Contact

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

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

    4个问题 · 约2分钟

    项目范围

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

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

    预算

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

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

    项目说明

    请告诉我们目前的情况。

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

    0

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

    联系方式

    我们回复到哪里?

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