从零开始设计一款APP之ANDROID设计规范篇

从零开始设计一款APP之ANDROID设计规范篇,第1张

从零开始设计一款APP之ANDROID设计规范篇

《从头开始想象一个App》系列的文章内容由6个部门组成。我们过去讲过前五个单元。明天给大家想象力的标准单位,赶紧学起来。

u列出一个小目录:

基础

Android世界中的想象力规范

Android切割和标记

Android开发模块计算

总结

一.基本见解

1.什么是DPI?

DPI(每英寸点数):每英尺的面数,暗示屏幕的薄度。它是一个测量室内空表面变薄的模块,最终应用于印刷技术。它意味着每英尺可以印刷的珠子数量。较小的DPI会产生不清晰的照片。

后来,DPI的见解也被应用到了haggle电脑屏幕上。通常,haggle计算机屏幕接受PPI(每英寸像素)来指示一英寸屏幕上呈现的定义表面的数量。如今也引入了DPI。

Windows控制管理系统的电脑屏幕上PPI的初始值是96,Mac的初始值是72,虽然从80年代开始就没有找到哪个值是非常准确的。一般来说,非视网膜表(包括Mac)中PPI的和值段在72-120的中间,这个和值段可以保证你所有的产品都可以互相连接。

那边有个应用例子:27寸Mac影院显示屏的PPI是109,暗示着屏幕每英尺已经显示了109个清晰度平面。倾角至少25.7英寸(65cm),如果练习屏总宽度为23.5英寸,23.5109约为2560,那么一开始屏幕的分辨率为2560x1440px。

计算屏幕薄度的斤斤计较公式:

1080x1921080x屏幕厚度:

2.什么是PPI?

PPI(每英寸像素):图像分辨率;是图像每英尺的几个清晰度平面,分辨率模块是ppi,但它被称为每英尺清晰度。ps中一般使用图像分辨率来修改图像的清晰度。

2.Android世界中假定的规格

1.安卓武器装备的屏幕薄

Android体积小,要兼容每一个屏幕都不太理想。

为了处理哪一个测试结果,Android的屏幕都有它最初的坚固度和薄度,Android会根据这些屏幕的薄度来终止其兼容性。这方面的内容可以掌握,以满足你自己的想象力的要求...

以下是安卓薄度各自总和的解析,在这里可以创造一个发明。在发明之前,战争计划草案的大小和战争切割图的输出就开始挂了。

安卓屏幕薄

u姐,带大家了解一下iPhone各种武器装备的屏幕薄度:

iphone4/4sstore/5/5S/SE/6/7≈320dpi

2.Android开发模块DP与SP

DP:AndroidPublicLess模块。以160DPI屏幕为标志,1DP=1PX。

折中公式计算:dpxdpi/160=px

举例:以720x1280px(320dpi)为例来斤斤计较1dpx320dpi/=2px。

SP:Android公共字体样式模块。以160DPI屏幕为标志,1SP=1PX。

折中公式:spxdpi/160=px

举例:以720x1280px(320dpi)为例,斤斤计较1spx320dpi/=2px。

3.草案的大小

以目前销售市场的武器装备尺寸来看,我们需要使用1080x1920PX来制作Android概念草案尺寸。

将1080x1921080x作为设想草图的极限尺寸的原因是:

(1)从管理中心的规模来看,以兼容的时间边界进行协商是最方便和兼容的。

②大屏阶段,还是用小尺寸作为假设尺寸,会限制设计者的假设角度。

(3)用主干和支流的尺寸作为暂定稿的尺寸,大大发展了视觉效果还原和与其他模型的兼容性。

所以安卓稿应该用1080x1921080x。

(草图客户使用540x960制作概念草图)

想象一下世界上的控制尺寸:

4.Android徽标大小

Androidlogo在iOS中比较少见,所以只需要提供以下尺寸,但是要求开发两套和一套arcwarcorner,在一些大城市采用。

512x512px、192x192px、144x144px、96x96px、72x72px、48x48px

因为安卓的机型很多,不同屏幕匹配的图标大小也不一样,所以U姐的方法给你的是响应图标的应用影响。

5.Android设想字体样式

英文墨水笔笔身为Roboto字体风格,中文墨水笔笔身为思源黑体。Android5.0以后用的是思源五体,字体文件有“源汉sans”和“notosans”两个标题。

Source-blackfont是在Adobe和Google的具体指导下开发的开源字体。支持日韩快切,详细有七种字体样式。

思源字体下载地址请戳那边:“免费下载!Google和ADOBE联合推出思源宋体(7种字重),超级优雅。

6.常见的是看到干支流大小的分辨率。

3.Android切割和标记

1.标稿时用px借dp还是sp?

