我自认为是个比较神经大条的人，可免不了总是在一些小小细节上钻牛角尖比如商品售光状态，就应该是灰色，而不应该火红火红感觉像爆卖;再比如按钮是否可点击不能单靠颜色，应该是颜色+形态......最近在画稿子的时候，又开始钻牛角尖：为什么我们电商大部分图片，用的都是1：1;而一些服务，地产之类的图片，用的都是4:3，难道是有一些行业说法在在这过程中，去咨询了一些从事互联网的其他小伙伴，大家也或多或少，给出了一些理由，稍微整理下发给大家看
首先，先看下，图片1：1和4：3的区别在哪里都会影响哪些内容（这里所有的4：3都是指比例接近4:3，而不是完全按照4：3比例）
一，当图片和文字信息横排布时
1：1的图片：优点是图片更大，看起来更吸引眼球，缺点是占屏幕高度较高，可展示信息内容较少;而4：3的图片，在坑位高度相同时，可以展示出更多组信息内容。（这里的“多组信息”可以是一个商品单元内的信息增多，也可以是展示多个商品单元）
所以我们在竞品上看到的使用情况，如下图左手机淘宝猜你喜欢，使用1：1的图片，是以突出图片内容为主，内容信息作为辅助说明，且数量较少时使用;而右图去哪儿的界面，4：3的图片相对1:1来说，在相同高度下，可以展示更多辅助文字信息，同时又不至于使屏效（手机一屏展示的内容多少）过低。
图片和文字信息横排布
二、当图片和文字信息纵向排布时
1:1的图片纵向排布，展示图片的同时，有点是可展示更多的内容信息；4:3图片相对来说优点是更突出图片，缺点也显而易见，内容展示相对较少
我们可从下面例子看到，手机淘宝搜索页，在展示图片的同时，右边的文字空间可以展示更多商品属性、服务心智、甚至位置等，各种辅助用户区别同种商品的信息；而淘宝生活家采用近似4：3图片，则更突出图片氛围，右边文字空间就只能放标题、标签、来源3种信息
图片和文字信息纵向排布
所以，使用不同图片比例，不仅和排版样式有关，也与需求中信息展示的数量有关。那么仅仅就这些区别吗？
在寻找和整理这些内容的过程中，我发现更新比较快的品类，比如服饰、水果、等，一般的电商常见产品，大多采用1:1的图片比例。而一些偏传统行业(比如旅行、餐饮、房屋租赁)和新闻资讯类(如网易新闻、虎嗅) ，大多使用4:3的图片比例，为什么会这样？容我跟我小伙伴不靠谱的推断下：
从商家角度来说：更新比较快，或者直接从互联网起家的电商常见产品，基本都配备有比较好的设计团队，能够对图片做多种处理，可以根据各种要求来出图。比如商品是床就会找对角线拍摄；如果是长杯子可以放多个数量或给个使用场景，总之在正方形的框架中把我想展示的商品展示完整就好。而电商平台，尤其是商品种类、sku比较多的平台，采用1:1图片，就可以将更多空间给到区别商品差异化信息字段的透出，方便消费者根据不同的信息做选择。
而传统餐饮、房屋租赁等，这类商家由于比较晚接触互联网，且很大一部分缺少好的设计团队或图片编辑团队支持（也可能暂时还没意识到设计的重要性），因此目前还是靠一些外包团队定期拍照或做简单处理，能够满足基本的图片可辨识就OK。甚至有些商家连外包团队都不用，直接手机拍摄上传就算完成任务。在这里，无论是相机还是手机，目前拍出来的照片比例都是接近4:3。而且这类没有设计支持的商家，目前在这个行业的占比不在少数，平台也不希望这些额外的负担成为商家入驻的门槛，因此图片素材不会做太多限制。因此这波图片比例大多接近 4:3。（资讯类可能同理，不过可能资讯类的图片也会有其他用处，比如需要穿插在内容中使用等，这就不得而知了。）
当然，写在这里并不是想小范围的把这个结论作为一个规范，规定什么样的地方就要用什么样的规格，而是想表达：
我们在看到不同设计的一些区别的时候，多去思考，为什么会这样？形成这种现象背后的原因是什么？沉淀下来，可作为日后的设计指导
在没有 定性/定量 结论支撑时，不要想当然的拍脑袋决定方案，试着想下使用者的背景和可能出现的限制，会不会因此阻碍了他成为你的粘性用户
结合多方的约束，根据自己的业务目标，选择最适合业务的方案，才是我们要做的事情
最后用《设计改变一切》来做个结尾：对于一个追求美的艺术家或一个追求真理的科学家而言，项目的边界也许是不受欢迎的约束。然而，对于设计师而言，没有限制，就不可能有设计。正如查尔斯·伊姆斯经常说的，设计师的标记，正是愿意接受约束。
这篇文章，真的憋了快2周，修修补补，总觉得自己写的不够好，写不好就发出来，又觉得自己不靠谱。可是一拖再拖，最终的结果可能就又不再更新，所以今天打算无论如何，也要发出来……哪里有问题，也请大家及时提出来。总结不会一步到位，总要有个学习和进步的过程，那么我要做的就是：在这条学习的路上，坚持再坚持。也谢谢你，仍然没有放弃这个拖延的我~
扫码关注我吧
网友评论