亚虎国际娱乐

北京嘉纪商正科技有限公司
网站套餐 网站定制 网站设计 手机网站 网站改版 网站策划
网站制作 网站维护 微信开发 优化推广 成品网站 400电话
资质亚虎娱乐注册 企业文化 服务优势 合作流程 合作客户 付款方式 联系亚虎国际娱乐老虎机官网
当前位置:首页 > 动态资讯 > 网站设计
  • 移动APP如何切图,移动app切图方法
  • 移动APP切图是UI设计必须掌握的技术,下面北京嘉纪商正科技有限公司跟大家讲讲原生App切图的那些事儿,对UI入门或需了解APP切图的设计师来说会有帮助哦。

    如何切图?

    了解iphone界面的尺寸

    App切图的那些事儿 - 设计达人 最小的分辨率是320×480,亚虎国际娱乐老虎机官网把这个尺寸定为基准界面尺寸(baseline),基准尺寸所用的图标定为1倍图(1x)。 在实际设计过程中,为了降低设计成本,一般拿设备最高的分辨率作为设计稿的原始尺寸,拿iphone来说就是iphone5或5s的640×1136啦,当然也可以用iphone4或4s的640×960,因为宽度都是640px,他们切图的标准是一样的。显然,以1倍图的基准尺寸(宽320px)为相对的参考依据,宽640px的设计稿,以原始尺寸切出来的图标称为2倍图(2x)。 有人可能会问:为什么不拿320px作为设计稿的原始尺寸呢?因为1倍图放大成为2倍图远比2倍图缩小成1倍图来得模糊! 于是,在不考虑iphone6和iphone 6 plus的情况下,为了适配iphone,每个图标需要切两份。

    Android - 更为繁多的界面尺寸

    Android开源自由的代价就是设备规范的不可控,市面上充斥着各种品牌的android手机,有着各种各样的尺寸和分辨率,为了适配各种不同分辨率的设备,同一个图标需要切成N份,每一份对应一个尺寸。 另外需要注意的是,Android里面开发用的尺寸单位是dp或sp(dp为元素表现尺寸,sp为字体尺寸)而不是iphone中的px。。。 对于分辨率繁多的android设备,为了方便原生应用的界面适配,Google按照dpi大小将它们分成了4中模式(MDPI、HDPI、XHDPI和XXHDPI,也许有一天会增加第五种XXXHDPI,谁知道呢): App切图的那些事儿 - 设计达人 看到这里,传统的web前端同学可能已经凌乱了,iphone用px,android用dp,而视觉设计稿则统一用的px,怎么将使用px作为单位的psd给使用dp作为单位的android app切图啊??? 显然,亚虎国际娱乐老虎机官网得花点脑细胞去弄清楚px与dp的换算关系。
     

    把切图交给工具

    推荐切图工具1 - devRocket App切图的那些事儿 - 设计达人
    推荐切图工具2 - cut&slice me App切图的那些事儿 - 设计达人 推荐切图工具3 - cutterman App切图的那些事儿 - 设计达人

    px与dp的换算关系

    一般情况下,手机分辨率与所运行的dpi模式是匹配的,例如hvga(320×480像素)的手机屏幕一般在3.5英寸左右,运行在mdpi模式下。当运行在mdpi下时,1dp=1px:也就是说设计师以320×480作为设计稿的尺寸时,在PS里定义一个item高48px,开发就会定义该item高48dp;Photoshop中14px大的字体,开发会定义为14sp。 对于一部wvga(480×800像素)的手机(G7、N1、NS),一般是运行在hdpi模式下。当运行在hdpi模式下时,1dp=1.5px:也就是说设计师以480×800作为设计稿的尺寸时,在PS里定义一个item高72px,开发就会定义该item高48dp;Photoshop中21px大的字体,开发会定义为14sp。 IPhone应用切图尺寸与Android应用切图尺寸的对应关系 在Android应用中,以MDPI为基准界面尺寸,恰好对应上面提及的iphone应用的基准界面尺寸(320×480),所需的切图图标为iphone中对应的1倍图;XHDPI则对应2倍图,HDPI和XXHDPI可依此类推。 App切图的那些事儿 - 设计达人 换一种说法再看看:如果要以最低的设计成本做一个app,iphone版和android版用的同一套设计稿,那么设计稿的尺寸最好是640×960像素。因为这个尺寸切出来的图标尺寸涵盖了iphone 3 ~ 5的分辨率,以及android的MDPI、HDPI、XHDPI模式。XXHDPI模式会自动利用低一级的XHDPI的图标进行放大展示。
  • ------分隔线----------------------------
  • 您可能感兴趣的内容:
北京嘉纪商正科技有限公司微信微信:jiajishangzheng
电话:010-61153520  13121509100(7x24小时)  微信:13121509100  Email:cncnzn@cncnzn.com
专业北京手机亚虎国际娱乐公司北京网络公司. 承接北京亚虎国际娱乐北京网站设计北京网站优化北京做网站业务
北京嘉纪商正科技有限公司  京ICP备12046130号  京公网安备110114001224号  版权已认证严禁抄袭和模仿
公司营业执照:110114012630461  税务登记证:110114551442374  组织机构代码证:551442374
亚虎国际娱乐龙8娱乐pt老虎机亚虎国际娱乐齐乐娱乐
优发娱乐齐乐娱乐首页优发娱乐梦之城平台登录
优发娱乐龙8娱乐pt老虎机亚虎国际娱乐梦之城平台登录
亚虎国际娱乐亚虎国际娱乐老虎机官网亚虎娱乐注册齐乐娱乐
优发娱乐齐乐娱乐首页优发娱乐梦之城平台登录