作为橙光游戏的初学作者，要想学习自制游戏界面，必须要首先了解橙光游戏基础的信息架构。那么橙光游戏到底是一种什么样的游戏呢？首先，教程君希望从底层的角度来分析一下橙光游戏这个产品的构成：

（以下内容引自教程君的原创论文）

橙光游戏作为一个游戏聚合平台，其本身是不直接生产游戏的。但是由橙光制作工具生产的游戏，其本身的内容类型是固定的。从字面上来看，“橙光游戏”本指橙光游戏平台，是一个产品。但是由于橙光在领域内的影响力和用户渗透率较高，“橙光游戏”几乎已经成为“文字互动游戏”的代名词，成为用户心目中的一种独特的游戏类型。从其主打的游戏实质来看，笔者对橙光游戏进行如下的几种解读：

a.橙光游戏是角色扮演游戏。

RPG（Role-playing game 角色扮演游戏）为游戏的一种类型。在游戏中，玩家扮演游戏的主视角角色，在一个结构化规则下于写实或虚构世界中活动，玩家的行动和命令操作会决定游戏的走向和成败。橙光游戏的实质，就是一种角色扮演。玩家进入游戏，即由游戏分配或自主选择获得一个身份，作为整个游戏的主视角。随着剧情的推进，玩家在一定情节点代替主角作出选择，决定后续剧情走向、相关角色关系数值和主角自身的属性数值。实质上，这种模式是一种任务和命令驱动型的游戏结构，玩家在游戏提前设定好的规则和任务下进行操作，以趋向一个隐性存在的结局。角色扮演游戏的类型十分丰富，橙光游戏则主打冒险和恋爱元素。当然，随着男性用户的增长，橙光的男性向游戏也逐渐突出对战、策略、网游等元素。关于游戏的具体风格，笔者会在后面结合对用户的分析再做整理。

（橙光游戏画面结构①）

橙光游戏画面结构②

①菜单按钮：呼出游戏菜单的快捷按钮，由系统底层提供。

②橙光：呼出游戏简介面板，展示游戏实时互动状况、快捷打赏、评赞。

③立绘：通常为人物角色的无背景图片，也包括物品、特效等辅助立绘。

④对话框：文字的载体，旁白、人物对话呈现的区域。

⑤姓名框：用于呈现当前说话角色的名字。

⑥背景图：一般为无人物的背景图，模拟剧情环境，也可为剧情的CG图片。

⑦选项条：呈现不同的操作命令，由用户点击选择。

总的来讲，一个完整的橙光游戏基本要具备以下几类要素：

（要素架构-XMind）

了解了橙光游戏在逻辑层面和视觉层面的架构之后，我们就可以清楚地了解到设计层面需要做的内容了。

从美工的角度出发，视觉设计大概包括如下几个主要的内容：

1.橙光游戏logo

2.封面

3.传送门

4.整组UI

5.CG背景

6.人物立绘

7.浮动的画面组件

在后续的教程中，CAI会陆续给大家分类介绍这几大类内容的制作，并以通俗的例子来做示范，请大家继续关注哦！