App界面设计 - 设计规范 - 切图 - UI - IOS

用户头像
上海/UI设计师/9年前/8654浏览
App界面设计 - 设计规范 - 切图 - UI - IOS
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg2OTk5MjA=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDIzMzI=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDM3NDQ=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDg0Mjg=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDc5OTY=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Android切图尺寸规则 px(像素)是我们UI设计师在PS里使用的(不解释),同时也是手机屏幕上所显示的(也不解释) dp是开发写layout的时候使用的尺寸单位,sp是开发写layout时关于字体的字号单位,且dp与sp总为1:1关系。 Android支持四种不同的dpi模式:ldpi mdpi hdpi xhdpi xxhdpi 一般地,手机分辨率与所运行的dpi模式是匹配的,例如hvga(320×480像素)的手机屏幕一般在3.5英寸左右,运行在mdpi模式下(也有例外,稍后解释)(这个是ROM控制的,app不能改变)。当运行在mdpi下时,1dp=1px:也就是说设计师在PS里定义一个item高48px,开发就会定义该item高48dp;Photoshop中14px大的字体,开发会定义为14sp。 对于一部wvga(480×800)手机(G7、N1、NS),一般是运行在hdpi模式下。当运行在hdpi模式下时,1dp=1.5px:也就是说设计师在PS里定义一个item高72px,开发就会定义该item高48dp;Photoshop中21px大的字体,开发会定义为14sp。 所以,当你的app需要适配多个dpi模式的时候(例如同时适配mdpi与hdpi),若你在wvga下做设计,你需要将你的各数值都为3的倍数,并在切图标注时将所有的数字除以3乘以2换算成dp,这样开发的同一套layout就能用在两个不同的dpi模式下,而不是写两套layout。 mdpi与hdpi是2:3的关系 mdpi与xhdpi是1:2的关系 ldpi与mdpi是3:4的关系 Galaxy Nexus 是720P屏幕,就是运行在xhdpi下的。 再补充一种例外,有些比较山寨的Pad有可能是7英寸屏幕,分辨率为wvga(480×800)运行在mdpi下,所以一部wvga手机是320x533dp,一部wvga平板是480x800dp,可以显示的内容会多很多。 从2013年开始ldpi mdpi hdpi相继退出了历史舞台!以1280*720的720P主要机型占据了主流,即xhd
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg4NjI1NzY=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg4NjI1Njg=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDg5MzI=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDg5NDQ=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDkwNTI=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg4NjI1ODA=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg4NjI1NjQ=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg4NjI1NzI=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
App界面设计 - 设计规范 - 切图 - UI - IOS(图ZNTg3MDkyMDg=) - 其他UI - 站酷设计师草雨田木木原创素材 - 站酷ZCOOL
Collect
124
|
Report
|
300
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in