TWO HALVES
两个半圆
“两个半圆相遇,成为一项政策”
- 背景
- 在白色 #FFFFFF 上,把三种官方颜色用作大面积色块。
- 图形语言
- 半圆 · 穹顶 · S形。卡片上沿、按钮两端乃至日期徽标,都出自同样的图形。
- 主屏幕
- 基准线 → 穹顶 → 两个半圆 → 三个图形划分画面的色块
- 移动
- 沿着旋转中心很远的弧线进场,并以穹顶形遮罩展开。
- 字体
- Pretendard · Manrope
观看方案A录屏
经济·人文社会研究会NRC · HOMEPAGE RENEWAL · 2026
经济·人文社会研究会网站,是二十六家国家级研究机构的研究通往政策与国民的必经之路。这是我们分三轮重新描绘这个网站的记录。
6个运营改进页面 · 研究会介绍影片 · 2套改版方案
01 · TWO HALVES研究会的标志是两个半圆
左上代表经济,右下代表人文社会科学
02 · 26 INSTITUTES它的周围有二十六家国家级研究机构
从经济 · 工业到行政 · 法律 · 统一,共分为五大领域
03 · 4,581 RESULTS各机构的研究已累积为4,581项成果
报告、简报、视频和卡片新闻汇聚一处
经济·人文社会研究会(NRC)是国务总理下属的公共机构。它支持并评估从韩国开发研究院到育儿政策研究所的二十六家经济 · 人文社会领域政府资助研究机构,组织机构之间的合作研究,并对外发布研究成果。网站是这些成果抵达政策制定者和国民的第一站。韩文与英文网站、每年出版两期的网络杂志《Future Policy FOCUS》、每周发送给约3,000人的新闻简报,都经由这里发布。
我们把这个网站重新描绘了三次。10月中旬,在现有框架上做了解决运营问题的六个页面;10月底,做了一部介绍研究会的滚动影片;11月,则以从头改版的思路做了两个方向的首页方案。本页按顺序整理了这一过程中解读的标志与颜色、亲手清点的数字,以及选用和舍弃的页面。


