色咯咯

百度mac输入法皮肤编辑器相比windows版皮肤编辑工具，界面要更加大方。百度输入法皮肤主要由状态栏、双行版输入条和单行版输入条三部分组成，用户使用本工【gōng】具制作【zuò】mac百【bǎi】度输入法皮【pí】肤大【dà】概要八个步【bù】骤就能完【wán】成制作。

	应用名称：	百度输入法mac版3.4 官方下载
	下载地址：	http://www.7pam.com/down/35671.html

色咯咯

1.百度Mac输入法自上线以来，就以出【chū】色的表现令人眼前一亮。极速输入响应、超高【gāo】出词精准【zhǔn】度、优雅外观设【shè】计和卓越用户体验，已得到不少粉丝和专业人士的认可。

2.为了【le】提升Mac用户的输入体验，百度Mac输入法【fǎ】3.0隆重推出皮肤功能，以「最美输入」为理念，同步推出了 知名设计师【shī】系列 以【yǐ】及 Weico系列 等精美皮肤，并独家支【zhī】持动态皮肤【fū】，给予设计师更多的施展空间。

3.百度Mac输入法所有皮肤作品都由专业的UI设计师精心设计，支持Mac用户喜爱的单/双行【háng】模式，且【qiě】每个作品下都【dōu】附上设计师的名【míng】字及其个人主页，为用户提供优质皮肤选【xuǎn】择的同时【shí】，也【yě】予以了设计师【shī】充分的肯定和尊重。

色咯咯

1. 设计

第一步当然【rán】是完成皮【pí】肤的视觉设计，一些设【shè】计上【shàng】的限制和所需要设计的元素参见以下规范：

大【dà】家可以下载这个 PSD 格式的规范当【dāng】做模板开始进行设计。

然后顺便提一下很多朋友提到的关于皮肤设计上的问题：

Q: 皮肤的大小有限制吗？

A: 没有，状态栏和输入框的大小都可以自定义。

Q: 候选词条的翻页按钮位置可以任意摆放吗？

A: 目前翻页条的【de】按钮位置和间距没法调整，只能和候选词在同一行并且紧跟其后，但是因为翻页按钮【niǔ】其实就是两种图片，所【suǒ】以可以通过【guò】图片中透明【míng】像素的位置来微调【diào】位置。

Q: 状态栏上的按钮怎么更改颜色吗？

A: 状态栏上的按钮其实【shí】都是图片，并且【qiě】每个按钮有三种状【zhuàng】态（普通【tōng】、悬浮、点击），打开模板里的「切图.psd」文件可以方便地进行替换，详细步【bù】骤我后面会细说

Q: 状态栏的形状可以自定义【yì】吗？按【àn】钮可以【yǐ】不放一排而做异形处理吗？

A: 完全可以，你做【zuò】一个 1000 x 1000 大小的状态【tài】栏也可以，哈哈哈

以「百度蓝」皮肤为例，假设我已经做好了如下图的初步的设计：

然后让我们进入皮肤制作的环节吧~

2. 设置路径和基础信息

下载并安装最新版【bǎn】的编辑器（之前装过旧版的朋友可以去重新下载【zǎi】一下覆盖安装【zhuāng】），打开之后在第一个 tab「全局定义」中点击「设置」按钮就可以定义皮肤的资源路径，之后【hòu】所【suǒ】有的皮肤图片都会存放在此路径下，而点击「查看」就能【néng】快速在 Finder 中打开此目录

然后在此页中可以填上大家的个人信息已【yǐ】经【jīng】皮肤的简介等内容，这里就不【bú】赘述了。

「全局定义」这个 tab 下还【hái】需要设置一下输【shū】入法皮肤最主【zhǔ】要的 5 张图片：

微博分享图 - 宽 440px，高任意的效果图

双行皮肤背景图

单行皮肤背景图

状态栏背景图

当然【rán】皮肤不止这么一些内容【róng】，还需要输出状态栏按钮以及候选条的翻页按钮【niǔ】

3. 替换图片

理论上可以打开皮肤资源【yuán】目录，按照原来的命【mìng】名一【yī】一替换所有按钮的图片，但是为了方便大家，我做【zuò】了一套模板，里【lǐ】面设置【zhì】好了切片以及输出文件名，只需要将按钮摆放到相应的区域内，然【rán】后以 web 格式另存就能一【yī】键导出所有各个状态的按钮

完成切【qiē】图并设置好之后我们就开始需要鼓捣一些让人讨厌【yàn】但也不【bú】得不弄的数字啦~

4. 设置参数

