百度Mac输入法将向优秀设计师征集Mac皮肤作品。玩的是创意,拼的是细节,活动给力。
使用百度mac输入法皮肤编辑器,做套皮肤分分钟。
为了配合大赛开展,让使用Mac平台的设计师们更方便地制作皮肤,百度Mac输入法推出了Mac平台的皮肤编辑器。配合Mac输入法皮肤制作模板,可视化地制作一套皮肤,对UI设计师来说简直是分分钟的事情。当然,玩的是创意,拼的是细节,最重要的是设计师的idea。活动将持续一个月,设计师们将有充分的时间去实现自己的创意~
最出色的OS平台输入法
百度Mac输入法自上线以来,就以出色的表现令人眼前一亮。极速输入响应、超高出词精准度、优雅外观设计和卓越用户体验,已得到不少粉丝和专业人士的认可。
为了提升Mac用户的输入体验,百度Mac输入法3.0隆重推出皮肤功能,以「最美输入」为理念,同步推出了 知名设计师系列 以及 Weico系列 等精美皮肤,并独家支持动态皮肤,给予设计师更多的施展空间。百度Mac输入法所有皮肤作品都由专业的UI设计师精心设计,支持Mac用户喜爱的单/双行模式,且每个作品下都附上设计师的名字及其个人主页,为用户提供优质皮肤选择的同时,也予以了设计师充分的肯定和尊重。
1. 设计
第一步当然是完成皮肤的视觉设计,一些设计上的限制和所需要设计的元素参见以下规范:
大家可以下载这个 PSD 格式的规范当做模板开始进行设计。
然后顺便提一下很多朋友提到的关于皮肤设计上的问题:
Q: 皮肤的大小有限制吗?
A: 没有,状态栏和输入框的大小都可以自定义。
Q: 候选词条的翻页按钮位置可以任意摆放吗?
A: 目前翻页条的按钮位置和间距没法调整,只能和候选词在同一行并且紧跟其后,但是因为翻页按钮其实就是两种图片,所以可以通过图片中透明像素的位置来微调位置。
Q: 状态栏上的按钮怎么更改颜色吗?
A: 状态栏上的按钮其实都是图片,并且每个按钮有三种状态(普通、悬浮、点击),打开模板里的「切图.psd」文件可以方便地进行替换,详细步骤我后面会细说
Q: 状态栏的形状可以自定义吗?按钮可以不放一排而做异形处理吗?
A: 完全可以,你做一个 1000 x 1000 大小的状态栏也可以,哈哈哈
以「百度蓝」皮肤为例,假设我已经做好了如下图的初步的设计:
然后让我们进入皮肤制作的环节吧~
2. 设置路径和基础信息
下载并安装最新版的编辑器(之前装过旧版的朋友可以去重新下载一下覆盖安装),打开之后在第一个 tab「全局定义」中点击「设置」按钮就可以定义皮肤的资源路径,之后所有的皮肤图片都会存放在此路径下,而点击「查看」就能快速在 Finder 中打开此目录
然后在此页中可以填上大家的个人信息已经皮肤的简介等内容,这里就不赘述了。
「全局定义」这个 tab 下还需要设置一下输入法皮肤最主要的 5 张图片:
微博分享图 - 宽 440px,高任意的效果图
双行皮肤背景图
单行皮肤背景图
状态栏背景图
当然皮肤不止这么一些内容,还需要输出状态栏按钮以及候选条的翻页按钮
3. 替换图片
理论上可以打开皮肤资源目录,按照原来的命名一一替换所有按钮的图片,但是为了方便大家,我做了一套模板,里面设置好了切片以及输出文件名,只需要将按钮摆放到相应的区域内,然后以 web 格式另存就能一键导出所有各个状态的按钮
完成切图并设置好之后我们就开始需要鼓捣一些让人讨厌但也不得不弄的数字啦~
4. 设置参数
Mac 输入法提供单行和双行两种模式,所以皮肤对应需要两种格式,我们先进入「双行皮肤」这个 tab,来看第一行参数。首先代我们的 RD 妹妹向大家道歉,这第一个值本该可以直接读图片来获得,但现在我们不得不手动填一下背景图片的整体宽度。不过作为我们 Mac 输入法平台唯一的开发人员,她在已经忙不过来的情况下还能写出皮肤编辑器已经挺给力了,大家掌声鼓励!
接着需要设置和九宫格区域以及内容边距,输入区和候选字区需要设置的参数是类似的:
设置九宫格区域是为了保证输入条变长之后背景以理想的方式拉伸,而内容边距是确保输入条上的文字以理想的位置进行放置。
Tips 1:九宫格区域的基础知识如果大家不熟可以翻我的老贴:关于九宫格
Tips 2:在设置九宫格区域的时候可以先用 PS 打开背景图,如下图分别设置好两个九宫格的区域,每个区域作为一个图层。然后选中该图层按 Cmd + T 即可在详细面板快速读到该区域的 X坐标、Y坐标和宽度、高度
另外需要设置的是放大方式,分两种:平铺和拉伸。很显然,平铺适合重复纹理形的背景,其余的用拉伸。
单行皮肤与双行皮肤的设置类似,只是单行皮肤仅有背景图宽度和高度以及候选字区域需要设置。
5. 字体 & 颜色
来到「字体 & 颜色」这里定义字体、大小和颜色,一张图说明一下每个位置对应的颜色:
另外请尽量使用系统自带而不是自定义的字体以保证皮肤在其他用户电脑上也能正常显示
6. 优化 Retina 版皮肤
百度 Mac 输入法的皮肤支持 Retina 屏幕的做法挺简单,只需要在皮肤目录下将左右图片资源的高分辨版本都加以「@2x」后缀名即可。比如双行皮肤背景图片的文件名是「bg_horizontal.png」,那只要制作相对应的高分辨率版本(长宽均是之前的两倍)然后命名为「bg_horizontal@2x.png」放置在资源目录下即可。不过根据之前大家反馈的问题,保存高分辨率图片的时候尽量请以「另存 Web格式」的方式。
Tips: 如果你想要测试 Retina 皮肤但又没有 rMBP,而你有正好装了 XCode 的话,可以用以下这个网址里介绍的方法在普通显示器上开启高分辨率屏模式:http://osxdaily.com/2012/01/12/enable-hidpi-mode-in-mac-os-x-lion/
7. 动态皮肤
状态栏的背景是可以动态的,但上面的按钮还是只能静态;输入条的背景只能是静态的,但可以在上面叠一个动态的图,这个图不能进行拉伸,但可以以四个角作为基准设定位置,而所用到的格式是支持 Alpha 通道的APNG,一般比较简单的 APNG 动画可以先输出每一帧的 PNG 图片,然后以 zip 格式打包,上传到这个网站上:Online APNG Assembler,点击 Create 之后就能生成。
然后在单行以及双行皮肤的 tab 下点「启用」打开动态功能,然后点「设置」加载动态的 PNG 文件,之后就只需要动态部分的相对位置和坐标了,此处的坐标可以为负数的
PS. 因为程序上的问题,有时候需要在编辑器预览里拖动一下皮肤才能正确显示动态部分的位置
8. 导出
最后单击编辑器右上角的「导出」按钮即可在桌面上找到打包的 bpsm 文件啦~ 双击即可开始使用~
无论高声尖叫还是沉默低语,都是个性的色彩。无论是简约的或奢华的,不管是时尚的还是复古的设计,只要创意够精彩,设计够新颖,就能在万千百度输入法用户中传递。百度翘首期待,百度Mac输入法皮肤大赛,会让优秀设计的天赋,妆点每个用户的输入法梦想。
查看全部
开发者其他应用
itunes for mac官方版279M12470人在玩itunesformac下载通过iTunes,你可以尽享Mac或PC上的音乐和视频。当你想观赏或聆听时,不必在成堆的CD里翻找、也不必在电视频道之间反反复复了。只需走到电脑边,打开iTunes。iTunes资料库存有你全部的媒体收藏
下载阿里钉钉mac版190.6M62353人在玩阿里钉钉mac版是阿里巴巴推出的一款专为中小企业和团队打造的高效工作沟通软件,阿里钉钉mac版应用突破了很多传统企业级应用的局限,打通了移动网络和运营商电信网络的无缝连接
下载Node.js mac版18.8M685人在玩Node是一个服务器端JavaScript解释器,它将改变服务器应该如何工作的概念。Node采用一系列“非阻塞”库来支持事件循环的方式。本质上就是为文件系统、数据库之类的资源提供接口
下载微信 for Mac78.5M16134人在玩微信mac版是一个生活方式超过三亿人使用的手机应用支持发送语音短信、视频、图片和文字可以群聊,仅耗少量流量,适合大部分智能手机2月27日凌晨,社交网络上突然出现了腾讯微信官方推出的Mac版本客户端
下载ios6.1.3/ios6.1.4完美越狱工具(p0sixspwn)7.3M280人在玩A5+iOS6.1.3/6.1.4完美越狱工具已经放出啦!北京时间下午4点左右,大神iH8snOw在twitter上放出了A5+iOS6.1.3/6.1.4完美越狱工具。本次《p0sixspwn》v1.0.1越狱工具不需要在iOS设备上操作,越狱过程请勿断开设备连接。肥x经测试:iPod Touch4 、iPod Touch5、iP
下载PP助手 For Mac27.3M991人在玩在众多Mac用户的期待中,我们终于迎来了PP助手Mac版本!苦苦等待的Mac用户们现在可以下载Mac版的PP助手来使用啦。安装完毕之后,打开PPHelper图标,连接上您的设备,点击安装PP助手正版(非越狱的设备连接后才能看见PP助手正版安装和激活项。)Mac版的
下载搜狐影音Mac版31.4M644人在玩搜狐影音Mac版是搜狐专为OSX打造的视频播放平台,搜狐影音Mac版,继承了pc搜狐影音的简洁清晰界面,包括搜狐视频、优酷、土豆、乐视等国内7家视频网站的热门资源,和近百个卫视台、地方台直播。
下载酷狗音乐 for Mac15.9M2198人在玩酷狗2018是国内曲库最大,音质最好的在线音乐播放器,酷狗音乐2018mac版提供音乐网络收藏、mv观看、演艺直播等功能。酷狗挺不错的,酷狗音乐Mac版要是能用小一点的窗口显示就好了
下载mac python25.8M444人在玩Mac版的Python程序语言。Python是常常被拿来跟Java、Perl等语言相比较的一个面向对象Script程序语言,与Java一样使用具有跨平台移植特性Bytecode,语法清晰,易学易用,可与其他语言混合使用
下载优酷mac客户端19.7M23160人在玩优酷客户端mac版是专为OSX平台用户量身打造,为您推荐精选视频,更多频道丰富内容,为您提供播放、下载、上传、转码、搜索等强大功能,带给您更流畅更贴心视频体验。优酷mac客户端特色:优酷的客户端已经出了MAC版了
下载