我们分别打开韩文、英文、网络杂志的首屏3次,记录显示时间和传输量。
我们把被弹窗遮挡的首屏、网络杂志文章、横幅管理、满意度调查和新闻简报收件人管理都做成了页面。
我们制作了一个滚动式落地页,用粒子描绘标志的两个半圆和二十六家机构。
按类型 · 主题清点研究成果栏目,重新梳理了信息结构。
我们制作了从标志形态出发的 TWO HALVES,以及从用户问题出发的 QUESTION FIRST。
研究会的标志由一个灰色穹顶和两个半圆组成。我们在官方标准组合图片上测量比例,发现穹顶是宽4、高1.6的半椭圆,两个半圆的直径正好是穹顶宽度的一半。只有理解了这个简单的比例,才能在移动、拉伸、拆分图形时,依然保持研究会标志的样子。
所有图形都从一条水平线开始。灰色穹顶和珊瑚色半圆在线的上方,海绿色半圆在线的下方。
在官方标准组合上测量,穹顶的宽高比为4比1.6。它比同宽的半圆更低,给人的印象不是向上耸起,而是向两侧宽阔地环抱。
这是穹顶内左侧的半圆,直径为2,正好是穹顶宽度的一半。研究会解释说,这个半圆代表追求幸福与繁荣的经济性。
右侧的半圆落到基准线下方,代表人本主义与福利社会。超出穹顶之外的图形,只有这一个半圆。
把两个半圆的弧线连起来,就是太极的S形曲线。再用虚线把圆补全,标志就像是把太极的上半部分稍稍压扁的样子。研究会把它称为融合的理念。
研究会并非一开始就是一个。1999年3月,经济社会研究会和人文社会研究会分别成立。
2005年7月,两个研究会合并为经济·人文社会研究会。标志中的两个半圆,也与研究会的历史相互重合。我们把这种重合作为所有方案的出发点。
经济·人文社会研究会的标志以象征宇宙与大韩民国的太极图像为基本表现。左侧的半圆代表追求幸福与繁荣的经济性,右下方的半圆象征人本主义与福利社会,以此象征研究会的融合理念。
研究会的官方颜色有珊瑚色、海绿色、灰色三种。三者都是降低了饱和度的柔和色彩,在标志中搭配得沉稳和谐;但在白底上用作文字时,明度对比只有1.9:1、2.3:1、3.4:1,都达不到公共网站正文4.5:1的标准。反之,在深色背景上分别达到11.0:1、8.9:1、6.1:1,已经足够。
所以我们把颜色分成两层。官方颜色原样用于大面积色块、大图形和深色背景上的文字;白底上的文字和细线,则另建一套保持同一色相、只降低明度的色阶。
#DCB496#88B29F#8C8A88#212121#555555400为官方颜色。在白底上,500、600、700分别是首次达到大号文字(3:1)、正文(4.5:1)、小号文字(7:1)标准的明度。点击色块,可在右侧用实际文字查看效果。
我们寻找有助于政策实践的研究。
4.5:1可用于正文我们寻找有助于政策实践的研究。
3.5:1仅限大号文字选定的颜色 #917058 珊瑚色 600
2026年10月22日·研究会
2026年10月22日·研究会
2026年10月22日·研究会
2026年10月,韩文网站的首屏被两个宣传用户满意度调查的弹窗盖住。在手机上,弹窗几乎遮住了整个屏幕。既要让通知传达出去,又不能遮挡首屏,因此第一轮页面方案先从把弹窗移到最上方的顶部横幅和正文中的弹窗区做起。
首屏的主要内容1秒多一点就能显示。但韩文首页要全部加载完需要4秒以上,传输量约达64MB。只要主视频以静止画面开始、页面外的图片延后加载,这部分重量就能减下来。
在办公室网络下用 Chromium 把每个页面各打开3次,取测量的中位数。PC 画面宽1,440px,移动端画面宽390px;数值会因测量时弹窗和视频的显示状态而变化。
研究成果栏目汇集了研究会和二十六家机构的报告、简报、多媒体内容和资料。2026年11月1日,我们在列表页上按类型和主题逐一清点了数量。下面每个点代表一条内容。
四种类型中,多媒体内容最多,有1,960件。其中视频就有1,366件,这个栏目早已从“存放长篇报告的地方”变成了“快速浏览的地方”。
按16个主题划分,有2,230件、约49%集中在“综合一般”这一个类别里。通过主题菜单查找的人,会错过将近一半的研究。
我们把同样的4,581项成果,按阅读所需时间重新归类。分成3分钟就能看完的卡片新闻、10分钟的简报和视频、要读一个多小时的报告后,访客就能按手头的时间来挑选。
来源:经济·人文社会研究会网站研究成果栏目列表(2026年11月1日)。类型沿用栏目原有的分类;主题是按16个分类分别筛选统计的数值,因此另外列出了不属于任何分类的180件。阅读时间是按内容形式估算的分组。
第一轮提案选择不推翻网站。菜单和页面结构保持不变,把负责人每周都会遇到的工作整理成六个页面。韩文首页我们在一个晚上画了四版,最后两版作为方案A和方案B提交。
第一版首页把搜索框放在漂浮着天平图案的深色主视觉上,右侧加上了弹窗区。
第二版首页把标题换成宋体、背景换成奶油色,研究成果则分为一个大封面和一个列表。
方案B把标题和搜索框立在页面中央,弹窗区和活动日程放在下方一行。
方案A把内含搜索框的大幅主视觉与弹窗区并排放置,活动日程和三个快捷入口放在下方一行。
两个方案的区别在于搜索框的位置:方案A放在主视觉里,方案B放在页面中央。滚动时,画面会按方案A、方案B、两案并排的顺序从上往下移动。也可以用按钮直接选择。


