平面设计课堂：商品详情页的设计细节之竖屏思维

更新时间：2019-11-07 14:37:21 来源：环球网校

浏览

平面设计报名、考试、查分时间免费短信提醒

地区

获取验证立即预约

请填写图片验证码后获取短信验证码

免费获取短信验证码

摘要这是一篇扫盲式的商品详情页的设计细节文章，做详情之前得清楚详情页的核心目的，个人认为是展示产品卖点与传递产品信息，形成转化，美观是其次。所以在制作详情页的时候得时刻记住自己主要想表达的是什么，在信息传达到位的前提下，可以检查下下面的细节。

一屏的尺寸

鉴于目前95%的详情页用户都来自无线端，所以我们在做详情页的时候，有必要了解目前自己工作主要使用的平台的尺寸是多少，这里平台以某宝为例，手机用iPhoneX，计算出了一屏可展示的高度，这样自己在做详情的时候就知道多高比较合适了。

竖屏思维

既然用户使用场景是手机，那么在制作详情的时候，尽量用竖着阅读的方式去制作，而不是- -味地继承电脑端的横屏思维，将详情缩小即可，另外推荐最小字体不小于18px。

图标设计

图标在传达信息的时候，比只有文字的时候效率要高，也更容易记住。在使用的时候注意统一性，切忌面性图标和线性图标混合使用，在使用线性图标的时候，还要记得统一图标的粗细。

关于人物肖像

当需要出现多个人像的时候，最好使他们形象大小、方向、色调一致，眼睛在画面的高度最好也统一，这样有利于画面和谐。

图形

圆形最好不要人为拉伸，因为这样并没有任何意义，并且还会人为是你做设计不够细心造成的。

这些商品详情页的设计细节有没有对你有所启示呢？希望大家学习了这些技巧以后可以应用在自己的工作中，多用还是比较利于增长大家的技能。好啦，今天的平面设计课堂：商品详情页的设计细节之竖屏思维，就到这里啦，更多精彩请持续关注环球网校~

编辑推荐

分享到：编辑：环球网校

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

更多资料

更多课程

更多直播

更多真题