问:哪个测试结果需要Android技术工程师?同样,建议使用dp和sp终止标记(这里指的是安卓草案的标准)。但是现在很多远见者其实并不知道dpvssp的哪个模块,所以有些远见者在提供Android蓝图的时候还是用px来表示终止。你的小伙伴技术工程师的解约也是如此。如果不危及他的发展,他能算清楚,你可以考虑用Px,但我其实并不推荐。

那边记住一件事(你只需要记住能帮到你的事):

当屏幕厚度为MDPI(160DPI)时,1dp=1px。

当屏幕厚度为MDPI(160DPI)时,1sp=1px

像素字号=屏幕薄度/160*sp字号。据此可以计算出场景中的像素字体大小标记为sp的是什么,就像在xHDPI中,标记为sp的36px字是18sp,等等。

根据屏幕变薄的差异计算,即实际含义如下图所示:

2.你需要多少资产?

问:具体形状下,如果想从现在开始借用现有的各个型号,为了薄度的差异,需要提供不同尺寸的裁剪图。

但是,毫无疑问,畸形促进了大量的东西,大量的资产可以被浪费。在实际 *** 作中,很多机型之前并没有占据主、支流销售市场,很多机型的分辨率也需要考虑兼容性。所以几个体的详细产量取决于企业的物质需求。

每当我这样做的时候:

取最大尺寸提供一套切割资产,提交开发技术工程师应急处理,兼容每块屏幕的薄度。

那边注意,其中的“最大尺寸”其实并不是指目前市场上安卓脚机已经表现出来的最大尺寸,而只是指目前流行的后备箱和支流款中的最大尺寸,可以节流一个大的资产室空。接近最大尺寸,你问大家的安卓技术工程师。同样,每个Android技术工程师实际上在哪个考试成绩上都有不同的结果。(我的安卓小伙伴,就让我提供XXHDPI的图像切割资产,我用的图像切割项是切割器人,一键确定。)

3.安卓的Chetu资产给我哥提供哪个尺寸?

问:iOS的缩略图有@2x和@3x两种,所以Android的缩略图按照dpi的不同和iOS的差不多,只是资产文件夹名称的命名按照dpi终止,如下图所示:

根据分辨率的不同,终止了裁剪和分级,但是你也看到了,如果裁剪和分级太多,你提供5套裁剪不就要死了吗?

一般只需要提供3套切割资产就可以满足安卓技术工程师的兼容性。分离是HDPI、XHDPI和XXHDPI。

目前我使用的方法是只提供最大尺寸的镂空,交给Android技术工程师自己来缩放兼容其他类型的分辨率,小伙伴们也这样做吧。

现在确实大部分企业只是受资金投入的限制,有这么严格的做事方式,基本是文件夹名。一旦命名,将提供给技术工程师。

给大家提个醒,做事有扎实的方法,打架有方法,都是为了更好的打破常规,促进事情听起来。

4.当你已经做好了暂定稿,你就获得了最多的测试分数。

(1)你用什么样的尺寸打草稿?

IOS:用750x1334px做一个idea草稿。

安卓:看看现在的销售市场。XXHDPI属于干支流模型;在那种情况下,无论是标记还是借用,干线和支流模型都可以整合。所以建议用1080x1921080x做概念稿的尺寸。在那种情况下,即使你标记了px,技术工程师也可以方便地终止计算。

②如何使用iOS草稿兼容Android(再次强调)

现在普遍存在一种情况,就是一份稿子可以用两次;设计师们都在设计iOS版本号的草稿,以兼容Android。如果我想在Android上使用它们,我现在该怎么办?

iPhone的屏幕薄度之前已经达到了xHDPI,750x1334px的尺寸作为概念稿。

实际 *** 作中,750×1334@3x的裁剪资产只是AndroidXXhdpi(1080x1921080x)的裁剪资产;自己终止Android开发的iOS草案计算就够了。标准是你也必须和安卓技术工程师打。

另一种情况,你可以和Android1080×1920大小等比例协商750×1334草稿的大小,终止对每个控件的调整,从头提供一个指示(用dp表示)。也就是要求你提供两个标记,一个是iOS的,一个是Android的。

③大家可以借一个考试成绩,就是我会用切割器人切割安卓照片,输出两个文件夹名:drawable和mipmap。我会把哪一个给创业的技术工程师?

问:以前用的先锋物品是可抽的,有mipmap的就拿出来了。后来新开拓的项目都是用找到了mipmap的哪个文件夹名来划线,故意掉了png布局的照片,png图片不用画也能放出来。

所以,现在你需要做的就是给mipmap-作为Android技术工程师输出文档的前缀。

四。Android开发模块计算

1.各种尺寸安卓机型的PX都是和DP,SP联系在一起的。

2.字体样式模块SP取PX的匹配关联

3.距离模块DP取PX的匹配关系

动词(verb的缩写)摘要

做事只有一种方式。快乐的做事方式是事半功倍的唯一方法。你应该在细节上熟练运用它们。你必须付出更多的努力来发展同样的交流。高质量是解决考试成绩的唯一途径。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778892.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存