导航:首页 > 操作系统 > android切图规范

android切图规范

发布时间:2023-10-29 04:00:59

android UI规范是什么

从事UI设计行业的朋友都知道,每一张设计稿都是有规范尺寸的,并且IOS的和Android还不同,IOS UI设计规范为375*667 1x的尺寸,那么Android UI规范是什么呢,下面让我们一起来了解一下。

特别提示

本文尺寸均为1x。

Ⅱ 设计安卓APP,成品图标模糊,是切图问题吗,切图需要注意什么

一.android版

在做android版本设计的时候,尺寸有很多种,这时我们要以一种尺寸为基准,那这个基准尺寸是480px*800px,设计图完成之后就开始切图了,我拿我之前设计的一张图为例子讲解下:


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

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

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


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

由于顶部导航栏的是渐变样式,所以切图只需要切一小条,技术来平铺拉伸就可以~(PS:如果是花纹背景,就必须切整条了,因为花纹切一小条就会被拉伸了~)

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

需要注意的:

A:android主要有3种屏,即:

QVGA和WQVGA屏density=120;

HVGA屏density=160;

WVGA屏density=240;

B:apk的资源包中,

当屏幕density=240时使用hdpi标签的资源

当屏幕density=160时使用mdpi标签的资源

当屏幕density=120时使用ldpi标签的资源;

C:我们标注的是PX,但是技术的算法是DP,所以需要PX和DP进行转化,PX和DP的转化主要跟密度有关系,当密度density=160即(屏幕尺寸:320*480)时,1PX=1DP;当密度density=240即(屏幕尺寸:480*800)时,1PX=0.75DP;当屏幕的尺寸大于480*800的时候,密度都按照240计算即可;当密度density=120即(屏幕尺寸:240*320)时,这个现在几乎没有人用了,所以我也不知道转化公式,如果您知道,可以留言告诉我啊~

注意:因为我们做的是基于480*800尺寸的,大家都知道android的尺寸太多了,要想适配现在流行的尺寸,比如:640*960;720*1280等,唯一的解决办法就是图标可以根据不同尺寸各做一套,也就是图标需要做480、640和720共3套图标,不过如果你们的产品的要求不严格,做一套就可以,只不过是在大于480尺寸的屏幕上有些图标被拉大变虚而已~

二.ios版

在做ios版本设计的时候,尺寸有3种,分别是:320*480、640*960、640*1136;这时我们要以一种尺寸为基准,那这个基准尺寸是640px*960px,设计图完成之后就开始切图了,我拿我之前设计的一张图为例子讲解下:


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

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

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


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

由于顶部导航栏的是多颜色的,所以只能切一整条给技术,商圈的图标要单独切出来


3、二级标题栏目的切图:


4、主体栏目的切图:


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

需要注意的:

A:我们标注的尺寸是像素px,技术那边的实际运用到技术中的是像素的一半,即像素的一半=技术的尺寸;例如:“分类”2个字,我标准的是36px,技术那边的尺寸就是18px;

B:所有文字,行间距的标注的尺寸都是偶数;因为技术那边都是根据我们的尺寸除以2;

C:颜色的标注有的技术要求16进制,有的技术要求RGB,由于页面的限制所以我只标注了16进制的,按16进制和RGB都标注的是最好的~

注意:因为我们做的基于640*960尺寸的,ios共有3套尺寸,因为640*960和640*1136的宽度是不变的,所以图标没有变化重新切,只是行间距需要调整下;320*480尺寸的是640*960的一半,所以技术完全可以根据你标注的640的尺寸做就可以~

三.android和ios的转化关系

  1. 因为ios的尺寸是640*960,android当密度等于120即(320*480)时,1PX=1DP,所以android和ios的标注像素之间的换算关:即ios像素尺寸*1/2=android dp尺寸;

  2. 2.如果你们的产品同时做android和ios,你只想标注一套尺寸的时候,就可以标注ios版的标注去计算即可。

Ⅲ 如何设计android4.4规范的像素1080x1920的界面

刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大、文字该用多大才合适、我要做几套界面才可以?什么七七八八的也着实让人有些头疼。

1、尺寸及分辨率

iPhone 界面尺寸:320x480、640x960、640x1136

iPad 界面尺寸:1024x768、2048x1536

(以上单位都是像素哦,至于分辨率一般网页UI和移动UI基本上都只要 72 ppi)

当然,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机尺寸来设计,比较方便预览效果,一般用 640x960 或者 640x1136 的尺寸设计。

P.S. 作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或尺寸变更~

2、界面基本组成元素

iPhone的APP界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏以及中间的内容区域

这里取用 640x960 的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸:

状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40 px

导航栏:显示当前界面的名称,包含相应的功能或者页面间跳转的按钮,其高度为:88 px

主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98 px

内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁的,其高度为:734 px

阅读全文

与android切图规范相关的资料

热点内容
香港哪里有app卖内地零食 浏览:674
编译内核找不到工具链 浏览:447
java常见模式 浏览:500
典欣空调压缩机 浏览:421
app如何认定权限 浏览:849
两个复数相除的角度计算法则 浏览:584
电商类app开发怎么收费 浏览:300
打造电子书反编译工具 浏览:74
压缩比115 浏览:560
pdf怎么抠图 浏览:864
霍妮pdf 浏览:808
反编译VMP 浏览:49
hello编译器 浏览:771
apk程序加密 浏览:595
如何给app重命名 浏览:604
怎么幽默调侃程序员 浏览:285
忘记密码解压视频 浏览:913
运城机场春运加密 浏览:287
安卓手机如何关闭app后台 浏览:154
安卓数字密码忘记怎么破解 浏览:253