设计实战:网易严选APP品牌设计

  品牌设计,是品牌之间形成差异化的根本原因。它可以让用户明确、清晰地记住并识别品牌的个性,是驱动用户认同、喜欢乃至爱上一个品牌的主要力量。拿保时捷汽车前车灯的设计为例,这种特殊的外观设计被严格地应用到所有保时捷的汽车产品当中,就算遮住品牌也能一眼分辨出该品牌,这就是品牌的力量。

  回归到我们视觉设计,我们在接需求的时候,经常会听到运营及产品对页面设计的要求是品牌感,那么怎么样设计才有品牌感?下面就谈谈网易严选APP,在品牌设计方面地尝试,在这之前我们先来了解下网易严选。

  网易严选,是网易自营类家居生活品牌APP,秉承严谨的态度甄选天下优品。严表示严谨的态度,选是甄选,甄选天下好物。

  网易严选的品牌理念是“好的生活,没那么贵”。可以想象以下场景,躺在懒人沙发上悠闲的看着书,坐在窗边惬意的喝着茶,抑或是靠在阳台上享受午后的阳光。他们不紧不慢,追求品质,享受宁静,所以品牌关键字是品质、生活、宁静。从品牌关键字提取到的设计语言是细节化、场景化、简约化。

  细节感是指精致,比如商品的光影,产品中的对齐法则等。场景化讲究的是自然和谐统一;简约化是去除一切多余的元素,只留下素材或者产品本身。

  了解了品牌性格,品牌关键字及品牌设计语言,我们将这些应用到具体的设计中,包括品牌logo、版式、图标、动效、图片等。

  品牌logo以形象、直观的形式向消费者传达品牌信息,以创造品牌认知、品牌联想和消费者的品牌依赖,从而给品牌带来更多价值。

  严选logo设计结合了小楷的轻重协横,质朴平淡及刻本的一丝不苟,精雕细琢,表现出对产品的选择保持严谨的态度,对产品服务保持无限的追求。由于网易logo品牌色是红色,且从色彩心理学角度出发,红色更容易刺激购物。所以颜色继承了网易品牌的基因。

  从品牌色延伸出来一些其它颜色,以便适用在不同的场景中,如活动色,成功色,会员色以及不同程度的灰色。

  辅助图形是品牌不可或缺的一部分。它能更好地配合品牌logo,传递品牌价值,从设计上也起到调和的作用。当然也可以单独作为背景底纹、辅助元素等场景运用,既丰富整体内容,又起到强化品牌的作用。如图所示就是将品牌logo进行拆分重组而成的辅助图案及应用场景。

  严选app首页版面采用两栏布局进行设计,在内容的展现上做到适度克制,从而简化了内容,再配以浅色背景或者大面积的白色,把核心展示都留给了商品本身,整体给人简约,宁静的感受,不强制,不给人压迫感,相比其他电商app的四栏乃至更多的内容呈现,从视觉上做到了较强的辨识度。

  严选底栏icon的图标设计均以家居物品为原型而衍化而来,给人以场景感,真实感且生活化的感受,传达了品牌价值。

  严选为空设计以生活中日常的元素为原型,并采用手绘线条断开的样式,加上块状的阴影及修饰等元素,营造场景化及画面感,为品牌设计带来了一丝情感。

  在登录页及明星商品页大面积留白空间的商品图上都加入了自然的投影,给人营造简约中带着场景感,细节感,无形之中透露着品质,生活,宁静。

  loading的设计创意来源于打开包裹时,商品呈现在面前的惊喜感以及生活的仪式感。所以设计的思路是随着手向下拉,箱子缓缓打开,松开手的时候弹出“好的生活,没那么贵”。这里寓意严选有你想要的商品,且品质及服务给用户带来惊喜,从而达到了品牌价值的传达。

  心理学研究证明,图片比文字更直观地、更优先地传达,所以在APP中图片的品质直接传递着品牌的感受。

  在产品设计中,既要体现品牌的气质,体现品牌的品质,又要保证页面不平,所以在登录页及明星商品页大面积留白空间的商品图上都加入了自然的光影效果,给人营造简约中带着的场景感及细节感,无形之中透露着品质,生活,宁静。

  电商里面最难部分就是商品图的控制,需要对每个商品图拍摄,角度,色彩都控制的很好,除此之外对商品在页面的呈现也做了规范处理:

  app视觉设计中还有很多可以进行品牌设计的地方,这里就说到这里。以上大部分案例均来自网易严选app设计项目经验,望共勉。

  最后希望这次总结能对大家有所帮助,做出自己有品牌感的好作品,如有不当之处,欢迎大家来一起交流。

  网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

  随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

  今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...

  你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

  二哈讲述了广告业务的流量提升,在讲述提升广告点击率的时候,提到了迎合用户喜好的概念,本篇就来说说如何迎合用户喜好吧。...

  如何设计一个简单的新闻聚合产品?文章介绍了制作极简的新闻聚合产品的7步骤,好奇的你和我一起来看看。 你知道在三四线的县城,用户在哪里看新闻么?不是在今日头条里,而是...

  响应式网页是一种对于设计的全新思维模式,响应是双方的,是互动的过程,在这个过程中设计师要考虑设备的性能、Dom节点数量、屏幕的大小等。 1、如何理解响应式设计(RWD) 响应...

  产出不等于产品,在产品设计中可能我们无法使用户对产品完全获得宜家效应,但我们可以通过宜家效应的思路,一步步引导用户使用产品,为产品投入时间心血,为用户找到存在感和...

  @Mockplus原型设计 :许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们...

上一篇:应以理性看待国外底价vps主机
下一篇:柘城网站制作:赚得盆满钵满的营销型网站的秘密

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!