“商业游戏美术”探讨学习

竖屏微信小程序游戏设计规范条文

一、整体设计核心载体

设计围绕“竖屏微信小程序”展开，核心包含分析、美术两大设计维度，聚焦点击交互、布局规划、面板设计、关闭方式等关键模块。

二、点击分析设计

1. 任意单击操作均有光效反馈，空白处点击也包含该效果；

2. 底部UI选中状态下，展示背景光效图作为视觉标识；

3. 部分图片单击后会触发缩小效果，同时伴随颜色变化；

4. 部分点击操作配置专属音效反馈。

三、布局设计

整体布局采用“上留空+下填充”原则，上方预留空白区域用于放置关闭按钮，下方区域可进行内容填充设计。

四、面板设计

1. 点击操作触发面板展开效果，为核心面板交互形式；

2. 面板交互分两种分支：一是仅展开面板，二是直接切换整个游戏画面（顶栏、底栏保持不变）；

3. 展开式面板部分以立绘为主要视觉元素；

4. 面板内列表支持拖动操作，面板上下区域可展示相关内容。

五、美术设计

所有面板均采用高清图片制作，无代码绘制形式，全程以图片为美术呈现载体。

六、面板关闭方式

支持三种关闭形式，可灵活适配场景：

1. 面板右上角设置×形关闭按钮；

2. 展示闪烁文字提示，点击空白区域实现返回/关闭；

3. 面板左下角配置专属返回按钮。