• 小米笔记本Air上新 四核增强版售价5399 2019-10-16
  • 一根卷发棒搞定女神卷发造型,美出新高度! 2019-10-16
  • 市中级人民法院开展形式多样节能减排活动 2019-10-13
  • 陈海滢的专栏作者中国国家地理网 2019-10-13
  • 內存市场反垄断调查:矛头指向美国企业 2019-09-14
  • 高校招生将更加尊重学生自主选择 2019-09-14
  • 探访俄罗斯世界杯主体育场新闻中心  2019-09-06
  • 人民网日本株式会社报道集 2019-09-06
  • 世界杯期间在家撸串的正确姿势-热门标签-华商网数码 2019-08-25
  • 苹果召回iPhone 7!四个型号出问题,国内用户中枪 2019-08-25
  • 爱因斯坦日记曝光:担心中国人可能会取代所有其他种族 2019-08-14
  • 这三个字,是习近平生态文明思想的中心 2019-08-09
  • 共产主义既按需分配又按劳分配(原创) 2019-07-30
  • [大笑]那依然是按劳(劳动价值或劳动能力)分配也! 2019-07-28
  • 熊猫“足球赛”助威世界杯 2019-07-28
  • 需求报价
    工具

    需求报价工具

    进入需求报价工具,算算开发您的项目需要多少预算

    进入

    在线咨询

    林经理:

    张经理:

    王经理:

    包经理:

    全国免费咨询热线: 0755-8860 8956

    林经理:137 1426 5989   张经理:139 9761 9463

    您当前的位置:广西福彩快3开奖结果> 资讯动态> 媒体报道

    广西快三10:电商APP里的分类导航

    日期:2019-02-25 来源:众利软件 点击:204 次

    电商APP里的分类导航

    广西福彩快3开奖结果 www.1tou8.com



    前言



    在使用电商App的时候是经?;嵊玫缴唐返姆掷喙δ?,比如一个综合电商App会有不同的物品种类,如:手表、服饰、珠宝等。宠物电商App会有不同的商品分类,如:玩具、食物、保健等。服装电商App上会有不同的着装分类,如:上装,裤装,群装等。最近我搜集了一些不同电商APP不同的分类导航布局,就一并整理出来,给自己一些参考,也希望能帮助到有同样需求的小伙伴。


    清晰的分类导航可以快速的让用户找到商品入口,那么电商分类导航布局都有哪些呢?我们先说说最常见的三种电商分类导航。它们分别是宫格分类导航、列表分类导航组合分类导航。


    1.jpg




    以上这三种是较为常见的电商分类导航,当然不仅限于这三种形式,其余的电商导航形式接下来会逐渐的进行补充,下面我会重点分析上面三种分类导航在布局上的区别。


    宫格分类导航


    宫格分类导航的特点是图文结合的方式,图文结合是一种快速理解产品的设计方式,可以减少用户思考的时间,目的是为了方便用户可以快速找到商品入口。


    宫格分类导航的行数一般没有过多限制,当然也不是说越多越好,基本上以一页展示最佳,行数越少越清晰。竖向常见的有2列、3列、4列布局。


    2.jpg


    以左图为例,2列布局常使用左右构图,以突显产品为主这样做的好处可以让产品更大、更直观的展示从而方便用户挑选,一般产品种类较少时可选择使用,一页展示较为饱满,切记不在在分类内容较多的情况下使用,内容过多容易产生视觉疲劳进而影响操作。


    以中图、右图为例,3列、4列常使用上下构图,适用于分类导航较多的时候。一般以一页展示最佳,产品展示常使用抠图的形式,有助于提升产品的品质,也更容易凸显产品,方便用户区分差异,进行选择。



    宫格布局的优点是随时可以增加新的种类,很灵活。图文结合便于信息的理解。缺点是无论是2列、3列、4列都会遇到单独一个种类占一排的情况,这样容易导致页面的排版不够美观。宫格布局还有一个特点就是不可以深度筛选,需要跳转查询相应的产品详情。


    列表分类导航


    列表分类导航通过下拉或者多层筛选等方式达到展示更多分类的目的,从而帮助用户快速找到产品入口。


    列表分类导航常见的布局方式包括文字分类导航、图文分类导航、与多层筛选分类导航等。


    3.jpg


    以左图为例,建议种类多、内容丰富时使用,可以展示更多的分类信息。但是同时也存在文字列表相对密集的情况,不如图文结合来的直观。图中右侧的小产品图又由于过小,反而会增加视觉负担。


    以中图为例,如果分类的内容比较在意品质感且内容量不大时建议使用,排版以左右构图的方式给页面保留了很好的呼吸感。但缺点是没有有效的利用空间,只做到了美观,空间利用率过低。


    以右图为例,商品深度筛选的时候建议使用,便于信息的逐层筛选,从而达到快速找到入口的目的。优点是减少页面跳转,节省操作次数。


    列表分类导航的好处是变化多端,可以根据内容排优先级,方便用户选择?;箍梢远孕畔⒉慵吨鸩闵秆?,较宫格来说可以更快的达到筛选的目的?;褂芯褪遣挥玫P呐虐娌宦睦?。


    组合分类导航


    宫格与列表的分类导航形式在布局方式上都是比较统一的,而组合分类导航则就是把以上两种分类导航组合起来并且在同一页面展示。其布局的特点比较多变、不会以完全统一的形式出现。


    这里只展示了三种不同的布局形式,分别是列表+宫格导航,列表+标签导航,宫格+宫格导航的展示。由于组合分类导航的布局特点变化多端,就不过多的举例了,小伙伴们可以通过自己的观察积累一些其它形式的组合分类导航。


    4.jpg

    以左图为例,从整体来看风格、效果是一种大的列表分类导航,但是在局部的分类导航中又使用了宫格导航+标签导航,如学院、韩系+轻熟、欧美。使得分类导航的布局在统一中又有变化。这样设计的好处就是丰富视觉的同时又显得非常规整。


    以中图为例,整体也是一种大的列表分类,与左图不同的是标签的布局设计方式是左对齐的设计方式,而分类的标题则是以图文结合的方式展示,可以根据实际的工作需要来适当的选择是否可以应用。布局同样的遵循了变化中保持统一。


    以右图为例,它与左、中都不一样。虽然同样的也是列表的形式,但是并不统一。上面的布局与下面的布局采用了不同的宫格布局。展示方式也不一样。同样优点也是丰富了界面的元素,但是要注意的是如果使用不当,页面会不够和谐。这里还是比较考验设计师的设计能力的,建议酌情使用。


    组合分类导航继承了宫格分类导航与列表分类导航的优点,既比宫格导航内容丰富,又同时可在页面上进行细节筛选,也达到了帮助快速选择的目的。然而在实际的工作中则很少去使用,希望小伙伴们在设计的时候可以多多考虑组合分类导航。组合分类导航随机性比较强,可以自由组合,展示的同时也要考虑到哪种组合是更为方便用户使用的,千万不能因为美观而影响了功能。


    总结


    以上即为电商分类导航常见的三种样式,宫格的设计特点是整齐、直观,图文形式更好的辅助用户识别内容方便用户查看。列表的设计特点是排列、直接,并且可以直接在同页面进行复选,减少跳转,直接的减少了用户的焦虑感。组合的设计特点是随机、百变,可以依照不同的需求来进行组合设计,并且同时具备宫格与列表的优点既丰富又可以筛选细节。这三种分类导航基本可以满足日常分类导航设计的需要,只不过要依照不同的需求来选择不同的展示方式。



  • 小米笔记本Air上新 四核增强版售价5399 2019-10-16
  • 一根卷发棒搞定女神卷发造型,美出新高度! 2019-10-16
  • 市中级人民法院开展形式多样节能减排活动 2019-10-13
  • 陈海滢的专栏作者中国国家地理网 2019-10-13
  • 內存市场反垄断调查:矛头指向美国企业 2019-09-14
  • 高校招生将更加尊重学生自主选择 2019-09-14
  • 探访俄罗斯世界杯主体育场新闻中心  2019-09-06
  • 人民网日本株式会社报道集 2019-09-06
  • 世界杯期间在家撸串的正确姿势-热门标签-华商网数码 2019-08-25
  • 苹果召回iPhone 7!四个型号出问题,国内用户中枪 2019-08-25
  • 爱因斯坦日记曝光:担心中国人可能会取代所有其他种族 2019-08-14
  • 这三个字,是习近平生态文明思想的中心 2019-08-09
  • 共产主义既按需分配又按劳分配(原创) 2019-07-30
  • [大笑]那依然是按劳(劳动价值或劳动能力)分配也! 2019-07-28
  • 熊猫“足球赛”助威世界杯 2019-07-28
  • 姚记娱乐app 大赢家娱乐下载 21点棋牌游戏平台 江西11选5计划软件下载 万人炸金花安卓版 快3准确定跨度 欢乐麻将二人雀神过胡 3d胆拖投注中奖计算器 福建时时软件怎么样 快彩北京pk10app 欢乐生肖怎么玩 百变qq多功能软件 谁有北京pk10计划群 彩票计划挂机软件手机版 pk10走势图解 利记体育