码迷,mamicode.com
首页 > 其他好文 > 详细

美工如何提供按钮图片给开发者

时间:2015-04-19 06:30:14      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

此篇文章写给可爱的美工们,希望能提供我们开发者易用规范的素材,好两三下就能用上,来制作漂亮的 iOS 按钮。


一般按钮有三个状态,

正常(normal)的状态,按钮大小请忽略,

技术分享

实现这个效果,需要提供按钮图片,字体颜色,像这样的图片,50*50。

技术分享


为什么是 50*50呢,而不是100*50,宽更长一些呢?因为图片的伸缩可以用代码来控制,提供正方形的就好。另外,四个角落需要是透明的,而不是白色的。


失效无法点击(disabled)的状态,

技术分享

需要提供图片,

技术分享


按钮的点击时的状态。为了有个点击效果,所以按钮背景需要改变,

技术分享

像这样,比较深颜色一点。则需要提供图片,

技术分享


所以,一个登录按钮,需要这三张图片,

技术分享

同时注意一下命名,“ButtonNameNormal”,“ButtonNameDisable”,“ButtonNameHighlight” 。如果这个按钮只出现一个界面,还需要加上界面前缀,比如 ProfileSettingBtnNormal,来表示个人主页的设置按钮正常状态下的图片。


再来看一组图片,红色按钮所需的图片,


技术分享

如果按钮并没有无法点击的状态,上面的登录按钮在没有输入密码的时候可以为无法点击的状态,有些按钮永远是可以点击的,那么只需要提供两个图片就行了。

技术分享

更多的请看,

技术分享


按钮图片也不用每张都自己制作,市面上的App的图片素材我们都是可以轻易得到的,见我之前写的一篇文章如何得到 iOS 应用的图片素材

类似提供易用规范的素材时,开发者会爱死你!

美工如何提供按钮图片给开发者

标签:

原文地址:http://blog.csdn.net/lzw_java/article/details/45125203

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!