APP切图有哪些要素?
APP切图有哪些要素?设计师作为当下比较热门的职业,对于各行各业来说,都是一个不可或缺的存在。设计师们将自己的思想转化为现实,不断的创新,来融合大众的审美观和消费观。那么,今天和绘学霸小编一起了解下:APP切图有哪些要素?
APP切图有哪些要素?
1、和客户端的技术沟通好,用不同的框架来实现的时候,图会有不一样的切法。例如Tabbar是连背景一起切还是单独把icon做成背景透明的,文字是放在图里还是后面加字。
2、有一些小的icon式按钮,不能只切到icon边缘,而是要考虑到最终实现的时候,是把这个图片做成按钮,和用户交互。所以必须要多留一些透明的边,让能点击的图片在88×88以上,这样用户才保证比较好点到。
3、根据个人习惯,如果可以用PNG24就不用PNG32,如果可以用PNG8就不用PNG32。并且用Fireworks优化大小。
4、对于不改变可见图形而又需要加大点击区域的图。那么切图的时候建议在可见图形的四周都加上1像素的透明,这是为了放大拉伸而不产生可见区域的图像失真。
5、切图的高度。对于一个通用的背景图,如文字圆角边框背景,那么切图的时候并不是效果图上有多高就切多高,为了通用而是只需切一行文字的高度就可以了。
不过这也不是绝对的,准确的说应该切的高度H=paddingTop textHeight paddingBottom,及文字相对背景的上边距 一行文字的高度 文字相对背景的下边距。
6、切图的宽度。如果是一个通用的背景图,那么他的宽度应该是他在效果图中的最小宽度,也就是说这个背景可能在多处使用到了,就取最小的那个宽度就可以了。
那么,今天关于APP切图有哪些要素?的分享就这些了。自我更新的过程需要打破常规、重塑自我,这里提到的重塑不是改变性格;这是一个投入实践的过程,让我们回首过去的自我,重新排列优先级,去探寻真正或新发现的兴趣。
如果想学习了解UI设计更多干货资讯,可以下载绘学霸App,海量视频教学,一步一脚印,零基础变大神,专业学习教程,业内优秀名师现场录制1080P超高清画质,你不会错过任何一个细节处理。精选高品质课程只为你学得更好。每天都有海量的新课程视频等你来学。

全部评论


暂无留言,赶紧抢占沙发
热门资讯

ui设计培训四个月骗局大爆料,你听过吗?

学员采访丨师兄师姐用行动告诉你思想决定高度!...

开发文字错位,UI设计师需要知道的解决办法...

你知道韩国的设计风格有什么不同吗?

设计师必备技能ps是什么意思?

ue交互设计师要掌握什么技能吗?

深圳十大ui培训学校哪家推荐?

深圳ui好的设计培训机构有吗?

游戏UI的就业前景怎么样?
