最专业的八方代购网站源码!

资讯热点
从APP设计的0到1:Android设计规范文章

发布时间:2023-11-18 分类: 行业资讯

在U姐与大家分享之前《一款APP设计的从0到1之:iOS精华篇》,今天U姐带给你的是Android设计规范文章。

Android的设计规范与iOS不同。 Android是一个开源系统。国内外有很多手机厂商,这导致很多Android机型,如小米,华为,魅族,三星等,每个都有自己的。操作系统有自己的一组UI设计规范。

姊妹列出了一个小目录:

一,基本概念

二,Android界面设计规范

三,Android剪切图标注释

四,Android开发单位转换

V.摘要

一,基本概念

1.什么是DPI?

DPI(每英寸点数):每英寸点数,表示屏幕密度。它是一个用于测量空间点密度的单元,最初用于打印技术,以指示可以打印的每英寸墨滴数。较小的DPI会产生不清晰的图像。

后来,DPI的概念也应用于计算机屏幕。计算机屏幕通常使用PPI(每英寸像素数)来表示在一英寸屏幕上显示的像素数。现在也介绍了DPI。

具有Windows操作系统的计算机屏幕的PPI的初始值为96,并且Mac的初始值为72,尽管该值自20世纪80年代以来尚未准确。一般来说,非视网膜台式机(包括Mac)的PPI范围为72-120,因为这个范围可确保您的工作在任何地方保持大致相同的比例。

以下是应用程序的示例:27英寸Mac影院显示器的PPI为109,这意味着屏幕每英寸显示109个像素。斜角长度为25.7英寸(65厘米),实际屏幕宽度约为23.5英寸,23.5109约为2560英寸,因此原始屏幕分辨率为2560x1440px。

屏幕密度计算公式:

1080x1920px屏幕密度:

2.什么是PPI?

PPI(每英寸像素数):图像分辨率;是每英寸图像的像素数,分辨率是以ppi为单位,通常称为每英寸像素数。图像分辨率通常用于ps以改变图像的清晰度。

二,Android界面设计规范

1,Android设备屏幕密度

Android有很多尺寸,适应每个屏幕是不现实的。

因此,为了解决这个问题,Android手机屏幕有自己的初始固定密度,Android将根据这些屏幕的不同密度进行自适应。这个内容可以满足您自己的设计工作的需要……

以下是Android的密度和代表的分辨率,在这里你可以发现它已经链接到设计草稿大小和截止输出。

Android屏幕密度

U女孩会带你了解iPhone设备的屏幕密度:

Iphone 4/4S/5/5S/SE/6/7≈ 320DPI

2. Android开发单元DP和SP

DP:Android专用长度单位。标有160 DPI屏幕,1DP=1PX

计算公式:dp x dpi/160=px

示例:计算1dp x 320 dpi/=2px×720x1280px(320dpi)

SP:特定于Android的字体单元。标有160 DPI屏幕,1SP=1PX

计算公式:sp x dpi/160=px

示例:计算1sp x 320 dpi/=2px×720x1280px(320dpi)

3.设计草案大小

从目前市场上的主流设备尺寸来看,我们将使用1080 x 1920 PX来做Android设计草案尺寸。

使用1080x1920px作为设计草案的标准尺寸的原因:

当中间尺寸向上和向下调整时,界面调整是最小的,也是最方便的调整。

大屏幕时代仍然使用小尺寸作为设计尺寸,这限制了设计师的设计视角。

设计的尺寸用于主流尺寸,极大地改善了视觉恢复和其他模型适应。

因此,在进行Android设计草稿时,请使用1080x1920px进行设计草稿

(草图用户使用540 x 960进行设计草图)

界面设计控制尺寸:

4,Android图标大小

Android的图标比iOS少。我们只需要提供一些尺寸,但我们需要增加2套,圆角和直角,因为有些地方会被使用。

512x512px

192x192px

144x144像素

96x96px

72x72px

48x48px

由于Android有很多型号,不同屏幕密度的手机图标大小不同,所以U女孩无法给你相应图标的位置。

5,Android设计字体

英文字体是Roboto字体

中文字体是思源黑体。在Android 5.0之后,源代码是Blackbody,字体文件有2个名字,< ;; source han sans”并且“noto sans CJK”。

Siyuan Blackbody是由Adobe和Google开发的开源字体。它支持传统的日语和韩语,有7种字体大小。

6,常见的主流手机尺寸和分辨率

三,Android剪切图标注释

1.使用设计草稿时,请使用px或dp或sp?

答:这个问题需要与Android工程师沟通。建议使用dp和sp进行注释(这里指的是Android设计的前提)。但是,许多设计人员并不了解dp和sp单元,因此一些设计人员仍然使用px来标记Android设计。这是为了与你的合作伙伴工程师沟通,如果它不影响他的开发他可以如果转换是明确的,你可以考虑使用Px,但我不推荐它。

