交互思维】 移动端交互设计比例

2021-02-01 11:32发布

3条回答
征戰撩四汸
2022-06-30 18:50

                         Android 常见参数


屏幕尺寸:分为四个广义的大小:小,正常,大,特大。


屏幕密度:分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi)


像素= DP * ( DPI / 160 ) 例如,在一个240dpi 的屏幕里,1DP 等于1.5PX。


layout-small(屏幕尺寸小于3英寸左右的布局),

layout-normal(屏幕尺寸小于4.5英寸左右),

layout-large(4英寸-7英寸之间),

layout-xlarge(7-10英寸之间)


典型设计尺寸


• 320dp:一个普通的手机屏幕(240X320,320×480,480X800)


• 480dp:一个中间平板电脑像(480×800)


• 600dp:7 寸平板电脑(600×1024)


• 720dp:10 寸平板电脑(720×1280,800×1280)



IOS 常见参数


屏幕尺寸:


iPhone 界面尺寸:320×480、640×960、640×1136     


iPad 界面尺寸:1024×768、2048×1536


(以上单位都是像素,至于分辨率一般网页UI 和移动UI 基本上都只要 72 ppi)


 元素的尺寸:


iPhone 的APP 界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏以及中间的内容区域。


640×960 的尺寸设计中元素尺寸:


状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40 px


导航栏:显示当前界面的名称,包含相应的功能或者页面间跳转的按钮,其高度为:88 px


主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98 px


内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁的,其高度为:734 px=960-40-88-98


以上尺寸适用于 iPhone4、4S,iPhone5/5s 的 640×11136 的尺寸,


其实就是中间的内容区域高度增加到:910 px,其他尺寸也同上。


一周热门 更多>