首页 > 编程知识 正文

手机app ui设计,手机app图标尺寸规范

时间:2023-05-06 11:06:02 阅读:55921 作者:4434

众所周知,对于追求高还原的移动APP产品来说,移动APP设计稿中准确的尺寸标注是不可或缺的一步。 很多设计师抱怨APP程序员太差,和设计图太不一样,你提供最规范的安卓吗

APP界面的尺寸是多少? 是否为程序员提供了设计师的UI设计规范?

其实,作为移动APP设计师,所有这些都应该在安卓程序员沟通的基础上,尽最大努力为他们提供最完整的设计规范和设计标志、测量等信息。

以下是一位安卓设计师的实践和工作总结。 可以作为参考。 也可以说是设计

Android APP最佳实践:

1 .画布大小720x1280、72dpi对齐

仅使用偶数单位的大小,例如96 px列表项的高度、16 px边距和64 px图标的边长

仅使用3.24pt、28 pt、36 pt和44 pt字体

4 .设计完成后,所有大小的px值除以2作为dp值交给工程师

5 .所有字体的pt值除以2作为sp值传递给工程师

6 .所有切口均为原始大小、缩小1.5倍、缩小2倍3个,分别为xhdpi、hdpi、mdpi

将的资源传递给工程师

具体如下图所示。

下面是一些可以解决你疑问的安卓用语。

为什么选择720*1280作为设计原稿并将分辨率设定为72

320 dpi画面的分辨率以720 x 1280最为普遍,因此将该尺寸作为画布尺寸最为直观,这样的设计原稿被应用于最多的人

在320 dpi的机器上运行的情况是一样的。

然后,选择密度最高的。 图像缩小比放大更好,放大后会变形。 选择320 dpi作为目标画面,向其他画面提供图像时,只需缩小即可。

72 dpi是Photoshop的默认设置,请不要更改。 这个数字和后面的换算有关。

Android 4.0及更高版本的设计规范建议仅使用四种大小: 12 sp、14 sp、18 sp和22 sp

安卓框架使用的所有大小。

以下25学堂将根据前辈的经验,分享两种安卓字体的换算方式。

有两种算法:

算法1

根据dp的定义,“在160 dpi的画面中,1 dp约等于1 px”,因此在320 dpi的画面中,1 dp约等于1 px

2 px,我们为320 dpi设计的。 所有的px值除以2等于dp值。 字体有点复杂,1 pt=1/72

在inch (即72 dpi )的画布上,1 pt=1 px,我们的画布为72 dpi,1 sp约为2 px (

dp的定义),因此1 sp=2 pt,所有pt值除以2等于sp值。

算法2

可以想象,将320 dpi的手机屏幕放大到了Photoshop。 放大率为320/72,也就是手机的1

dp在画布上为320/72 dp,但1 DP=1/160英寸,因此在画布上为2/72

因为对于inch,画布是72 dpi,所以在画布上2 px,即移动电话上的1 dp对应于画布上的2

px。 中描述的场景,使用以下步骤创建明细表,以便在概念设计中分析体量的体积。

到目前为止,在这个画布上,我们发现px除以dp,pt除以sp除以2。

最后,用320 dpi制作的图像,在240 dpi、160 dpi下必须分别缩小1.5倍和2倍。

第2部分:常用的APP标注工具

第一,海鳗

第二,它是查看APPUI设计器插图的工具——向—PxCook挑战

25学堂介绍了一些移动APP的切割工具和标注工具。

第三个: Nice标记生活美好的是在照片上做了标记的APP。 非常棒,值得体验。

年轻人最喜欢的APP! 多次推荐App store! 照片标签使你的照片最时尚。

在照片上贴标签。 标签是品牌、地点、人物,以及你想表达的感情和想法。 用标签表达你的喜悦和悲伤。

第四个: Sketch.app Measure标记神器

这是Sketch设计软件的插件,只适合苹果电脑。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。