系统学习专题视觉设计——设计规范规范

UI规范零散知识点总结

2016-06-07  本文已影响1255人  菜心设计铺

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的尺寸,然后将一些边距、头像等内容固定大小,其他一些内容进行自适应呢?这样界面和标注出一套就可以了(但是一些特殊情况还是需要特殊处理)。

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

建议:如果资源足够充足,还是做两套界面更加保险!


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

而这套规范/体系的来源就在于经验+总结!

上一篇下一篇

猜你喜欢

热点阅读