请记住(你只需要记住帮助你工作):

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

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

像素字体大小=屏幕密度/160 * sp字体大小根据此计算,设计草案中的像素字体编号标记为sp,例如xHDPI,36px字标签是sp是18sp,依此类推。

根据不同的屏幕密度转换,它表示如下图:

2.您需要提供多少套切割资源?

答:理论上,如果您想要考虑到仍然存在的各种模型,您应该为不同的密度提供不同尺寸的切割表。

但这无疑会增加巨大的工作量,也可能浪费大量的资源空间。事实上,很多型号并没有占据主流市场,而且很多精彩的分辨率都不需要考虑改编,所以几套产品需要看一下公司的产品需求。

通常我会这样做:

选择最大尺寸以提供一组切出资源,并将其交给开发工程师以适应每个屏幕密度。

这里应该注意的是,这个“最大尺寸”是指目前市场上最大尺寸的Android手机,但是指的是目前流行的主流机型最大尺寸,可以节省大量的资源空间。关于最大尺寸选择,您需要与Android工程师进行沟通,每位Android工程师对此问题都有不同的结论。 (我的Android合作伙伴,让我提供XXHDPI剪切屏资源就好了,我使用剪切工具是Cutterman,剪一个按钮搞定它)

3. Android的剪切屏资源为开发兄弟提供了哪个尺寸?

答:iOS的剪切图表有@ 2x,@ 3x点,然后根据dpi,Android的剪切图与pix不同。根据dpi,它只是资源文件夹的名称,如下所示:

切割图表根据不同的分辨率进行排序,但是如果你有很多切片,你会看到提供5组切割是不是已经用尽了?

在正常情况下,我们只需要提供3套切断资源,以满足Android工程师的适应,即HDPI,XHDPI,XXHDPI 3套切断资源。

目前,我使用的方法是只提供最大尺寸的切割表,并将其交给Android工程师进行扩展和适应其他分辨率,以便与您的合作伙伴进行沟通。

事实上,大多数公司现在仅限于人力和物力资源的限制。没有这种严格的工作方法。基本上,它是一个文件夹。一旦命名,它将提供给工程师。

这里提醒一下,没有固定的工作方式和方法,任何方式都是提高工作效率。

4.设计设计时遇到的大多数问题

(1)设计草案的尺寸是多少?

iOS:使用750x1334px进行设计草图。

Android:就目前的市场而言,XXHDPI是主流型号;所以无论是标签还是主流机型都可以照顾,所以建议使用1080x1920px来设计草稿尺寸,这样即使你标记px,工程师也可以轻松转换。

(2)如何使用iOS设计草图调整Android(专注于它)

现在有一种非常普遍的情况,即使用两种草案;设计师都在做IOS版的设计草案以适应Android,现在用于Android,我该怎么办?

iPhone的屏幕密度已达到xHDPI,设计尺寸为750x1334px;

事实上,750次&次; 1334的@ 3x切割表资源正好是Android XXhdpi(1080x1920px)切割图资源; Android开发使用iOS设计草稿自行转换,前提是您必须与Android工程师进行通信。

另一种情况:你可以扩展750次的设计; 1334到Android 1080×在1920年,微调每个控件并重新标记它(用dp标记)。换句话说,您需要提供两组注释,一组iOS注释和一组Android注释。

(3)你可能还有另一个问题,就是我使用cutter来切割带有2个drawable和mipmap文件夹的Android图像输出。哪一个将给予开发工程师?

答:过去使用的开发工具只是可绘制的,没有mipmap。后来,新的开发工具有一个mipmap文件夹,专门用于放置png格式图像,但你仍然可以将png图像放在drawable中。

所以现在我们只需要给Android工程师一个切出的输出文件,只需在开头给出mipmap-前缀即可。

四,Android开发单位转换

1.各种尺寸Android模型中PX和DP与SP之间的对应关系

2.字体单元SP和PX之间的对应关系

3.距离单位DP和PX之间的对应关系

V.摘要

关于《一款APP设计的从0到1之:安卓设计规范篇》我已经完成了所有这些,希望我能给你很多帮助; U女孩只是一种工作方法,一个好的工作方法可以用更少的资源做更多的事情,而且必须在具体的工作中灵活应用,必须更多地与发展沟通,良好的沟通是解决问题的唯一途径。如果您有疑问,可以给U留言。下次我们会见!

作者:U姐,只有一份干UI设计师,等着你缝妹妹哟。微信公众号:UI女孩(ID:UIfaner)

本文最初由@UI妹发布,未经许可不得转载。

该地图来自Unsplash,基于CC0协议

« 我如何进入主页超过一个月 | SEO从业者学习免费自助站建设的三个思维错误 »