导图社区 游戏UI设计流程
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。本图整理了一份工作中的流程,包括时间规划、界面设计流程、图标设计流程、后期优化等,希望对初创团队和职场新人有帮助!
社区模板帮助中心,点此进入>>
UI工作流程
时间规划
1.普通铺量界面设计制作时间约1-2天一个,视界面难易程度有调整,(不包含反馈调整时间)
2.特殊界面3天左右,视难易程度不同有调整,(不包含修改反馈时间)
3.图标:拾取物图标一天2-4个,视难易程度不同有调整 界面内不同图标视难易程度不同 时间不一(不含修改反馈时间)
界面设计流程
1.拿到策划文档
1.文档需有具体的交互线框图
1.说明功能入口位置
2.说明是全屏界面还是窗口界面
3.说明需要重点突出的信息
4.说明明确的标题名字和描述性文字的字数
5.对会出现特殊状态的按钮做出说明,具体需要哪几个状态
2.文档需体现点击操作逻辑
3.文档需写明对接策划和对应版本时间节点
4.若同时期有多个不同界面需求,需要给到优先级排列
2.审核文档
3.对文档有疑惑不确定或有更好建议的地方进行沟通,交流初步设计想法
1.若交互图有明显问题,需要在沟通讨论后再次敲定交互方案
2.策划需要和对应该功能的程序核对UI的设计想法,程序是否支持,技术上有没有不可实现的点
4.设计初稿,交流初稿,确认交互布局
5.深入设计刻画
6.设计完稿
7.策划核对功能
8.主美审核美术效果,对美术效果需要修改的地方进行修改
1.提出界面里需要加入特效和动效设计的点
2.和特效对接沟通实施和切图方案
9.切图输出
1.和拼界面同事说明切图方案,拼界面同事需和对应程序确认切图方案,若程序对该功能切图有特殊要求,需要在切图前说明,
2.根据资源对应界面位置进行中文命名(便于拼界面同事了解资源对应位置,方便设计同学后期复用查找)
10.将切图资源及示意图打包发送给拼界面同事
1.并说明动效方案,拼界面同事也需再次和特效沟通该方案的实施计划以及可体现在界面里的时间节点
11.将切图资源,示意图,PSD源文件上传美术SVN路径进行备份
12.核对游戏内界面效果
图标设计流程
1.拿到图标需求文档
2.针对文档不明确的地方进行沟通
3.确定外包或内部绘制
4.设计初稿,和策划沟通初步设计方案
5.深入绘制完成
6.主美审核美术效果,修改调整
7.资源输出
8.打包提交给拼界面同事
9.上传美术SVN路径进行备份
后期优化
将界面中需要替换的资源打包发送给拼界面同事
1.告知拼界面同事需要替换的资源
2.替换掉美术之前SVN上传的旧资源
3.需要拼界面同事删掉旧资源,上传新资源,做好资源管理交接文档,避免人员变动造成的资源管理混乱
4.拼界面同事需要定期整理删除不使用资源,整合图集,合理利用图集,以减少空间占用量
5.核对新资源在游戏里的效果