移动端页面尺寸设计要考虑哪些因素

时间:2021-07-16 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{移动端页面尺寸设计要考虑哪些因素}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的移动端页面尺寸设计要考虑哪些因素内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

移动端页面尺寸设计要考虑哪些因素?现在我们经常看健身行业到的电商网站的手机页面大都是直接按照移动端页面尺寸设计的,那么你知道移动端页面尺寸设计要考虑哪些因素吗?小编就来与大家聊一聊这个问题。
 





单位
不难发现,真正决定显示效果的,是逻辑像素尺寸。为此,iOS和Android平台都定义了各自的逻辑像素单位。iOS的尺寸单位为pt,Android的尺寸单位为dp。说实话,两者其实是一回事。
单位之间的换算关系随倍率变化:
1倍:1pt=1dp=1px(mdpi、iPhone 3gs)
1.5倍:1pt=1dp=1.5px(hdpi)
2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)
3倍:1pt=1dp=3px(xxhdpi、iPhone 6)
4倍:1pt=1dp=4px(xxxhdpi)
单位决定了我们的思考方式。在设计和开发过程中,应该尽量使用逻辑像素尺寸来思考界面。设计Android应用时,有的设计师喜欢把画布设为1080x1920,有的喜欢设成720x1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp,这就意味着在xhdpi的设备上,按钮尺寸至少是96x96px。而在xxhdpi设备上,则是144x144px。
无论画布设成多大,我们设计的是基准倍率的界面样式,而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通,双方都需要以逻辑像素尺寸来描述和理解界面,无论是在标注图还是在日常沟通中。不要再说“底部标签栏的高度是96像素,我是按照xhdpi做的”这样的话了。
Web怎么办
移动端页面的绝对单位仍然是px,至少代码里这么写,但它的道理也和app一样。由于像素密度是设备本身的固有属性,它会影响到设备中的所有应用,包括浏览器。前端技术可以善加利用设备的像素密度,只电视做广告需一行代码,浏览器便会使用app的显示方式来渲染页面。根据像素密度,按相应倍率缩放。
移动端页面尺寸设计要考虑哪些因素?如果你已经看过了整篇文章,相信你对于移动端页面尺寸设计要考虑哪些因素这个国际媒体发稿问题已经有了自己的想法。






 

移动端页面尺寸设计要考虑哪些因素

上一篇:移动端界面设计之尺寸应该怎样设计?
下一篇:移动端界面设计之尺寸基础常识


版权声明:以上主题为“移动端页面尺寸设计要考虑哪些因素"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
扫码咨询
    移动端页面尺寸设计要考虑哪些因素
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“移动端页面尺寸设计要考虑哪些因素”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通移动端页面尺寸设计要考虑哪些因素的相关事宜。

关键词:移动端页面尺寸设计要考

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号