平面设计课堂：商品详情页的设计细节之阅读顺序

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

浏览

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

地区

获取验证立即预约

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

免费获取短信验证码

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

辅助线

推荐拉辅助线的是按住shift，辅助线会以1、10这样的整数变化，不会出现小数点的辅助线，避免在对齐的时候出现1px的误差，被说成是粗心的失误。

阅读顺序

对于一个步骤，试试用1、图、文字的顺序，跟图、1、文字的顺序阅读，就知道哪个更流畅，更能带来良好的用户体验。

标题推导

当你的详情中，有多屏视觉页展示的单页，且文字适合排在上方的时候，尽量让这个文字在每屏中的位置一样，这样会让你的设计看起来很规整，也很有设计感。

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

编辑推荐

分享到：编辑：环球网校

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

更多资料

更多课程

更多直播

更多真题