一、UI设计思路（产品的角度，交互的角度，用户的角度去思考这个问题）：

一、针对本产品的定位、特点和设计目标，采取相应的设计。

参考竞品：在不知道不了解某一个游戏风格的时候，参考竞品是非常有效的办法。参考竞品，能够了解自身与竞品的差异和不足，能够做到有的放矢，有效设计。

差异化：在竞品同质化严重的情况下，适当的差异化，能够获得用户的青睐，成为产品卖点。

二、1、明确划分与UI相关和与UI无关的部分

根据UI的设计图，首先把界面展现的数据先抽出去，只看UI的表现。

2、划分屏幕大小，明确出跳转关系

考虑不同APP所对应的屏幕大小及DPI，不同的屏幕与DPI，可能会存在不同的UI布局。

3、列出需要用到的UI元素

把界面上展现的UI元素列出来，像常用的button, imagebutton这些很简单，一看就知道，关键是有些UI，可能会涉及到一些自定义的视图，这里一定要多考虑。

4、列出哪些UI元素可以用SDK的，哪些则是需要自定义

通常一个项目里面都会有自定义的组件（View），多数是组合控件------把不同的小工具组合成一个布局。

5、进行内部逻辑和UI界面的整合

 

二、UI设计的8个原则：

1、明确你的用户群

首先要明确一个方向：谁是你的用户群？不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同，所以UI设计必须是有针对性地设计。

2、界面要清晰

要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它，让用户知道为什么会使用它。当用户使用时，要能够预料到发生什么，并成功的与之交互，只有清晰的界面能够吸引用户不断地重复使用。

3、交互性

界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

 

4、保持用户的注意力（视觉集中，边缘弱化）

在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将你应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。

 

5、每个屏幕需要一个主题

我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便，在必要的时候更容易进行修改。

 

6、自然过渡（如果全屏都是弹窗就会感觉太生硬）

界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。

7、强烈的视觉层次感（粗细/大小）

如果要让屏幕的视觉元素具有清晰的浏览次序，那么应该通过强烈的视觉层次感来实现。也就是说，如果用户每次都按照相同的顺序浏览同样的东西，视觉层次感不明显的话，用户不知道哪里才是目光应当停留的重点，最终只会让用户感到一团糟。在不断变更设计的情况下，很难保持明确的层次关系，因为所有的元素层次关系都是相对的：如果所有的元素都突出显示，最后就相当于没有重点可言。如果要添加一个需要特别突出的元素，为了再次实现明确的视觉层级，我们就需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次，但这是增强设计的最简单的方法。

 

8、简约设计（简约但不简单）

简约设计不仅仅是一种流行趋势，从用户体验上看，简约的界面可以去掉很多无关的干扰信息，使UI更具易用性。好的UI设计应该具备强大的功能，但是画面要简约，拥挤的界面，不论功能多么强大，都会给用户带来不适感。

 

二、游戏UI本地化设计规范：

一，规划你的设计：后期的麻烦来自于前期的偷懒

本地化过程中，最影响界面表现的就是字长。多语言翻译时出现的字段长度是不同的，必然会影响控件表现形式与效果。那么我们在在UI的设计制作时直接使用英文占位。

一般英文的长度在多语种内比较适中，采用英文进行空间的合理预留是可以满足大部分情景的，避免以中文字符来思考排版美观性，后期出现预留宽度不足等问题。

当然，也不建议为了适配一个很长的语言而预留较大空间，导致其他语种的界面排版很丑。在多语言的适配中，有一些改变字体本身大小或预留空间的方法:

①文本轮播，避免较长的信息同屏显示；

②在适用场景下，采用跑马灯式的滚动

此外，多使用国际化的图形语言（ic图标）有助于减少文本量。因为图形是不需要经过翻译，而且能准确表达功能含义的一种方式。

二，美术字：本地化成本最高，且无法避免

体现界面或交互反馈的情感传达，美术字是一种很好的表现形式，但是在本地化中会增加很大的工作量。

对于无法避免的美术字设计，需要注意：

1，美术字图层尽量保持非栅格化模式

 

2，减少对艺术字变形的设计，至少保留原始字体

 

三、一些设计原则和技巧：有效提高本地化效率与质量

1、标题装饰类和按钮类的设计最好使用可九宫格拓展的类型，特别是横向延展；

2、英文类字号可以降低到14-16，对于欧美人的阅读习惯来说，并不是各个字母都要看的清清楚；

3、尽量为叙述类文本多预留1.5倍空间，因为俄罗斯和阿拉伯文字长度很吓人；

4、设计时候尽可能避免竖版排版；

5、英文每行的词大约在8-20个之间。

 

在日常的审核工作中发现，有时候虽然设计稿精致漂亮，但实际落地到产品的效果并不好。

UI本质是为“信息”设计载体，其中呈现的“文本”与“数值”是信息，“角色立绘”与“ICON”也是信息。

有时候ui在设计时过分依赖策划提供的线框图，缺少对实际信息的思考：如果界面载体不能匹配信息的变量，设计就会出错。

设计稿中要用正确的信息占位，充分考虑变量情况。

在面对大量属性信息时，我们习惯“复制、粘贴”，这很难体现信息究竟是怎样在排版中进行对齐的。

 

“整齐划一”的信息排列会将问题隐藏，最终体现在版本中的效果大打折扣。

 

数值也是变量的，为极限情况留出合理的间隔空间：

文本信息也是变量的，特殊的对齐方式不要遗漏标注：

 

注：部分文档引用于网页