Android切图注意事项

1.App Logo大小共五种:

48*48
72*72
96*96
144*144
192*192

2. App启动页所需尺寸:

320×480
480×800
720*1280
1080*1920
3840×2160

1.    切图须要两套分辨率的图:480*800。720*1280。分被放在不同的目录中,同一张图片,在两个目录中的名字要一致。

2.    如遇到可拉伸可平铺的图片,使用9Patch进行制作。产生xxx.9.png图片就可以。长处:灵活度大,可复用,程序包大小降低,添加程序执行效率。(比方Button的背景)

3.    出图建议顺序:以每个页面作为单位进行出图,能够方便程序开发工作。

(有反复页面。反复图,不再切?)反复不再切

4.    button:对于buttonButton须要给下面状态的图:Focus聚焦状态(通常是轨迹球选中)(命名规则:btn_xxx_focused.9.png),UnFocus一般状态(命名规则:btn_xxx_normal.9.png),Click点击状态(点击时状态)(命名规则:btn_xxx_pressed.9.png)。

普通情况下。Focus图片和Click是一样的。5.    列表:对于列表项ListItem须要给下面状态的背景图:Focus聚焦状态(通常是轨迹球选中)。UnFocus一般状态。Click点击状态(点击时状态)。

6.    Menu:对于全部Menu键点击的弹出的菜单,须要给图标图片。

(也是3种尺寸?)两种就可以

7.  切图时考虑顶部通知栏,480*800的顶部通知栏按30px考虑。720*1280按50px考虑

8.    标注:须要给全部元素的宽,高。相互边距(左,右,上。下)像素,文字颜色值。

AndroidApp切图演示样例:

在做android版本号设计的时候,尺寸有非常多种,这时我们要以一种尺寸为基准。那这个基准尺寸是480px*800px。设计图完毕之后就開始切图了,我拿我之前设计的一张图为样例解说下:

  当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少修改,建议切图之前最好和技术先沟通下,怎么切);

1、底部栏目的icon和背景:

  这个一般有2种切法:(有默认和选中之后的效果)

2、顶部栏目的背景切图:

  由于顶部导航栏的是渐变样式,所以切图仅仅须要切一小条。技术来平铺拉伸就能够——(PS:假设是花纹背景,就必须切整条了,由于花纹切一小条就会被拉伸了——)

3、标注文字大小和行间距:(以这张图为样例,我标注好了,请看下图)

源文档下载

时间: 2024-10-18 04:08:19

Android切图注意事项的相关文章

UI设计规范整理一iOS字体和切图及规范

UI设计规范一iOS字体和切图及规范 说明: 1.对象为程序员等开发人员. 2.方法有千种,仅供参考. 3.文档的本质是备份与查看,对外方便协作与对内提升效率. 4.文档不是万能的,如果文档查看对象看不懂,就没任何意义.我喜欢当面沟通,因为能避免大部分文档的局限性 规范 一.字体 我个人设计时按照iOS设计尺寸 iPhone6(750px*1334px)来进行页面的设计.在iOS开发中iPhone4.5.6.7是共用一套字体规范.在设计中按iPhone6设计版尺寸(750px*1334px)中适

Android App开之标注切图

身为一个android开发狗,真是艰辛啊,适配不好做,Rom特性不好搞,连切图有时候都得自己上啊,设计师MM都不敢去惹呢,新技能Get开始. 其实,都是小case了,我有度娘和谷哥! 因为,有了psd,只要设计的是按android标准,那都好说,有标注切图二合一免费神器pxcook: 教程在此:http://www.fancynode.com.cn/pxcook/tutorial 嗯,应该比以前的 Cut&Slice me 切图神器(PhotoShop强力割图插件)强大一些的. 说到标准,看一下

前端切图+网页排版的注意事项和经验分享

现在在学校里面,培训机构里面都有很多课程是前端切图这一方面的,简单来说就是学习div+css网页排版.有很多人经过这一轮的学习之后就发现自己对排版这一方面非常的熟悉甚至说自己的div+css的高手.其实真正说要懂得一个网页排版需要注意的一些问题是什么呢?是不是在电脑上面看到自己排版出来的页面就真的是一个成功的网页了吗?下面我说一下我自己在网页排版上面会注意的一些事情: 一.使用样式的种类和名字的规范 id和class应该如何使用 在我们使用div+css排版的时候,每一个div我们都会给他一个样

请告诉美工Android适配时切图要按标准来

在Android官方看到的Android各分辨率适配时的比例,以mdpi为基础,切图时请告诉美工,提升用户体验哇,别在那边瞎切. 比如: ldpi: 36px    0.75 mdpi: 48px    1.0 hdpi: 72px    1.5 xhdpi: 96px     2.0 xxhdpi: 144px   3.0

学习笔记:APP切图那点事儿–详细介绍android和ios平台

学习笔记:APP切图那点事儿–详细介绍android和ios平台 转载自:http://www.woofeng.cn/articles/168.html   版权归原作者所有 作者:亚茹有李 原文地址:http://blog.boocss.com/app-android-ios/ 一.android版 在做android版本设计的时候,尺寸有很多种,这时我们要以一种尺寸为基准,那这个基准尺寸是480px*800px,设计图完成之后就开始切图了 需要注意的: A:android主要有3种屏,即:

切图神器

解决问题: 1. 解决ios的@2x.png的分辩率问题 2. 解决android的多分辩率的问题 3. 解决web下也需要导出图片的问题 4. 自动切图 - 注意是切图,不是生成html.根据一些简单规则自动切好图片放到相应的文件夹里 三条规则,非常简单: 1. 要输出图的单位以图层文件夹(组)为单位, 文件夹命名末尾加『@』为结束符.并且,自动切除边界外透明的像素. 2. 以『#』名字命名的图层可以认为是选择图片输出的边界.例输出背景图:组命名为『[email protected]』,组里有

摇一摇切图.apk

先上代码再说话! 清单文件加权限: <uses-permission android:name="android.permission.VIBRATE"/> 布局文件: 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 andro

CHUTTERAN对界面切图的好处和教程

在目前主流的界面设计切图工具中,ui设计师们都比较喜欢使用Cutterman工具进行切图,因为这款切图工具是国内研制的,一方面体现中国设计师的爱国,另一方面,这款切图工具自身的功能使用起来非常方便,并且有个平台的切图方式. 新版cutterman的插件新功能如下: IOS: 如果你是为Iphone界面设计,请使用ios标签,它能够为你生成符合ios系统的单/双倍图 Android: 如果你是为Android设计界面,请使用Android标签,它能够生成符合Android系统的各种DPI分辨率图片

android .9图讲解

第一部分:下面我们来看看安卓切图前辈的心得: 1.考虑适配Android 各种复杂的分辨率,如主流的1280X720, 800X480, 640X480,480X320,以及各种非主流分辨率. 2..9神器 3.PNG24+jpg 4.可交互控件尽量不小于最小可操作尺寸:android规范是48dp 5.图片中的可视元素尽量在文件中居中,便于对齐和标注 6.能用代码实现尽量避免用图,如单色色值.渐变.文字.分割线等 7.考虑控件的通用性. 第二部分:站在开发者的角度去进行安卓切图 在进行安卓切图