网站地图 | Sitemap | Rss
  • 您当前位置:网站首页 >> 视觉设计 >> 淘宝天猫手机详情页应该如何设计
  • 淘宝天猫手机详情页应该如何设计

    来源:逍遥峡谷 发布时间:2017-04-06 浏览0条评论
    内容简介

    现在使用手机购物的人越来越多,所以手机详情页越来越重要,本文分析了一个手机详情页的案例来说明,手机详情页有哪些需要注意的地方。

    相关关键词:手机详情页   页面   详情页   天猫   淘宝  

    本文链接:http://www.icoa.cn/a/759.html

    首先、分割,每个部分(下称版块)分割高度在一屏多一点,建议高度900px或以上。( 建议790px * 950px )

    其次、区分,每个版块间隔用深浅背景来区分,非常分明。

    第三、背景,背景都是用纯色扁平化不刺眼的颜色,或者背景比较简单的实景图,突出商品。背景扁平化商品立体化。

    第四、字体,字体使用比较细的无衬线字体,非常吝惜加粗加黑,整体给人高端淡雅的感觉,却有非常有冲击力。只在极个别的关键词上用了加粗的字体。绝大部分文字内容都是大小字号相搭配的形式,大字号用做比较简短的卖点,小字体做渲染、深入解释或补充

    第五、颜色,颜色非常少,字体颜色只有黑白灰,每个版块字体颜色除了黑白灰,彩色颜色不超过3个颜色,而且占比非常少,都是点睛之笔。并间隔有几个枣红色背景跟白色字体搭配。

    第六、主体,每个版块只有一个主体,上下结构主体占比50%-70%左右

    第七、光影,有产品的版块,产品肯定有阴影,非常自然,这对拍照以及后期处理有非常高的要求。光泽和明暗对比强烈。

    下面是案例分享:

    本文链接:http://www.icoa.cn/a/759.html
    关键词: 手机详情页   页面   详情页   天猫   淘宝  

    为了网站的访问体验,本站无广告和弹窗
    如果您愿意支持,请扫码随意打赏、全凭自愿~


    上一篇:电脑里出现Tempzxpsign文件夹的解决办法

    下一篇:PS将图片做成素描效果教程


    - 相关文章 -


    报纸广告设计知识介绍 - 2010-12-02

    五则电视广告脚本(转) - 2009-08-03

    CCTV-7中央电视台农业频道片花 - 2009-08-01

    Html网页瘦身,网页加速系列(二) - 2009-07-31

    Html网页瘦身,网页加速系列(一) - 2009-07-31

    形成视觉冲击的几种方式 - 2009-07-31

    什么是广告诉求点? - 2009-07-31

    改进网页可读性的7个方法 - 2009-07-31


    - 文章评论 -




    4541

    [由于政策原因,您的留言如果提交成功后,需要审核才能展示,请改天再来查看,请不要重复提交,谢谢支持!]

    - 最新评论[0条评论] -


    [>>>点击查看更多评论]

    逍遥峡谷 逍遥乱弹 张立博 爱之路 酷品优选 宝贝派

    版权所有©逍遥峡谷 Copyright©Canyon of Airily 冀ICP备06033848号