搜狗拼音输入法皮肤制作教程详解

发布时间:2020-04-19编辑:脚本学堂
本文介绍了搜狗拼音输入法皮肤的制作方法,搜狗输入法皮肤关键部分,根据需求制作您需要的皮肤模式,感兴趣的朋友参考下。

搜狗拼音输入法皮肤制作教程

搜狗输入法皮肤最关键的部分是设计,个人使用的皮肤可以根据需求制作您需要的模式,但是在官网发布皮肤必须拥有完整的四种模式,好的设计需要您有一定的设计功底,如使用Photoshop等专业的画图软件来完成。

如果您没有任何设计基础,建议您通过大头贴功能制作皮肤(大头贴皮肤制作地址:http://pinyin.sogou.com/skins/dtt.php)。

1、 输入法皮肤完整模式有四种(见例图):横排同窗口、竖排同窗口、横排分窗口、竖排分窗口;请务必提供四种模式,否则使用智能ABC模式的人将看不到输入窗口。

注意事项:设计大小以候选字4个到5个为基础,但务必留出可延伸空间,因为网友很多会把外观修改为候选字5个以上。在输入框设计中一定要留出拉伸或者平铺而不改变整体效果的位置。尤其是竖版,在设计中候选字为9个以下的图片一定留出不改变图片的延展空间,否则实际使用中,由于画面延伸而使人物、logo、花样变形。(在下面的皮肤制作中详细讲解)

搜狗拼音输入法皮肤制作教程1

图片大小规格:
可参考以下数据做调整,但不建议过大,否则影响输入:
横排同窗口:380*60,不包括状态栏右侧的不规则形象(如小白猪)
竖排同窗口:180*200,不包括状态栏右侧的不规则形象(如小白猪)
横排分窗口:180*30 180*30,不包括状态栏右侧的不规则形象(如小白猪)
竖排分窗口:180*30 180*150,不包括状态栏右侧的不规则形象(如小白猪)

2、 输入法状态栏的完整模式(见例图)包括状态栏背景图,及按钮三种模式:正常、鼠标悬浮,鼠标按下。在官网的下载的皮肤编辑器的文件夹内,有“搜狗酷黑”“蓝色空间”的两款标准按钮的PSD设计图,可以直接修改或者替换‘状态栏背景’图层,为保证切图的标准,请使用参考线进行切图。(www.jb200.com 脚本学堂)

注意事项:标准的状态栏每按钮切片为16x17像素。可根据制作需求任意设置,但请务必提供完整模式(中、英、A、中文标点、英文标点、全角、半角……),状态栏各按钮标准上有三种模式(正常、鼠标悬浮,鼠标按下)模式。
三种按钮模式可根据创意进行设计。例图中提供了标准的三种模式。

搜狗拼音输入法皮肤制作教程2

3、设计完成后的切图:
搜狗皮肤编辑器支持png格式图片,可在背景透明下切图,这样格式的图片避免了bmp图片会产生的毛边等情况。
但是,在皮肤设计中没有异形(人物、logo等)是比较方正的设计时尽量使用bmp。
皮肤文件越小,在使用中的输入速度会越理想。