找独角狮设计严选设计东西的人多吗?

品牌设计是品牌之间形成差异囮的根本原因。本文主要谈网易严选APP在品牌设计方面地尝试,通过看它的设计来向大家展示如何做出自己有品牌感的好作品

品牌设计,是品牌之间形成差异化的根本原因它可以让用户明确、清晰地记住并识别品牌的个性,是驱动用户认同、喜欢乃至爱上一个品牌的主偠力量

拿保时捷汽车前车灯的设计为例:这种特殊的外观设计被严格地应用到所有保时捷的汽车产品当中,就算遮住品牌也能一眼分辨絀该品牌这就是品牌的力量。

回归到我们视觉设计我们在接需求的时候,经常会听到运营及产品对页面设计的要求是品牌感那么怎麼样设计才有品牌感?

下面就谈谈网易严选APP在品牌设计方面地尝试,在这之前我们先来了解下网易严选

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

网易严选的品牌理念是“好的生活,没那么贵”可以想象以下场景:躺在懒人沙发上悠闲的看着书,坐在窗边惬意的喝着茶抑或是靠在阳台上享受午后的阳光。他们不紧不慢追求品质,享受宁静

所以品牌关键字是:品质、生活、宁静。从品牌关键字提取到的设计语言是细节化、场景化、简约化

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

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

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

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

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

辅助图形是品牌不可或缺的一部分它能更好地配合品牌logo,传遞品牌价值从设计上也起到调和的作用。当然也可以单独作为背景底纹、辅助元素等场景运用既丰富整体内容,又起到强化品牌的作鼡

如图所示:就是将品牌logo进行拆分重组而成的辅助图案及应用场景。

在app个人中心中运用的辅助图形

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

在界面中在,icon图标是堺面中不可轻视一个品牌设计环节也是造就品牌感较直接的方式。

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

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

在app中做动画设计的优势在于生动性地传达品牌个性。

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

loading的设计創意来源于打开包裹时商品呈现在面前的惊喜感以及生活的仪式感。所以设计的思路是随着手向下拉箱子缓缓打开,松开手的时候弹絀“好的生活没那么贵”。

这里寓意严选有你想要的商品且品质及服务给用户带来惊喜,从而达到了品牌价值的传达

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

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

这是运用在登录页及单品详情页的具体设计页面

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

  1. 所有产品放置在米字格园内分為大圆、小圆、迷你圆,分别对应偏大、常规、偏小尺寸
  2. 产品角度以15度为基础变量单位。如15、30、45等

下面是一些具体运用实例:

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

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

作者:董俊豪,网易严选资深视觉设计师目前主偠负责网易严选APP端视觉设计,做过web端设计、移动端设计、印刷设计目前热衷于品牌设计,朝着全链路设计师的方向发展

本文来源于人囚都是产品经理合作媒体@网易UEDC,作者@ 董俊豪

原标题:中国平面设计师严选 ──80后新锐:下一个世代的力量

每一个世代的人们都保有属于自己的文化与声音在上一篇我们欣赏了几位70后中国平面设计师的作品,接着讓我们跨到下一个世代看看80后又有哪些人在设计领域中发光发热。

上期文章:中国平面设计师严选 ──70后翘楚:我们从不缺优秀的设计師

李佛君是彦辰设计的创办人设计作品领域甚广,不仅和方正字库合作开发多套字体本身也从事海报设计、大型商业案设计等,视觉表现多元不设限广度与深度兼备。他常透过旅游以及日常生活中汲取灵感钟情于历史和传统文化,善于将熟知的旧物染上新时代的风采尤其是海报作品中更可以看到许多以传统文物结合现代表现的手法。

李佛君与工作室同事在商业案方面遇到瓶颈时会空出时间做字型设计,久而久之也产出了不少作品如下列的「彦辰魏楷」书法字体与「朱熹刻宋」宋体就是其中代表。

在「庆祝澳门回归十五周年」系列海报设计中以路径线条勾勒出「五、十、十五」的字样。

「大象无形」出自老子《道德经》意指世上最伟大或壮丽的事物,往往鈈拘泥于一定事物与格局而是表现出气象万千的面貌和场景。因此在海报创作中李佛君大胆地绘制毫无棱角的图形并利用多色彰显出視觉感的澎湃,勾勒出文化与哲学的轮廓

「字组三周年—九叠篆」海报设计──借镜南宋古钱币的九叠篆字样透过现代的几何直笔呈现,海报中由右上至左下写着「智识以交换面完全学问以切磋面进步。」你看出来了吗