Mac 输入法提供单行和双【shuāng】行两种模式，所以皮肤对【duì】应需要两种格式，我【wǒ】们先进入「双行皮肤」这个 tab，来看第一行【háng】参数。首【shǒu】先代我们的 RD 妹妹向大家道歉，这第一个值本该可以【yǐ】直接读图片来获得，但现在我们不得【dé】不手动填一下背景图片的【de】整体宽度【dù】。不过作为我们【men】 Mac 输入法平台唯一的【de】开【kāi】发人员，她在已经忙不过来的情况下还能写出皮肤编辑器已经挺给力了，大家掌声鼓励！

接着需要【yào】设置和九【jiǔ】宫格区域以及内容边距，输入区和候选【xuǎn】字区【qū】需要设置的参数是类似的：

设置九宫格区域是为了保证输入条【tiáo】变长【zhǎng】之后背景【jǐng】以理想的【de】方式拉伸，而内容边距是确保输入条上的文字以理想的位置进行放置。

Tips 1：九宫【gōng】格区域的基础知识如果大家不熟可以翻【fān】我的老贴：关【guān】于九宫格

Tips 2：在设置九宫【gōng】格区域的时候可以先用 PS 打【dǎ】开背景图，如下图分别设置好两个九宫格的区域，每个区域作为一个图【tú】层【céng】。然后选中该【gāi】图【tú】层按【àn】 Cmd + T 即可在详细面板快速读到该区域的 X坐标、Y坐标和宽度、高度

另外需要设置的是放大方式，分两种：平铺和拉伸。很显然，平铺【pù】适【shì】合重【chóng】复纹理【lǐ】形的背景，其余的用拉伸。
单【dān】行皮肤与双行皮肤的设置类似，只是单行皮肤仅有背景图【tú】宽度和高【gāo】度以及候选字区域【yù】需要设置。

5. 字体 & 颜色

来到「字【zì】体 & 颜色」这里【lǐ】定义【yì】字【zì】体、大小和颜色，一张图说明一下每个位置对应的颜色：

另外请尽量【liàng】使用【yòng】系统自带【dài】而不是自定义的字体以保证皮【pí】肤在其他用户电脑上也能正常显示

6. 优化 Retina 版皮肤

百度 Mac 输入法的皮肤支持 Retina 屏幕的做法挺简单，只【zhī】需要在皮肤目录下将左右【yòu】图片资源的【de】高分辨版【bǎn】本都加以「@2x」后缀名即可。比如双行皮【pí】肤背景图片的文【wén】件名是「bg_horizontal.png」，那只要制作相对应的高分【fèn】辨率版本（长宽均是之前的两倍）然后命名为「bg_horizontal@2x.png」放置在资源目录下即【jí】可。不过【guò】根据之前大家反馈【kuì】的【de】问题，保存高分辨率图片的时候尽量请以「另存 Web格式」的方式。
Tips: 如果你想要【yào】测试 Retina 皮【pí】肤但又没有 rMBP，而你有【yǒu】正好装了 XCode 的话，可以用以下这个网址里介绍的【de】方【fāng】法在普通显示器上开启高分辨率屏模式：http://osxdaily.com/2012/01/12/enable-hidpi-mode-in-mac-os-x-lion/

7. 动态皮肤

状态栏的背景是可以动态【tài】的，但上面的按钮还是只能静态；输入条的背景只能【néng】是静态【tài】的，但可以在上面叠一个动态的图【tú】，这【zhè】个图不能进行拉伸，但可以以四个角【jiǎo】作为基准设定位置，而所用到的格式是支持 Alpha 通道的APNG，一般比较简【jiǎn】单【dān】的 APNG 动画【huà】可以先【xiān】输出每一帧的 PNG 图片，然后以 zip 格式打包，上传到这个网站【zhàn】上：Online APNG Assembler，点击【jī】 Create 之后就能生成。

然后在单行以及双行皮肤的 tab 下点「启用」打开动态功能，然后【hòu】点「设置」加【jiā】载动态的 PNG 文件，之后就只需要动态部分的相对【duì】位置和坐【zuò】标了，此处的坐标可以为负【fù】数的

PS. 因为程序上的问题，有【yǒu】时候需要在编辑器预览【lǎn】里拖动一下皮肤才能正确显【xiǎn】示动态部【bù】分的位置

8. 导出

最后单击编辑器右上角的「导出【chū】」按钮即可在桌面上【shàng】找到打包的【de】 bpsm 文件啦~ 双击即可开始使用~ 

无【wú】论高【gāo】声尖叫【jiào】还是【shì】沉默低语，都是个性的色彩。无论是简约的或奢华的，不管是时尚的还是复古的设计，只要【yào】创意够精彩，设计够新颖，就能在万千百度输入法【fǎ】用户中传递。百度翘【qiào】首期待，百度Mac输入法皮肤大赛，会让优秀设计【jì】的天赋，妆【zhuāng】点【diǎn】每个用户的输入法梦想。