1、 所有按键的字体清晰可见，包括但不限于候选字、拼音串、云候选字、字母、数字、符号等，避免字体和背景图片混淆不清，要保证清晰的视觉体验
2、 皮肤设计需要满足输入法的基本功能特性，包括但不限于首选/非首选字体颜色有明显区分、每个按键要有明显的按下效果等
3、 为降低用户下载皮肤流量成本，每个按键的设计尽量留有可拉伸区域，减小切图尺寸大小

第一部分：候选区

1、 候选条icon颜色明显，在视觉区上下居中，不宜偏上或偏下，默认状态icon要完整 展示，不能出现半个的现象

错误示例

正确示例

2、 第一个字符距离左侧边缘区域和默认皮肤保持一致，且在视觉区上下居中，避免过 度占用左右两侧的空间。

错误示例

拼音区、云候选超过了视觉显示区，导致看不清楚。

第一个候选字距离左侧边缘太远，这里在编辑器的设置值应该为0

3、首选/非首选候选字字体颜色有明显区分，首选相对为高亮色。

错误示例

首选/非首选字体颜色相近，没有高亮色

4、候选条icon使用默认icon灌色处理，不要替换图片，减少后续维护成本

 

Android和iOS平台在皮肤结构上有一些不同，分别要求如下：

安卓

5.1、候选条整体设计简洁，不宜有过多装饰物，整体不要有过多的颜色变化，确保候选 字清晰可见，不影响输入

错误示例

候选条设计过于冗余，有两个明显颜色过渡，导致看候选字会比较费劲

候选条装饰过多，红白两色很明显的颜色变化

正确示例

候选条设计过于冗余，有两个明显颜色过渡，导致看候选字会比较费劲

5.2、候选条左侧不能有任何主体形象，右侧主形象宽度不超过220像素，高度不超过200 像素，确保键盘不过高；避免极小的右侧形象凸起，若非必要可缩小至候选区范围内；若 特殊情况右侧形象较高，可将候选条整体上拉平铺，避免因异形左侧留白过大

错误示例

右侧形象过大

5.3、候选条不宜有圆角设计，上下也不宜有镂空及阴影设计，避免视觉区的透明图片被 填色

错误示例

候选条为异形设计，透明区域被填色

5.4、拼音区、云候选区和候选条之间不要有间隙，避免上方悬空；也不能和候选条重叠， 两个部分应无缝连接

错误示例

上下有间隙，上方悬空

拼音区、云候选和候选条重叠

5.5、拼音区和云候选区的高度和默认皮肤保持一致，不能调整字体大小；且背景图的最左 和最右均贴边，不要有错位

错误示例

拼音区距离左侧有间隙

拼音区距离左侧有间隙

综合以上，正确示意图如下：（1080分辨率）

 

iOS

6.1、候选条整体设计简洁，不宜有过多装饰物，整体不要有过多的颜色变化，确保候选 字清晰可见（示例同安卓）

6.2、候选条左侧不能有任何主体形象，右侧主形象宽度不超过220像素，保证展示尽可 能多的候选字；若高度超过候选字区域，必须保证云候选字体清晰可见

错误示例

右侧形象过大，遮挡云候选，导致云候选看不清楚

6.3、若不能完全满足4.1和4.2，则需要单独配置默认状态和打字状态两张背景图，保证 正常使用不受设计影响

6.4、候选区不能出现四角圆角设计，保证视觉区没有透明区域

1、影视明星类皮肤，主要亮点在于人物形象，一般都使用人物形象作为大背景，且按键 需要是透明状，所以会比较花哨，字体很难做到全部清晰可见。在这种情况下，可放宽 一定限度，保证字体基本可见，尽量不影响正常使用

2、合作类皮肤，有部分会将LOGO放在空格键上，需要隐藏空格键前景字，但是因为空 格键为特常用按键，不太会误点，所以可以适当放宽限制可隐藏前景

错误示例

例如以下两款皮肤，空格键隐藏了前景图，按键字体不是特别清晰，但是尚未影响正 常使用

3、合作类皮肤，有部分需要有强烈的形象露出需求，所以安卓皮肤候选条右侧形象的限 制可适当放宽，但不可超过300像素