ps not a png file怎么解决_4招教你如何制作点九图(.9.png)

34a97a3041c9311431aa03251dbf0091.png

对于很多人们来说都不知道点九图是什么?又应该如何制作?并交付对接给开发。今天我将工作中积累的知识和经验分享给各位,希望对大家有帮助。

这次我将点九图分为4个方面来讲:
1.概念 2.展现方式 3.命名 4.制作

1. 概念

点九图,是安卓(Android)开发中用到的特殊图片。是告诉开发哪个区域可以被拉伸,哪个区域不可以被拉伸,且不会影响清晰度,又可以自适应。

2.展现方式

那么点九图到底是什么呢?点九图多用于我们常用聊天工具中的对话框。

a9738c30a428ff2daa96bb37929acb38.png

3.命名

命名对于UI和开发来说是非常重要的一部分,UI命名好提供给开发的图,开发可以提高工作效率,也显得自己够专业。当然有些开发是自己命名,那这是取决于你对接的开发了。点九图的命名规范是,前面一个点“.”加“9.png”,就是“.9.png”,这里面任何一个元素都不可缺少,不然开发无法编程。

4.制作

点九图分为2个区域:1. 拉伸区域(纵、横向)2. 显示内容区域(纵、横向)

e6a5f3ddade6d28099c2be5e4c268703.png

当确定对话框的宽、高时,横向拉伸区域,纵向也会拉伸。

40fc1bd24d536fc7fbeba55f37542e90.png

以上展示的是实际效果展示的图,当然对话框下面和右边的1像素黑线是不可拉升区域。那么如何制作.9图呢?接下来,4步告诉你怎么制作。

1. 打开PS,将对话框缩至最短

4c95fe40ccc6630733e7bf836fe5c44f.png

2. 删除背景图,四周各留出1像素的区域

3. 用1像素黑线画出四周区域(注:黑线一定要 100% 的纯黑)

16fd885a466268d882fafe0dea9a6c7f.png

4. 导出.9.png的图给开发

这样点九图九做好了,是不是很简单呐。今天的文章就分享到这里,下次咱们一起在get其他的知识,也欢迎大家留下你宝贵的建议哦。也欢迎大家关注VG:懂芯倩设计

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值