小时候泡泡保护城市，长大后泡泡拯救设计。她不但能打怪，还能帮你打破界面僵局！本期设计技巧带你用飞天小女警泡泡做角色界面设计练习，掌握角色+UI协同布局的隐藏公式。从pose出发，打破三段式布局，让角色和UI一起‘飞’起来～
所以今天，孙老师想从游戏UI设计师的角度，谈谈我的练习方法，希望给你一些启发和帮助。
如果你想练习一张角色展示界面，总会参考传统的
三段式排布信息。
但既然是练习，不如更大胆一些。打破传统构图，把ui和角色pose结合起来。
大家小时候爱看的童年古早动画 —
飞天小女警
。这里面有许多变身pose，很适合拿来做练习。
这时候就有同学会说啊：老师老师，我想这样放！这样看起来有冲击力！
其实啊，角色在画布上的位置，和摄影的思路是相同，想要找到合适的位置，只需要像这样画出等分线。
再将角色头部放在靠上方的等分线交叉点，就可以拥有一个不错的画面。
如果按照常规的设计，在角色另一侧加上信息，虽然可以，但是这样画面就会略显普通，没什么张力。
动画和游戏角色一般都有很鲜明的代表元素，只要稍加利用这些元素，就能增加画面的丰富性。
以花花作例子，她的变身背景里布满爱心，那界面中就可以加入一些爱心元素。
同时，还可以结合角色身上的特征，例如角色手里这个变身器，还有头发的弧度，就很适合在背景融入弧线型的元素。
像是飞天小女警这样的经典日系战斗动画，想要让画面更有冲击力，也可以把弧线替换掉，变成透视感更强的漫画元素。
观察角色的动作与装饰外形，可以分析出多种设计思路，我们可以顺着头发的走向设计背景。
还可以观察角色举起手的动作，手部方向形成一条直线，所以设计一条与她交错的直线，也是个不错的选择。
除了观察角色的动作，还有一种方法啊，就是寻找视觉中心。
在画面中，人的注意力会率先落在眼睛上，所以角色的视线方向也能成为画面的引导。以角色头部作为圆心，视线方向作为线条趋势，呈放射状地设计背景。既能聚焦视线，又不失美观。
但因为这张图需要补全的头发较多，于是我们只能变更他的位置，通过花花的手部方向延伸出线条。
如果想要做放射状的背景，在角色图像有所限制的情况下，我们还能考虑角色手中的物件，比如手里的变身器，也可以作为圆心向外发散。按照视觉流向将元素进行摆放，既增强了画面的冲击力，又与角色本身强呼应。
最后，我们只需要把角色信息沿着视觉流向进行摆放，这样，一张角色pose与ui结合的角色界面就完成了。
如果你觉得直接加文字，太过平面，也可以用“透视”功能处理一下文字，增强空间感。
可以按照近景，中景，全景三种景别来练习，帮助你更好地适应不同大小的角色立绘。
看到这里，相信你已经掌握了角色pose与ui结合的基础！
其实啊，这样的思路不仅可以做游戏界面，也可以把它用进生活当中，你可以用它给自推扎个痛包背板，或者设计一个痛车的背景。甚至一些周边设计，也用的是这样的思路。
同学们不妨大胆动手，从练习开始，有时候，完成比完美更加重要，一个粗糙的开始，其实就是一个最好的开始。
那么，今天的分享就到这里啦，如果你喜欢我们的分享内容，别忘记点赞和收藏。同学们对操作步骤有疑问，或是有其他想了解的设计技巧，欢迎在评论区留言，期待与同学们的互动！
