Three说:今天天气晴朗,我和往常一样还在抠图,同事过来拍了拍我的肩膀,贱贱的一笑:“帮我改一下详情页首屏呗。”结果可想而知,没有扣完图我当然拒绝。
我们在网上找一些玩具详情页首屏的参考,可以看出参考中主产品视觉很清晰,画面信息的处理很丰富,通过了色块和光影等方式来丰富空间。
我们选择这1和2这两张图片做为画面参考。
原稿背景有些单调,干扰性元素太多,影响了主图和主文案的识别,我们借鉴参考的分割形式和光影表现来丰富我们的背景。
去掉了原稿中的干扰元素让视觉焦点更加清晰,通过色块分割和光影来营造一种前后的空间感,接下来借鉴下图的文案处理形式。
原稿的文案处理有些呆板且识别性不是很好,因为字间距和行间距过于紧凑,在移动端展现上会影响观者的浏览体验,我们借鉴参考的字体间距来优化画面。
我们将文案改成左对齐编排,和主图形成对角趋势增加画面灵活性,文案的字体间距加大,减少观者浏览的时间成本。
样机效果
优化之后的画面灵活性和识别性得到了很大的提升,信息和主图清晰明了,提升了观者的浏览体验。
同事拿着改好的图片去找了运营,
运营惊呼!
作者:Three
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:三个小美工!
暂无评论
违反法律法规
侵犯个人权益
有害网站环境