许多电商设计师都容易忽略的点：PC与移动端适配的区别很大

更新时间：2020-05-15 17:11:52 来源：环球网校

浏览

摘要许多电商设计师都容易忽略，PC与移动端适配的区别很大，造成这种差异的原因无非是显示器的尺寸和比例，这似乎是放大和缩小的问题，事实上，这是两种完全不同的视觉体验。本篇文章将讲述PC与移动端适配的区别很大这个许多电商设计师都容易忽略的点。

PC与移动端适配的区别

首先，PC与移动端适配的区别之一便是屏幕比例不同。电脑多为宽屏，手机多为垂直屏幕。这意味着PC端水平占据一个图案和文本屏幕。当它被放入移动终端时，被缩小后将占据多个屏幕。因此，直接将细节页面从PC机复制到移动终端，使得图片和文本看起来更小。为了解决这一问题，在设计中应采用垂直筛网。

淘宝网给我们做了很好的示范。淘宝的视频短片都是在垂直屏幕上拍摄的。对于用户来说，这种感觉是全新的。您可以全屏观看视频，而无需解锁旋转屏幕并垂直握住手机。

所以当我们切换到移动终端的视觉时，注意PC与移动端适配的区别，需要采用垂直屏幕的绘制思想。有三个重要因素：

1、所有图片的设计尽量采用16:9的垂直屏幕比例，减少产品的显示背景，产品(或型号)应占据更大、更集中的屏幕。

2、这幅画的设计是一幅画一主题。因为移动终端没有PC屏幕那么大，一张图片基本上占据了屏幕，所以最好在图片中表达完整的意思。

3、图片采用上下两栏，不同于PC机的宽屏，左文本右图片的结构不能用于垂直屏幕，上下结构要利用长度空间的剩余，如下图和上图所示。

总而言之，垂直屏幕是PC与移动端适配的区别之一，设计者应该遵循垂直屏幕的设计原则，这样消费者们才能产生更佳的用户体验感。环球网校将会持续更新电商设计的相关资讯及技巧，也可以在文末下载电商设计的灵感素材及教程等，我们下期再见!

编辑推荐

分享到：编辑：环球网校

资料下载精选课程老师直播真题练习

更多资料

更多课程

更多直播

更多真题