网页和APP设计在设备尺寸的角度的差别

2020-09-27 17:45:38  40 浏览  0 评论   赞

网页一般是在浏览器上面显示,电脑的分辨率虽然差异较大,但是总体上来说都是大屏,运行在移动端的APP运行在小屏上,而且需要考虑横屏竖屏

网页和APP设计在设备尺寸的角度的差别

图717-1:不同屏幕使用情况

概述上来说,网页设计受制于电脑端的分辨率,因此浏览窗口有差别,网页的浏览窗口能够缩放。而APP界面设计受制于移动设备端,分辨率差异很大,还要考虑到横竖屏幕的调转方向。

网页和APP设计在设备尺寸的角度的差别

图717-2:移动设备屏幕尺寸

1、 APP界面设计的尺寸比较小,一来设备尺寸很有限,更加需要突出重要信息。这就要花心思去有效、合理的组织内容,优先级高的内容要先突出,次要的要合理安排。

2、 网页因为浏览器分辨率差异较大,且要根据窗口尺寸变化而变化,因此要确定好不同分辨率内容展示以及布局。

网页和APP设计在设备尺寸的角度的差别

图717-3:手机淘宝团队适配协作模式

3、 APP界面设计在布局、图片、文字的显示上,要兼顾不同的设备效果。还要考虑到横竖屏的效果,多是会采用响应式。

网页和APP设计在设备尺寸的角度的差别

图717-4:安全内容区域

 

转载请注明:网创网 www.netcyw.cn/b717.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com