第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

《火球买手》的视觉设计带给了我们哪些启示?

时间:2017-11-13 10:45来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
火球买手是一个 IP 买手入驻、产出优质内容、推荐好物的电商购物APP。初次使用后,真的被这种小清新的界面惊艳到了,它没有华丽的视觉效果,也没有盲目堆砌的各种功能点,界面简约清

  火球买手是一个 IP 买手入驻、产出优质内容、推荐好物的电商购物APP。初次使用后,真的被这种小清新的界面惊艳到了,它没有华丽的视觉效果,也没有盲目堆砌的各种功能点,界面简约清爽,大量的留白设计,黑色和白色为主色调,两者交相辉映,给人一种泼墨山水画的感觉。同时,它只保留了最基本、最容易实现的功能点,使得用户在使用时更加专注。也没有设计banner和各种推送,仅仅作为一款电商导购类APP,实在难能可贵。如果你是闲来无事,随便逛逛,就可以把它当做一本时尚杂志浏览;如果你是想剁手买买买,它同样可以为你感兴趣的商品带来精准的评测,让你轻松下单购买。下面就简单的谈一下这款产品的视觉和交互设计。

  

《火球买手》的视觉设计带给了我们哪些启示?

《火球买手》的视觉设计带给了我们哪些启示?

  

《火球买手》的视觉设计带给了我们哪些启示?

《火球买手》的视觉设计带给了我们哪些启示?

  

《火球买手》的视觉设计带给了我们哪些启示?

  视觉设计

  突出商品图片和文案,去除一切多余元素

  相比较其他电商网站首页上为了尽可能多的展示商品,商品图片尺寸往往都比较小。而这款产品强调了标题和商品图片,弱化了发布时间,喜欢,分享等元素。同时一些比如商品价格、付款人数、优惠活动、是否包邮等内容都省去了,在商品详情页里除了文案和图片,也仅有返回、喜欢、评论、购买几个功能点。同时购买按钮用了红色,也符合用户的心智模型。

  大量的图标使用,美观形象易于用户理解

  “买手集市”页面的分类和标签栏的功能按钮使用了生动的类似于卡通图案的未填色图标代替,一方面使得界面空间变得更加空旷,“放大”了整个页面;另一方面也给用户增添了一丝趣味性,减少了对用户的视觉冲击。同时这种卡通图案也不会让用户因长时间使用而感到厌倦,标签栏取消了文字说明,也让页面显得不那么拥挤。

  功能点布局错落有致,页面元素丰富而不凌乱

  发现页面和我的页面虽然功能点较多,但丝毫不会给用户带来凌乱的感觉。发现页面的分类中每款商品展示只显示三张商品图片,同时商品介绍文字比如价格、销量、促销活动等通通没有显示。有句话说得好,“一图胜千言”,很多信息只需要一张图片就可以展示出来,用户如果对商品图片感兴趣就可以点开商品详情进去观看,若是看图片都提不起兴趣,弄再多的文字也是形同虚设。我的页面同样将主要功能点排列整齐,用户想要查看某一功能点进去就可以查看,弱化了我的订单的重要性,通常购物APP都会在我的页面把订单详情展示出来,但它基于产品的定位和用户的心智模型并没有这么做,很好了贯彻了产品的简约清爽的视觉理念。

  黑白的主色调设计,给人很强的视觉冲击力

  目前市面上的购物APP很少用黑白作为产品的主色调,大部分都以红白、橙白、绿白为主。从色彩喜好偏差上来说,一般男性对黑色的喜爱程度要比女性多一些。黑色能给人一种神秘、酷、庄重、高雅的感觉。喜欢黑色的人表明想显得与众不同,有意地与世界保持一定距离。同时黑色代表着沉默、安静、高深莫测。这也是火球买手想传递给用户的视觉理念。让用户使用这款产品的时候感到与众不同,能从中找到时尚的元素,感受时尚的气息,让用户能更好的做自己。另一方面,黑与白都属于无主色系,没有色彩倾向,两者搭配也会给人很强的视觉冲击力。

  留白的美学价值

  “虚实之关联,即以空白显实有也。”——潘天寿先生

  火球买手界面大量的留白设计有三个作用。一是衬托了主要元素,背景的大片空白不留一丝墨痕,使得主要元素一目了然。二是营造了意境氛围,从上一点中黑白的主色调设计中也说明了,从中营造了沉默、安静、神秘、高深莫测的意境氛围。三是有利于整个页面布置,背景若是填充了许多元素一方面不美观,另一方面也不利于页面的构图和布置。留白的设计留给人更多遐想的空间,突出了整个页面的效果。

  产品分析

  简单之所以比复杂更难,是因为你必须努力地清空你的大脑,让它变得简单。但这种努力最终被证实为有价值,因为你一旦进入那种境界,便可以撼动大山。 ——乔布斯

  简单原则为什么重要

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