更多精彩内容,欢迎关注:

视频号
视频号

抖音
抖音

快手
快手

微博
微博

app ui设计规范

文档

app ui设计规范

在设计Android或者APP的时候,首先要解决的一个核心问题就是:如何适应不同尺寸、不同分辨率的手机屏幕。让相同的元素(图片,图标,文字等等)和间距完美地匹配到不同的手机。
推荐度:
导读在设计Android或者APP的时候,首先要解决的一个核心问题就是:如何适应不同尺寸、不同分辨率的手机屏幕。让相同的元素(图片,图标,文字等等)和间距完美地匹配到不同的手机。

 一起来看看今天小编分享的App ui设计规范吧。

在设计Android或者APP的时候,首先要解决的一个核心问题就是:如何适应不同尺寸、不同分辨率的手机屏幕。让相同的元素(图片,图标,文字等等)和间距完美地匹配到不同的手机。很多设计师在工作了这么多年之后,可能还不太熟悉DSP和基准屏幕,我们可以不去管他们是什么,但是程序员定义尺寸的单位和设计师用的px不一样就行了,看看安卓程序员在写代码的时候是怎么定义尺寸的。

在设计过程中,PX被转换成尺寸单位,如dp、sp。其实道理很简单,只要掌握了两个基本概念,就能轻松转换成逻辑像素(2)放大倍率。接下来,我们将对这两个概念分别进行解释。

在学习逻辑象素和缩放倍率概念之前,我们先了解屏幕大小,屏幕分辨率,像素密度PPI,基准屏幕,通用像素密度,基准像素密度。

1、屏幕尺寸

屏幕尺寸是一种物理单位,也就是屏幕的对角线长度,用“英寸”来表示屏幕对角线的长度。

2、屏幕分辨率

屏幕上有很多发光的小点,这些小点是肉眼无法分辨的,它们会发出不同的颜色,屏幕上的文字就是由这些光点组成的。通常情况下,我们不会告诉他有多少光点,而是告诉他有多少像素。

屏幕分辨率是指屏幕上像素点的总和通俗的说就是“宽*高”宽乘以高就是像素点的总和,比如屏幕分辨率为480*800像素点,屏幕大小和屏幕分辨率无关。

3、像素密度

PPI是像素密度值,代表着每英寸的像素数,也就是分辨率的单位,ppi越高,显示出来的图像密度越高,越逼真,画面细节越丰富。

在相同像素密度的手机屏幕中,元素(图片、文字、按钮)和间距等物理尺寸都是一样的。元素显示的物理大小与手机屏幕大小无关,只与屏幕像素密度有关。

我们的设计师用像素(px)作为尺寸单位,那么问题就来了:如果在不同像素密度的手机屏幕上显示相同尺寸的元素,我们是否应该画出不同像素密度的不同尺寸元素呢?

如果屏幕上的像素密度达到了几十上百个,那设计师一定会疯掉的。

目前的IOS手机,像素密度只有三个,而安卓系统手机的密度密度,也是五花八门。

为了解决这一问题,谷歌和苹果都给出了解决方案,即“逻辑像素和放大比例”。

4、缩放倍率

我们已经介绍过了,苹果和谷歌提供了两种解决方案(手机应用程序有6种,iOS有3种),为了保证每一种像素密度的像素密度和间距都是一样的,所以我列出了不同像素密度的像素密度。安卓现有的通用密度比例是:3:4:6:8:12:16,可以进一步简化为0.75:1:1.5:2:3:4。安卓不同像素密度之间的比例是“缩放倍率”,而ios像素密度比例则比较简单,通常是1:2:3。

以上是小编今天的分享,希望能对你有所帮助。

文档

app ui设计规范

在设计Android或者APP的时候,首先要解决的一个核心问题就是:如何适应不同尺寸、不同分辨率的手机屏幕。让相同的元素(图片,图标,文字等等)和间距完美地匹配到不同的手机。
推荐度:
为你推荐
资讯专栏
热门视频
相关推荐
docker查看日志命令 docker如何查看日志命令 成语先苦后甜的讲解 成语夫贵妻荣的讲解 成语消极怠工什么意思 成语樯倾楫摧的讲解 成语做人做事是什么意思 成语穷寇莫追的讲解 成语肥头大耳怎么理解 成语大厦将倾的讲解 成语穿云裂石怎么理解 成语不忮不求是什么意思 成语尽心尽力的讲解 成语梦幻泡影怎么理解 成语胆颤心惊什么意思 成语沉思翰藻什么意思 成语水满则溢怎么理解 汉语成语怎么理解 成语算无遗策什么意思 成语粗中有细什么意思 网页ui是什么 ui设计师应该学习什么 什么是ui设计培训 ui是什么东西 ui设计是啥 docker tcp 列举一些形容了用功学习的格言 列举一些形容了用功学习的名言名句 列举一些形容了用功学习的名言警句 列举一些形容了用功学习的名人名言 列举一些形容了用功学习的名言 列举一些形容用功学习的格言 列举一些形容用功学习的名言名句 列举一些形容用功学习的名言警句 列举一些形容用功学习的名人名言 列举一些形容用功学习的名言 列举一些描写了用功学习的格言 列举一些描写了用功学习的名言名句 列举一些描写了用功学习的名言警句 列举一些描写了用功学习的名人名言 列举一些描写了用功学习的名言
Top