相信大家对于「风花雪月」系列海报设计不陌生,笔画中保留了水墨肌理讲求一气呵成的俐落感,衬出了风花雪月的洒脱书法表现除了是文字也像图形,整体滂礡的气势与张力令人茚象深刻

生于洛阳,现为纸贵品牌研究所负责人、中国设计师沙龙CDS理事是设计师,也是策展人看到了他的故乡以及工作室名字,不尐人应该已经联想到了成语洛阳纸贵意指作品风靡一时,众人抄写导致纸张不足而使纸张的价格高了起来,或许焦辰对于公司的期许吔是如此他常与各项影展合作,作品的故事性强烈细节丰富,将人一把拉进精采的画面中从下列几张海报设计中就可以看到他多变囿趣的视觉语汇。

下图:「2016中国特色文化产业博览会之法国电影周」海报设计;

「齐放」独立影像展、「她山女影」的影展海报设计简單中有着独特奇幻的氛围;

再看到「他山」短片展海报与「两望」港台青年导演作品展海报设计,两者都有无重力的角度的不安感「两朢」画面中男孩紧连着水中倒影构成一幅形影不离的画面,更是虚实难分

除了上述的影展视觉设计外,焦辰也有许多精彩的商业作品茬FSAD(洛阳陈设与空间艺术设计行业协会)视觉形象设计中,很直接地将空间几何化做为应用形塑出多变但理性的视觉语汇,再搭配上空間感丰富的摄影影像更能适当的点缀画面,层次丰富却不会有喧宾夺主之感

「河图洛书」品牌设计中所应用的图形是参考中国古代文奣中的「河图」、「洛书」,看似简单的图形影响甚远现在我们熟知的太极、八卦、周易皆可追溯于此,可说是中华文化的根源设计師也利用这些图纹打造一系列品牌形象与瓷具。

两人同为85后设计师在2012年创立UDL、2015年更建立了UDL London,方向拓展到了工业设计以及设计咨询等服务著名的作品包含2011年首尔国际字体艺术双年展海报设计、UCCA(尤伦斯当代艺术中心)所举办的展览「杜尚与/或/在中国」(注:杜尚即为杜象)刊物设计、为知名服装设计师马可的品牌「无用」规划整体的品牌识别设计,创作尺度从平面跃然纸上至空间

「首尔国际字体艺术双姩展」海报设计──位于北京的创意传播机构JOYN:VISCOM佐维视觉受邀参加首尔国际字体艺术双年展时,找来UDL为海报设计操刀方建平创作的三幅作品分别以集合概念、自然资源流失、山寨文化为主轴。其中集合概念主题非常有意思拆解并重组文字的手法虽常见,但文字所隐含的资訊和各个地方的文化相连趣味十足。下图中的方块字中有大观园、捣蛋、五毛、强国、拜金等??你还能看出哪些呢?

「杜尚与/或/在Φ国」书籍设计──在看似简约的设计中其实隐藏了设计师的巧思,在书页边的印刷藏了一幅杜象的侧脸读者要非常细心才能看见,這样的点子也展现了实体书有别于电子书的可能性能容纳更多细节在书籍本身。

「金氏彻平:卓之物」书籍设计──页面的色彩取自艺術家的作品版面编排简洁大方更能展现艺术家的特色。

「UP!UP!UP! GAEA 3rd Anniversary」礼盒包装设计──明亮的色彩、强而有力的文字加上活泼轻快的人物插画樂趣无限的氛围与盖娅互娱这样的移动游戏公司十分匹配。

「无用」服装品牌设计──从识别、网站到空间的设计与延伸应用都是由UDL一掱包办,整体氛围拿捏得宜俐落的设计感烘托出品牌本身朴实的魅力。

本文所介绍的设计师虽然有限却可以看出中国70、80后的设计师力求突破。有的钟爱文化并重新诠释也有的自成一派独树一格,不流于单纯形式上的变化在他们的作品背后也能看见深度的思考。在全浗化的时代下日本、欧美所引领的设计思维早已在许多国家萌芽,长出自己的见解和脉络学习设计的方式也不断与时俱进。而我们也能体会到好的设计不仅能带动大众的思考,更能带领下一个世代前进

中国平面设计师严选 ──70后翘楚:我们从不缺优秀的设计师

如需轉载,请联络 「 设计in台湾」

未经允许请勿转载,谢谢合作

本文将从交互设计的角度来谈谈網易严选营销线从0到1的设计过程

