UI设计培训-48DP定律
UI设计培训-48DP定律
成都华信智原UI设计培训老师告诉你48DP定律,要知道什么是DP?
其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的,所以我们就知道他是干什么用的就好,因为安卓阵营的碎片化,所以会有杂七杂八的不同分辨率的屏幕,但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以急用DP这个单位,用这个工具可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小。
说了DP,就的说所PX,PX就是屏幕上的一个物理的像素点,以前的屏幕上的像素点是可以用肉眼看到的,后来乔布斯炒作了个视网膜屏幕的概念,其实就是像素的密度比较大,肉眼已经看不见了。
做安卓开发的,一般都会用DP来规定一个组件的大小。当然偶尔也有人会有像素(PX)来规定组件大小,可能是个新手,也可能是此人的程序不详兼容更多的设备。
DP就是一种基本上和设备无关的单位,可以保证一套UI在不同机器上面的适配,而显示效果不会出现很大的偏差。
什么的48DP定律?
在通常情况下48DP在物理屏幕上差不多是9毫米的大小,而在UI设计中所有触摸类控件的推荐大小在7毫米到10毫米之间,因为在这个数值之间会使控件的点中率大大增加,在视觉上也会比较舒服。
所以当你的可触摸控件的高度和宽度大小等于48DP时,一方面可以保证你的控件在任何设备上都不会小于7毫米。同时也可能保证控件中的内容看起来比较舒服,也不会出现吴触的现象。
这就是所谓的48DP定律,当然这一切是个推荐值,定律在心中,实际情况灵活处理,而不是被定律束缚,才是一个的设计师。
同时一定要注意控件之间至少有8DP的留白,这样看起来会好很多。
下图,左边的铅笔图片控件的大小是48DP*48DP,右边按钮控件的高度为48DP,宽度为48*3DP,大小完全符合48DP定律。图片和按钮之间的间距为8DP,保证了图片和按钮合适的间距,按钮的内容和控钮控件边缘间隔为4DP,这样如果2个按钮控件上下并排放在一起,也能保证2个按钮内容间的间距为8DP,从而保证了其美观性。内容剧中对齐之类的就不多说了,这是基本的。
成都华信智原UI设计培训老师告诉你48DP定律,要知道什么是DP?
其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的,所以我们就知道他是干什么用的就好,因为安卓阵营的碎片化,所以会有杂七杂八的不同分辨率的屏幕,但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以急用DP这个单位,用这个工具可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小。
说了DP,就的说所PX,PX就是屏幕上的一个物理的像素点,以前的屏幕上的像素点是可以用肉眼看到的,后来乔布斯炒作了个视网膜屏幕的概念,其实就是像素的密度比较大,肉眼已经看不见了。
做安卓开发的,一般都会用DP来规定一个组件的大小。当然偶尔也有人会有像素(PX)来规定组件大小,可能是个新手,也可能是此人的程序不详兼容更多的设备。
DP就是一种基本上和设备无关的单位,可以保证一套UI在不同机器上面的适配,而显示效果不会出现很大的偏差。
什么的48DP定律?
在通常情况下48DP在物理屏幕上差不多是9毫米的大小,而在UI设计中所有触摸类控件的推荐大小在7毫米到10毫米之间,因为在这个数值之间会使控件的点中率大大增加,在视觉上也会比较舒服。
所以当你的可触摸控件的高度和宽度大小等于48DP时,一方面可以保证你的控件在任何设备上都不会小于7毫米。同时也可能保证控件中的内容看起来比较舒服,也不会出现吴触的现象。
这就是所谓的48DP定律,当然这一切是个推荐值,定律在心中,实际情况灵活处理,而不是被定律束缚,才是一个的设计师。
同时一定要注意控件之间至少有8DP的留白,这样看起来会好很多。
下图,左边的铅笔图片控件的大小是48DP*48DP,右边按钮控件的高度为48DP,宽度为48*3DP,大小完全符合48DP定律。图片和按钮之间的间距为8DP,保证了图片和按钮合适的间距,按钮的内容和控钮控件边缘间隔为4DP,这样如果2个按钮控件上下并排放在一起,也能保证2个按钮内容间的间距为8DP,从而保证了其美观性。内容剧中对齐之类的就不多说了,这是基本的。