预约成功

首先,PC与移动端适配的区别之一便是屏幕比例不同。电脑多为宽屏,手机多为垂直屏幕。这意味着PC端水平占据一个图案和文本屏幕。当它被放入移动终端时,被缩小后将占据多个屏幕。因此,直接将细节页面从PC机复制到移动终端,使得图片和文本看起来更小。为了解决这一问题,在设计中应采用垂直筛网。
淘宝网给我们做了很好的示范。淘宝的视频短片都是在垂直屏幕上拍摄的。对于用户来说,这种感觉是全新的。您可以全屏观看视频,而无需解锁旋转屏幕并垂直握住手机。
所以当我们切换到移动终端的视觉时,注意PC与移动端适配的区别,需要采用垂直屏幕的绘制思想。有三个重要因素:
1、 所有图片的设计尽量采用16:9的垂直屏幕比例,减少产品的显示背景,产品(或型号)应占据更大、更集中的屏幕。
2、 这幅画的设计是一幅画一主题。因为移动终端没有PC屏幕那么大,一张图片基本上占据了屏幕,所以最好在图片中表达完整的意思。
3、 图片采用上下两栏,不同于PC机的宽屏,左文本右图片的结构不能用于垂直屏幕,上下结构要利用长度空间的剩余,如下图和上图所示。
总而言之,垂直屏幕是PC与移动端适配的区别之一,设计者应该遵循垂直屏幕的设计原则,这样消费者们才能产生更佳的用户体验感。环球网校将会持续更新电商设计的相关资讯及技巧,也可以在文末下载电商设计的灵感素材及教程等,我们下期再见!