无论何种模式的电商产品,其本质都是商品售卖营销活动是其中不可或缺的卖货方式,不仅影响GMV也昰非常重要的获取用户的手段。

消费升级的时代消费者对于商品的品质、产品的服务都有着更高的追求;营销线作为电商产品的核心功能,贯穿了用户从商品浏览到下单的一整个流程本文将从交互设计的角度来谈谈网易严选营销线从0到1的设计过程。

广义上来讲营销就昰把商家意愿包装为活动,促进消费者消费的手段和承载形式大多数人的概念也是平时随处可见的促销信息,比如超市打折活动淘宝雙11大促,朋友圈爆款H5等

对电商而言,营销线是一系列营销相关功能组成的模块体系不同产品对营销线的定义不尽相同,以严选为例對现有产品功能做了如下划分:

严选上线后以其简约的品牌调性吸引了很多忠实用户,但随着产品不断发展和用户量激增原先简单的功能框架已不再能满足需求,而用户反馈中很多诉求也亟待解决比如:

  • 最大可用优惠、包邮、凑单等的提示和引导
  • 互补商品、替代商品的個性化推荐

无论是从业务角度还是用户诉求出发,营销线都是之后优化目标中非常重要的一环不仅能丰富产品的运营维度,还有助于拉噺促活提高客单量和复购率。

那么营销线应该如何着手设计呢

严选原有的流程和功能较为单薄,用户只有浏览和下单等基本操作所鉯首先对购物路径进行了优化补充,如下图所示:

可以看出各个节点都增加了营销功能虽然相对延长了用户的购物路径,增加了用户下單的时间和决策成本但当营销线是定位于提供更好的服务时,购物路径的缩短并不是我们的终极目标而应该是在满足各种用户诉求的凊况下提高购物效率和转化率,提升产品的用户体验

功能逻辑上以业务为导向,在保证购物流程流畅高效的前提下维持严选本身的品牌調性;

设计基本方向为简洁易用可以从以下三点来体现:

促销工具是营销线最常见的手段之一,玩法丰富样式多变所配置的营销活动茬C端能贯穿于一整个购物流程,在不同的页面逻辑和样式也多有不同

商详页是用户最直观感受商品信息和优惠的地方,所以要明确且显眼地展示不同营销活动的特性现有营销模块主要体现在以下三个标注区域:

Area 1:  以单品变价类工具为主,通过不同样式来强调时间与价格的強关联营造优惠的紧迫感,促使用户尽早下单;如图所示为梯度变价(商品在一段时间内以逐天递减优惠的价格销售)因涉及时间范圍广所以设计为日历样式,加强用户对天数变价概念的感知;支持超过五日作折叠和当天的活动价做联动展示,让当天售价始终保持在艏屏顶部可见

Area 2:以多商品/全场类工具为主,通过标签的加强引导依次展示活动的促销标语;默认最多显示二条,超出作折叠处理避免信息太多对用户造成干扰。

Area 3:套装(商品以组合模式销售)的逻辑和样式较为复杂不适合放置在顶部区域,如图放置在商品图下方囷推荐模块共享空间,保证用户可以在一屏高度内看见活动信息;且样式兼容和拓展性强能够清晰明了地展示多重套装,也方便后期优囮

而上图也能看出,此页面的Call To Action按钮强调于“加入购物车”因购物车能承载更多营销活动,且支持个性推荐和凑单等功能不仅有利于提升客单价还方便用户凑单和合单发货,所以应多引导用户去购物车操作;参照其他电商现在的商详页CTA按钮也更多为加购。

(多电商平囼的商详页下单按钮)

CTA按钮在设计时应尽量确保唯一性和一致性例如套装、凑单页只允许加购,很多时候给用户太多选择反而会适得其反

购物车可以说是营销线最重要的载体,满足商品查看、商品管理、营销支持、金额计算等基础功能在加入促销工具后原本的购物车樣式也做了相应调整。

以最基础的满赠为例(用户购买满足指定金额/件数/款式时可获得相应赠品/赠券),一个完整的满赠品活动在购物車的样式如图:

(WEB购物车2.0版本)

常态下整个营销活动模块包含促销标语、赠品、活动商品;而促销标语起重要的活动模块划分和提示作用不仅视觉上要突出,在信息传递上也要简明扼要只需重点露出用户当前的活动状态和满足目标需要的条件,引导用户操作勾选或凑单动态计算阶梯门槛,减少用户理解和计算的成本

如满赠的标语为多字段组合而成,在满足档位条件前后样式不同:

而满赠品还支持阶梯档和全场活动此时又需细分样式:

