网页一般是在浏览器上面显示,电脑的分辨率虽然差异较大,但是总体上来说都是大屏,运行在移动端的APP运行在小屏上,而且需要考虑横屏竖屏
图717-1:不同屏幕使用情况
概述上来说,网页设计受制于电脑端的分辨率,因此浏览窗口有差别,网页的浏览窗口能够缩放。而APP界面设计受制于移动设备端,分辨率差异很大,还要考虑到横竖屏幕的调转方向。
图717-2:移动设备屏幕尺寸
1、 APP界面设计的尺寸比较小,一来设备尺寸很有限,更加需要突出重要信息。这就要花心思去有效、合理的组织内容,优先级高的内容要先突出,次要的要合理安排。
2、 网页因为浏览器分辨率差异较大,且要根据窗口尺寸变化而变化,因此要确定好不同分辨率内容展示以及布局。
图717-3:手机淘宝团队适配协作模式
3、 APP界面设计在布局、图片、文字的显示上,要兼顾不同的设备效果。还要考虑到横竖屏的效果,多是会采用响应式。
图717-4:安全内容区域
转载请注明:网创网 www.netcyw.cn/b717.html
加油!!!