• 审美养成系列!8个我私藏多年的顶级插画师推荐(二)

    UI交互 2022-12-15
    在文章《审美养成系列之我的私藏插画师作品集(第一季)》中,我们详细介绍了 8 位我非常喜欢的插画师和他们的作品,这一篇文章,我继续把自己的私藏心水掏出来和大家分享,仍然选齐了 8 位我所喜欢的插画师。审美养成系列!8个我私藏多年的插画师作品集(一)大家也许都知道,学习设计,提高审美,第一件事就是打开优秀作品集,不...

    在文章《审美养成系列之我的私藏插画师作品集(第一季)》中,我们详细介绍了 8 位我非常喜欢的插画师和他们的作品,这一篇文章,我继续把自己的私藏心水掏出来和大家分享,仍然选齐了 8 位我所喜欢的插画师。

    审美养成系列!8个我私藏多年的插画师作品集(一) 大家也许都知道,学习设计,提高审美,第一件事就是打开优秀作品集,不断给自己的眼睛充电。

    阅读文章 >

    大家知道我一直很强调原创,能形成自己原创的独特风格的插画师其实并不多,在扁平插画这个领域,偶然能遇上一个我也会如获至宝。他们的作品一直在帮我拓宽对于插画的理解,也帮我看到插画创作的可能性。走马观花看一千个作品,不如好好静下来研究一副作品。他们每一个人的每一种风格都具有耐人寻味的细节,如果不仔细看,也很容易点“赞”以后匆匆离开,其实并没有太大收获。

    你们能从这些作品里看到,一种风格的形成,背后需要的是不断的大胆尝试的野心,和对安全感的抛弃。独创需要的也是一种独行侠的精神。不管怎样,这种精神总是能给我们带来惊喜!

    一、Idan Barzilay:柔和的光线

    1. 看点

    idan 的插画非常接近水彩质感,虽然部分作品仍然是经由软件才能实现的光效,但画作的底层逻辑仍然是水彩,尤其是对于光影的描绘和形态的不可捉摸,形状自由感,强化了这一印象。

    在造型方面,idan 也是别具一格,简约空灵。他非常擅长描绘人物以及人物的衣服折痕布料的轻盈感,利用光影制造体积感,结合配色中本身所表现的柔和感魅力,让 idan 的插画风格独创、深具开拓性。

    2. 食用方法

    如果你有水彩笔刷,就可以用水彩笔刷去临摹 idan 的插画,一笔一画感受他对光影的表达。其实 idan 的光影表现非常简单,并没有多么复杂的技巧,作品的优势仍然是体现的构图、配色和光影这个层面上。

    如果是用软件,试着去理解光影的表现手法,尤其是多层次的光影特色,在作品中非常明显。这一点是值得慢慢品味的。

    3. 更多作品

    网站链接: https://dribbble.com/idanbarzilay

    二、Brad Cuzen:线条的魅力

    1. 看点

    作品中人物的造型和色彩都很时尚,Ta 非常善用运用线条来表现衣服的造型质感,在扁平插画的简洁中增加了几分手绘的魅力。尤其是在设计小场景的时候,大量的手绘线条的运用,可以替代部分的质感,让画面显得生动有力。色彩本身很饱满、简洁,单色平涂就能设计出活泼可爱的作品。

    2. 食用方法

    在矢量的扁平插画之上,试着运用线形组合来表现造型,尤其是线条需要具有手绘感,搭配以单色的简洁色彩,就能有效临摹出插画中的趣味。

    3. 更多作品

    网站链接: https://dribbble.com/bradcuzen

    三、Febin Raj:高保真风景

    1. 看点

    Febin_Raj 的作品都是风景居多,且具有类似照片一样的对自然光影的表现力,风景看起来恢弘大气,简洁中富有形块的韵律,色彩搭配游刃有余,让人惊叹。在建筑造型上是偏写实的,结构感非常强烈。

    颗粒的运用也很克制,虽然是均匀平铺,但在不需要颗粒的部分也做了平滑处理,并没有整图平铺,而是在不同的材质上、不同光线下运用了不同的颗粒大小。

    2. 食用方法

    要临摹 Febin 的作品,需要是对形的简练概况程度,线条的精准度以及对透视的把握能力。尤其是写实的画面更是需要严谨的制图态度。对于颗粒的运用非常清晰明了,绝不能整图平铺。

    3. 更多作品

    网站链接: https://www.behance.net/febinraj

    四、Diana Traykov:像儿童那样去画

    1. 看点

    Diana Traykov 的作品非常童趣天真,尤其是她对人物的造型还在探索阶段,但每一次探索都能看到她对人物造型的大胆表达。她的构图也是随性而为,并没有严格的规律可循。这和上一个插画艺术家 Febin 的严丝合缝的创作截然不同。

    2. 食用方法

    临摹 Diana 其实最重要的是学会她背后的随性自在的创作思路,技法都非常简单,甚至只是简单的色块堆积。这也是临摹过程中最困惑的问题,很多人临摹的作品都很好,但自己无法原创也就是因为背后的创作思路是被架空的状态。

    3. 更多作品

    网站链接: https://dribbble.com/dianaxstoyanova

    五、Linn Fritz:极简形块

    1. 看点

    Linn 的创作很像我们在第一季中的 Ana Duje 的风格,只是 linn 的风格更为简约,极少用到纹理,色彩也相对比较柔和,最大程度的表达出极简感,细线条风格强化了这种感觉。linn 的作品中最值得看到的还是创作的思维,对于画面感的呈现,几何形体被运用得恰到好处。

    2. 食用方法

    要临摹 TA 的作品需要的仅仅是出于对夸张人物的了解,而其中的技法仍然是简单的。需要重点关注到的是形色的表现力。这是在简约风格的插画中非常明显的一个点。

    3. 更多作品

    网站链接: https://dribbble.com/linnfritz

    六、Xuan Loc Xuan:青春梦幻篇

    1. 看点

    Xuan Loc Xuan 的插画作品里有一种清新感觉的少年气息,作品主角都是少男少女和植物动物。人物的画法比较具象,但单独每一个形又是抽象的,带着独有的统一的质感,有非常明显的纸质纹理,具备水彩画的视觉特点。

    2. 食用方法

    技法上的独特魅力仍然来自于水彩功底的精湛和独到,除此而外,你可以选择运用他的表现手法,丰富的人物和植物以及动物做出的有机组合,撞击出别出心裁的想象力。

    3. 更多作品

    网站链接: https://www.behance.net/xuanlocxuan

    七、Kirsten Ulve:抽象的玩法

    1. 看点

    Kirsten 的插画风格是绝对的矢量和绝对的抽象,它的风格非常具有时尚感、女性主义的精致细腻,画风几乎无人能仿效。

    矢量插画在大家的眼中,几乎是很难保留自身的特点的,其他插画风格的笔触,用矢量画出来的时候几乎看不到。但 Kirsten 把形色玩到了极致,让其他画手可望不可及。

    2. 食用方法

    你几乎就可以放弃临摹 Kirsten 的插画,和 Malika 的插画一样,她的极简,让技法消失了。在作品中,看不到技法的痕迹。与其临摹,不如学着运用她的作品中的风格元素进行创作,小圆点、线条等,抽象的表达法,这里你可以找到端倪。

    3. 更多作品

    网站链接:h ttps://www.behance.net/kirstenulve https://www.kirstenulve.com/

    八、ellice weaver:人间四月天

    1. 看点

    一个已然具备自身风格的插画师,在创作的主题上也会比较明确的对象。比如 ellice weaver 就是以多人物场景作为主题,风格温暖、人情味十足,每一幅都是热闹的生活场景,安静不张扬,但富有情调。质感运用得恰到好处,也很克制,同时具备手绘的随意感和矢量的内部形态。

    2. 食用方法

    临摹 ellice weaver 的插画是非常舒服的一件事,因为在寻找质感的时候,也不知不觉进入了形色的迷宫,开始了自己的探索。他的作品会带你不知不觉进入探索之中。

    3. 更多作品

    网站链接: https://www.ellice-weaver.com/

    这五位顶尖插画师的作品,是我每日学习的源泉!(地图插画专题) 大家好呀,我是和你们聊设计的花生~ 之前为大家推荐地图素材资源的时候,提到一种优化地图的思路是使用插画类地图,而在插画类地图中矢量地图在创作上比手绘地图更加简单高效。

    阅读文章 >

  • 一个颜色赚2亿美元?聊聊数据主宰下的产品设计

    UI交互 2022-12-14
    2009 年 Google 做了这样一个试验:用 41 种蓝色作为链接色,呈现在搜索结果页中,追踪它们带来的点击率,最终色值#2200CC 脱颖而出。据报道,该色值相较于其它蓝色,每年多为 Google 带来 2 亿美元的利润,可谓相当可观。数据结果显示,链接色越偏向绿色效果也就是他们的核心数据越差,越偏向蓝色效...

    2009 年 Google 做了这样一个试验:用 41 种蓝色作为链接色,呈现在搜索结果页中,追踪它们带来的点击率,最终色值#2200CC 脱颖而出。据报道,该色值相较于其它蓝色,每年多为 Google 带来 2 亿美元的利润,可谓相当可观。

    数据结果显示,链接色越偏向绿色效果也就是他们的核心数据越差,越偏向蓝色效果效果越好。

    这不是个例,全世界许多互联网公司,包括 58,都在做着类似的事情——用数据来做设计决策。线上同时跑着许多版控制变量的测试方案,制定一个核心数据指标,有可能是点击率、停留时长或是日活跃用户数,保留数据效果好的那一版继续设计与试验,无限寻找并趋近商业与设计的平衡点。这便是数据驱动设计的一个缩影,它概括了数据在这类产品中的主宰地位。

    数据设计干货:

    如何构建数据体系设计方法论?五大章节帮你掌握! 作为一名用户体验设计师,在工作中最常出现的痛点有两个:一个是如何让方案获得各个角色的认可,顺利的将方案推行下去;另一个是项目上线之后,设计产出和设计价值如何体现。

    阅读文章 >

    一、提问与挑战 看到 Google 的链接色试验,结合日常工作中数据的地位,难免会提出这样的疑问:为什么不测试第 42 种蓝色?为什么只测蓝色,而不测其它颜色?

    下图也是一个有关于颜色的案例,绿色与红色两个开始按钮,进行 AB 测。绿色在国际上都与顺畅通过有强烈的隐喻连接,而红色往往代表着错误与禁止。但是最终数据显示,红色按钮版本的转化率要优于绿色 21%。不知道这样的结果,是否能支持了这个产品将红色按钮推全量。

    为什么公认的更好的设计方案,最终数据不一定好看?数据至上的大环境下,我们是否会逐渐失去对产品的直觉判断能力?用户的每个决策简化为一个简单的逻辑动作,这背后一定是科学正确、无懈可击的么?

    要解答这些问题与挑战,需要先搞清数据驱动设计的优势所在。

    二、生存的土壤 数据驱动设计之所以能够有生存的土壤且不断发展,总结市面上的沉淀,有以下几点:

    1. 利于团队理解

    一般来讲,产品的核心价值导向是抽象的,为产品制定核心指标的过程就是将它具象的过程。具体的核心指标,相比于一个抽象的价值观,更有助于整个团队的理解。

    2. 拥有可操作性

    核心指标制定后,能够有相应的公式对指标进行拆分,而拆分后的指标可以指导团队在各个环节去不断优化,具有很强的可操作性。

    3. 符合产品节奏

    许多互联网产品,由于市场环境也好、企业基因也好、产品生命周期也好,都希望小步快跑去快速迭代。数据驱动的产品,方便快速试错,不断调整方向。

    4. 便于向上管理

    广义的向上管理,包括个人对 leader 的汇报、项目组对高层的总结,甚至创业公司对投资机构的宣讲,这些场景有数据的加持,会使工作进展、项目成果、发展潜力更可被感知,从而争取更多的资源倾斜。

    三、数据陷阱 数据驱动固然有它的优势,但这不意味着它是完美的理论。

    1. 核心数据难制定

    产品制定核心数据的过程,必然伴随着近似与误差。因为没有绝妙的数据指标能够完全等同于产品给用户带来的价值。

    举例来看,一款交友产品中「用户在这儿玩得开心」是核心价值,那么核心数据是用户停留时长、互动信息数量,还是 App 打开次数?如果用户停留时长高,但仅打开过一次手机意味着什么;如果用户频繁打开手机却没来往过几条信息又是什么场景;如果用户信息数量很多,但每天多次只打开不回复社交信息,那 ta 是怎样的用户?

    可是这些数据乍一看都是「玩得开心」的近似代表,却都有它们自己的局限。这就告诫我们一定要注意数据陷阱。

    2. 避免虚荣指标

    设计工作中,会出现数据指标有所提升,但最终产品收益不大的情况。其原因可能在于虚荣指标。虚荣指标 Looker 创始人 Lloyd Tabb 把虚荣指标与明确指标的差异总结如下:

    举例,对于家服平台来说,58 到家 App 并不是像其它 C 端用户一样只要登录就可以,用户需要在线完成购买服务的流程,才能称之为活跃用户:找服务、选服务、完成购买并完成线下服务。所以通过签到领奖励等运营手段带来的打开、注册/登录行为只是一些数据,除了为当天增加一个日活外,没有更多作用。所以 App 下载量、注册登录用户数便是 58 到家的虚荣指标,下单量才是精准指标。

    3. 代入到更宽广的层级

    设计一样东西通常需要把它置于它所属的更大的环境中来衡量,这是我从建筑师 Eliel Saarinen 的设计理念中学到的东西。互联网短短发展数十载,但是人们对于设计的探寻已经绵延千百年。建筑学——更是集概念性、落地性与时间沉淀于一身的学科。非常值得借鉴学习。

    建筑学如此,互联网产品的设计也如此。部分数据未能真实反应产品使用的情况,可能是因为没有把小的设计环节放置在整个流程中 → 没有把设计流程放置在整个产品的使用中 → 甚至,再进一步——没有把产品的使用放置在用户的日常手机使用中。如果我们在更长更广的视角去看待设计环节的数据驱动验证,很可能发现那个关键数据只是整个链条中的小小切片。它只能反应上下游关系,而无法真正地指导整套设计方案的产出。

    举例,58 到家 App 首页的 feed 模块,上线了双栏内容穿插 sku,与单栏场景化 sku 的灰度测试。预想中,后者能够为目标不明确的用户打造许多场景化的需求温床,促使用户根据场景提示来完成下单。

    数据情况:之前该该环节的核心数据定为了点击率,这就没有做到把这个小的设计环节放置到整个流程当中,也没有选用最核心的数据——即订单转化率,来衡量这个设计的好坏。如果仅看点击率,后者效果不佳,但如果看订单转化便扳回比分。

    再结合用户体验的直觉与经验:场景化 sku 的用户心智引领路径过长,不适用于若干行列表的呈现方式,会造成用户的疲劳感。相信后续针对后一版本的优化会取得较好的效果。

    还有些情况,一个核心指标确实无法反映设计的好坏,可以尝试增加二级指标,这也是代入到更大层级的一个方式。

    举例,假设 58 到家有 20%的用户是我们判断的高价值用户,他们贡献 80%的收入。那么我们在针对与收入相关的核心指标做版本迭代时,会不断向着 20%的用户倾斜。但是剩下 80%的用户,他们可能对于产品的增量拥有更大的想象空间,在优化核心指标的同时,可能会牺牲掉产品长远发展的可能性。

    所以增加并观测有关 80%非核心用户的二级指标,争取达到短期效益目标和长期增长目标的双保险。

    四、其他驱动 经过上面的分析,我们发现数据驱动设计这件事本身,有利有弊,如果要做得科学有指导意义,难度并不小。那现行条件下,是否有其它驱动能够将其代替?假说驱动、理论驱动、直觉驱动以及神经营销学等等都是与之并列的驱动方式。其中直觉驱动与数据驱动最为不同。

    1. 直觉驱动

    罗翔老师讲刑法,说有些同学学了法之后,就失去了人性,失去了老百姓都懂的朴素价值观。做设计一样,我们判断一个设计好坏的时候,如果代入了太多复杂的设计方法论、数据验证理论、产品营销思维,就容易忘掉最朴素的设计直觉与价值判断。

    2. 神经营销学

    有关神经营销学,有一些耳熟能详的典故,如可口可乐与百事可乐的盲测。推荐 TED 演讲《神经营销: 消费者决策的新科学 Neuromarketing: The new science of consumer decisions》,内有详实的案例。

    3. 最重要的关卡

    最后回到产出设计方案的人—— 设计师 自己。在发出交付邮件的那一刻,是否感到骄傲;上线后的某一天是否会很开心看到自己的设计;年终总结时是否愿意把它提交到团队的设计年鉴当中。这些问题的回答如果都是肯定的,我想这个设计不会差。

    最后 回到最初的 41 种蓝色,无独有偶,2010 年 Microsoft 的 Bing 也做了类似的试验。最终确定了该搜索引擎的链接色——#0044CC。据报道,如果把额外的广告点击量和用户参与度考虑在内,每年能增加8000万美元的收入(考虑到Bing的市场份额远小于Google,Bing链接蓝的收益增长,从百分比来看要高得多)。

    看到这里,你是否对这两个互联网巨头的试验结果产生了一丝怀疑,Google 与 Bing 的用户,是否有如此大的差异,以至于这两个冠军蓝色看起来截然不同?有没有一种可能,人类的社会活动、心理状态以及使用产品时辅助做决策的潜意识等等这些,根本无法用数据去概括与总结?那数据驱动设计的根基,是否不复存在?

    这让我想到老友记中,Phoebe 让 Ross 这个古生物学博士,对进化论产生了动摇。当 Ross 松口后,Phoebe 对他说「How are you going to work tomorrow?」

    回到设计,这篇文章充满自相矛盾的假说与推演,既没有自圆其说,也没有明确立场。只是希望能够信马由缰地把有关数据的一些思考记录下来。接下来,你将用什么作为你的设计驱动?

    欢迎关注「58UXD」的微信公众号:

  • 一个颜色赚2亿美元?聊聊数据主宰下的产品设计

    UI交互 2022-12-14
    2009 年 Google 做了这样一个试验:用 41 种蓝色作为链接色,呈现在搜索结果页中,追踪它们带来的点击率,最终色值#2200CC 脱颖而出。据报道,该色值相较于其它蓝色,每年多为 Google 带来 2 亿美元的利润,可谓相当可观。数据结果显示,链接色越偏向绿色效果也就是他们的核心数据越差,越偏向蓝色效...

    2009 年 Google 做了这样一个试验:用 41 种蓝色作为链接色,呈现在搜索结果页中,追踪它们带来的点击率,最终色值#2200CC 脱颖而出。据报道,该色值相较于其它蓝色,每年多为 Google 带来 2 亿美元的利润,可谓相当可观。

    数据结果显示,链接色越偏向绿色效果也就是他们的核心数据越差,越偏向蓝色效果效果越好。

    这不是个例,全世界许多互联网公司,包括 58,都在做着类似的事情——用数据来做设计决策。线上同时跑着许多版控制变量的测试方案,制定一个核心数据指标,有可能是点击率、停留时长或是日活跃用户数,保留数据效果好的那一版继续设计与试验,无限寻找并趋近商业与设计的平衡点。这便是数据驱动设计的一个缩影,它概括了数据在这类产品中的主宰地位。

    数据设计干货:

    如何构建数据体系设计方法论?五大章节帮你掌握! 作为一名用户体验设计师,在工作中最常出现的痛点有两个:一个是如何让方案获得各个角色的认可,顺利的将方案推行下去;另一个是项目上线之后,设计产出和设计价值如何体现。

    阅读文章 >

    一、提问与挑战 看到 Google 的链接色试验,结合日常工作中数据的地位,难免会提出这样的疑问:为什么不测试第 42 种蓝色?为什么只测蓝色,而不测其它颜色?

    下图也是一个有关于颜色的案例,绿色与红色两个开始按钮,进行 AB 测。绿色在国际上都与顺畅通过有强烈的隐喻连接,而红色往往代表着错误与禁止。但是最终数据显示,红色按钮版本的转化率要优于绿色 21%。不知道这样的结果,是否能支持了这个产品将红色按钮推全量。

    为什么公认的更好的设计方案,最终数据不一定好看?数据至上的大环境下,我们是否会逐渐失去对产品的直觉判断能力?用户的每个决策简化为一个简单的逻辑动作,这背后一定是科学正确、无懈可击的么?

    要解答这些问题与挑战,需要先搞清数据驱动设计的优势所在。

    二、生存的土壤 数据驱动设计之所以能够有生存的土壤且不断发展,总结市面上的沉淀,有以下几点:

    1. 利于团队理解

    一般来讲,产品的核心价值导向是抽象的,为产品制定核心指标的过程就是将它具象的过程。具体的核心指标,相比于一个抽象的价值观,更有助于整个团队的理解。

    2. 拥有可操作性

    核心指标制定后,能够有相应的公式对指标进行拆分,而拆分后的指标可以指导团队在各个环节去不断优化,具有很强的可操作性。

    3. 符合产品节奏

    许多互联网产品,由于市场环境也好、企业基因也好、产品生命周期也好,都希望小步快跑去快速迭代。数据驱动的产品,方便快速试错,不断调整方向。

    4. 便于向上管理

    广义的向上管理,包括个人对 leader 的汇报、项目组对高层的总结,甚至创业公司对投资机构的宣讲,这些场景有数据的加持,会使工作进展、项目成果、发展潜力更可被感知,从而争取更多的资源倾斜。

    三、数据陷阱 数据驱动固然有它的优势,但这不意味着它是完美的理论。

    1. 核心数据难制定

    产品制定核心数据的过程,必然伴随着近似与误差。因为没有绝妙的数据指标能够完全等同于产品给用户带来的价值。

    举例来看,一款交友产品中「用户在这儿玩得开心」是核心价值,那么核心数据是用户停留时长、互动信息数量,还是 App 打开次数?如果用户停留时长高,但仅打开过一次手机意味着什么;如果用户频繁打开手机却没来往过几条信息又是什么场景;如果用户信息数量很多,但每天多次只打开不回复社交信息,那 ta 是怎样的用户?

    可是这些数据乍一看都是「玩得开心」的近似代表,却都有它们自己的局限。这就告诫我们一定要注意数据陷阱。

    2. 避免虚荣指标

    设计工作中,会出现数据指标有所提升,但最终产品收益不大的情况。其原因可能在于虚荣指标。虚荣指标 Looker 创始人 Lloyd Tabb 把虚荣指标与明确指标的差异总结如下:

    举例,对于家服平台来说,58 到家 App 并不是像其它 C 端用户一样只要登录就可以,用户需要在线完成购买服务的流程,才能称之为活跃用户:找服务、选服务、完成购买并完成线下服务。所以通过签到领奖励等运营手段带来的打开、注册/登录行为只是一些数据,除了为当天增加一个日活外,没有更多作用。所以 App 下载量、注册登录用户数便是 58 到家的虚荣指标,下单量才是精准指标。

    3. 代入到更宽广的层级

    设计一样东西通常需要把它置于它所属的更大的环境中来衡量,这是我从建筑师 Eliel Saarinen 的设计理念中学到的东西。互联网短短发展数十载,但是人们对于设计的探寻已经绵延千百年。建筑学——更是集概念性、落地性与时间沉淀于一身的学科。非常值得借鉴学习。

    建筑学如此,互联网产品的设计也如此。部分数据未能真实反应产品使用的情况,可能是因为没有把小的设计环节放置在整个流程中 → 没有把设计流程放置在整个产品的使用中 → 甚至,再进一步——没有把产品的使用放置在用户的日常手机使用中。如果我们在更长更广的视角去看待设计环节的数据驱动验证,很可能发现那个关键数据只是整个链条中的小小切片。它只能反应上下游关系,而无法真正地指导整套设计方案的产出。

    举例,58 到家 App 首页的 feed 模块,上线了双栏内容穿插 sku,与单栏场景化 sku 的灰度测试。预想中,后者能够为目标不明确的用户打造许多场景化的需求温床,促使用户根据场景提示来完成下单。

    数据情况:之前该该环节的核心数据定为了点击率,这就没有做到把这个小的设计环节放置到整个流程当中,也没有选用最核心的数据——即订单转化率,来衡量这个设计的好坏。如果仅看点击率,后者效果不佳,但如果看订单转化便扳回比分。

    再结合用户体验的直觉与经验:场景化 sku 的用户心智引领路径过长,不适用于若干行列表的呈现方式,会造成用户的疲劳感。相信后续针对后一版本的优化会取得较好的效果。

    还有些情况,一个核心指标确实无法反映设计的好坏,可以尝试增加二级指标,这也是代入到更大层级的一个方式。

    举例,假设 58 到家有 20%的用户是我们判断的高价值用户,他们贡献 80%的收入。那么我们在针对与收入相关的核心指标做版本迭代时,会不断向着 20%的用户倾斜。但是剩下 80%的用户,他们可能对于产品的增量拥有更大的想象空间,在优化核心指标的同时,可能会牺牲掉产品长远发展的可能性。

    所以增加并观测有关 80%非核心用户的二级指标,争取达到短期效益目标和长期增长目标的双保险。

    四、其他驱动 经过上面的分析,我们发现数据驱动设计这件事本身,有利有弊,如果要做得科学有指导意义,难度并不小。那现行条件下,是否有其它驱动能够将其代替?假说驱动、理论驱动、直觉驱动以及神经营销学等等都是与之并列的驱动方式。其中直觉驱动与数据驱动最为不同。

    1. 直觉驱动

    罗翔老师讲刑法,说有些同学学了法之后,就失去了人性,失去了老百姓都懂的朴素价值观。做设计一样,我们判断一个设计好坏的时候,如果代入了太多复杂的设计方法论、数据验证理论、产品营销思维,就容易忘掉最朴素的设计直觉与价值判断。

    2. 神经营销学

    有关神经营销学,有一些耳熟能详的典故,如可口可乐与百事可乐的盲测。推荐 TED 演讲《神经营销: 消费者决策的新科学 Neuromarketing: The new science of consumer decisions》,内有详实的案例。

    3. 最重要的关卡

    最后回到产出设计方案的人—— 设计师 自己。在发出交付邮件的那一刻,是否感到骄傲;上线后的某一天是否会很开心看到自己的设计;年终总结时是否愿意把它提交到团队的设计年鉴当中。这些问题的回答如果都是肯定的,我想这个设计不会差。

    最后 回到最初的 41 种蓝色,无独有偶,2010 年 Microsoft 的 Bing 也做了类似的试验。最终确定了该搜索引擎的链接色——#0044CC。据报道,如果把额外的广告点击量和用户参与度考虑在内,每年能增加8000万美元的收入(考虑到Bing的市场份额远小于Google,Bing链接蓝的收益增长,从百分比来看要高得多)。

    看到这里,你是否对这两个互联网巨头的试验结果产生了一丝怀疑,Google 与 Bing 的用户,是否有如此大的差异,以至于这两个冠军蓝色看起来截然不同?有没有一种可能,人类的社会活动、心理状态以及使用产品时辅助做决策的潜意识等等这些,根本无法用数据去概括与总结?那数据驱动设计的根基,是否不复存在?

    这让我想到老友记中,Phoebe 让 Ross 这个古生物学博士,对进化论产生了动摇。当 Ross 松口后,Phoebe 对他说「How are you going to work tomorrow?」

    回到设计,这篇文章充满自相矛盾的假说与推演,既没有自圆其说,也没有明确立场。只是希望能够信马由缰地把有关数据的一些思考记录下来。接下来,你将用什么作为你的设计驱动?

    欢迎关注「58UXD」的微信公众号:

  • 审美养成系列!8个我私藏多年的插画师作品集(一)

    UI交互 2022-12-14
    大家也许都知道,学习设计,提高审美,第一件事就是打开优秀作品集,不断给自己的眼睛充电。但是看得多也往往眼花缭乱,在落实到具体项目时,反而会因为选择过多,束手无策。这篇文章中,我就这个问题为大家整理了八个我一直没有公开的,偷偷在粉的插画师以及他们的作品,我会把他们的作品优势、风格特征和学习点列出来,帮助大家在审美学...

    大家也许都知道,学习设计,提高审美,第一件事就是打开优秀作品集,不断给自己的眼睛充电。但是看得多也往往眼花缭乱,在落实到具体项目时,反而会因为选择过多,束手无策。

    这篇文章中,我就这个问题为大家整理了八个我一直没有公开的,偷偷在粉的插画师以及他们的作品,我会把他们的作品优势、风格特征和学习点列出来,帮助大家在审美学习这一块,有针对性地去吸取他人所长,为自己的插画设计加码。(其实他们的作品也并不是每一个都完美,但只要把握住作品的风格精髓就可以挖到宝)

    只要你懂得如何去看,在这八种不同的插画风格中,其实已经蕴含了所有插画设计乃至平面设计的知识内涵。你要做的就是一块吸力超强的小海绵~let's go!

    更多 插画师推荐 :

    这五位顶尖插画师的作品,是我每日学习的源泉!(地图插画专题) 大家好呀,我是和你们聊设计的花生~ 之前为大家推荐地图素材资源的时候,提到一种优化地图的思路是使用插画类地图,而在插画类地图中矢量地图在创作上比手绘地图更加简单高效。

    阅读文章 >

    一、Mink yung:柔润的力量 Mink yung 的作品大部分以人物形体为主,线条简洁,弧度清晰。Ta 的作品带给人一种柔润感,好像牛奶丝滑一样的感受。作品里的人物形体看起来都很圆润肥大,但是并不臃肿。

    色彩明快简洁并且看起来很柔和,运用单色就能支撑起对形象的立体塑造。

    1. 观看焦距:

    人物圆润的弧形表达,以及单色光影表现的简洁感。 在群体人物之间建立起和谐的弧度起伏。 阴影部分的形状表达。

    2. 食用方法:

    Mink yung 的作品非常适合临摹,尤其在临摹时去感受线条和光影表现的巧妙。

    3. 更多作品

    网站链接: https://dribbble.com/alsrud2

    二、Alex Pasquarella:体会构成 Alex Pasquarella 很擅长风景的描绘,但 Ta 的风景作品带着非常强烈的简约构成风格,运用简单的矩形似乎就能巧妙拼缀成一个完成的风景演绎,这是他的作品里非常强烈的个人特色和对形状的归纳感知力。

    1. 观看焦距:

    简约几何形的造型能力。 对构图的层次把握。

    2. 食用方法:

    学习 Alex Pasquarella 的作品中的方法,多拿普通的风景照片来“转”为几何表达,再参考作品中的表现方式加以修饰调整。看看你画中的风景和 Ta 的作品相比有多少差别。

    3. 更多作品:

    网站链接: https://dribbble.com/alexpasquarella

    三、COENPOHI:体积和光影 COENPOHI 的作品围绕建筑展开,所有的作品都有着非常精巧的立体感。当然他所选取的视角大部分属于 2.5D 风格,这个风格之下,他对光影展开了一系列非常详细的研究式的描绘。

    1. 观看焦距:

    2.5D 风格的表达 透视立体细节的把握

    2. 食用方法:

    要临摹 COENPOHI 的作品,需要有科学家反复实验等待最终结果的耐心,临摹他的作品能对立体光影表现有非常深入的理解。如果觉得自己没时间去临摹的,可以多观察,小片段去描绘。

    3. 更多作品:

    网站链接:

    https://www.behance.net/coenpohl https://www.coenpohl.com/ 四、Willian Santiago:像油画那样涂抹 Willian Santiago 非常有特色,看起来非常像油画,但仔细研究作品的笔触发现更像是 PS 里的某种笔刷所涂抹而成。虽然造型简单,但带着一种奇异的复古风格,色彩尤其鲜明,具有一种沉淀的魅力。

    我第一次看到 Willian Santiago 的作品的时候,就两个字:惊艳~那种在简洁和装饰之间游刃有余的技巧,对图案和构成的巧妙结合,细腻的质感和色彩控制……都非常佩服。

    1. 观看焦距:

    形状的构思安排 图案和形状的互动 小笔触对构图的点缀

    2. 食用方法:

    Willian Santiago 不需要临摹,而是需要掌握他的涂抹方法,从简单的形状开始。其实他的画很简单,去掉了光影表达,集中在形色表现上,所以你在学习这类风格的时候,就是要吸取他对图案和形状的把握能力。色彩是非常重要的一个环节。

    3. 更多作品:

    网站链接: https://www.behance.net/williansantiago

    五、James Gilleard:细节极致修炼法 看过 James Gilleard 作品的人都会说:太细节了太细节了~这是真的,你没有办法不被他的作品里的细节所惊到。如果说前面的设计师都在抛弃细节,Ta 的做法就是在收藏细节,每一个细节都不放过,这是什么体验?

    他非常擅长用小圆点来做光点,然后用细节的不同色彩的小形状去强调整个场景的光感。层层叠叠密密麻麻对细节的刻画,不厌其烦,尽管细节琐碎,但对形状却很有节制。能画这样的画的人一定不是普通人,我曾经尝试临摹他的一幅画,就一个很小部分,我画了整整三天,还根本没到这幅画的 10 分之 1,太魔鬼了~

    1. 观看焦距:

    光影的色彩分布 透明小圆点的铺满感 造型的细节

    2. 食用方法:

    学习 James Gilleard 无法临摹,除非你有足够的时间。我的学习方法是去体会片段,也就是截取一小部分来进行刻画,感受在绘制过程中他对光线的表达力。平时也没事可以拿出来看看,用眼睛去体会他对细节那种细碎而巧妙安排。

    3. 更多作品:

    https://www.behance.net/jamesgilleard 六、Ana Duje:夸张人物的技法 这两年比较流行的就是 Ana Duje 的这类夸张的人物画法,激起了一大波夸张人物的热潮。但是终究是 Ana Duje 的人物让人有种对形体超强的控制力,以及对图案肆意大胆的运用,从而在整个形色上更胜一筹。她的人物看起来大胆,有运动风,青春活力。线条来替代阴影,造型安排从形色上完全能 hold 住眼球,有种卡通+扁平的双向结合风格。

    1. 观看焦距:

    夸张人物的手脚表现 时尚的鞋子和服饰设计 线条和几何图案(格子、圆点、条纹)的运用

    2. 食用方法:

    Ana Duje 的插画适合初学者临摹,但是想要达到同等量级的创作,需要的还是跨越式的创作法。这在我们的 扁平插画 研习社课程里也讲过,怎样去移花接木吸取已有的原创作品,然后突破自己的创作局限。

    3. 更多作品:

    网站链接:

    https://www.behance.net/anaduje https://anaduje.com/ 七、Maïté Franchi:美食的质感 推出一位我很喜欢的插画师 Maïté Franchi,在扁平化还是最初光滑没有颗粒感的阶段,我就已经注意到 Ta 的插画作品里的颗粒,后来铺天盖地所有的插画都运用上颗粒的时候,我多少感觉 Ta 是在扁平插画里加入颗粒感的第一批人,也许我看得还不够多,但是 Maïté Franchi 的作品让人感觉非常温暖,她的作品大都很生活,围绕美食主题展开。颗粒质感很浓厚,色彩运用很有情调。

    我对插画质感的探索就是起源自 Maïté Franchi,不管怎么说,隔空表白一下~

    1. 观看焦距:

    扁平形状的简化 颗粒感的运用 质感的表达

    2. 食用方法:

    Maïté Franchi 的作品很适合临摹,如果你能把她的插画临摹到比较相似,你对插画颗粒感的把握也已经能出类拔萃了。在临摹的同时,去拆分,你会发现她的插画有很多不同的层次,这些都是非常珍贵的插画表现技法。

    3. 更多作品:

    网站链接:

    https://www.behance.net/maitefranchi http://www.maitefranchi.com/ 八、Malika favre:影子、负形和故事 最后推荐的是我心中插画界的一姐,那就是 Malika favre。我们的 微信 群里,只要说到推荐的喜欢的插画师,我一定会推 Malika,但是推完我又有点后悔,因为 Malika 确实不太适合初学者临摹啊。

    其实在我学习插画的初期,我一直在左顾右盼,不知道该从哪种风格学起。那时我只是学习原画,但是原画的那种游戏风格,一直让我提不起兴趣。直到看到 Malika,那种简洁的形色组合,瞬间就震撼到我了:原来插画是可以这样玩的!怎样有人能用这么少的颜色这么少的形状画出这么多好看的画?Oh my ~

    Malika 的插画真的太容易辨认了,风格大气时尚、对人物形体的极致表达,以及正负形的运用。简洁的圣经。很多人模仿 Malika 的风格,但是我感觉都只能学到一两层。她的风格有种无论怎样都很难被完全抄走的定力。有最坚固稳定的结构,最经典的配色,最不惹人注意的纯色填充。在 UI 界面里运用 Malika 风格的插画,你会发现简直美爆了。(如果不信可以去试试)

    特别是她的插画中,总有种故事感,这些故事感是从光影的形状中慢慢演变来的,艺术就这样诞生了。(流泪推荐……)

    1. 观看焦距:

    人物造型的精准 阴影和投影的戏剧性表现 正负形的巧妙切换运用

    2. 食用方法:

    Ta 的作品值得去细品,不适合临摹。这些形状色彩是每个人都会的,但是难点是我们无法像 Ta 一样组合得那么好看自然,富有形色的魅力。插画其实就是形色组合的游戏,Malika 只是把插画抽离到最本质的模样。

    她的作品中的构图是非常值得学习的方面,我们在研习社的课程中也专门单独去分析过,每一张的插画构图,每一个细节都没有浪费,不偏不倚,在画面构图中发挥必要的作用。

    大家研习中,重点可以看起来。

    3. 更多作品:

    网站链接: https://www.malikafavre.com/

    (是的,Malika 没有 Dribbble 号、Behance 号,但还是被发现了,真大师!网站需要梯子访问)

    我选取的插画师属于自带非常强烈的个人风格,并且属于扁平这个风格范畴。其实已经有很多优秀插画师,但是如果个人风格特征并不明显,或者其他范畴的,就未能关注到,所以慢慢挖掘到风格独特的插画师,我会再继续开写第二季~

  • 国风参考必备!6500份高清素材的「数字敦煌开放素材库」

    UI交互 2022-12-14
    大家好,这里是和你们聊设计的花生~近日,敦煌研究院和腾讯联合打造的“数字敦煌开放素材库”上线了,号称是内容最权威、最官方的敦煌学研究开发素材库,也是首个基于区块链的数字文化遗产开发共创平台。里面包含了 6 大石窟的壁画和藏经洞文献,共有 6500 份高清数字资源档案,首次全部开放给文化爱好者等群体学习使用,是极佳...

    大家好,这里是和你们聊设计的花生~

    近日,敦煌研究院和腾讯联合打造的“ 数字敦煌开放素材库 ”上线了,号称是内容最权威、最官方的敦煌学研究开发素材库,也是首个基于区块链的数字文化遗产开发共创平台。里面包含了 6 大石窟的壁画和藏经洞文献,共有 6500 份高清数字资源档案,首次全部开放给文化爱好者等群体学习使用,是极佳的敦煌文化创作参考素材库。

    往期回顾:

    精美绝伦!80000+国潮插画灵感参考素材宝库「数字文物库」 大家好,这里是和你们聊设计的花生~ 国潮插画是近年来最热门的插画风格之一,精致华丽的风格受到很多国货品牌的青睐,此类插画也在海报、包装、文创等等商业领域有广泛的运用。

    阅读文章 >

    一、资源简介 「 数字敦煌 开放素材库」官网: https://ip.e-dunhuang.com/

    “数字敦煌开放素材库”的素材资源可以分为自选素材、壁画专题、藏经洞文献、共创作品、壁画元素和艺术摄影 6 类。

    其中“自选素材”以莫高窟、麦积山石窟、炳灵寺石窟、北山石窟、西千佛洞、榆林窟 6 处石窟作为分类。进入其中一个石窟后可以浏览与其相关的所有高清素材,素材根据准确的方位和空间区域进行划分,对专业学术研究非常友好。而“自选”的含义是可以通过图像选择工具一整面壁画中的一部分,然后将这部分的内容作为素材下载。

    滚动鼠标可以查看壁画素材的高清细节

    “壁画专题”将壁画以内容进行分类,包含建筑、图案、动物、服饰、飞天、舞蹈等 19 个专题,还可以通过颜色进行筛选,可以用来快速查找不同类型的参考素材。

    “供养人”专题细节

    “壁画元素”则是将敦煌壁画中的经典的形象、图案或元素抽取出来,分为线稿和彩图 2 类;“艺术摄影”是 6 大石的窟外部风景及窟内各种彩塑、壁画的摄影素材。

    “壁画元素”及“艺术摄影”的界面

    最后值得一提的是“共创作品”。这部分支持用户根据站内素材进行二创,然后将二创作品上传,官方审核通过后进入官方素材库。如果这个素材被其他用户购买,创作者可以获得对应的收益。腾讯区块链技术会对所有认证素材进行上链,让数字内容获得有效保护。如果你正好有敦煌主题的 3D 设计或插画作品,可以尝试投稿。

    “共创作品”界面

    二、素材下载方法 “数字敦煌开放素材库”虽然有“开放”二字,但它里面的素材并非开源。进入官网后首先要注册才能进行浏览,如果想要下载素材则需要进行实名认证。

    网站内的素材根据用途进行授权,不同授权下载的图像分辨率不同。对于学术研究、新闻报道、文化弘扬等用途要收费,但是如果是仅用于个人学习、研究和欣赏,则可以免费下载。我尝试下载了一张,尺寸大于 1000px,还是比较清晰的,可以用于设计或插画创作的参考。

    敦煌文化艺术具有强大的生命力,近年来在国潮插画、国风设计、影视制作及游戏设计等领域有广泛应用,而“数字敦煌开放素材库”的上线无疑我们提供了一个便捷专业的平台去深入了解敦煌文化,对促进敦煌文化广泛传播和进一步发展有积极作用,对中国传统文化感兴趣的小伙伴不要错过~

    「数字敦煌开放素材库」官网: https://ip.e-dunhuang.com/

    喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    腾讯重磅出品!2022-2023 设计趋势报告:NFT虚拟形象篇(上) 拓展阅读: 1. 虚拟形象的诞生-CryptoPunks 2017 年,正值以太坊生态开始发力之时,原本两个不在加密货币圈子的开发者机缘巧合之下带着一万多个像素头像来到了这个生态当中,并由此开发出了世界上第一个 NFT 项目——CryptoPunks。

    阅读文章 >

    4500张!免扣复古插图素材网站「Free Vintage illustrations」 大家好,我是和你们聊设计的花生~ 在上周给大家推荐的 9 个高质量的免扣素材网站中,有一个高质量的复古插画网站 Heritage Library,里面有 270 套复古插图素材可以免费商用,不知道大家有没有收藏用起来呢?

    阅读文章 >

  • 审美养成系列!8个我私藏多年的插画师作品集(一)

    UI交互 2022-12-14
    大家也许都知道,学习设计,提高审美,第一件事就是打开优秀作品集,不断给自己的眼睛充电。但是看得多也往往眼花缭乱,在落实到具体项目时,反而会因为选择过多,束手无策。这篇文章中,我就这个问题为大家整理了八个我一直没有公开的,偷偷在粉的插画师以及他们的作品,我会把他们的作品优势、风格特征和学习点列出来,帮助大家在审美学...

    大家也许都知道,学习设计,提高审美,第一件事就是打开优秀作品集,不断给自己的眼睛充电。但是看得多也往往眼花缭乱,在落实到具体项目时,反而会因为选择过多,束手无策。

    这篇文章中,我就这个问题为大家整理了八个我一直没有公开的,偷偷在粉的插画师以及他们的作品,我会把他们的作品优势、风格特征和学习点列出来,帮助大家在审美学习这一块,有针对性地去吸取他人所长,为自己的插画设计加码。(其实他们的作品也并不是每一个都完美,但只要把握住作品的风格精髓就可以挖到宝)

    只要你懂得如何去看,在这八种不同的插画风格中,其实已经蕴含了所有插画设计乃至平面设计的知识内涵。你要做的就是一块吸力超强的小海绵~let's go!

    更多 插画师推荐 :

    这五位顶尖插画师的作品,是我每日学习的源泉!(地图插画专题) 大家好呀,我是和你们聊设计的花生~ 之前为大家推荐地图素材资源的时候,提到一种优化地图的思路是使用插画类地图,而在插画类地图中矢量地图在创作上比手绘地图更加简单高效。

    阅读文章 >

    一、Mink yung:柔润的力量 Mink yung 的作品大部分以人物形体为主,线条简洁,弧度清晰。Ta 的作品带给人一种柔润感,好像牛奶丝滑一样的感受。作品里的人物形体看起来都很圆润肥大,但是并不臃肿。

    色彩明快简洁并且看起来很柔和,运用单色就能支撑起对形象的立体塑造。

    1. 观看焦距:

    人物圆润的弧形表达,以及单色光影表现的简洁感。 在群体人物之间建立起和谐的弧度起伏。 阴影部分的形状表达。

    2. 食用方法:

    Mink yung 的作品非常适合临摹,尤其在临摹时去感受线条和光影表现的巧妙。

    3. 更多作品

    网站链接: https://dribbble.com/alsrud2

    二、Alex Pasquarella:体会构成 Alex Pasquarella 很擅长风景的描绘,但 Ta 的风景作品带着非常强烈的简约构成风格,运用简单的矩形似乎就能巧妙拼缀成一个完成的风景演绎,这是他的作品里非常强烈的个人特色和对形状的归纳感知力。

    1. 观看焦距:

    简约几何形的造型能力。 对构图的层次把握。

    2. 食用方法:

    学习 Alex Pasquarella 的作品中的方法,多拿普通的风景照片来“转”为几何表达,再参考作品中的表现方式加以修饰调整。看看你画中的风景和 Ta 的作品相比有多少差别。

    3. 更多作品:

    网站链接: https://dribbble.com/alexpasquarella

    三、COENPOHI:体积和光影 COENPOHI 的作品围绕建筑展开,所有的作品都有着非常精巧的立体感。当然他所选取的视角大部分属于 2.5D 风格,这个风格之下,他对光影展开了一系列非常详细的研究式的描绘。

    1. 观看焦距:

    2.5D 风格的表达 透视立体细节的把握

    2. 食用方法:

    要临摹 COENPOHI 的作品,需要有科学家反复实验等待最终结果的耐心,临摹他的作品能对立体光影表现有非常深入的理解。如果觉得自己没时间去临摹的,可以多观察,小片段去描绘。

    3. 更多作品:

    网站链接:

    https://www.behance.net/coenpohl https://www.coenpohl.com/ 四、Willian Santiago:像油画那样涂抹 Willian Santiago 非常有特色,看起来非常像油画,但仔细研究作品的笔触发现更像是 PS 里的某种笔刷所涂抹而成。虽然造型简单,但带着一种奇异的复古风格,色彩尤其鲜明,具有一种沉淀的魅力。

    我第一次看到 Willian Santiago 的作品的时候,就两个字:惊艳~那种在简洁和装饰之间游刃有余的技巧,对图案和构成的巧妙结合,细腻的质感和色彩控制……都非常佩服。

    1. 观看焦距:

    形状的构思安排 图案和形状的互动 小笔触对构图的点缀

    2. 食用方法:

    Willian Santiago 不需要临摹,而是需要掌握他的涂抹方法,从简单的形状开始。其实他的画很简单,去掉了光影表达,集中在形色表现上,所以你在学习这类风格的时候,就是要吸取他对图案和形状的把握能力。色彩是非常重要的一个环节。

    3. 更多作品:

    网站链接: https://www.behance.net/williansantiago

    五、James Gilleard:细节极致修炼法 看过 James Gilleard 作品的人都会说:太细节了太细节了~这是真的,你没有办法不被他的作品里的细节所惊到。如果说前面的设计师都在抛弃细节,Ta 的做法就是在收藏细节,每一个细节都不放过,这是什么体验?

    他非常擅长用小圆点来做光点,然后用细节的不同色彩的小形状去强调整个场景的光感。层层叠叠密密麻麻对细节的刻画,不厌其烦,尽管细节琐碎,但对形状却很有节制。能画这样的画的人一定不是普通人,我曾经尝试临摹他的一幅画,就一个很小部分,我画了整整三天,还根本没到这幅画的 10 分之 1,太魔鬼了~

    1. 观看焦距:

    光影的色彩分布 透明小圆点的铺满感 造型的细节

    2. 食用方法:

    学习 James Gilleard 无法临摹,除非你有足够的时间。我的学习方法是去体会片段,也就是截取一小部分来进行刻画,感受在绘制过程中他对光线的表达力。平时也没事可以拿出来看看,用眼睛去体会他对细节那种细碎而巧妙安排。

    3. 更多作品:

    https://www.behance.net/jamesgilleard 六、Ana Duje:夸张人物的技法 这两年比较流行的就是 Ana Duje 的这类夸张的人物画法,激起了一大波夸张人物的热潮。但是终究是 Ana Duje 的人物让人有种对形体超强的控制力,以及对图案肆意大胆的运用,从而在整个形色上更胜一筹。她的人物看起来大胆,有运动风,青春活力。线条来替代阴影,造型安排从形色上完全能 hold 住眼球,有种卡通+扁平的双向结合风格。

    1. 观看焦距:

    夸张人物的手脚表现 时尚的鞋子和服饰设计 线条和几何图案(格子、圆点、条纹)的运用

    2. 食用方法:

    Ana Duje 的插画适合初学者临摹,但是想要达到同等量级的创作,需要的还是跨越式的创作法。这在我们的 扁平插画 研习社课程里也讲过,怎样去移花接木吸取已有的原创作品,然后突破自己的创作局限。

    3. 更多作品:

    网站链接:

    https://www.behance.net/anaduje https://anaduje.com/ 七、Maïté Franchi:美食的质感 推出一位我很喜欢的插画师 Maïté Franchi,在扁平化还是最初光滑没有颗粒感的阶段,我就已经注意到 Ta 的插画作品里的颗粒,后来铺天盖地所有的插画都运用上颗粒的时候,我多少感觉 Ta 是在扁平插画里加入颗粒感的第一批人,也许我看得还不够多,但是 Maïté Franchi 的作品让人感觉非常温暖,她的作品大都很生活,围绕美食主题展开。颗粒质感很浓厚,色彩运用很有情调。

    我对插画质感的探索就是起源自 Maïté Franchi,不管怎么说,隔空表白一下~

    1. 观看焦距:

    扁平形状的简化 颗粒感的运用 质感的表达

    2. 食用方法:

    Maïté Franchi 的作品很适合临摹,如果你能把她的插画临摹到比较相似,你对插画颗粒感的把握也已经能出类拔萃了。在临摹的同时,去拆分,你会发现她的插画有很多不同的层次,这些都是非常珍贵的插画表现技法。

    3. 更多作品:

    网站链接:

    https://www.behance.net/maitefranchi http://www.maitefranchi.com/ 八、Malika favre:影子、负形和故事 最后推荐的是我心中插画界的一姐,那就是 Malika favre。我们的 微信 群里,只要说到推荐的喜欢的插画师,我一定会推 Malika,但是推完我又有点后悔,因为 Malika 确实不太适合初学者临摹啊。

    其实在我学习插画的初期,我一直在左顾右盼,不知道该从哪种风格学起。那时我只是学习原画,但是原画的那种游戏风格,一直让我提不起兴趣。直到看到 Malika,那种简洁的形色组合,瞬间就震撼到我了:原来插画是可以这样玩的!怎样有人能用这么少的颜色这么少的形状画出这么多好看的画?Oh my ~

    Malika 的插画真的太容易辨认了,风格大气时尚、对人物形体的极致表达,以及正负形的运用。简洁的圣经。很多人模仿 Malika 的风格,但是我感觉都只能学到一两层。她的风格有种无论怎样都很难被完全抄走的定力。有最坚固稳定的结构,最经典的配色,最不惹人注意的纯色填充。在 UI 界面里运用 Malika 风格的插画,你会发现简直美爆了。(如果不信可以去试试)

    特别是她的插画中,总有种故事感,这些故事感是从光影的形状中慢慢演变来的,艺术就这样诞生了。(流泪推荐……)

    1. 观看焦距:

    人物造型的精准 阴影和投影的戏剧性表现 正负形的巧妙切换运用

    2. 食用方法:

    Ta 的作品值得去细品,不适合临摹。这些形状色彩是每个人都会的,但是难点是我们无法像 Ta 一样组合得那么好看自然,富有形色的魅力。插画其实就是形色组合的游戏,Malika 只是把插画抽离到最本质的模样。

    她的作品中的构图是非常值得学习的方面,我们在研习社的课程中也专门单独去分析过,每一张的插画构图,每一个细节都没有浪费,不偏不倚,在画面构图中发挥必要的作用。

    大家研习中,重点可以看起来。

    3. 更多作品:

    网站链接: https://www.malikafavre.com/

    (是的,Malika 没有 Dribbble 号、Behance 号,但还是被发现了,真大师!网站需要梯子访问)

    我选取的插画师属于自带非常强烈的个人风格,并且属于扁平这个风格范畴。其实已经有很多优秀插画师,但是如果个人风格特征并不明显,或者其他范畴的,就未能关注到,所以慢慢挖掘到风格独特的插画师,我会再继续开写第二季~

  • 国风参考必备!6500份高清素材的「数字敦煌开放素材库」

    UI交互 2022-12-14
    大家好,这里是和你们聊设计的花生~近日,敦煌研究院和腾讯联合打造的“数字敦煌开放素材库”上线了,号称是内容最权威、最官方的敦煌学研究开发素材库,也是首个基于区块链的数字文化遗产开发共创平台。里面包含了 6 大石窟的壁画和藏经洞文献,共有 6500 份高清数字资源档案,首次全部开放给文化爱好者等群体学习使用,是极佳...

    大家好,这里是和你们聊设计的花生~

    近日,敦煌研究院和腾讯联合打造的“ 数字敦煌开放素材库 ”上线了,号称是内容最权威、最官方的敦煌学研究开发素材库,也是首个基于区块链的数字文化遗产开发共创平台。里面包含了 6 大石窟的壁画和藏经洞文献,共有 6500 份高清数字资源档案,首次全部开放给文化爱好者等群体学习使用,是极佳的敦煌文化创作参考素材库。

    往期回顾:

    精美绝伦!80000+国潮插画灵感参考素材宝库「数字文物库」 大家好,这里是和你们聊设计的花生~ 国潮插画是近年来最热门的插画风格之一,精致华丽的风格受到很多国货品牌的青睐,此类插画也在海报、包装、文创等等商业领域有广泛的运用。

    阅读文章 >

    一、资源简介 「 数字敦煌 开放素材库」官网: https://ip.e-dunhuang.com/

    “数字敦煌开放素材库”的素材资源可以分为自选素材、壁画专题、藏经洞文献、共创作品、壁画元素和艺术摄影 6 类。

    其中“自选素材”以莫高窟、麦积山石窟、炳灵寺石窟、北山石窟、西千佛洞、榆林窟 6 处石窟作为分类。进入其中一个石窟后可以浏览与其相关的所有高清素材,素材根据准确的方位和空间区域进行划分,对专业学术研究非常友好。而“自选”的含义是可以通过图像选择工具一整面壁画中的一部分,然后将这部分的内容作为素材下载。

    滚动鼠标可以查看壁画素材的高清细节

    “壁画专题”将壁画以内容进行分类,包含建筑、图案、动物、服饰、飞天、舞蹈等 19 个专题,还可以通过颜色进行筛选,可以用来快速查找不同类型的参考素材。

    “供养人”专题细节

    “壁画元素”则是将敦煌壁画中的经典的形象、图案或元素抽取出来,分为线稿和彩图 2 类;“艺术摄影”是 6 大石的窟外部风景及窟内各种彩塑、壁画的摄影素材。

    “壁画元素”及“艺术摄影”的界面

    最后值得一提的是“共创作品”。这部分支持用户根据站内素材进行二创,然后将二创作品上传,官方审核通过后进入官方素材库。如果这个素材被其他用户购买,创作者可以获得对应的收益。腾讯区块链技术会对所有认证素材进行上链,让数字内容获得有效保护。如果你正好有敦煌主题的 3D 设计或插画作品,可以尝试投稿。

    “共创作品”界面

    二、素材下载方法 “数字敦煌开放素材库”虽然有“开放”二字,但它里面的素材并非开源。进入官网后首先要注册才能进行浏览,如果想要下载素材则需要进行实名认证。

    网站内的素材根据用途进行授权,不同授权下载的图像分辨率不同。对于学术研究、新闻报道、文化弘扬等用途要收费,但是如果是仅用于个人学习、研究和欣赏,则可以免费下载。我尝试下载了一张,尺寸大于 1000px,还是比较清晰的,可以用于设计或插画创作的参考。

    敦煌文化艺术具有强大的生命力,近年来在国潮插画、国风设计、影视制作及游戏设计等领域有广泛应用,而“数字敦煌开放素材库”的上线无疑我们提供了一个便捷专业的平台去深入了解敦煌文化,对促进敦煌文化广泛传播和进一步发展有积极作用,对中国传统文化感兴趣的小伙伴不要错过~

    「数字敦煌开放素材库」官网: https://ip.e-dunhuang.com/

    喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    腾讯重磅出品!2022-2023 设计趋势报告:NFT虚拟形象篇(上) 拓展阅读: 1. 虚拟形象的诞生-CryptoPunks 2017 年,正值以太坊生态开始发力之时,原本两个不在加密货币圈子的开发者机缘巧合之下带着一万多个像素头像来到了这个生态当中,并由此开发出了世界上第一个 NFT 项目——CryptoPunks。

    阅读文章 >

    4500张!免扣复古插图素材网站「Free Vintage illustrations」 大家好,我是和你们聊设计的花生~ 在上周给大家推荐的 9 个高质量的免扣素材网站中,有一个高质量的复古插画网站 Heritage Library,里面有 270 套复古插图素材可以免费商用,不知道大家有没有收藏用起来呢?

    阅读文章 >

  • 大厂总结!体验设计师必知的「时间戳」控件设计

    UI交互 2022-12-13
    “时间戳”即时间信息的展示方式,它是一个在 UX 设计中经常出现,又容易被忽视的元素。许多人都以为时间戳仅仅向用户传递时间信息,其实它也会对业务带来重要影响。同时时间戳的设计非常灵活,在不同场景和状态下都有差异化设计。

    “时间戳”即时间信息的展示方式,它是一个在 UX 设计中经常出现,又容易被忽视的元素。许多人都以为时间戳仅仅向用户传递时间信息,其实它也会对业务带来重要影响。同时时间戳的设计非常灵活,在不同场景和状态下都有差异化设计。那么这其中有什么规律可循呢?本文将结合 58 相关产品的实践向读者阐述时间戳控件的设计方法。

    更多时间设计干货:

    如何设计「时间显示」更专业?来看大厂总结的方法! 背景 “时间”作为人机交互界面中经常出现的元素,本质上都是为了去传递时间维度的信息。

    阅读文章 >

    一、时间戳类型 时间戳的类型分为绝对时间和相对时间两种,二者覆盖了全部的时间戳场景,其中绝对时间强调“准确性”,而相对时间强调“即时性”。

    绝对时间和相对时间的差异

    1. 绝对时间

    绝对时间是指事件发生的确切时间,目标为用户提供精确的日期和时间,强调事件的准确性。它由“日期(年月日)+时间(时分秒)”的格式组成,既包含时间点也包含时间段,如:“下午 2:00 开会”、“2022 年 11 月 1 日~2022 年 12 月 1 日放假”等。优势是时间信息传达精准,给用户以确定性,强化对时间信息的感知;缺点是会导致文本过长浪费空间。绝对时间的常用的展示方式有以下 4 种:

    “2007 年 2 月 6 日” 和 “2007-02-06” 是公历日期标准格式,用“-”分割时个位数需要加“0”。 “2007/02/06” 在不同国家有着不同的展示顺序,在设计时需要谨慎使用。 “2007.02.06” 使用英文句号做分割,容易与英文字段混淆造成误解,建议尽量少用。 我们建议平台使用统一的展示方式,以保证统一性同时提升用户感知。

    2. 相对时间

    相对时间是指事件发生的时间与现在所处时间的差值,目标是提供相对的模糊时间,向用户强调事件发生的即时性。它大多数由“日期(年月日)/时间(时分秒)+定语”的格式组成,如:“帖子发布于 2 天前”、“会员 30 天后到期”等。使用场景多用于:倒计时、即时性资讯、通知推送等。优势是用户的理解成本低,不用通过计算来判断时间过去或还剩下多久;缺点是相较于绝对时间不够精确。

    设计时首先要注意单位换算。试想一下随着时间的增加,单位前的数字会不断增长导致字段所占空间越来越大,以至于浪费空间并增加阅读成本。因此时间单位需要随着时间推移而变化,尽可能使用简短的字段描述相对时间,如将“48 小时前”简称为“2 天前”,将“712 天前”简称为“2 年前”。

    其次要关注时间取整。由于相对时间只提供及时性的模糊时间,因此为了降低用户理解成本并节省空间,我们可以将相对时间戳做取整处理,如将“1 小时 15 分钟前”取整为“1 小时前”。

    相对时间戳的设计注意「单位换算」和「时间取整」

    二、时间戳颗粒度 绝对时间戳是由“日期+时间”组成的,在不同场景中 设计师 会使用不同的颗粒度来设计时间戳。

    「日期+时间」的组合

    1. 粗颗粒度

    精确到“日”的时间戳,作为时间维度的 Tips 应用在各种设计组件中,向用户传达最基础的时间信息。

    2. 中等颗粒度

    精确到“分”的时间戳,常用于精确事件的时间展示,有 2 种展现形式:

    动态日期:以“XX 12:00”的格式出现,多用于时效性强的场景,如聊天信息和新闻资讯。根据时间发生的日期和当日距离有差异化:前一天发生,可写作“昨天”;一周内发生可以写周几,如“周二 12:00”;超过一周内发生可以写日月,如“2 月 6 日 12:00”;超过一年内发生可以加上年,如“2022 年 2 月 6 日 12:00”。 固定日期:以“2022 年 2 月 6 日 12:00”的格式出现,应用于关键时间节点的展示场景,相比较上一种方式更正式且传达的确定感更强。

    中等颗粒度的格式差异

    3. 细颗粒度

    精确到“秒”的时间戳,应用于金融交易场景,如交易记录、订单记录等。举例:58 到家 App 的订单模块,用户在查看订单记录时,给他们传达强烈的确定感,从而产生安全感并提升对平台信任。

    58到家APP的订单模块

    倒计时的设计也会精确到秒,并被广泛应用在各类运营活动上。如下图,58 到家的运营活动,用户看到时间一分一秒地流逝对心理造成压力,从而产生激励作用,增强消费欲望。

    限时运营活动的倒计时

    三、时间戳应用场景 为了能更好地使用时间戳,我们还需要知道它在不同场景下的作用。

    1. 重要内容

    在设计中作为重要的内容要素使用,来强调关键的时间节点。如运营活动,该场景下时间戳对于活动内容的传达有重要影响,甚至关系到用户能否顺利完成活动任务,如用户能否在规定时间内完成抽奖获得礼物,或能否按时观看直播。因此在设计中需要增强这部分的优先级和视觉表现力。

    运营活动中的时间要素

    2. 行为标记

    记录用户的关键行为。在用户进行某个动作后打上时间的标记。很多关键操作都存在可追溯性,包括付款、修改内容、创建产出物等。因此设计时间戳为的是让用户能够在查找相关信息时,实现快速定位。以下图的 B 端产品为例,我们在「智慧营销平台」和「云效 2.0」使用了时间戳引导,方便用户以时间维度查看操作行为。

    B端场景下标记用户的操作行为

    3. Tips 信息

    用户在浏览产品内容时,时间戳作为该条内容的附属信息,起到补充说明的作用。该场景下时间戳的优先级较低,需要弱化处理。根据内容的差异性可以选择不同的类型和颗粒度,如下图中的收到消息时间使用绝对时间展示从而强调准确性,而 Feed 流中帖子的时效性更强,可以不提供精确时间,故使用相对时间展示。

    时间戳Tips 信息

    最后 不难看出时间戳是一个可灵活运用的设计元素,需要设计师选择合适的类型、格式和颗粒度,并与应用场景紧密贴合,保证用户有良好的体验和感知。它不仅承担着传递时间信息的任务,也可以给业务带来价值,像在 B 端场景下利用时间戳帮助用户追溯操作行为,或在 C 端场景下利用倒计时产生紧迫,感刺激用户消费,从而提升订单转化。

    时间戳虽然常见,但它的关注度却不高,许多设计师都是凭主观感觉设计,因此我们从一个理性的视角去梳理时间戳的设计方法,希望这篇文章能帮到你。

    欢迎关注「58UXD」的微信公众号:

  • 如何做好电商体验设计?6个章节复盘京东电器实战案例!

    UI交互 2022-12-13
    随着 3 年疫情影响,全球经济下行,消费者更加关注性价比高的货品,今年京东 11.11 以“给生活多点实在”为主题,以更简单、更大力度的优惠举措,更丰富的趋势新品和爆款好物,更全面、更贴心的服务体验 ,为消费者带来最实在的价格、最实在的商品和实在服务,京东电器也将在此次 11.11,重点围绕价格心智体验,通过设计...

    随着 3 年疫情影响,全球经济下行,消费者更加关注性价比高的货品,今年京东 11.11 以“给生活多点实在”为主题,以更简单、更大力度的优惠举措,更丰富的趋势新品和爆款好物,更全面、更贴心的服务体验 ,为消费者带来最实在的价格、最实在的商品和实在服务, 京东电器 也将在此次 11.11,重点围绕价格心智体验,通过设计让用户快速找到实实在在的商品。

    往期 京东设计 案例:

    大厂案例实战!京东微信购物2022年改版深度解读 今年以来,京东购物小程序围绕“一键发现 万物好店”的产品心智,从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。

    阅读文章 >

    本篇文章将从项目背景、价格心智设计语言传达、京东电器 11.11 事业部视觉创意、品类视觉创意、京东电器全渠道的线上线下视觉体验一致、总结与心得六个方向去讲述,浏览阅读大概需要 10 分钟

    目录:

    项目背景:2022 京东电器 11.11,在集团“给生活多点实在”的主题下,整合各事业部,在统一性中彰显各品类差异性,探索更全面、更贴心的服务体验,为消费者带来最实在的价格和商品。 价格心智设计语言传达:3C Design 在设计上探索价格心智的表达新方式,传播“京东电器”品牌符号特征契合“好物,好价,好服务”体验心智。 京东电器 11.11--事业部创意视觉:各级事业部会场 11.11 以“闪电·痕迹”为核心设计理念,统一加入京东电器代言人肖战,创意推导新品类,新趋势,通过创意触达让用户看见并吸引,实现更好的商业转化,提升京东电器品牌声量。 京东电器 11.11 -- 品类视觉风格创意:京东电器 11.11 在品类侧会场中以京东电器 IP 形象 joy 为主体,让创意符号闪电划过展现各种创意场景,以场景维度推出 3C 各品类产品。 京东电器全渠道的线上线下视觉体验一致:对线下业态视觉做统一规范指导,做到线上线下视觉体验一致,更好更有效触达用户体验,全方位传播心智提升品牌声量。 总结与心得:此次 11.11 设计从用户角度出发,想用户所想,让用户快速找到实实在在的商品,满足用户对于购买高性价比货品的需求,建立京东电器为用户购物价格心智的首选平台。 一、项目背景 前言:京东 11.11 主题背景今年京东 11.11 以“给生活多点实在”为主题,将以更简单、更大力度的优惠举措,更丰富的趋势新品和爆款好物,更全面、更贴心的服务体验 ,为消费者带来最实在的价格、最实在的商品和实在服务。1.新消费设计思考基于京东 11.11“给生活多点实在”的主题,同时随着全球经济下行对用户生活方方面面的影响,3C 产品面临着新一轮的消费变化,此次京东电器 11.11 聚焦“人”“货”“场”进行了全新的设计思考。

    ①:人群:关注消费者对于价格诉求,追求性价比,追求好的商品推荐,追求更多优惠信息的接受;

    ②:货的设计:建设价格心智设计,让用户快速找到实实在在的商品,把好的商品介绍出去;

    ③:场/业态:建设性价比爆品多端多场景,线上线下同时注重打造价格心智的实体业态环境,打造一致性的体验感知;2.造记忆-京东电器品牌的价格心智我们在去设计价格心智的同时加入对符号,货品氛围,线上线下场景化体验感知一致性的思考,通过对于楼层货品视觉氛围渲染、商卡价格力信息传达、百大品牌共建传播探索等, 给用户传递京东电器是价格购物首选平台的认知。

    近期工作思维模型:

    Design Think:设计团队近期目标会围绕三个维度去思考与推进执行“京东电器心智打造”:造记忆、造场、造势

    二、价格心智设计语言传达 1. 商卡价格心智设计的调研与升级

    通过对友商平台商卡信息的调研,建立了商卡价格心智雷达图,并分析得出结论:

    友商平台主要通过标签的不同颜色区分活动的规则和促销节点,通过进度条可视化“库存余量”以增加促销紧迫感,商卡中重点突出“直降/补贴/全网低价”等信息; 尝试应用“价格曲线”突出价格; 商卡中较突出“优惠券”样式;京东电器根据自身货品及价格,此次 11.11 在商卡信息传达上,主要以突出“预估到手价”、突出“补贴”以及突出“抢购”三大信息维度作为重点设计方向;

    2. 价格心智组件调研分析

    此次 11.11,3C design 同时也对友商平台价格心智组件进行了设计调研,探索了“价格心智文案规范”、“架构按钮”、“价格梯度、价格曲线”和“价格信息描述”的信息和设计样式的表达。

    ① 低价心智文案规范

    规则、进度、状态:对各平台“时间轴/倒计时”、“活动状态/进度条”做了收集调研;主要以突出“补贴”、突出“直降”“金额”、突出“券”、突出“秒杀”“限时”“抢购”四个维度为核心信息去传达给消费者对价格的感知;

    加购按钮:对各平台商卡上加入购物车的按钮信息做了收集调研;主要以突出“补贴”、突出“直降”“金额”、突出“券”、突出“秒杀”“限时”“抢购”四个维度为核心信息去传达给消费者对价格的感知;

    价格梯度、价格曲线:价格梯度主要包含“三阶”和“两阶”、价格曲线以不同维度描述价格:单价到手/预估到手/已省等;

    价格信息描述:主要包含“降价金额文案”、“补贴金额文案”和“券后金额文案”三大维度

    2. 京东电器价格心智组件应用&提升价格心智商卡设计提升设计升级:

    11.11 期间对 3C 全部 20 余个会场进行整体设计升级,具体优化提升补贴价、利益点、折线力度和到手价等信息,用逛会场的体验上提升价格心智;团队共同参与设计了共计 63 种商品卡片样式;24 种价格曲线样式;51 种加购按钮,在优化后单个商卡楼层曝光点击率最高提升 4 个百分点;同时也提升了会场的页面停留时长和转化,在后续大促中仍可沿用;

    3. 京东电器价格心智营销新阵地

    ① 京东电器巨超值项目背景:

    京东电器帮我“砍下来”的心智玩法,运用征集用户购物心愿,让利消费者,促销极简,30 天价保,晚 8 开抢的重点策略主动出击,占领心智,提升消费者促销体验。

    创意思路:在打造京东电器巨超值品牌 IP 的同时,保持大促氛围感。页面整体框架去繁从简,突出重要促销信息的同时需要做到模块与模块间的合理布局。另外用户对于促销信息非常敏感,利用符合用户认知的图形提高主题的辨识度及营造促销的氛围感。

    巨超值货品选择:通过京东强大的议价能力,大单采购,为消费者提供高性价比货品,建设性价比爆品多端多场景的心智。

    低价心智设计感:巨超值会场是 11.11 主打价格心智的根据地,整体会场强化补贴价展示,设计增加“补贴 XXX 元”、“预估到手价”和“白菜捡漏价”等低价心智信息,同时设计大转盘会场,增加新用户引流;

    ② 巨超值视觉创意展示:

    4. 未来展望

    3C Design 将在未来 12.12 等大促活动中,总结各会场商卡价格信息设计数据转化率,持续优化价格力信息,丰富价格设计样式,进一步强化京东电器价格心智传播。最终会修改并沉淀出属于 3C Design 专属的价格心智标签与文案规范组件库。

    三、京东电器 11.11 -- 事业部视觉风格创意 前言:集团 11.11 视觉创意理念背景介绍:

    「核心目标」主会场氛围共建,打造集团整体大促氛围,给用户统一的强促销感知。

    「主视觉概念」围绕主题“11.11 主题”,拆解设计关键词 —— 体验至简、自然可持续、多元创新、多元包容,提炼出“给生活多点实在”的主视觉概念,以11.11Logo图形作为超级符号应用贯穿此次11.11,并结合京东品牌资产Joy符号,加深平台印记。

    1. 11.11 项目创意「痕迹」设计理念:

    消费者在 11.11 大促中有过喜悦、惊喜、感动等等,这些都是在记忆中的痕迹;品牌符号“闪电”闪过的痕迹,是京东电器与用户共同的记忆,痕迹上绽放出的画面(产品、服务、情感),都是京东电器 11.11 给用户带来的种种惊喜体验。主视觉各事业部拉通,通过“肖战”的粉丝经济效应,叠加京东电器品牌标志性记忆元素图形“闪电”,组成主视觉元素模型,在闪电的尾部设计了一条记忆“轨迹”,意指每一次购物都是一段美好的记忆,在价格心智的基础上添加一些温度。

    2. 一级事业部会场视觉创意规范:

    3. 各事业部主会场视觉创意:

    创意思路:各事业部统一以京东电器“闪电”符号+痕迹为核心创意设计理念,融入京东电器代言人肖战,强化京东电器品牌心智,将“场”的选景设在室外街道,在街道两侧融入各事业主品,强调各事业部卖点特色,在保证差异化创意的同时,各组视觉色彩调性整合保持一致性,强化京东电器视觉整体统一感,共建电器品牌视觉规范。将“京东电器”品牌符号特征契合“好物,好价,好服务”体验心智,延展出创意十足,个性鲜明的主会场画面演绎;随着 11.11 时期变化,在主 kv 视觉创意上,保持“闪电”符号+痕迹为核心创意设计理念的前提下,高潮期由预热期的正视角拉为仰视角度,强化视觉冲击力 ,将京东电器 11.11 大促氛围推向高点。

    ① 群主会场项目背景:群会场不同于其他各级事业部承担销售货品的任务,旨在 11.11 期间起到功能分发的作用,为各事业部引流,提高转化,助力销售。

    创意思路:将各事业部打造出城的概念,融合各品类标志品牌产品,给予曝光。在页面设计中,旨在达到有效引流效果,重点设计各事业部入口。

    设计亮点:在以往大促节点期间,京东电器频道首页主要在头部进行主题氛围的渲染,此次在楼层入口进行组件创新,通过旋转魔方,多面多维度展示各级事业部品类会场及产品,更全面有效到达引流效果。

    ② 各事业部主会场视觉创意展示

    各事业部楼层展示:

    从预热期、开门红到高潮期,随时期的推进,各事业部会场的氛围和视角也随之层层递进,在楼层的氛围渲染中,色调由橙红色推进到京东大促红色,促销氛围感愈加浓烈,在楼层条及商卡设计上,也更加强调京东电器价格心智传播,响应今年京东 11.11 以“给生活多点实在”的主题。

    技术创新价值:

    此次京东电器 11.11 期间,我们也通过数据驱动设计,不断深挖用户对于我们整个京东电器 11.11 大促活动的价值体验。在各事业部及品类会场,3C Design 前端组件共创新复用 60+组件。此次事业部各主会场大量使用 3C 营销设计团队沉淀的优秀组件,其中挽留弹窗,一键领券,浮层 icon,商卡层叠切换等曝光点击率均有不同幅度的增长,与集团研发团队共建的产品 3D 模板,在不断提升曝光点击的同时,实现了用户可以在会场上实时浏览产品的 360 度的样式,加深了用户对于新品,趋势品的关注度。

    此次 11.11 我们整理沉淀了各事业部主会场优秀组件样式 TOP10 并总结组件优势和使用推荐,为后续的活动做好了合理可视化的数据支持。

    四、京东电器 11.11 -- 品类视觉风格创意 1. 创意符号打造

    创意思路:22 年 11.11 主要围绕京东电器品牌曝光、价格心智、视觉创意三个方面,首先在京东电器品牌上使用品牌 LOGO、符号、形象进行统一化的心智触达; 其二是价格心智,在颜色选择、构图、商卡展示信息上重点烘托氛围,突出价格心智;其三突出各个品类特色,保留个性化特征;

    设计理念:京东电器 11.11 在品类侧会场中使用“场景版”:闪电划过展现各种创意场景,以场景维度推出 3C 各品类产品。

    2. 品类会场视觉创意规范:

    3. 各品类创意视觉展示:

    预热期:

    高潮期:

    五、京东电器全渠道的线上线下视觉体验一致 对线下业态视觉做统一规范指导,期间在各超级体验店,旗舰店等资源位上刊,做到线上线下视觉体验一致。并在 11.11 期间联合各大品牌供应商,首次以京东电器自身品牌闪电创意图形进行 1+100 百大品牌创意海报投放,持续传递京东电器“好价,好货,好服务”的品牌心智。

    1. 百大品牌

    ① 项目背景

    此次京东电器 11.11 联合百大品牌进行视觉共建,项目从 9 月底开启进行整体的创意视觉的下发与宣讲,中期的审核与反馈,到最终 10 月底配合市场部侧在 11.11 期间做 1+N 整体的创意传播与爆发,此次创意海报也是京东电器首次以自身品牌闪电创意图形联动品牌侧一起在双十一期间共创视觉创意方案。

    ② 百大品牌视觉创意规范

    闪电创意海报一共由闪电创意符号、创意背景、营销标题和信息四个部分组成。画面中各类元素的大小及位置皆与之形成对应关系。

    ③ 项目亮点

    京东电器 1+100 百大品牌闪电创意海报联合投放,以京东电器“闪电”符号为基础图形共建创意海报;11 月 1 日-11 月 11 日期间各品牌侧陆续在各自官微进行投放与爆发,在 11.11 期间一起在京东站内外助力京东电器品牌曝光与声量传播;

    ④ 优秀海报案例:

    ⑤ 未来展望

    此次 11.11 京东电器和百大厂商品牌合作共创视觉创意,是京东电器和品牌方的合作共赢,在未来,要持续保持和各大品牌供应商的合作共建,助力共同发展进步,共同为消费者提供更优质的服务。

    2. 京东电器线下品牌传播

    在线下业态方面,以京东电器“闪电”符号为核心加入京东电器代言人肖战,助力品牌传播和吸引用户进店,全套视觉覆盖 5 家超体、40 家门城旗、100+五星双门头门店内;五家超体累计到店几十万多人次,线下业态会场累计曝光上千万多人次;

    全渠道 JOY 形象:京东电器全渠道(线下业态)JOY IP 形象在 11.11 期间开始传播,在用户心智上全渠道 JOY 热爱 3C 产品、热爱购物、有潮酷感的形象,同时此信息仅在宣传线下业态中使用,让用户感知“京东电器”服务的同时,也能识别出不同业态。

    线下传播 KV&上刊展示:

    六、总结与心得 1. 京东电器低价心智

    结合 2022 年京东 11.11“给生活多点实在”主题,在一级事业部中加入京东电器代言人肖战,助力京东电器品牌心智提升,同时加入商业化思考,京东电器 2022 11.11 将设计重点放在了对于价格心智的思考,通过对符号,设计组件应用&提升等助力业务提升,让设计更营销,传递京东电器“好价,好货,服务”的品牌心智,提升京东电器品牌声量传播。

    2. 商业化的设计

    团队会针对用户体验、营销、交互、品牌、研究、前端代码设计等层面服务 3C 事业群。从创意到商业化价值的转化,再从数据理性分析并驱动,最终形成商业设计赋能于业务帮助业务增长。同时团队是个关注设计商业化、设计价值领域的所有项目的创新设计。从探索价格心智的商卡和组件样式,再到多场景价格心智氛围打造,设计表现力有过之而无不及,有效触达用户体验,全面提升京东电器品牌心智声量传播,最终触达 2022 年京东电器 11.11 价格心智表达。设计和商业的有机结合对设计师而言一直都是一个很大的命题,尤其在全球经济下行的今天,更需要 设计师 利用敏锐的观察视角,立足商业本身,持续挖掘设计价值,让商业美而简单。

    3C Desgin 优秀设计狮小伙伴们,希望下一个 11.11 更加精彩~

    THANKS.

    欢迎关注「JellyDesign」的小程序:


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通