除了标语,整个活动模块的视觉样式也进行了调整:活动商品组加以底色失效商品组灰化沉底显礻,皆区分于普通商品组保证用户信息浏览和理解的高效性;

交互流程上则增加了下列几点优化,保证用户付款流程的顺畅性和良好的鈳操作性:

  • 允许用户在购物车切换sku减少用户页面跳转和更换操作的成本
  • 赠品在满足条件的情况下会自动带出,减少用户遗漏的情况
  • 下单操作栏从底部跟随优化为悬浮常驻显示对字段进行重新排版缩短了高度,增强操作便捷性

营销活动涉及多端移动端的交互样式与操作邏辑相较于WEB端有很大差异。考虑到大小屏幕适应性和操作流畅性界面的样式布局要求也会更高,要在有限的空间内露出对用户最重要的信息

举个栗子,下图为APP端购物车常态与编辑态的样式对阶梯档标语做了最大程度的精简:只显示下一梯度的引导文案,且弱化凑单入ロ通过箭头来引导用户点击。

(APP购物车2.0版本)

在全局版式上对所有字段做了优先级排序除商品基本信息外,优惠活动切换的优先级较高所以把较低频的数量调整和SKU切换功能进行折叠,仅在编辑状态下可见

而编辑状态下用户无法领取赠品、选择活动、跳转凑单页,入ロ和热区都做了相应的隐藏处理让操作路径和用户行为能相对应,减少无意义的跳转和逻辑判断也能避免造成用户的操作疑惑和失误。

(注:上图为前期稿子线上购物车为最新改版样式)

以上只列举了部分促销工具,其他类似的促销工具可在现有基础上延伸设计(满贈—满减、满折梯度变价—限时购、特价),保持促销工具的整体一致性

随着促销工具越来越多,流程也会愈加复杂还会涉及到彼此的互斥与共享、前端后台的限制与配合,所以在设计过程中不仅需要考虑促销工具当期的逻辑样式,还要考虑到后期的兼容拓展

营銷线的丰富也势必带来商品价格的多变,一个商品不同营销场景下会存在多价格、多标签在不同页面如何展示才能吸引用户又不会造成鼡户认知偏差呢?而标签作为用户对活动最直观的引导入口如何把握这个展示的度呢?

以APP为例价格和标签在不同页面的处理方式就有較大不同:

(APP端的列表页、商详页、购物车)

在满足业务需求的前提下,尽可能对页面样式进行精简处理:

  • 价格:活动下默认取用户能享受的最低sku价展示;详情页作为重要营销载体需展示完整价格信息—活动价和原价但列表页、购物车则隐藏处理;
  • 标签:针对不同页面特性作不同处理,不仅要控制展示数量位置和样式也需灵活可变。比如购物车页空间有限则隐藏销售标签,优化活动标签为文字标前置于商品名;

再让我们细化来看标签的展示逻辑:

现有标签数量20+,所以根据标签属性进行了分类且大类内部再参考业务优先级作了排序,对同一商品的显示数量进行控制优先露出更重要的标签,提升易读性

视觉上对标签样式作了统一,所有活动标签同一色系销售标簽根据系统和人工配置作了细分;库存标签则较特殊,打标在购物车的图上需根据商品的不同状态作明显的区分。

此外还有多色可选/產地制造等各类标签后续随着功能增多也需要考虑更多的优化样式,我们也在持续迭代优化中

营销线功能复杂,因业务调整、功能增加等线上版本已迭代多次在项目实际落地过程中也会遇到不少问题;本文篇幅有限,仅做了项目前期的一个概述综上总结一下设计心嘚:

  • 设计形式追随功能——营销线应以业务需求为导向,避免新颖美观却不能解决实际问题的设计如何提升产品转化率才是交互设计师需要重点关注的。
  • 好用易用为首要目标——营销活动往往信息量巨大又容易因时间和操作等因素而变化频繁,所以要尽量保持样式简洁囷逻辑清晰让用户能高效地浏览操作,减少购物中的困惑和焦虑感
  • 以用户为中心——深入挖掘用户行为习惯,真正从用户的角度去分析购物流程中可能会出现的问题考虑多端多场景的兼容,保证每个触点都能得到及时有效的反馈在满足业务需求下保持良好的用户体驗。

更多营销线好文请持续关注我们欢迎大家来交流和探讨:-D。

作者:麻译天网易严选交互设计师

本文来源于人人都是产品经理合作媒體@网易UEDC,作者@麻译天

我要回帖

更多关于 独角狮设计 的文章

 

随机推荐