我们沿着运营负责人的一年,画了六个页面。点击页面可查看大图。
为了不让弹窗遮挡首屏,我们把满意度调查之类的通知移到最上方的顶部横幅,把网络杂志出刊之类的宣传内容移到正文中的弹窗区。
负责人可以直接登记顶部横幅和弹窗区横幅,并预约上线与下线时间。替代文本为空或明度对比低于4.5:1时,系统会在登记前提醒。
这是纸质刊物出版后2周内在网页上发布的文章页面。目录、本期其他文章和订阅申请都放在文章旁边。
同样的文章和首页在手机屏幕上也不会溢出,可以顺畅阅读。较宽的表格可左右滑动查看。
这是一份共12道题的调查问卷,目标参与人数约1,500人。不同意提供个人信息也能参与,只有参加礼品抽奖时才需要同意。
管理每周发给约3,000人的新闻简报的订阅同意期限。到期前30天自动发送重新同意通知,邮箱地址只显示前两个字符。
页面上的资料名称 · 日期 · 数值,均为说明结构所用的样本。
第二轮提案不从页面里的问题出发,而是从初次接触研究会的人会得到的印象出发。向下滚动时,粒子从 NRC 字母变成标志,再变成二十六家机构的轨道,最后化为核心价值观的波浪。
首屏上组成 NRC 字母的粒子,随着滚动移向灰色穹顶和两个半圆。
点击领域按钮后,只有该领域机构的粒子群会亮起,名称标签沿着轨道旋转。
“信赖性 · 创造性 · 专业性”三个词依次切换时,粒子化作底部的波浪流动。
从1999年的两个研究会到2024年的25周年,纵向滚动即可翻阅横向排列的沿革。
现有菜单是按照介绍研究会这一机构的顺序编排的:NRC 简介、NRC 新闻、研究成果、宣传中心、信息公开。然而,大多数访客不是通过菜单,而是通过搜索进来的;他们带来的不是机构名称,而是问题。改版方案B保留了大家熟悉的六个菜单,同时在首页内把通往研究成果的路径扩展为五条。将鼠标移到左侧菜单上,就能看到对应的路径。
11月的第三轮提案,我们放下现有网站的框架,按从头改版的思路来做。两套方案使用同样的事实和同样的研究成果,一套从标志的形态出发,另一套从用户的问题出发。
TWO HALVES
“两个半圆相遇,成为一项政策”
观看方案A录屏
QUESTION FIRST
“一个问题,二十六家研究机构来回答”
观看方案B录屏
这套方案把标志的三个图形作为整个网站的造型语法。穹顶从一条基准线上升起,珊瑚色半圆滚进画面,海绿色半圆落到基准线下方,随后三个图形化为分割画面的色块。
穹顶从基准线上升起,两个半圆就位后,标志放大到超出画面,三个图形化为包围标题和综合搜索的色块。
1999年还彼此分开的两个半圆,在2005年7月咬合成S形,圆点沿着弧线一直走到2024年的创新战略。
用四个半圆仪表展示4,581项研究成果的类型占比,卡片则装进上沿挖出半圆的框里。
每家机构对应一个小半圆,沿大穹顶的弧线排开;选择领域后,相应机构的半圆会向外升起。
这套方案从访客带来的问题出发。问题在搜索框里一字一字地输入时,发表相关研究的机构圆点随之亮起,形似标志S形的线条汇聚起来,打开一张真实的研究成果卡片。
输入“青年为何停留在‘只是休息’状态?”后,韩国职业能力研究院的圆点亮起,线条汇聚到搜索框下方,打开一张真实的议题简报卡片。
曾覆盖一半的“综合一般”方块分成六块,分别归入各个问题组,其余主题也按问题组重新排布。
按阅读所需时间挑选资料时,穹顶形表盘会按相应比例填满,真实的资料显示在下方。
从中央的标志向二十六家机构连出S形线条;选择一个领域后,只有该领域的线条会以珊瑚色重新绘制。
网站运营的日子远比上线那天长得多。提案中也用日历列出了2027年全年的运营日程:网页无障碍认证标志在5月27日到期前完成更新,网络杂志在纸质版出版后2周内上线网页版,新闻简报每周发送。下方的穹顶,是把标志的灰色穹顶展开成一年的日历。
1月交接 · 稳定化
我们提出了多个方向,但最终没有被选定。即便如此,三轮提案在不同的深度上回应了同一个问题。第一轮在守住现有页面的同时减轻了运营上的不便,第二轮描绘了初次接触研究会的人会得到的印象,第三轮则从标志和问题这两个出发点重新搭建了网站。
四版韩文首页与六个运营页面
用粒子绘制的研究会介绍影片
TWO HALVES · QUESTION FIRST
我们先用数字确认了官方颜色在白底上无法成为文字,所以两套改版方案从一开始就能把颜色分为大面积色块和文字两种用法。
如果没有按类型和主题清点这4,581项成果,我们就不会知道“综合一般”占了一半,也不会知道视频比报告还多。
认证更新、网络杂志发行、每周的新闻简报这类有固定日期的工作,我们和页面一起做了设计。
NRC HOMEPAGE RENEWAL
NRC · 6个运营页面 · 介绍影片 · 2套改版方案
| Item | Detail |
|---|---|
| Client | 经济·人文社会研究会(NRC) · 国务总理下属公共机构 |
| Scope | 韩文首页 · Future Policy FOCUS · 后台页面 · 研究会介绍 · 改版首页 |
| Period | 2026 年 10 月至 11 月 |
| Round 1 | 6个运营改进页面(四版韩文首页 · 横幅管理 · 网络杂志文章 · 响应式 · 满意度调查 · 新闻简报收件人管理) |
| Round 2 | 研究会介绍滚动影片 · 五种粒子形态 · 11个场景 |
| Round 3 | TWO HALVES · QUESTION FIRST 改版首页方案 |
| Identity | 两个半圆 · NRC Coral #DCB496 · Seagreen #88B29F · Gray #8C8A88 |
| Data | 4,581 项研究成果、1,764 项活动日程(截至 2026 年 11 月 1 日) |
| Typeface | Pretendard · Outfit |
| Studio | BlueCanvas |
目标让二十六家机构的研究,抵达带着问题而来的人
从机构的标志和我们亲手清点的数字出发,
一起描绘上线当天的页面和运营的一年。
公共机构
Korea Drug Development Fund
公共机构网站的建设与改版过程,涵盖用户分析、CI 解读、九个首页方案和研发管线可视化。
公共机构
国家儿童权利中心 365天儿童节
纪念日网站的改版提案。出发点是五个纪念日的角色由点(眼睛和脸颊)、线(墨色手臂和手写字)和面(彩色图形)画成。我们从活动插画中测出五组颜色和文字用色,把每天不同的 35 个菜单重新整理为五个纪念日 × 五条路径,并提出两个方案:用点记下一年 365 天的 365 CALENDAR,以及用一条线连接五个纪念日的 HAND IN HAND。
金融
Hana Bank HANA THE NEXT 网络杂志
Hana Bank 面向熟龄读者的网络杂志改版提案。出发点是标志本身:E 是代表人生第一、二、三幕的三条线,X 中藏着一个“⟩”。我们根据 50~64 岁(New)熟龄读者的一天作息和最小字号重新制定阅读标准,把按日期排列的列表重组为人生三幕和五个主题,并提出两个方案:每周翻开一张封面的 THE NEXT PAGE,以及按出生年份找到自己这一幕的 MY NEXT ACT。
Contact
请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。
DIRECT