1、确定主题和风格
这一步是关于风格建立的。
如何确定一份UI的风格？很多优秀的UI都有一个共同的要素：简洁。这里的简洁指的是排除冗余元素，进行风格的统一，确定一个主色调，不能大量运用花哨的字体。当然能运用好复杂设计的神作除外……到达这种境界之前，新手最好尽量保持简洁。
下面是我自己做UI时使用的色板：

沉香炉里面用的颜色最多，达到九个。其它颜色的变化都建立在半透明的基础上。
关于如何选择色板，可以考虑直接从配色网站下手，如Adobe Kuler。
很多配色网站的色板都有不错的名字，有时候我会为一个漂亮的色板冲动创作一个作品……灵感来源还有可能是小说、诗歌或书籍封面、电影海报。
另外，关于字体：请不要大面积使用会阻碍阅读的字体，这点可以阅读一些海报设计的教程，比如这个：
谈谈设计-海报篇http://www.guokr.com/post/438873/
字的颜色要能和背景准确区分开来。
字号的统一也很重要，建议制作过程中对字号进行控制，可以开一个文本文档记下来。
我个人擅长简洁扁平化设计，因为觉得花里胡哨的东西不容易掌控，而且调整起来超级麻烦。这只是个人偏好，做出最适合自己游戏的才是最好的，比如说我一直都很佩服《删号客栈Lite》作者的UI，以及@轩辕叶前辈的古风系列，其精雕细刻是所不能及。但很多时候还是扁平化的界面容易掌控、把握整体。（也可能是因为我太懒了……）
注：其实我不大会用ps素材，这点也是本教程中会欠缺的地方，这导致我自己很多时候必须保持简洁的风格，并且自己画素材。希望有大神能够出一个“如何快速准确搜刮素材”的教程……

2、建立素材库，先复制一份自带UI，观察界面元素
这部分是做UI的开始。反正我是这么开始的。接触到橙光这个大坑时，我一开始对UI的构成没什么概念，所以望坑兴叹，有无从下手之感。所以我先复制一份默认素材观察一下元素构成：

Button文件夹，其中相同颜色圈出的表示有关联的按钮。
然后是UI文件夹，这里面就是各个界面背景、姓名头像对话框、音量条。观察完成分，可以考虑开始了。

3、从标题做起，标题做完后再做界面背景
这里我推荐从标题开始做，纯属个人偏好。因为做标题的过程，是投入地诠释风格的过程，在此中可以很快地找到感觉。而且标题也比较容易，不牵扯到按钮的纷争……
然后我的做法是另存为，开始新建图层做六大界面。其中BGM、CG、SAVE/LOAD、PLAYBACK四大界面是比较容易的，可以用统一的风格和排版。
注意想避免麻烦的话，最好不要像我这样采取环绕排版，不然只能让按钮分布于一边……

然后是游戏菜单的背景，菜单可以透明或半透明，所以也要考虑到对话框的显示情况。最好重叠在一起时不要显得太花哨。

4、设计option界面，摆好位置
个人感觉option界面处理起来很麻烦，推荐大家先在界面上设计好排版，再制作按钮。按钮的制作小技巧会在接下来提到。关于option的排版，这里还是无耻地上一下我自己的例子……
论option界面之斯巴达设计：

其实它是这样的：

我留着底图上按钮的目的是为了方便对准位置，接下来一轮疯狂斯巴达像素调整后，就能确保达到想象中的效果。

7、对话框技巧：半透明和UI颜色适应
关于对话框的制作，考虑到论坛上做得精美的大有人在，我觉得自己的方法太简陋了，说出来都有点不好意思。如果有ps素材，当然可以取巧使用现成的漂亮边框、背景，而不必费这么大心思折腾。这里就说几个DIY的基本方法好了。首先是钢笔的矩形工具，方角和圆角，用来拉出框体本身。当然对话框不一定要是规则形状，可以用ps内置的形状工具自己设计一下。其次是巧用半透明填充，根据我自己的经验，对话框后面隐约露出立绘的效果非常带感，值得一试。一般以40%-60%为妙。第三是前景色-透明渐变工具。这也是ps内置的，如果觉得麻烦亦可用柔角橡皮擦大小调到400+描边or手动擦除。渐变工具如图：

需要注意的地方：对话框也要时刻和UI的风格保持一致，同时背景和字体颜色分开。
8、注意尺寸的统一
没什么好说的，就是注意尺寸问题……避免此问题的方法就是在原界面上排版，补救的方法就是批量处理。如果无法确定（比如拿不准大的效果好还是小的效果好），原图片还是往大了做，以保持分辨率。

9、收尾阶段：排版技巧、善用预览和像素调整、不断测试
这部分就是排版的过程了，打开游戏设置，把按钮和UI全复制进测试文件夹。如何准确地调整各按钮到指定位置？举一个自己的例子吧，下面是我自己做的一个标题画面截图：

可以看出里面有几个月亮的颜色不一样，没错，那就是标题按钮，而底图是另外加上的。为了调整这些按钮的位置，我尝试用ps定坐标，但这也太烦了。这里提供一个可行的做法：先用鼠标把按钮拖到大致的位置，然后用坐标微调。橙光的UI设置界面太小，没法做精细操作，但有一个预览按钮，可以得到1:1的预览图。这里就重复调坐标-预览-调坐标的动作，直到位置准确为止。如图：
其它调整可同理。
另外贡献一个小技巧（虽然我觉得大部分人都能想到），有时候语音、音效、音乐滚动条混在一起了，就把它们先分开，然后一个个点击去掉，根据消失的顺序来确定它们的身份。

---------------------------------------------END-----------------------------------------

暖ww好帖已收~

师父！！(´・ω・`)
我做UI经常从对话框做起… 所以常常忘记选择框的存在(´・ω・`)(咦

看到这是很多年前的帖子，不知道楼主还在不在。想问一下，橙光软件的UI封面设置里是不是只能上4个游戏按钮，还是我哪里没懂，求教，谢谢。