网站地图 | 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将图片做成素描效果教程


    - 相关文章 -


    广告的定义 - 2009-07-31

    平面广告设计知识 - 2009-07-31

    今日全国哀悼日为舟曲灾区祈祷…将网站变成灰色CSS代码 - 2010-08-15

    HTML网页DIV布局设计的常见错误 - 2009-07-31

    如何设置网站的PC版和移动版,以及两者之间的关系 - 2017-08-04

    HTML to JS 或者 JS to HTML (HTML&JS互转) - 2010-07-31

    Photoshop组的混合属性里穿透是什么意思?PS里穿透是什么意思? - 2010-07-29

    电脑里出现Tempzxpsign文件夹的解决办法 - 2017-06-13


    - 文章评论 -




    0577

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

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


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

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

    版权所有©逍遥峡谷 - 智能中央超自然局·地球总部
    Copyright©Intelligence Central Occult Agency (I.C.O.A)
    本局纯属虚构,如有雷同,纯属巧合
    冀ICP备06033848号