一书一世界:网文设定集设计始末



看小说时,我们在看什么?


无效回答:阅读是一种感官(视觉)和感觉(思想共振)的复调式交互体验。

有效回答:就…看小说啊!


如果只是单纯“看小说”,抛开形式只谈内容,我们小时候大多看过的盗版书纸质泛黄散发异味,还不是看得津津有味?在唯内容论的前提下,答案是无解的。


然而人们总是试图和解。

想要证明阅读不仅仅是“看小说”,在阅读过程中还可以诞生其他有价值的事:

比如互动,随时分享我的阅读感受;

比如想象,填补文字外的情感空白;

比如记忆,读完百万长篇能留下哪些记忆点;

比如共创,连载网文是作者(创作)和读者(反馈影响创作、衍生创作反哺)共同的作品。


起点设定集就是基于对阅读衍生空间的补充而诞生的。



一书一世界:网文设定集设计始末

设定集起源


传统意义上来说,设定集是以作品原画和设定细节为主要内容的彩印书册。


影视制作团队通过设定集来讲述幕后故事,着重展示剧集在历史背景、风俗人文等方面的考据和设定。例如网剧《长安十二时辰》的故事发生在盛唐,设定集侧重展开了影视服化道所参考的文物文献。而美剧《权力的游戏》的故事背景是架空世界观,设定的精细化程度之高,仅戏服就构成了厚厚一本书。在服饰设定集中,我们能看到中世纪欧洲的古董考据、不同地位的人的服饰特征、服饰语言又是如何进一步传递角色性格的。


一书一世界:网文设定集设计始末

影视设定集例举


游戏的设定囊括更多,除了场景、人物造型,通常还包含力量体系、编年史、道具等方面的设定。成熟的游戏有着强势(成体系)、稳固(不轻易更改)的世界观。例如《刺客信条·大革命》的游戏背景依托于法国大革命时期的,游戏场景设定就大量参考了16世纪的法国宫殿;“Diablo”(暗黑破坏神)是以各国神话传说和神秘学为灵感的、架空奇幻世界观,游戏设定集更天马行空地展示了这个欧风奇幻世界中独特的种族设定、装备体系乃至世界历史、传说起源。


一书一世界:网文设定集设计始末

游戏设定集例举


一书一世界:网文设定集设计始末

需求分析


横向对比了市面上的设定集后,我们发现现存设定集基本都是以画面为主,文字为辅,有的甚至没有文字描述。无论是游戏中的角色建模,还是影视中的服装和布景,似乎设定的基础就是画面。


而小说面临的问题是——缺乏画面。


即使为了做设定集去订制原画,也很难达到游戏设定集的原画精度。再者小说的设定集,是没有固定框架的。作者更倾向为玄幻、奇幻小说编纂地图、力量体系、世界观;而都市、言情、悬疑类小说通常不强调故事发生的背景,而是侧重人物关系和冲突。每一本书都是一个崭新的世界,读者通过文字想象的画面,更是千人千面,无一相同。


消费文字内容的认知成本是最高的,而媒介的丰富程度却很低,远低于漫画、游戏、短视频、影视剧。基于这一点,我们解析了需求并讨论了小说设定集的发展方向。


一书一世界:网文设定集设计始末

需求解析


最后,我们决定了以烘托文字为主的设计方向,发挥平台有原作者入驻的优势,设置灵活多变的设定集框架。设定集的第一阶段,我们侧重组织信息和制定框架,使得站内部分作品的设定集可以初定雏形;第二阶段目标则是将设定集扩容放量,让更多想拥有设定集的作者能够自由编辑设定,并开放投稿,让读者协助共创内容。


一书一世界:网文设定集设计始末

设计执行


实体设定集的阅读体验是充满仪式感的,因为会购买设定集的人,多数是作品的忠实粉丝,他们翻开书页,就好像打开一份远方的老朋友送的礼物,期待和惊喜并存。


设计线上的设定集,其实并没有很多先例可参考,因此我们代入了阅读实体书的体验,着重突出设定集的易用性、沉浸感和权威性。


一书一世界:网文设定集设计始末一书一世界:网文设定集设计始末一书一世界:网文设定集设计始末

设定集设定点


一书一世界:网文设定集设计始末
角色立绘、三视图、Q版人设和未解锁的角色卡牌


一书一世界:网文设定集设计始末

氛围营造


第一批设定集挑选了一批站内部分小说,为这批小说定制了与作品氛围一致的logo和封面底图。我们在入场动效中模拟了打开实体设定集的感觉,通过不同封面图营造出每本书独特的氛围,将读者带入小说世界……


一书一世界:网文设定集设计始末
设定集入场


设定集分为明、暗两套主题模板,对应白底黑字和黑底白字,根据封面图取色的色相区域决定整体基调属于暗色系还是亮色系。


且从封面图中,自动生成四个颜色:背景色、亮色、高亮色和导航栏色。这样确保每本书都有一个主题色调,设定集内也具有视觉上的延续性,尽可能给读者带来流畅、沉浸的视觉体验。


一书一世界:网文设定集设计始末

主题配色分解


深色和浅色模式分别对应不同的取色规则,每本书在配色上的细微差别也可以避免读者产生千篇一律的疲乏感。


一书一世界:网文设定集设计始末

配色方案展示


由于设定集中也将展示角色关系网络,为了设定集的阅读体验能保持连贯,我们趁此机会一并迭代了角色关系矩阵:


一书一世界:网文设定集设计始末

角色关系设计优化


经由开发精细还原(技术详见阅文前端公众号分享—— PIXIJs实战之角色关系图),最终呈现出的效果如下:


一书一世界:网文设定集设计始末
角色关系线上效果


一书一世界:网文设定集设计始末

结语


小说设定集一期用户认可度较高,业务侧增加推广计划,将由作者自由报名,推出更多设定集。设定集将不再受限于官方或是作者来给到内容,而是采用共创模式,鼓励读者输出内容,再经由作者审核,最终产出广泛被认可、又博采众长的设定。希望在这一切落地后,有机会与大家分享~


项目交互:Youli

项目视觉:琛



一书一世界:网文设定集设计始末
一书一世界:网文设定集设计始末
一书一世界:网文设定集设计始末





本篇文章来源于微信公众号: 阅文体验设计YUX

UI/UX

以设计之力,守护三江源

2021-11-2 17:31:18

UI/UX

设计师们,这届双11请多屯点技能包

2021-11-2 20:02:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索