每周都会有新书问世，唯一的选择方式就是分类和排序。
书单可以分为类别、品牌、系列，但最终还是按照出版日期整理的一长串书单。尚未决定读什么的读者需要一个不同的起点。
您还可以根据心情和主题进行选择
BLUECANVAS SELECTED WORKMUNHAKDONGNE PUBLISHING GROUP · PUBLISHING
MUNHAKDONGNE PUBLISHING GROUP · WEBSITE RENEWAL PROPOSAL
书籍居住的街区
Munhakdongne出版集团网站改版提案
品牌解读、信息结构、UI设计、阅读体验
前言·概述项目概述
我为我成长了三十三年的社区绘制了
新地图。
《Munhakdongne》于 1993 年出版，出版了两本小说集和散文集。它现在是一家拥有二十多个品牌和附属机构的出版集团，其图书清单包括 8,784 本书。
BlueCanvas自2015年以来一直在创建和运营Munhakdongne网站、Book Club Munhakdongne和Weekly Munhakdongne。我们根据我们在近10年的合作中收集到的问题提出了下一个网站的更新方向。本页是这些提案的记录。
- #出版集团
- #图书探索
- #策展
- #阅读体验
- #网络连续剧
- #信息结构
- #品牌体系
- #设计系统
- #响应式
我首先将邻居视为一个数字。
1993
Munhakdongne开业那一年
8,784
添加到图书列表的图书（类型）
128
季刊『Munhakdongne』
2026年秋季卷
256
Munhakdongne城市线
最新号码
280
完整的世界文学
最新数量
20+
出版集团
品牌和附属公司
数字来源：Munhakdongne网站公开数据（截至2026年10月）
第一章·问题
8,784 卷 书籍和 二十 其中 9 个 超过 名字是 活的 在附近， 读者 今天 读 一 卷 如何 我们见面吧？
第二章分析运行过程中收集的三个任务
我对操作过程中收集到的问题进行了编辑，就像
校对一样。
在运营网站的过程中，我多次从编辑部和读者那里听到类似的故事。我把故事一个一个地组织起来，就像用红笔在校对纸上做记号一样。
每周都会有新书问世，唯一的选择方式就是
二十多个品牌都以
相同的声音推出。
Nanda 和 Elixir，书商和讲故事的人，有不同的读者、说话风格和封面。然而，在网站上，过滤器中仅放置了相同大小的名称。
每个品牌都有自己的品牌和铭牌
一个社区被分为
四个站点。
《Munhakdongne》、《Munhakdongne书俱乐部》、《Dokpa》、《周刊Munhakdongne》创建于不同时期，所以说话风格和画面长度略有不同。对于读者来说，这都是一样的Munhakdongne。
像邻里的小巷一样相连
第三章 人
我画了
我画了
五个人来参观这个社区。
人们的划分不在于年龄或性别，而在于访问该网站的原因。这是因为，如果原因不同，您在第一个屏幕上查找的内容也会不同。
正在寻找今天要读的书的读者
“我希望你这些天只挑选一本适合你心的书。”
- 从心情或主题开始搜索
- 可靠的介绍和推荐
- 附近的书店和购买地点
在提案中，根据心情选择书架
准备稿件的人
“哪里可以看到今年的比赛日程和稿件卷？”
- 比赛日程一览
- 数量及申请资格
- 一般提交方式
在提案中，稿件竞赛信息
老师和图书管理员准备上课
“我希望有书籍和课堂材料可以在一个地方和我的孩子们一起阅读。”
- 阅读分步建议
- 下载课程资料
- 艺术家讲座及原画展申请
在提案中，学校和图书馆
书店经营者
“我不想错过我们书店的新书和活动新闻。”
- 本周新书消息
- 邻里书店版
- 预订讲座和活动
在提案中，邻里书店新闻
关注该系列的读者
“到了下午 3 点，我想从昨天停下来的地方继续读下去。”
- 继续阅读
- 字体大小和夜间模式
- 新剧集通知
在提案中，每周Munhakdongne阅读屏幕
第四章品牌思维
它
它
从“neighborhood”这两个词开始。
“源自Munhakdongne的各种出版社和附属机构正在共同努力，各自以自己独特的声音和光线创造出丰富多彩的书籍世界。”Munhakdongne出版集团简介
- 01·1993·一卷打开时只有一个名字
1993年，《Munhakdongne》出版了两本小说集和散文集。
- 02 · 1999–2022 · 书架每个品牌都被选中
儿童漫画、艺术人文、悬疑散文等品牌一一排成书架。
- 03 · 现在 · 邻里当书脊聚集在一起时，它就成为一个邻居。
不同高度、不同颜色的书脊并列而立的景象，就像人们聚居的街区的天际线。网站图形从这里开始。
BRAND STATEMENT
从一个卖书的网站，
到一个有书的小镇。
来自口号“通过书籍梦想更美好的世界”来自建议句子“书籍居住的社区”
封面是主角。
封面是编辑和设计师思考时间最长的一本书的面孔。屏幕像纸张一样安静地支撑，无需切割封面或覆盖文字。
慢慢地展示每本书。
在列出长长的清单之前，我将首先向您介绍一下我们今天将要遇到的这本书以及我对它的第一印象。这是因为你选择的时间是阅读体验的一部分。
它像一条小巷一样继续。
它从书到作者，从作者到系列，从系列到读书俱乐部。即使读完一本书，你也应该总有别的地方可以去。
PHOTOGRAPHY DIRECTION
比一个人的脸
比一个人的脸
给放置书的地方拍一张照片。
在出版商的网站上，照片应该是使封面脱颖而出的背景。我们设定了一个标准，通过手的动作和书籍实际放置的位置来传达氛围，例如桌子、书架、当地书店和图书馆。
- DO书籍放置的实际位置
- 做手和纸的纹理，透过窗户的光线
- 不要在封面上放置文字
- 请勿未经同意裁剪作者的照片
第五章色彩系统因为封面最华丽，
因为封面最华丽，
屏幕就变成了纸。
Hundreds of new covers come out every year. When your homepage adds color, it competes with the cover.所以，背景是灰白色的纸，字母是墨水，书里只留下一根绳子作为强调色。
色彩探索我在同一屏幕上应用了三个调色板
选项 1·墨水和白纸徽标的黑色按原样采用。它像报纸一样坚实却冰冷，白色的封面埋在白色的背景中，边框也消失了。
选项2·封面上的所有颜色当为每个字段指定颜色时，屏幕与封面竞争。根本没有任何与背景颜色相似的迹象。
选项3·纸张、墨水和分割线在灰白色的背景上，浅色和深色封面的边框都清晰可见。红色带仅用于新闻和当前位置。
灰白色纸质
#F3EFE6RGB 243 239 230
默认背景
背景类似于书纸。比纯白色更护眼，而且白盖的边缘不会消失。
- 用墨水字母
- 16.0:1 AAA
印度墨水Ink
#151412RGB 21 20 18
字母和标志
这是文字和徽标的颜色。它比纯黑色更温暖，因此与灰白色很相配。
- 具有灰白色背景
- 16.0:1 AAA
铅笔Pencil
#6B665ERGB 107 102 94
补充信
用退后一步的字母书写，例如作者、日期或描述。即使是灰白色，其比例也超过 4.5:1。
- 具有灰白色背景
- 5.0:1 AA
- 用墨水字母
- 3.2:1 大字母
带子Ribbon
#B83A27RGB 184 58 39
现在，这里
仅用于显示新书、当前选项卡和操作按钮。只留下一根线，就像书上的带子一样。
- 具有灰白色背景
- 5.0:1 AA
- 用墨水字母
- 3.2:1 大字母
夜夜
#1C2433RGB 28 36 51
夜读
它是每周Munhakdongne系列、夜间模式和黑暗场景的基础。
- 具有灰白色背景
- 13.6:1 AAA
- 用墨水字母
- 1.2:1 仅装饰
沙子沙子
#D9C7A3RGB 217 199 163
书脊
这是用于书脊天际线和卡片背景的辅助颜色。信件总是用墨水写的。
- 具有灰白色背景
- 1.4:1 仅装饰
- 用墨水字母
- 11.1:1 AAA
在选择背景之前
我先上传了十个封面。
我把一个像视线一样亮的封面和一个像一本世界文学集一样暗的封面放在同一个屏幕上，只改变了背景颜色。您可以点击下面的按钮自行比较。
在灰白色的背景下，大部分封面都保持了原有的轮廓。白色封面由于其单一色调的深色背景而具有清晰的边框，而黑色封面由于其浅色背景而具有清晰的边框。
COLOR RATIO
第六章·版式两种字体，两种作用
故事、名诗
文学
Noto Serif KR · 400–900指南·哥特式
邻里
Pretendard · 400–900道路是哥特式，故事是明州。
Munhakdongne 徽标的坚固哥特式风格用于引导方向，例如菜单和按钮。明朝类似于一本书的正文，写在书名、简介和系列等故事流动的地方。
- 展示·明州900书籍居住的小镇96 / 1.15
- 标题·名祖700本周发布新书52 / 1.25
- 标题·Gothic 700竞赛·提交信息24 / 1.4
- 阅读·名祖400故事在我停下的地方静静地等待着。19 / 1.9
- 身体·哥特 400周一至周五每天下午 3 点发布新剧集。17 / 1.75
- 标题·哥特式500Munhakdongne诗人行256·2026.09.2914 / 1.5
图形系统一根书脊，一根带子，一条下划线
一切都直接来自书中的三个部分。
书脊表示类别和品牌，分隔线表示当前位置和新新闻，下划线表示必读句子。读过这本书的人都已经知道这三者，因此无需进一步解释。
尝试按选项卡。表带移动至当前位置。
第 7 章·决策你选择了什么标准？
而不是一个漂亮的提案
一个带有闪亮封面的提案。
根据七项标准对这四项提案进行了评估。最重要的标准是封面是否醒目，每周上传新书的操作是否轻松。这是因为出版商网站每年必须接受数百个新封面。
评价标准A·书籍居住的小镇B·一句话C·夜间图书馆D·邻里地图
封面是否引人注目
第一次读者的探索
品牌和系列的扩展
值得文学出版商的品质
每周出版新书
在移动设备上阅读
辅助功能
B·一句话
“今天的句子”和明祖排版
C·夜间图书馆
每周Munhakdongne的夜间模式阅读
D·邻里地图
地图菜单和新月、半月和满月阅读步骤
A · 书居住的小镇最终提案
没有被采纳的提案的优点并没有被抛弃，而是被转移到方案A的巷子里。
- 01重读查看10年的运营记录和查询
- 02共享定义访问目的的五个人
- 03成立在“邻里”中带出品牌语言
- 04绘图四个主要建议
- 05选择根据七个标准一起评估
- 06精炼书籍详情、连载、竞赛画面设计
第 8 章·体验通向一本书的四种途径
而不是沿着列表
阅读一本书。
最终方案A的屏幕中，我们选择了读者最常经过的四个区域，分别进行设计。您可以直接点击查看下面的所有屏幕。
01 · 策展
根据今天的心情选择书架
我在书架上重新装满了情绪和主题，这样即使我不了解这个领域，我也可以开始。
这不是任何人的责任
糟糕的一天也是美好的一天
咕噜咕噜
历经岁月
麦克白
伊诺吉达姆
当悲伤第一次醒来时
太阳打开门
动物、人工智能、上帝
黑暗的商店街
巨大的财富
给纸娃娃洗澡
就全球而言，
美国是分裂的
上帝保佑你
杰伊
生鱼，生鱼，生鱼
一粒谷子滚来滚去。
日本的诞生
解放日
《谜案》第65期
葡萄
乔多里与麻烦森林2
八个宇宙
我把 24 卷放在书架上。
02·图书详情
为一本书而建的房子
我没有剪掉封面，而是将其放在架子上，并在一个屏幕上收集书目信息以及下一步该去哪里。
Munhakdongne诗人第256行
Munhakdongne 诗人行 并排显示编号 255 和 256，并继续该系列的完整列表。
糟糕的一天也是美好的一天
诗人朴板植的《糟糕的一天也是美好的一天》作为Munhakdongne诗集第256期出版。
出版社的书介绍第一句话Munhakdongne 诗人行 并排显示编号 255 和 256，并继续该系列的完整列表。- 阅读参加这本书的完整阅读挑战
- 读书俱乐部Munhakdongne查看会员优惠和读书俱乐部书籍
- 邻里书店在附近的书店查找
查看购买地点插入罗纹
03 · 周刊Munhakdongne
下午 3 点，从上次停下的地方继续
周一至周五每天下午 3 点发布新剧集。它会记住阅读的位置，并且读者可以选择字体、大小、行距和背景。
字体
尺寸
行距
背景
第3集·有带子的座位
下午三点，阳光斜射在当地一家书店的玻璃门上。这时，主人拿出每一本新书，用手掌抚摸封面。一本还没有人打开过的书，闻起来像纸。
我找到昨天读完的那一页，拉开绳子。故事就在我停下的地方静静地等待着。一辆自行车从窗前驶过，下一句话缓缓开始。
文字是BlueCanvas为屏幕设计而写的例句。
04 · 竞赛 · 提交撰写手稿的人的日历
撰写手稿的人的日历
在手稿上。
Munhakdongne 的公开发行和一般意见书收集在一份手稿中。奖项名称一次一个字母地放在手稿的每一栏中，以便可以阅读每一栏以指示要准备什么。
比赛名称和轮数：Munhakdongne比赛页面（截至2026年10月）
第第3第2第月亮学术东是的所以Seol顶
2026月亮哈克东是胫在顶部
第第第2第8第月亮哈克东是呃林i文学术唱
第第17第文鹤侗是祥所以年mun学术学术
第第15第月亮学术东是东城市月亮学术桑
第第第4第月亮鹤东是曹承达月亮学术桑
110elricksilemis三李大桑
il禁止tu去
第9章·信息架构路线绿色菜单
菜单不像组织结构图
而是像邻里地图。
我们没有采用出版集团的部门结构，而是围绕读者想要做的事情重新组合菜单。 「书籍/作者」内的杂志单独搬出，「顾客中心」的告示则移至「邻里新闻」。
从 Home 出发的路线有 6 条，Book Club Munhakdongne、Dokpa、Weekly Munhakdongne 和 Café Comma 被组合在一起作为家庭站点，您可以从任何路线转乘。
现有「书籍/作者」书
新书·策展·丛书·获奖作品·作者
现有「书籍/作者须知」数字杂志
季刊Munhakdongne·神秘
现有「竞赛/提交」竞赛/提交
竞赛信息·获奖作品公布·一般提交
现有「学校/图书馆」学校和图书馆
课堂教材、艺术家讲座、原画展、图书策展
现行《客户中心须知》邻里新闻
通知·活动·招聘·通讯
上一篇 「Munhakdongne简介」关于Munhakdongne
出版集团·品牌·历史·发展方向
第 10 章·移动掌中社区
即使在你手中
一本书也是第一位的。
打开Munhakdongne网站的第一个地方通常是您的手机。即使在小屏幕上，搜索和本周的新书也被放置在第一个屏幕上，并且通过向一侧滑动来选择封面。
- 本周在第一屏上发布的搜索和新书
- 卧式书架，无封面切割
- 对于该系列，请从继续阅读按钮开始
- 拇指放置的大按钮
结束语·和今天一起工作时继续提出问题
我们已经合作近 10 年了。
我继续问同样的问题。
BlueCanvas 自 2015 年起就加入了 Munhakdongne，创建并运营了 Munhakdongne 网站、Book Club Munhakdongne 和 Weekly Munhakdongne。
我在准备提案时提出的问题始终成为我那段时间工作的标准。我首先问如何让封面脱颖而出，首先为新读者打开什么路径，读完书后通向何方。
NOW OPERATINGMunhakdongne网站运营中
新书、杂志、竞赛以及学校和图书馆新闻。来自Munhakdongne的新闻在这里不断更新。
YOUR STORY, READ WITH CARE.
您的品牌有什么故事？
出版商、媒体、文化机构的网站是存放人们长期阅读的故事的地方。
我们首先要组织谁来阅读这些故事。
