下载 App
后海日报:UI的诞生
本篇小文章讲述了后海日报UI的设计和迭代。
1. 开始界面
我们的美术风格选择了:报纸、民国、复古风。所以开始界面就打算做成报纸的头条。下图是我们的参考:



再感叹一下,真的好美啊!主界面!好美啊!左下方大大的“1”其实是打算做多章节切换的。(但是估计也不会做,游戏设置也是假的)
刚开始设计的时候也是有些痛苦,毕竟上一次看报纸还是初中的英语报纸(?)后面找到合适的参考了后就顺畅了很多!太好了!
2. 游戏玩法界面
虽然说了很多遍了但是再说一遍也无妨:我们参考的游戏是金偶像之谜其界面如下图。

屏幕下方是持续存在的信息栏。探索和解谜的切换是点击下方中间的按钮,从Exploring切换到Thinking。我想着做报纸一样的分栏,所以把信息栏放在了左侧。

它每个章节Exploring的内容形式都不一样,很可惜这次时间很短,没有完全动脑去想别的形式的填空题。


确定了基础的布局之后,做了一些不同风格的区分。结果最后还是用了第一版。(不过我个人觉得上图的左上角还蛮好看的。)

为了展示和与场景交互,所以要把人物和事件栏(信息的右侧)折叠起来。于是加入了一个褶子和莫名其妙的button。本来button在中间,但是位置不太够了所以放在了上方(非常有道理的设计)。

以上就是我们的主界面和游戏玩法界面的UI设计和迭代了,写出来感觉好短。不过最开始都是经历了非常久的思考和调研才慢慢地把这个整体风格做到位。我们的目的除了配合风格设计外,就只有一个:清晰,希望对于大家来说我们做到了这一点。
感谢观看!







