2014-8-13 22:48| 发布者: 丸子头| 查看: 380| 评论: 0
我们知道,用photoshop画效果图时,字体大小我们一般直接用“点”做单位,然而在开发中,一般采用“sp”做单位(有关安卓中的dp/sp/px。 Android中dip, dp, px, sp之间的区别: dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。 过去,程序员通常以像素为单位设计计算机用户界面。例如,定义一个宽度为300像素的表单字段,列之间的间距为5个像素,图标大小为16×16像素 等。这样处理的问题在于,如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小。在有些情况下,用户界面可能会小到难以看清 内容。 我来补充两句:说说dp和sp,dp也就是dip。这个和sp基本类似。如果设置表示长度、高度等属性时可以使用dp或sp。但如果设置字体,需要使用 sp。dp是与密度无关,sp除了与密度无关外,还与scale无关。如果屏幕密度为160,这时dp和sp和px是一样的。1dp=1sp=1px,但 如果使用px作单位,如果屏幕大小不变(假设还是3.2寸),而屏幕密度变成了320。那么原来TextView的宽度设成160px,在密度为320的 3.2寸屏幕里看要比在密度为160的3.2寸屏幕上看短了一半。但如果设置成160dp或160sp的话。系统会自动将width属性值设置成 320px的。也就是160 * 320 / 160。其中320 / 160可称为密度比例因子。也就是说,如果使用dp和sp,系统会根据屏幕密度的变化自动进行转换。 如何保证画图时的字号选择和手机适配效果一致呢?下面以几个常用应用的字体效果来说明在Photoshop中和开发中字号的选择。 (1) 列表的主标题 v 如微信、下厨房等应用首页的列表主标题,字号在photoshop中应采用22–24号左右,一行大概容纳18个字。然后开发程序中对应的字号是16sp。 v 百度新闻、QQ通讯录首页的列表主标题的字号在ps中应采用24–26号左右,一行大概容纳16个字。开发程序中对应的字号是18sp。 v 多米音乐首页的歌曲列表主标题的字号在ps中应采用26–28号左右,一行大概容纳14个字。开发程序中对应的字号是20号字。 (1) 列表的副标题: 列表的副标题的字号一般没有太多的要求,基本原则是保证字体颜色和字号小于主标题即可。 (2) 正文: 正文字号的大小一般需要保证每行不多于22个字,如果过小,影响阅读。在电脑设计中大概保证不小于16号字体,在开发程序中不小于12号字。 最后 找准以上对应关系,下次你就可以直接告诉开发者,这个页面中不同层级的内容分别用多大字号。很牛滴。 最后需要注意的是:同样的字号,不同的字体,显示的大小可能不一样,需要注意。这也是以上表格中没有对将点和sp完全一一对应的原因。如下是三类同样字号的字体的对比效果: |