跳过封面,查看案例
返回作品集极光漫画AURORA COMICS浏览作品

AURORA COMICS / CASE STUDY

把下一次阅读,
留在这一屏。

围绕发现、续读与书架管理,用更清晰的内容层级建立有记忆的漫画阅读体验。

从设计起点开始漫画阅读 / 移动产品
极光漫画作品封面展示
极光漫画 / DESIGN REVIEW
产品方向
年轻化漫画阅读产品
设计范围
产品结构 / 交互 / 品牌 UI
关键链路
内容发现 · 历史续读 · 书架管理
整理内容
19 组界面与设计资料

01 / THE STARTING POINT

好内容,需要更短的抵达路径。

新用户想找到值得开始的作品,老用户希望直接接着看。首页不能只是一份不断增长的推荐清单,还要同时照顾明确目标与随意探索这两种阅读习惯。

01

续读入口深

上次看到哪,需要跨过书架与历史层级才能找回。

设计回应

将“最近在看”前置,保留浏览历史作为补充。

02

内容密度高

漫画封面丰富而强烈,过多卡片边界容易形成视觉拥堵。

设计回应

以间距和楼层分组划分内容,减少多余分隔。

03

识别不统一

推荐、榜单、分类和个人中心各有任务,仍需共享产品语言。

设计回应

用品牌黄、统一图标与组件规范贯穿页面。

02 / FROM 0 TO 1

先让人找到,再让人留下。

围绕阅读主任务建立入口,内容推荐与个人资产各有位置。

  1. 01

    确定任务

    区分首次发现与回访续读。

  2. 02

    拆解路径

    从内容入口到阅读及收藏逐步梳理。

  3. 03

    比较布局

    对比通栏、小卡片与大间距方案。

  4. 04

    完善语言

    统一品牌色、图标、字体与状态。

  5. 05

    整理交付

    汇总主界面、关键流程和动效规则。

首页与发现

推荐 / 热榜 / 分类 / 搜索

没有明确目标,也能开始探索。

阅读与互动

作品详情 / 阅读 / 评论 / 收藏

让选择自然衔接到阅读。

书架与我的

阅读记录 / 收藏 / 个人设置

让下一次进入有明确起点。

PATH COMPARISON

把“接着看”,从深层页面带回首页。

原有资料包含阅读路径的方案对比。重新组织后,最近阅读成为首页的独立楼层,降低寻找历史记录的层级负担。这里呈现路径变化,而不将它换算成未经测量的转化成绩。

原路径
  1. 进入首页
  2. 进入书架
  3. 查看历史
  4. 选择作品
  5. 继续阅读
方案路径
  1. 进入首页
  2. 最近在看
  3. 继续阅读

03 / DESIGN DECISIONS

让设计取舍,
在界面中有据可见。

从信息组织到视觉表达,围绕具体任务说明每一处关键选择。

01 / RETURN TO THE STORY

首页不只负责推荐,
也负责把故事接上。

顶部内容入口服务发现,中部“最近在看”承接回访,精品推荐再提供新的选择。不同使用目的不需要在同一层争夺注意力。

明确目标
阅读历史前置,已读进度辅助识别。
随意探索
推荐与榜单提供封面、题材和热度线索。
稳定入口
首页、发现、书架与我的形成清楚的底部导航。
推荐首页

02 / CHOOSE THE LAYOUT

减少分隔,
保留内容的呼吸感。

在通栏卡片、小卡片与大间距三种思路之间,选择更轻的楼层组织。用标题、空间和封面比例建立结构,避免每组内容都被厚重的边界包围。

边界做减法
以间距承担分组,内容区域不被重复压缩。
层级做加法
标题、封面、进度与标签各有视觉权重。
首页布局方案对比

03 / HELP PEOPLE FIND

搜索与分类,
不只是两个入口。

搜索负责明确意图,分类负责逐步缩小范围。关键交互资料保留了页面切换与筛选思路,使用户从选择到阅读的每一步都有上下文。

搜索
输入、结果与作品入口保持连续。
分类
题材与内容分组帮助缩小选择范围。
个人中心
阅读资产与账户功能按任务组织,不混为一张长清单。
搜索与分类交互

04 / VISUAL LANGUAGE

明亮品牌黄,贯穿清楚的阅读秩序。

沿用原项目 #FFD900 品牌黄,而不是作品集网站的青柠色。黄承担选中、重要标签与品牌识别;提醒色和功能色保留独立语义,避免所有状态都变成同一种强调。

品牌色#FFD900
提醒色#FE6554
功能色#FF9500
字体层级
标题、正文与辅助说明通过字号和字重区分。
图标规范
统一描边与视觉重量,选中状态更清晰。
动效节奏
反馈帮助理解状态,避免抢走漫画内容的注意力。

06 / DELIVERY & REFLECTION

设计不止画面,
也包括它如何工作。

把判断标准、交付内容与仍需验证的边界,一起留在案例中。

01

设计覆盖

从首页、阅读路径到个人中心,结合视觉规范呈现完整设计思路。

02

交付表达

不仅说明界面长什么样,也说明入口、状态、组件与动效如何工作。

03

后续验证

重点观察续读入口是否易发现、内容密度是否合适,以及筛选是否便于理解。

案例由提供的最终界面及原作品集设计资料重新编排。原稿中的研究、访谈与效果表述未独立核验,本文以设计逻辑和方案对比呈现,不将其作为已验证的业务成绩。封面为基于原稿制作的展示效果图,非新增产品页面。

AURORA COMICS / END OF CASE

好的阅读体验,
让故事自然继续。

返回全部作品下一个案例企业可视化大屏

作品预览