[试题]百度输入法皮肤制作帮助文档

[试题]百度输入法皮肤制作帮助文档 一 设计效果图(设计出主要的效果图) (为了保证最佳体验，建议按候选词为三个来制作效果图和切图) 一个皮肤包含横排输入框 例: 竖排输入框 例: 状态栏 例:(示例未添加软键盘) 利用素材设计出横排输入框、竖排输入框和状态栏的效果图。 二 切分图(对照切分图列表参考效果图，制作出每一个切图) 切分图列表(多态的) 横排输入框背景图 (一张 格式:png) 竖排输入框背景图 (一张 格式:png) 左翻页键(四张-分别对应普通状态、悬浮状态、点击状态、不可用状态 格式:png ) 右翻页键(四张-分别对应普通状态、悬浮状态、点击状态、不可用状态 格式:png ) 输入框上Logo-非必需，可缺省(三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 状态栏背景图 (一张 格式:png) 状态栏切分图列表(横线之间的为一组，状态栏不想显示的组可以缺省设计，同一组的分辨率需要保持一致) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“中文” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 状态栏图标-“英文” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 状态栏图标-“大写锁定” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“全角” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 状态栏图标-“半角” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“中文标点” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 状态栏图标-“英文标点” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“软键盘” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“未登录” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 状态栏图标-“已登录” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“设置按钮” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) --------------------------------------------------------------------------------------------------------------------------------- 状态栏图标-“虚拟键盘” (三张-分别对应普通状态、悬浮状态、点击状态 格式:png) 三 使用皮肤编辑器制作皮肤 皮肤编辑器可以从百度输入法官网下载shurufa.baidu.com 1、填写皮肤信息 名称、作者、说明为必填项，记得修改初始值哦 2、进行字体设置和颜色设置 3、用制作好的切图替换状态栏的按钮图标 替换方法:点击一个按钮如中文，选中需要替换项的具体某个状态，点击设置来替换图片。 不需要的按钮可以通过取消勾选来隐藏。可以通过位置参数或者直接手动拖动左边预览图中的按钮来调节位置。 4、横排窗口设置 首先利用制作好的切图替换横排窗口的背景和按钮图标。 拉伸方式和拉伸区域的设定: 水平 拉伸区域是坐下方两条竖线之间的输入框背景区域，两条竖线可以通过调节参数或者手动拖动来调节。 垂直 拉伸区域是坐下方两条竖线之间的输入框背景区域，两条横线可以通过调节参数或者手动拖动来调节。 拉伸方式可以选择平铺或者拉伸。 输入串 候选词 输入串位置设定、候选词位置设定 左边预留是指 输入串/候选词 左侧和输入框背景左侧的距离。 右边预留是指 输入串/候选词 右侧和输入框背景右侧的距离。 输入串上边预留是指 输入串 顶边和输入框背景顶边的距离。 候选词串下边预留是指 候选词 底边和输入框背景底边的距离。 (候选词最右边是指下翻页键最右边) 5、竖排窗口设置 请对比参考横排窗口设置 四 皮肤检错及发布 皮肤编辑器下方有提示条，并且会对存在的简单的错误进行提示。 皮肤编辑器的检错标签页会模拟出容易出错的场景，并且对这些场景下可能出现的错误给出提示，检测后如果有问题，可以看后面的红色帮助文档。