好酷屋

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

好酷屋

发布于2024-01-20

好酷屋教程网小编为您收集和整理了从零开始设计一款APP之Android设计规范篇的相关教程:一.基础概念    1.什么是DPI?    DPI(DotsPerInch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的

  一. 基础概念

  

  1. 什么是DPI?

  

  DPI(Dots Per Inch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

  

  后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,现在DPI也被引入。

  

  安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。 一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比例。

  

  这里有一个应用实例: 27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560x1440px。

  

  2. 什么是PPI?

  

  PPI(Pixels Per Inch):图像分辨率;是每英寸图像内有多少个像素点,分辨率的单位为ppi,通常叫做像素每英寸。图像分辨率一般被用于ps中,用来改变图像的清晰度。

  

  二. Android界面设计规范

  

  1. Android各设备屏幕密度

  

  安卓尺寸众多,按每个屏幕去适配肯定是不现实的。

  

  所以为了解决这个问题,安卓手机屏幕有自己初始的固定密度,安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了

  

  2. Android开发单位DP和SP

  

  DP:安卓专用长度单位。以160 DPI屏幕为标注,则1DP=1PX

  

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

  

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

  

  SP:安卓专用字体单位。以160 DPI屏幕为标注,则1SP=1PX

  

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

  

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

  

  3. 设计稿尺寸

  

  从目前市场主流设备尺寸来看,我们要用1080 x 1920 PX 来做安卓设计稿尺寸。

  

  5. 安卓设计字体

  

  英文字体为 Roboto字体,中文字体为 思源黑体。在Android 5.0之后,使用的是思源黑体,字体文件有2个名称,“source han sans”和“noto sans CJK”。

  

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

  

  三. Android切图标注

  

  1. 标注设计稿时,使用px还是dp或sp?

  

  答:这个问题需要和安卓工程师沟通,推荐使用dp和sp进行标注(这里指的是在安卓设计稿的前提下)。但目前很多设计师对dp和sp这个单位并不理解,所以有些设计师提供安卓设计稿的时候依旧使用px进行标注,这一点去和你的搭档工程师进行沟通,如果不影响他开发以及他能换算清楚的前提下,你可以考虑使用Px,但是我并不推荐。

  

  2. 你需要提供几套切图资源?

  

  答:理论状态下,如果你想兼顾到目前还存在的各个机型,应该为不同的密度提供不同尺寸大小的切图。

  

  但这无疑提升了巨大的工作量,而且还可能浪费很大的资源空间,实际上,很多机型已经不占有主流市场了,而且很多奇葩的分辨率也没必要去考虑适配,所以,具体输出几套需要看公司的产品需求而定。

  

  四. Android开发单位换算

  

  五. 总结

  

  这里说的只是一种工作方法,好的工作方法才能自己事半功倍,在具体工作中也要灵活应用,一定要多和开发沟通交流,良好的沟通才是解决问题的唯一方法。

以上就是好酷屋教程网小编为您收集和整理的标签,简介,Android,APP相关内容,如果对您有帮助,请帮忙分享这篇文章^_^

本文来源: https://www.haoku5.com/shenghuo/65ab52d8c2250ca6270c53c4.html

相关推荐

    热门专题