移动终端的界面切图探讨
摘 要:手机或者平板电脑应用中android切图中不仅需要清楚“点九”的方法,还有其他各种小技巧,本文阐述了在工作中几个关于切图的心得。
关键词:移动终端;界面切图;androi
中图分类号:j524 文献标识码:a 文章编号:1005-5312(2013)08-0285-01
切图作为界面设计师与开发人员之间的桥梁,它的作用是非常关键的,合适的切图、精准的坐标位置可以最大成度的还原最初的效果图设计,精妙的切图更能使开发达到事半功倍的效果!
我们在产品制作中,经常会听说一个俗称”点九”的切图,那什么是“点九”呢?“点九”是android平台处理图片时的一种特殊的形式,由于输出文件的扩展名为:“.9.png”,所以被称为“点九”图。这种图也是由于android平台的产品众多,需要多种分辨率适配的需求下,发展出来的一种独特的开发技术。它可以将图片的横向和纵向随意进行拉伸并且能够保留像素精细度、渐变质感和圆角的大小,实现各种分辨率下的完美显示效果,同时减少不必要的图片资
ps切图软件有哪些源。我们制作“点九”图的时候,有一种简单的方法直接用ps+铅笔工具就可以画出来。在android切图中不仅需要清楚“点九”的方法,还有其他各种小技巧。下面为大家分享我在工作中总结的关于切图的心得。
一、站在开发的角度进行切图
了解界面的实现方式,就如同了解一位程序开发者,通过更多的了解,我们会让工作更加顺畅。
这是一张在高度不变的基础上需要左右拉伸的图片,内容显示区域是整个按钮的范围。从按钮效果图上看,文字是垂直居中显示的,开发人员拿到这张“点九”图片之后,就会在代码里写上center的属性,此属性就是设定让文字在按钮的垂直居中位置。让我们看一下实现出来的是怎样的效果。
如上图,设计效果图中的红显示区域是文字的排版区域,图1和2的高度是相等的;而实现效果图中3和4的高度是相等的。问题出现了!由于我们在画点九图的时候,把图片下方的投影的高度也画进去了,所以就会造成文字偏下。我们应该如下这样标记:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论