UI 规范零散知识点总结

1.段落文本的行高

定UI规范的时候，字体的行间距也要随之定出来，24px的字体一般用的行高是32px，也就是行间距为8px；32px的字体一般用的行高是44px，也就是行间距为12px。规范的来讲定一个行高就可以了。

这一点很容易被忽略，当然数值不是绝对的，但是要有一个自己基础的规范，然后遇到具体情况具体分析。

2.dp与pt

dp是安卓开发的计算单位，pt时ios开发的计算单位。

安卓开发的计算单位为什么用dp而不用px？

大家都知道，分辨率相同的时候，由于物理尺寸不同，从而使每个像素点的大小有所差别，如果还用px作为计算单位，那你的距离在不同物理尺寸（相同分辨率）的手机上也会有很大差别，但是如果改用dp为计算单位，dp就会根据不同尺寸进行自适应，这样就不会产生很大的差异性。

安卓1倍图的时候，1dp＝1px；安卓2倍图的时候，1dp＝2px；安卓三倍图的时候，1dp＝3px；（相对的）

而ios不论在几倍图的时候，1pt都等于2px（绝对的）

这就是为什么在做ios端界面定间距大小的时候，px数值都必须是偶数，因为如果你是奇数，换算成pt就不能成为整数了

3.一套设计稿适配ios、安卓两端开发

不论是做安卓还是ios的UI设计，我们都会用2倍图尺寸来做设计稿，ios是750x1334px，安卓是720x1280px，两个尺寸十分接近，比例几乎相同，那是不是可以做一套720px的尺寸，然后将一些边距、头像等内容固定大小，其他一些内容进行自适应呢？这样界面和标注出一套就可以了（但是一些特殊情况还是需要特殊处理）。

这种做法的前提是两端布局结构完全相同。当然切图还是要有两套的。

建议：如果资源足够充足，还是做两套界面更加保险！

没有规范与原则的时候，就会花大量的时间去纠结，从而浪费人力物力，如果定下规范，后期的很多内容都是水到渠成的事情，所以不管是项目本身还是你自己都要有一套基础实用的设计规范／体系。

而这套规范／体系的来源就在于经验＋总结！

作者 菜心设计铺

关键字：UI设计, 行高, 设计师

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！