• 视觉设计师来收!免费商用字体推荐:黑体篇(13款已打包)

    UI交互 2023-01-20
    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体,前 6 款为各大品牌开发的黑体字型,后 7 款是在传统黑体上进行设计改造,形成各有特点的黑体变体。

    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用 黑体 ,前 6 款为各大品牌开发的 黑体字 型,后 7 款是在传统黑体上进行设计改造,形成各有特点的黑体变体。

    还有优设自研的超人气字体:

    「优设标题黑」官网下载! 「优设标题黑」请从优设官网下载,我们会将最新字体版本更新在此,大家记得收藏本页面。

    阅读文章 >

    Adobe 和 Google 共同开发的免费黑体。字体设计优雅,显示效果优秀,可以满足不同场景下的文字显示需求。由于字体是开源且免费的,用户还有权修改它,以此衍生出了大量基于思源黑体改造的字体。

    阿里巴巴普惠体字形瘦长,视觉重心略高,字体内外都透露出一股年轻挺拔的姿态。包含 5 个字重,针对不同字重的使用场景,对细节做了区别化处理。其中 L/R/M 较细的字体更适用于长文阅读,而 B/H 两款较粗的字体更适用于标题场景。

    奉行简洁真实,去除装饰,特征鲜明但又低调,并针对移动端进行了像素级优化,具有现代感和未来感。包含 5 个字重。

    MiSans 为小米品牌字体,笔型平直有力,设计简约,减少视觉负担,更有利于屏幕显示。MiSans 字重齐全,层级清晰,共有 10 个字重。

    华为 HarmonyOS 鸿蒙操作系统全新定制的系统默认字体,鸿蒙字体设计上聚焦于功能性、普适性,是一款多语言的无级可变字体。

    首款支持字重、中宫双重无级可变的荣耀品牌定制字体。采用现代简约的黑体风格,不同笔画部件之间的位置关系清晰明确,字体精美舒适。

    江城斜黑体可以看做思源黑体斜体版,字形倾斜 12 度,具有力量感,速度感。保留了原字体 7 个字重,满足多种场景使用。

    江城律动黑字体向上倾斜 5 度,具有上下律动感,自带活动促销 BGM,天生适用于活动、促销等广告语。

    欢迎关注作者的微信公众号:「艺海拾贝Design」

  • Creative Fabrica!下载10w+高质量字体与矢量装饰素材的宝藏网站

    UI交互 2023-01-20
    大家好,这里是你们聊设计的花生。今天为大推荐一个包含超多字体和矢量设计素材的网站Creative Fabrica,不仅免费而且质量都非常高。往期回顾:4500张!

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

    今天为大推荐一个包含超多字体和矢量设计素材的网站 Creative Fabrica ,不仅免费而且质量都非常高。

    往期回顾:

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

    阅读文章 >

    Creative Fabrica 网站直达: https://www.creativefabrica.com/freebies/

    Creative Fabrica 是一家国外的综合性设计素材销售平台,为 设计师 或手工艺者提供各种类型的高质量素材。网站的本身是付费平台,但是其中有一个“Freebies”版块,原本收费的素材在这里可以限时免费下载并用于商业设计,目前收录了10万多项免费资源,且会每日更新。

    “Freebies”里主要收录了6种类型的素材,包括字体、SVG素材、图案、刺绣图形和教程,其中前3种的素材质量最高,数量也非常大。字体区目前有3700多种资源可供下载,风格主要以手写英文花体为主,风格各异,在logo、设计或海报banner的设计中都可以用到。

    “Freebies”内的字体资源(部分)

    SVG素材和图案里则是各种各样的装饰性素材,如排版好的手写文字组、可无缝拼接的图案花纹、纸质纹理、装饰边框、可爱的动物或植物插图贴纸、样机模板等,能看得人眼花。很多素材都是成堆打包下载的,简直是天降的羊毛随便薅。

    “Freebies”内的素材(部分)

    Creative Fabrica 可以直接打开, 免费素材 下载没有次数或数量限制,但部分素材会限时,过了时间就恢复原价,所以大家看到喜欢的素材记得马上下载。下载素材之前主要用邮箱注册然后登录,点击卡片进入详情页后可以看到素材的授权类型、文件格式、尺寸大小等信息,点击绿色的“Download For Free”按钮即可下载素材。

    Creative Fabrica 对所有的免费素材都附上了商业许可证明,但是规定在 Basic POD 的范围内,我查了一下大概包含以下的意思:

    免费素材可以用于商业用途的设计,但用户要确保对这些设计进行修改,使其最终效果与原始设计有明显区分。比如下载一个SVG格式的插画素材后,你可以修改它的颜色、增删它的部分元素、添加背景装饰、或与其他素材混用叠用,但不能原样照搬使用; 免费下载的字体必须用作其他设计中的一部分,不能直接将字体本身出售获利; 不能直接用网站内下载的多个素材拼合做成“新”作品,必须要使用者本身对其进行明显的修改; 不能将下载的免费素材直接分享到其他类似的设计平台上,也不能直接分享给其他任何人。每次下载的商用许可证只适用于下载者本人,自己下载自己随便用,但不能帮别人下载,也不要让别人帮忙下载。 总结一下,Basic POD就是下载的免费素材只能作为设计中作品中的一部分,需要设计者本人的进行显著修改;免费素材的商用许可证只对本人有效,不能将原素材上传到其他平台或者分享给别人。更详细的介绍大家可以看官方发布的说明:

    Basic POD 概念解释: Print on Demand licenses: an overview - Creative Fabrica

    以上就是今天为大家推荐的综合性素材网站Creative Fabrica,里面有大量免费可商用的设计素材,包括字体、矢量图形、纹理、模板、无缝图案、贴纸等,但需要在Basic POD 范围内使用。如果你喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    免费可商用!90000+高质量矢量素材网站SVG Silh 大家好,我是和你们聊设计的花生~ 今天为大家推荐一个免费开源的素材网站 SVG Silh,上面有非常多高质量的剪影及写实线条风的素材,而且提供 SVG 的下载格式,方便我们在设计中进行再次编辑,一起来看看吧~ 「网站直达」 https://svgsilh.com/ ,网站首页看起来比

    阅读文章 >

    超全整理!9个设计师必备的高质量图案背景素材网站 大家好,这里是和你们聊设计的花生~ 之前为大家推荐过5个纹理材质网站和5个科技感背景网站,今天继续为大家推荐9个高质量几何背景图案素材网站,它们包含了上千种丰富的图案样式,可以用作海报、网页、包装、PPT、壁纸设计等多个方面,下载便捷且都是免费可商用,一起来看看吧~ 1)more.

    阅读文章 >

  • Creative Fabrica!下载10w+高质量字体与矢量装饰素材的宝藏网站

    UI交互 2023-01-20
    大家好,这里是你们聊设计的花生。今天为大推荐一个包含超多字体和矢量设计素材的网站Creative Fabrica,不仅免费而且质量都非常高。往期回顾:4500张!

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

    今天为大推荐一个包含超多字体和矢量设计素材的网站 Creative Fabrica ,不仅免费而且质量都非常高。

    往期回顾:

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

    阅读文章 >

    Creative Fabrica 网站直达: https://www.creativefabrica.com/freebies/

    Creative Fabrica 是一家国外的综合性设计素材销售平台,为 设计师 或手工艺者提供各种类型的高质量素材。网站的本身是付费平台,但是其中有一个“Freebies”版块,原本收费的素材在这里可以限时免费下载并用于商业设计,目前收录了10万多项免费资源,且会每日更新。

    “Freebies”里主要收录了6种类型的素材,包括字体、SVG素材、图案、刺绣图形和教程,其中前3种的素材质量最高,数量也非常大。字体区目前有3700多种资源可供下载,风格主要以手写英文花体为主,风格各异,在logo、设计或海报banner的设计中都可以用到。

    “Freebies”内的字体资源(部分)

    SVG素材和图案里则是各种各样的装饰性素材,如排版好的手写文字组、可无缝拼接的图案花纹、纸质纹理、装饰边框、可爱的动物或植物插图贴纸、样机模板等,能看得人眼花。很多素材都是成堆打包下载的,简直是天降的羊毛随便薅。

    “Freebies”内的素材(部分)

    Creative Fabrica 可以直接打开, 免费素材 下载没有次数或数量限制,但部分素材会限时,过了时间就恢复原价,所以大家看到喜欢的素材记得马上下载。下载素材之前主要用邮箱注册然后登录,点击卡片进入详情页后可以看到素材的授权类型、文件格式、尺寸大小等信息,点击绿色的“Download For Free”按钮即可下载素材。

    Creative Fabrica 对所有的免费素材都附上了商业许可证明,但是规定在 Basic POD 的范围内,我查了一下大概包含以下的意思:

    免费素材可以用于商业用途的设计,但用户要确保对这些设计进行修改,使其最终效果与原始设计有明显区分。比如下载一个SVG格式的插画素材后,你可以修改它的颜色、增删它的部分元素、添加背景装饰、或与其他素材混用叠用,但不能原样照搬使用; 免费下载的字体必须用作其他设计中的一部分,不能直接将字体本身出售获利; 不能直接用网站内下载的多个素材拼合做成“新”作品,必须要使用者本身对其进行明显的修改; 不能将下载的免费素材直接分享到其他类似的设计平台上,也不能直接分享给其他任何人。每次下载的商用许可证只适用于下载者本人,自己下载自己随便用,但不能帮别人下载,也不要让别人帮忙下载。 总结一下,Basic POD就是下载的免费素材只能作为设计中作品中的一部分,需要设计者本人的进行显著修改;免费素材的商用许可证只对本人有效,不能将原素材上传到其他平台或者分享给别人。更详细的介绍大家可以看官方发布的说明:

    Basic POD 概念解释: Print on Demand licenses: an overview - Creative Fabrica

    以上就是今天为大家推荐的综合性素材网站Creative Fabrica,里面有大量免费可商用的设计素材,包括字体、矢量图形、纹理、模板、无缝图案、贴纸等,但需要在Basic POD 范围内使用。如果你喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    免费可商用!90000+高质量矢量素材网站SVG Silh 大家好,我是和你们聊设计的花生~ 今天为大家推荐一个免费开源的素材网站 SVG Silh,上面有非常多高质量的剪影及写实线条风的素材,而且提供 SVG 的下载格式,方便我们在设计中进行再次编辑,一起来看看吧~ 「网站直达」 https://svgsilh.com/ ,网站首页看起来比

    阅读文章 >

    超全整理!9个设计师必备的高质量图案背景素材网站 大家好,这里是和你们聊设计的花生~ 之前为大家推荐过5个纹理材质网站和5个科技感背景网站,今天继续为大家推荐9个高质量几何背景图案素材网站,它们包含了上千种丰富的图案样式,可以用作海报、网页、包装、PPT、壁纸设计等多个方面,下载便捷且都是免费可商用,一起来看看吧~ 1)more.

    阅读文章 >

  • 研究腾讯设计人才白皮书后,总结了这5点职场趋势

    UI交互 2023-01-20
    从去年开始关注腾讯 CDC 每年一度的设计人才调研报告。2022 调研报告的全称是《2022 年互联网新兴设计人才白皮书》,样本来自腾讯 CDC 公众号、站酷和卷叔填填圈的自有样本库,样本量总计约 7000 人,招聘数据来自脉脉人才智库,看起来还是具备较高说服力的。正好最近也看到了 UX tools 的《2022...

    从去年开始关注腾讯 CDC 每年一度的设计人才调研报告。2022 调研报告的全称是《2022 年互联网新兴设计人才白皮书》,样本来自腾讯 CDC 公众号、站酷和卷叔填填圈的自有样本库,样本量总计约 7000 人,招聘数据来自脉脉人才智库,看起来还是具备较高说服力的。

    正好最近也看到了 UX tools 的《2022 Design Tools Survey》,这份报告有很多设计媒体都做了中文版的翻译,但 UX tools 的调研对象是海外设计师群体。所以我把其中部分内容结合腾讯 CDC 的报告进行了对比,觉得有意思的点还挺多的,这里列举 5 点,跟大家分享。

    关于这份报告的中文版:

    从1000多篇文章中,总结出 2023 UX设计行业趋势报告 编者按:相比于其他的具体的趋势报告,来自 UXdesign.cc 的这篇报告更像是一篇针对 2022 年的反思和总结。

    阅读文章 >

    2022 年设计岗位招聘需求量少的可怜 设计职能由专业细分向着综合性职能演变 对比海外设计师的从业年龄,国内设计师“太年轻” 设计师 与需求方的关注点不一致 国内体验设计软件生态与海外差异较大,国产软件仍有较大空间 第 1 点:2022 年设计岗位招聘需求量少的可怜

    腾讯 CDC 关于这一页的描述是“今年市场对新兴设计岗位招聘需求有所下降”。“有所下降”这个说法有点太过温和了,对比 2020、2021、2022 三年的设计招聘数据,设计岗位的招聘需求不仅仅是有所下降那么简单,2022 年简直是非常惨淡的一年。需求量连去年的一半都不到。

    第 2 点:设计职能由专业细分向着综合性职能演变

    这一页特别有意思,注意看近三年来游戏设计、交互设计、UX 设计与用户研究的热度趋势。更细分的交互设计、用户研究岗位在变少,相反的,产品体验设计这种综合设计职能在变多。

    实际上现在同时具备 UI 设计、交互设计、用户研究等综合能力的产品设计师与 UX 设计师在人才市场上非常少。但企业都在招聘这样的人,这个现象一方面反映了设计职能的综合性发展,另一方面也反映了企业管理者在理性地控制人员成本。

    第 3 点:对比海外设计师的从业年龄,国内设计师“太年轻”

    对比 UX tools 做的问卷调研,海外与国内的设计师在工作年限上的差异非常巨大。工作 10 年及以上(不含 10 年)的设计师占比约 30%,而国内 10 年以上(含 10 年)的设计师仅占 10%。不知道各位怎么理解这个巨大的差异,我觉得这是国内设计领域仍然非常不成熟的表现。如果大部分设计师做不到 10 年就不干了,设计深耕也就无从谈起,没人进行专业深耕,所以这个领域也很难有什么进步和明显的发展。

    那么为什么国内是这样的情况呢?

    可能并不是因为我们国人设计师没长性,而是国内的设计岗位需求决定的。一方面设计领域没有长期深耕人才,另一方面企业用人方几乎不能接受工作 10 年以上的设计师。只有少数高阶职位才会写 10 年以上。

    一个人从本科毕业参加工作 22 岁,到法定退休年龄(男性 60 岁、女性 50 岁)还有大约 30-40 年的时间。工作 15 年/20 年以上的设计师将何去何从呢?

    最近两年在人力资源行业,我看到大量的 35 岁以上和 40 岁以上的设计师仍在招聘平台上求职、找工作。我看到他们的简历和自我介绍,仍能感觉到他们对设计抱有热情。但现实情况是需要设计师的用人单位在同样薪资条件、工作能力接近的情况下往往更加青睐年轻的那个。这样的环境久而久之,年龄偏大的设计师过了 35 岁之后,就可能会觉得跟周围的年轻设计师对比显得有点格格不入,从而选择转行。

    海外设计师的情况与国内截然不同。他们不光有大龄的设计师,还有大龄的程序员和产品经理。大家都不会觉得年龄有什么问题,也不会觉得年龄大了在求职的时候就是减分项了。

    再比如我们看设计领域的知识沉淀。国内设计领域的写作者整体也都比海外的作者年轻,工作 5 年、7 年就出来自立门户开班授课的人也很多。大家写的内容和讲的内容也都集中在设计入门和设计基础,比如讲用户体验地图“是什么”的人挺多的,但接下来用户体验地图与用户画像之间的关系、用户体验地图的实际工作价值探讨、用户体验地图在不同行业不同类型的产品应该如何应用等等下一步的问题,似乎很少能见到有人可以写出来、讲出来。

    为什么呢?我觉得跟从业时间有很大关系。

    第 4 点:设计师与需求方的关注点不一致

    从调研数据表现上来看,设计需求方(这里指的是日常工作中有设计需求的产品、研发、市场、运营、行政等多类岗位职能)最关注的三个方面是创造力、合作沟通和责任心,而设计师对于自身的设计工作最关注的三个方面是设计成果呈现、逻辑思考和创造力。

    设计师觉得最重要的肯定是要进行高质量进行设计交付,设计产出的表达和呈现优秀。而我们的需求方觉得设计师应该更有责任心、应该更加注重协作和沟通。

    在创造力这方面,双方似乎非常有共识。并且我们的需求方把创造力放在第一位,从这个数据中你看到了什么?我看到了我们的需求方对设计师的尊重和对设计价值的无限期待。

    虽然他们不是每次都讲,也不会把创造力、创新写到自己的需求文档里,但是他们一直以来都在期待设计师可以给到他们眼前一亮的东西,给他们带来惊喜感的东西。

    我觉得,创造力和洞察力是设计师工作的内核,也是最难的部分,值得奋斗终身的部分。

    第 5 点:国内体验设计软件生态与海外差异较大,国产软件仍有较大空间

    近年来,sketch 在海外的使用量急剧下滑,同时伴随着 figma 一统天下。而在国内 sketch 仍是最主流 UX 设计工具,因为今年 figma 对中国市场的放弃动作,我所在的团队目前仍在使用 sketch+蓝湖来完成日常工作,有点无奈。

    PS:CDC 的研究数据显示 UX 设计使用最多的是 Photoshop,还有人在用 PS 做 UI 界面吗?我猜这个问题原文问的可能是你在用哪些设计工具,而不是问你最常用哪些设计工具。

    腾讯 CDC 报告中的软件 NPS 调研结果特别有说服力,Figma 一如既往的高分。

    我听过蓝湖公司的 Mastergo 团队为猎聘 XID 做的讲解,感觉在性能和工具体验上已经没什么问题,可以满足日常的 UX 设计协作使用了。

    如果要对比Figma,我觉得最大的差异不是技术层面和产品层面的问题,而是设计文化和设计社区层面的问题。Figma 是先进设计理念的代表,并且有基于设计工具发展起来的成熟的设计社区。

    这一点大家都比不了,Adobe XD 不也认怂了嘛。

    欢迎关注作者微信公众号:「柴林的设计笔记」

  • 从3个方面,聊聊收藏夹背后的设计逻辑

    UI交互 2023-01-20
    几乎所有 C 端产品中都会有收藏功能,也是为用户提供对喜欢的内容进行个性化保存、分类和管理的空间。同时也方便用户再次消费某个内容时,减少再次记忆和查找的成本。比如我喜欢做菜,但是年纪大了记性不好,每次做一道菜我都会打开我的某音收藏夹里找到视频教程。

    几乎所有 C 端产品中都会有收藏功能,也是为用户提供对喜欢的内容进行个性化保存、分类和管理的空间。同时也方便用户再次消费某个内容时,减少再次记忆和查找的成本。比如我喜欢做菜,但是年纪大了记性不好,每次做一道菜我都会打开我的某音收藏夹里找到视频教程。

    更多 收藏夹设计 教程:

    从“去我的收藏夹吃灰”聊起,如何从产品角度解决信息过载问题? 有了互联网以后,大家都会发现信息的获取越来越方便,但同时也会发现,信息过载的问题更加严重。

    阅读文章 >

    一、收藏夹要解决用户什么问题 两个关键词:1.管理   2.分类

    管理,就是我们所说的增删改查。“增”,我们需要在用户浏览信息时给该信息提供收藏功能,这里要注意的是收藏信息的颗粒度,什么信息可以收藏,一段话?一篇文章?一个用户发布的完整内容?还是一张图片?产品对收藏最小单位的定义要明确,因为会影响到对收藏内容的分类。例如微信可收藏的最小单位很多,有链接(包含文章)、文件、图片/视频、音乐、语音、聊天记录、笔记、位置,而像饿了么只能关注店铺,对任何菜品、用户评论等等都无法进行收藏。B站你可以收藏视频、漫画、商品,但不能是他人的动态。

    删没什么好说的,再来说一下改和查。因为他俩会涉及到收藏的流程。我们知道不同产品的收藏流程是不同的,例如马蜂窝、闲鱼等产品,用户收藏内容后只给出收藏成功的 toast/提示栏提示,并告知收藏到了哪里;

    而腾讯视频、抖音、携程则是当用户进行收藏后除了给出成功提示还会给出收藏列表的入口;

    最后,像知乎、豆瓣在点击收藏后直接给出滑出操作框让用户选择收藏夹或创建收藏夹以及是否要转发。

    二、3 种流程的区别 前两种我认为区别并不大,是否要在提示框里给用户进入收藏列表的入口,更多还是取决于产品是否想让用户离开这个场景,还是让用户继续浏览。之前我们提到过闭环,但是闭环一般针对任务而言,但是收藏严格来说不算是“任务”,而是用户的一种“行为”,感知起来区别还是很大的,因为任务是有明确目标的,比如给用户安排一个任务,让他对某个商品进行分类收藏,那么用户会根据这个分类收藏的目标去进行操作,任务结束后给用户相关的引导和出口。但是在用户自然的浏览场景中,对内容的收藏并没有具体目标,所以要不要给用户在点击收藏后引导进入收藏列表要具体情况具体分析。

    其次是知乎、豆瓣,在用户点击收藏后给予是否要创建收藏夹的功能,相比于前两种,对信息内容的管理,更加明显了。首先为什么他们和前两种不同呢,像知乎用户是有 KOL 效应的,个人的收藏夹可以公开,他人可以查看他人的收藏夹,有点类似于花瓣的画板,同时对于这类知识、内容类的应用,对于分类的要求和需求更高更多,本身知识的维度就很多,颗粒度很小,所以在用户进行收藏行为时主动提醒用户可以创建收藏夹。

    那淘宝是怎么做的,它在用户收藏的时候也给出一个菜单,用户可以选择收入到某个收藏夹,也可以默认不放入,还可以去创建并放入,这就是更个性化了。

    但是咱们说前两种没有给在收藏时给创建功能的就不个性化了吗?也不是,个性化也要根据产品定位和用户需求来的,比如马蜂窝的一些机票车票、旅游产品,做一个收藏夹创建,好像没必要,因为可收藏的类型不多,个性化标签也不明显,显然是没必要的。腾讯视频、闲鱼显然也是。那我们再来聊一个细节。

    知乎在点击收藏某个回答的时候,页面会唤起收藏模块,让用户选择你要收藏到哪里,但这里的体验不是很好,因为用户想要收藏某个内容必须先选择收藏夹,如果不选择则无法收藏成功?

    无论你当前是否创建了收藏夹,都必须选择或点击完成,如果有创建过,那就需要经历:1. 点击收藏图标 2. 点击要收入的收藏夹 3. 点击完成,如果没有创建过那么默认会创建一个收藏夹。而淘宝则不是,无论你是否创建收藏夹,只要点击收藏图表那就已经收藏成功,在这个前提下,你可以选择是否要收入到某个收藏夹还是新创建一个。

    所以知乎、豆瓣的收藏单位大多以回答、帖子为主,这样的内容系统无法帮助生成标签,所以需要用户自己创建分类,在收藏时给予创建功能是合理的,但我认为知乎这样的设计还是不够人性化,但是站在业务角度看,就是想引导用户去创建分类,也是能理解的,虽然在体验和效率上并不是最优。

    创建、分类、搜索都是帮助用户再次进入收藏空间时能够更好的查找想要的内容。同时不同产品会有不同的筛选标签,比如微信阅读,收藏其实就是书架,哦,应该说,书架就是收藏。筛选维度分为:更新、进度、购买、分类。所以我们在设计收藏功能的时候,要根据用户的筛选场景和内容来制定合理的筛选维度。

    三、收藏和点赞还有加入购物车的区别 收藏的属性就是收纳、管理和分类,但是和点赞、购物车不同,点赞意味着认同,具有社交属性,同时也为了帮助产品记录用户个偏好用作研究,而收藏则是用户想对该内容进行收集,比如我正在准备一个辩论赛,我抽了一个反方观点,虽然我本身并不喜欢这个观点,但是为了准备辩论的素材和题目我会对这个内容进行收藏,但不会点赞,虽然收藏大部分时候也有对内容的认可,但不完全是。所以收藏更多的是用户个人对信息的单方面管理,点赞则一个即时互动。

    收藏和购物车也是一样的,购物车承载的是更多消费、商品营销的表达、算价以及凑单活动,购物车和直接消费强关联,而收藏夹多关注与对商品的存储管理、搜索查找,虽然也有一部分需求重合,但用处、和场景还是有很大区别的。

    最后,总结一下,设计收藏夹时,我们首先得根据产品定位和用户需求以及内容的维度来选择好收藏夹的颗粒度或最小单位,其次,根据业务或用户需求设定好收藏夹的收藏逻辑和流程,最后,做好用户对收藏内容的查找以及分类筛选的体验。

    欢迎关注作者的微信公众号:「应谋鬼计」

  • 从3个方面,聊聊收藏夹背后的设计逻辑

    UI交互 2023-01-20
    几乎所有 C 端产品中都会有收藏功能,也是为用户提供对喜欢的内容进行个性化保存、分类和管理的空间。同时也方便用户再次消费某个内容时,减少再次记忆和查找的成本。比如我喜欢做菜,但是年纪大了记性不好,每次做一道菜我都会打开我的某音收藏夹里找到视频教程。

    几乎所有 C 端产品中都会有收藏功能,也是为用户提供对喜欢的内容进行个性化保存、分类和管理的空间。同时也方便用户再次消费某个内容时,减少再次记忆和查找的成本。比如我喜欢做菜,但是年纪大了记性不好,每次做一道菜我都会打开我的某音收藏夹里找到视频教程。

    更多 收藏夹设计 教程:

    从“去我的收藏夹吃灰”聊起,如何从产品角度解决信息过载问题? 有了互联网以后,大家都会发现信息的获取越来越方便,但同时也会发现,信息过载的问题更加严重。

    阅读文章 >

    一、收藏夹要解决用户什么问题 两个关键词:1.管理   2.分类

    管理,就是我们所说的增删改查。“增”,我们需要在用户浏览信息时给该信息提供收藏功能,这里要注意的是收藏信息的颗粒度,什么信息可以收藏,一段话?一篇文章?一个用户发布的完整内容?还是一张图片?产品对收藏最小单位的定义要明确,因为会影响到对收藏内容的分类。例如微信可收藏的最小单位很多,有链接(包含文章)、文件、图片/视频、音乐、语音、聊天记录、笔记、位置,而像饿了么只能关注店铺,对任何菜品、用户评论等等都无法进行收藏。B站你可以收藏视频、漫画、商品,但不能是他人的动态。

    删没什么好说的,再来说一下改和查。因为他俩会涉及到收藏的流程。我们知道不同产品的收藏流程是不同的,例如马蜂窝、闲鱼等产品,用户收藏内容后只给出收藏成功的 toast/提示栏提示,并告知收藏到了哪里;

    而腾讯视频、抖音、携程则是当用户进行收藏后除了给出成功提示还会给出收藏列表的入口;

    最后,像知乎、豆瓣在点击收藏后直接给出滑出操作框让用户选择收藏夹或创建收藏夹以及是否要转发。

    二、3 种流程的区别 前两种我认为区别并不大,是否要在提示框里给用户进入收藏列表的入口,更多还是取决于产品是否想让用户离开这个场景,还是让用户继续浏览。之前我们提到过闭环,但是闭环一般针对任务而言,但是收藏严格来说不算是“任务”,而是用户的一种“行为”,感知起来区别还是很大的,因为任务是有明确目标的,比如给用户安排一个任务,让他对某个商品进行分类收藏,那么用户会根据这个分类收藏的目标去进行操作,任务结束后给用户相关的引导和出口。但是在用户自然的浏览场景中,对内容的收藏并没有具体目标,所以要不要给用户在点击收藏后引导进入收藏列表要具体情况具体分析。

    其次是知乎、豆瓣,在用户点击收藏后给予是否要创建收藏夹的功能,相比于前两种,对信息内容的管理,更加明显了。首先为什么他们和前两种不同呢,像知乎用户是有 KOL 效应的,个人的收藏夹可以公开,他人可以查看他人的收藏夹,有点类似于花瓣的画板,同时对于这类知识、内容类的应用,对于分类的要求和需求更高更多,本身知识的维度就很多,颗粒度很小,所以在用户进行收藏行为时主动提醒用户可以创建收藏夹。

    那淘宝是怎么做的,它在用户收藏的时候也给出一个菜单,用户可以选择收入到某个收藏夹,也可以默认不放入,还可以去创建并放入,这就是更个性化了。

    但是咱们说前两种没有给在收藏时给创建功能的就不个性化了吗?也不是,个性化也要根据产品定位和用户需求来的,比如马蜂窝的一些机票车票、旅游产品,做一个收藏夹创建,好像没必要,因为可收藏的类型不多,个性化标签也不明显,显然是没必要的。腾讯视频、闲鱼显然也是。那我们再来聊一个细节。

    知乎在点击收藏某个回答的时候,页面会唤起收藏模块,让用户选择你要收藏到哪里,但这里的体验不是很好,因为用户想要收藏某个内容必须先选择收藏夹,如果不选择则无法收藏成功?

    无论你当前是否创建了收藏夹,都必须选择或点击完成,如果有创建过,那就需要经历:1. 点击收藏图标 2. 点击要收入的收藏夹 3. 点击完成,如果没有创建过那么默认会创建一个收藏夹。而淘宝则不是,无论你是否创建收藏夹,只要点击收藏图表那就已经收藏成功,在这个前提下,你可以选择是否要收入到某个收藏夹还是新创建一个。

    所以知乎、豆瓣的收藏单位大多以回答、帖子为主,这样的内容系统无法帮助生成标签,所以需要用户自己创建分类,在收藏时给予创建功能是合理的,但我认为知乎这样的设计还是不够人性化,但是站在业务角度看,就是想引导用户去创建分类,也是能理解的,虽然在体验和效率上并不是最优。

    创建、分类、搜索都是帮助用户再次进入收藏空间时能够更好的查找想要的内容。同时不同产品会有不同的筛选标签,比如微信阅读,收藏其实就是书架,哦,应该说,书架就是收藏。筛选维度分为:更新、进度、购买、分类。所以我们在设计收藏功能的时候,要根据用户的筛选场景和内容来制定合理的筛选维度。

    三、收藏和点赞还有加入购物车的区别 收藏的属性就是收纳、管理和分类,但是和点赞、购物车不同,点赞意味着认同,具有社交属性,同时也为了帮助产品记录用户个偏好用作研究,而收藏则是用户想对该内容进行收集,比如我正在准备一个辩论赛,我抽了一个反方观点,虽然我本身并不喜欢这个观点,但是为了准备辩论的素材和题目我会对这个内容进行收藏,但不会点赞,虽然收藏大部分时候也有对内容的认可,但不完全是。所以收藏更多的是用户个人对信息的单方面管理,点赞则一个即时互动。

    收藏和购物车也是一样的,购物车承载的是更多消费、商品营销的表达、算价以及凑单活动,购物车和直接消费强关联,而收藏夹多关注与对商品的存储管理、搜索查找,虽然也有一部分需求重合,但用处、和场景还是有很大区别的。

    最后,总结一下,设计收藏夹时,我们首先得根据产品定位和用户需求以及内容的维度来选择好收藏夹的颗粒度或最小单位,其次,根据业务或用户需求设定好收藏夹的收藏逻辑和流程,最后,做好用户对收藏内容的查找以及分类筛选的体验。

    欢迎关注作者的微信公众号:「应谋鬼计」

  • 用腾讯会议的实战案例,深入分析如何简化用户任务

    UI交互 2023-01-19
    前言随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以“腾讯会议设置布局”交互优化为例,结合《设计心理学 2》的相关理论,分享关于简化复杂任务的设计心得。腾讯往期案例:如何构建科学有效的色彩系统?

    前言

    随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以“ 腾讯会议 设置布局”交互优化为例,结合《设计心理学 2》的相关理论,分享关于简化复杂任务的设计心得。

    腾讯往期案例:

    如何构建科学有效的色彩系统?来看腾讯文档的实战案例! “色彩是我们感知世界的重要媒介,对于信息传达有着重要的作用,能使人们能够更有效的感知设计的意图和内涵,使传达更高效。

    阅读文章 >

    一、为何要“简化”任务 一款产品是不是功能越齐全多样就意味着越好的产品体验呢?

    对于专家用户来说,当然是功能越全面越能满足自己的需求,但对于新手用户来说,全面的功能未必等同最佳的体验,过多操作挤在同一任务中,可能会让用户感到不知所措,难以上手。因此设计师应尽可能帮助用户简化任务,避免用户因为界面复杂而放弃任务。

    专业类软件的核心用户通常是掌握某项技能的专家用户,他们在使用前,已经有预期需要先系统学习整个软件的操作,因此它们的复杂和全面是符合专家用户要求的。

    即便如此,近年来,Figma 之类的软件也在持续打磨易用性,降低用户使用门槛。

    专业图形建模类软件操作界面

    作为一款面向普通大众、以高效协同为第一初衷的产品,腾讯会议更需要不断简化复杂操作,让大多数用户都能快速上手,流畅地主持或参与一场会议。下面我将结合腾讯会议设置布局的交互优化案例,来分享关于简化复杂任务的一点点心得。

    会议场景矩阵

    相比线下会议,线上开会不免缺乏临场感,因此在腾讯会议里,主持人常常需要通过设置布局来让成员关注重要的视频画面。在无特殊需求的普通会议中,官方提供的两种默认布局就能满足常见的会议场景:

    腾讯会议默认布局

    实际上,真实的会议场景需求多种多样。例如,企业汇报更关注发言人,而小组讨论则更侧重轻松的沟通,如何在同一个界面里满足不同的诉求成为难点。为此,腾讯会议在默认布局的基础上,推出了“自定义布局”和“会聚模式”功能,来提供更丰富的会议布局选择。

    丰富的布局模式

    因概念陌生,且需要设置成员顺序、位置以及画面比例,对于普通用户来说,这两个功能有一定的使用门槛。在该功能推出一段时间后,我们发现:用户普遍找不到设置布局的入口,在具体设置过程中也遇到较多困难,认为设置布局是“高阶”而“复杂”的功能而不愿尝试。要让用户能把布局能力真正用起来,简化布局的设置过程就显得尤为重要。

    布局操作路径

    为了探究具体是什么原因让用户觉得功能复杂,我们开展了易用性测试,得出以下几个交互层面的具体问题,包括:1)入口难找;2)操作难理解;3)流程任务多;4)效果无预期。

    因此简化任务流程是当下急需解决的问题。

    具体问题

    二、复杂任务的“简化”原则 那么如何才能把任务变得简单呢?依照诺曼的《设计心理学 2—如何管理复杂》一书中所说,系统复杂性的总量是恒定的,想要用户操作变简单,那隐藏在幕后的复杂性就要增加,在管理复杂时,可以从以下角度出发:

    良好的概念模型 易懂的语义符号 自动化、模块化的配置 鼓励和系统默认 组织结构 学习的辅助工具

    如何管理复杂

    “概念模型”存储在用户脑中,也被叫做心理模型,它能帮助我们快速理解事物运作的背后逻辑。若我们的界面没有准确地传达出概念模型,用户就需要通过不断地摸索和猜测来尝试,最终很有可能因为不理解其含义而失去耐心。设计师应当通过浅显易懂的语义符号,帮助用户构建合适的概念模型,以帮助他们更好地理解产品功能和操作逻辑。像 iphone 的”开锁“提示、微信的”漂流瓶“、深泽直人的 CD 机,都是通过用户生活中熟悉的物理模型,让用户快速联想到熟悉的事物,从而更好地理解接下来需要与产品互动的操作。

    概念模型案例

    “自动化”选项和默认配置,则能帮助用户摆脱繁琐的选项和步骤。我们可以基于对场景和用户习惯的了解,提供常见的选择或智能配置。例如在表单设置页内提供默认的模板和样式,能够让用户更轻松地理解产品功能和效果。相比起手动添加内容,可以大大减少理解成本,帮助用户更轻松地完成设置过程。

    通过“自动化”简化用户操作

    “组织结构”是指把集中在同一个页面的任务进行结构重组,拆分成易于操作的小步骤,并保证每个模块都简单易学,容易理解。用户在进入一个铺满选项和操作的页面时,通常会不知所措,不知道从哪一部分先开始。或许本身设置的难度并不大,但复杂的设置项也会在心理上给用户带来巨大的压力,从本能上抗拒和排斥。好比完成一场马拉松可以把每 5km 作为一个里程碑去逐个击破,倘若我们能将原本用户觉得困难的大目标拆解成一个个简单的小目标,明确每个步骤应该做什么,并在完成每个步骤后都给予充分的鼓励和反馈,用户就会有持续去完成设置的耐心和动力。

    拆解关键步骤

    “学习的辅助工具”是指在合适的时机给予用户有效的帮助指引和提示,对于 Saas 类产品来说,在用户需要的时候及时提供帮助和指导,能给用户充分的安全感,缓解用户操作时的不安和紧张。关于操作的提示,我们不能只是告知用户哪里出错了,更重要的是给出原因并提供解决方案。提前引导而非指责,将能大大提升用户持续操作和探索的信心。另外需要注意的是,用户很可能第一次遇到时未必能记住所有指引的内容,因此对于复杂的操作任务,还需要提供稳定常驻的帮助入口,便于用户二次查阅。

    辅助学习

    三、产品“简化”的设计策略 有了设计原则的指导,我们的设计目标也会更加清晰。在具体的方案设计层面,我们需要结合设计对象的特点,将理论指导转化成可落地的设计方案。

    布局设置一般由主持人在会议中统一设置,因此在场景上,具有“设置时间紧张”、“自定义程度高”、“生效范围广”、“角色复杂”等特点。结合前文梳理的设计理论原则及业务场景特点,我们将设计理论转化成了具体可落地的设计策略。

    设计策略

    具体包括以下四点:

    1. 简化入口,及时帮助

    通过便捷的入口和及时的引导,让功能在合适的时机曝光,保证用户在需要时轻松地找到功能。针对“入口深”这个问题,我们将原本不稳定的入口改为常驻入口,待用户选择布局后再提示相应条件,及时引导用户在使用前先打开摄像头。同时在移动端和应用面板也都增加入口,降低用户寻找的门槛。

    增加入口

    另一方面,我们将原本需从客户端跳转到 Web 页面的操作,都简化至客户端内,减少用户跨端操作,避免因为过多的窗口跳转让用户感到迷惑。同时精简了高级功展示,在会议的客户端只保留核心操作,这样用户就不需要在多个页面之间来回跳转,完成设置项后,也可以在会议的客户端立即生效。

    缩短路径,减少跳转

    考虑到新手用户并不一定能理解“布局”、“轮询”等功能的作用,我们在页面顶部增加“新手指引”常驻入口,用户可以通过步骤引导图来详细了解每一步操作。对于用户比较陌生的高级功能,也在功能的启用选项旁提供 GIF 动图,帮助用户全面、直观地了解功能。

    通过新手指引快速学习

    2. 自动配置,提供模板

    “系统默认”具体落地到设计方案,即可以根据用户的使用频率,自动设置常用选项,同时提供默认模板,减少用户的决策压力和理解成本。例如,用户在进入设置页时,可能不太理解“布局”、“视图”、“背景图”及“模式”等陌生的概念名词之间的区别,也不知道这些布局样式适用的场景,因此,我们通过提供默认模板和效果示意,帮助用户快速理解概念之间的区别和不同的效果。

    常见模板及官方背景图

    同时考虑到自主设置有一定操作门槛,我们把常用的样式增加到默认列表中,用户选中后就可以直接使用(左图,L 布局)。对于座位设置功能,我们也提供了“自动填充”的默认选项,新手用户可直接选择自动排序,快速使用布局功能,而专家用户若有特定的排座诉求,则可以切换到“手动模式”来进行更高级的设置(右图,设置座位)。

    提供多种模式,满足不同诉求

    3. 拆解任务,分解流程

    “简化复杂页面”非常重要的一个方面是重组页面结构,把聚合在一个页面的任务根据先后顺序拆解成不同的步骤,让用户不再迷失于平铺了多个功能的庞大页面。

    拆解步骤

    拆解成小步骤后,可以通过增加步骤条导航和引导提示,让用户更明确每个子环节的“小目标”和当前所处的进度阶段。

    通过导航降低用户心理门槛

    除了将一个页面拆解成多个步骤,还可以通过收起/隐藏侧边栏目录,让用户更聚焦在某一具体的内容,免除其他元素的干扰,这样用户能更专注于布局画面本身的编辑。

    4. 效果预览,建立联想

    新手用户初次设置布局时,可能缺乏安全感,不知道应用范围是自己还是全部成员。为此,在设计客户端的设置流程时,我们提供了“场景示意图”和“效果预览区”,让用户在编辑的过程中也能快捷地联想到应用后的效果,实现所见即所得。

    除了官方提供的场景图模板,用户还可以根据自己的诉求在编辑器内 DIY 创作自己的场景图。考虑到对于新手用户来说,场景图编辑器的功能有一定使用门槛,在进入编辑器时,我们都会提示用户,可以通过调整模板场景图来快速上手,理解创作后的效果。

    通过效果图构建联想

    对于设置了座位、但未开启摄像头的成员,我们通过“铭牌”的概念模型,让用户能够联想到线下会议室里的“座位牌”,从而更好地理解这个座位已被主持人提前预留给了重要的成员。

    通过概念模型映射,帮助用户理解抽象概念

    可以看到,无论是场景效果“示意图”还是“名牌”的概念模型,都是通过真实世界里的元素,唤起用户在真实世界的心智,从而帮助用户更快地理解软件界面的功能逻辑。

    总结与回顾 经过持续半年的方案打磨和研发落地,上文提及的改版方案已全部上线,会聚模式和自定义布局的渗透率都有了非常大的提升。

    通过该项目我们知道,在面对场景复杂多样的产品时,我们需要遵循一些通用的 简化设计 策略,综合考虑不同用户的认知门槛,尽可能降低上手难度。具体策略包括“简化功能入口”、“提供默认设置”、“拆解复杂流程”、“构建联想概念”等。

    为用户打造更简易的使用流程,一步步简化用户设置任务的操作,才能从根本上提升用户使用产品的效率。

    欢迎关注作者微信公众号:「腾讯设计族」

  • 兔年微信红包封面如何设计?盘点12个奢侈品牌的红包封面!

    UI交互 2023-01-19
    新年好呀新年好呀,祝福大家新年好~(一阵 BGM 响起)每年春节前夕,忙碌的摸鱼人最重要的事情,当然是在各大公众号抢红包封面呀!尤其是奢侈品大牌,相信不少小伙伴们都开了闹钟蹲点吧?今天将给大家分享一番奢侈品品牌红包的美图,同时从品牌定位、调性和设计思维方面来进行延伸介绍。

    新年好呀新年好呀,祝福大家新年好~(一阵 BGM 响起)

    每年春节前夕,忙碌的摸鱼人最重要的事情,当然是在各大公众号抢红包封面呀!尤其是奢侈品大牌,相信不少小伙伴们都开了闹钟蹲点吧?

    今天将给大家分享一番奢侈品品牌红包的美图,同时从品牌定位、调性和设计思维方面来进行延伸介绍。

    本期分享将由珠宝和箱包两个纬度展开,各自介绍六款红包封面和它们背后的设计巧思。

    话不多说,我们赶快开始吧!

    红包教程回顾:

    如何设计微信红包封面?从零开始教你定制微信红包封面 关于我:优设百万人气插画师 / 知名IP商业画师 / Wacom大赛评委 / 擅长IP形象、潮流插画、分镜设计、爆款漫画等。

    阅读文章 >

    珠宝 尚美巴黎——卯兔迎春,圆满时刻

    正如俗话所说:“最高端的食材往往最朴素的烹饪方式。”作为珠宝界的“纯元皇后”,尚美巴黎便是深喑其道。

    仅用一根金线连笔勾勒出兔子的形象,再配以最经典的 LIENS 系列图案,上方以皇冠 Logo 呼应——来自拿破仑的伉俪约瑟芬皇后,不争不抢,简约而不失简单。

    JEUX DE LIENS HARMONY 缘系•一生系列 圆•缘主题 珍珠母贝手链

    将兔子和珠宝用扁平形式勾勒外轮廓,一笔成型。点和线构成面,表达所有元素,结构统一,构图平衡。

    圆即缘,象征美满与幸福。千言万语化为轻盈隽永的线条,预示着阖家团圆,万事遂心。

    梵克雅宝——福兔跃春,巧撷红封

    一只粉妆玉砌的兔子,正徜徉在山水之间。

    仔细走入这片风光之中,还能看到兔子头戴珠宝,而山林间有一叶扁舟,上方还有点点枝丫,像繁花,像油纸伞,像一切春日里的美好。

    不用加任何 logo、文字和经典四叶草图案的珠宝,仅仅是这绝美画面,就让众多网友评价它为“2023 最美红包封面”。

    画面整体为暖色调,采用渐变背景。画风融合了中国传统工笔花鸟画的精美绝伦,又有西方油画透视原理的栩栩如生。

    而梵克雅宝也是维持着一贯的品牌调性,近来微信推送文均是以清新淡雅的插画为主,点缀以绝美瑰宝,再添几笔小动物赋予其动效,形成独特的世家美学。

    宝格丽——满怀憧憬,畅叙新春

    宝格丽今年的设计略显简单,一只简笔画的卡通兔子,背景是由 logo 延伸做成了凹凸有致的效果,类似“老花”图案,点缀以几颗金色圆环。

    B.ZERO1 项链

    其实这些图案大有乾坤,它来源自宝格丽经典的 B.ZERO1 系列:从著名的圆形露天剧场——罗马斗兽场汲取灵感,其独特纯粹的螺旋造型,象征着过去、现在和未来的和谐相承。

    我们所看到的正是它的俯视图,也是项链戒指等瑰宝的侧面。

    元素的重复和堆砌,篆刻着来自罗马的不羁与大胆。

    蒂芙尼——瑞兔报喜,福运满满

    不久之前,蒂芙尼携手全球品牌代言人谷爱凌呈献新春广告大片,此枚红包封面就是由海报衍生而来。广告大片中,谷爱凌携 Tiffany T、HardWear、Lock、Knot 等系列作品出镜,或单独佩戴演绎优雅风姿,或创意混搭展露个性魅力,在蒂芙尼臻美设计的光芒中,迎接充满希冀的耀目新年。其中,Tiffany Lock 系列从古董珍藏库的经典挂锁中撷取灵感,致敬其悠久深厚的品牌历史。这或许是本次 logo 选择了复古花体 logo,而不是品牌传统 logo 的原因。谷爱凌手持蒂芙尼经典首饰盒,饱含美国洗练时尚的独特风格。

    Tiffany Lock 系列手镯 18K 白金半铺镶钻石

    不同于其他珠宝品牌,选择了人像海报更能吸引大众的视线,不知道青蛙公主爱凌的美貌有没有让你联想到《蒂芙尼的早餐》里的奥黛丽赫本呢?

    宝诗龙——焕新自我,蓄「饰」待发

    作为世界十大珠宝之一的宝诗龙,将宠猫 Wladimir 为灵感来源,用异形动态红包的设计,小猫咪的眼睛一眨一眨,让它更加跃然纸上。

    Boucheron 宝诗龙的动物寓言于 1866 年诞生于品牌工坊。 品牌工匠以巧手塑造了一系列栩栩如生的传奇动物形象。

    左:Boucheron 1980 年代珠宝广告;右:Wladimir 黑色蓝宝石戒指,2019 年

    红包背景的线条又似大门,又似祖母绿切割的图形,源自于宝诗龙 logo 的外轮廓。它的设计是以“芳登广场”的八边形外形和中间的立柱地标为元素,既有旧法式建筑的高雅端庄,又有新巴黎的特立独行。

    麒麟——新禧贺岁,麒趣开年

    相较于其他珠宝世家,Qeelin 这个名字或许更为陌生,但你一定见过张曼玉在戛纳所佩戴过的那款“葫芦“饰品。

    Qeelin 取名自 Qilin,即“麒麟”,它既是代表吉祥的中国神话动物,也是爱的象征。

    Wulu 18K 玫瑰金钻石及翡翠耳环

    今年的红包封面是品牌代言人刘诗诗携手的 动态封面 ,视频里她所佩戴的即是最新款 WuluWulu 系列饰品。葫芦向来被视为吉祥的象征,它能带来幸运和财富,据说如果将葫芦挂于自家门前,还能祈求平安,加上形状浑圆,更满足了中国人追求圆满的渴望。麒麟用摩登的线条比例,将十分传统的葫芦包装成现代感十足的珠宝配饰。

    作为一个地道的中国珠宝品牌,你有什么理由不支持它呢?

    箱包 爱马仕——层出不穷,意想不到

    爱马仕这个名号常常被人挂在嘴边:XX 里的爱马仕,作为爱马仕本“马”,中国春节自然是不能丢了排面。

    今年邀请了著名插画师 @废画三千 合作,设计了 4 款插画风红包封面。

    设计上饱含着插画师一贯的浪漫画风,又结合了爱马仕一些经典款式:猪鼻子、钥匙与锁、马蹄等元素,给予这些原本被叫做“配货”的小物件排面,而爱马仕几款最为经典的 BKC 包包并没有直接出现。

    在获取方式上也别有不同,常规款 2 枚红包在专属小程序“欢喜跃新年”中抽取,还可以抽取到两款头像挂件和新年贺卡。集齐 6 款福袋后,可打开第三枚隐藏款红包。至于第四款,则更多的面向原有的客群——在爱马仕的购物小程序上订阅获取。

    小程序“欢喜跃新年”

    小程序玩法和设计并不多,仅靠可爱的兔子、鲜艳的配色和灵动活泼的配乐就足够吸引眼球。背景色为红色渐变,象征新春气氛。按钮底色则是标志的“爱马仕橙”。点击“新年贺卡”,还有 AR 互动新体验哦!

    香奈儿——新春时节,寒冬绽放

    本次香奈儿红包封面共两款,均来自护肤品——香奈儿一号红山茶花系列。

    两款封面同一画风,都是类似油画棒的笔触,以白色为主色调,红山茶花于白雪皑皑中倔强盛开,象征能量与新生。第一款为兔子在雪地奔跑,通过公众号领取。第二款为兔子停驻,仅限量发放给 VIP 顾客。 两款画面通过兔子脚步连接,从奔跑到停驻,连接过去,展望未来。

    香奈儿官网页面“与香奈儿共度新春”

    根据香奈儿成衣一贯的调性,并不会过度的推出限定包装,仅是更换丝带、包装纸和配件等。香水与美容品也跟紧脚步,仅在宣发物料上做创意,产品包装本身不会做出太出格的设计。

    当然,作为时尚风向标,香奈儿的创意只会多不会少,更多的是体现在秀场 T 台上。

    这或许也是“小香风”经久不衰的原因之一,毕竟一看到黑色菱格、5 号数字、双 C logo 和粗花呢料,仿佛就能嗅到来自香榭舍利大街的奢靡香气。

    路易威登——联名不断,新潮旧浪

    作为定制箱包起家的“销量冠军”,LV 则更为妇孺皆知。比起高高在上的爱马仕香奈儿,LV 拥有一些奢侈品“入门款”——在奢侈品中相对“平价”的款式。

    与往年不同的是,今年的红包封面没有选择加入 LV 最经典的老花图案、棋盘格元素和吉祥物 Vivienne,而是直接选取了兔年限定系列的设计。

    在获取方式上,也更为倾向原有的客群——通过销售人员向VIC(稳定而有一定消费力的客户)定向、限量发放。普通用户可通过小程序拼图游戏互动获取抽奖码。

    PRECIOUS RABBIT 70 方巾

    打开 LV 官网首页,很难找到兔年限定的产品,取而代之的是 10 年后再次与波点女王草间弥生的合作。在全国各大商圈,圣诞限定的 LEGO 合作橱窗已不见踪影,而略带魔性的波点限定快闪装置正在如火如荼的进行着。

    用一篇文章,帮你读懂日本艺术家草间弥生 众所周知的日本著名当代艺术家草间弥生,精神病患者、波普艺术家、时尚女王、前卫艺术家,以高色彩对比度的圆点创作、具有繁殖特色的艺术作品和无限的空间立体感而闻名于当代艺术界。

    阅读文章 >

    草间弥生的手绘波点、金属波点、无限波点和迷幻花朵,致敬艺术、开拓精神和手工技艺。

    正所谓“甲之蜜糖,乙之砒霜”, 这次红包设计虽没有花费更多心力,但 LV 成功把草间弥生的名字再次推向大众视野,这又何尝不是一种宣发上的成功。

    迪奥——灵兔秘境 邂逅礼运

    以高端定制时装闻名的迪奥,今年也给兔子“高定”了两款红包封面。

    第一款用手绘的方式,描绘了瑞兔在花丛中的美丽倩影,两只毛茸茸的耳朵冲出画面外,显得更为活泼生机。第二款则是中规中矩,中间是兔头剪影,背景是迪奥经典标志性的老花图案。logo 也是“高定”——来自男装DIOR BY ERL 限定联名系列。

    DIOR TRIBALES 耳环

    同 LV 一样,今年的迪奥除了其中一款以老花为背景外,品牌象征的五角星、罗盘、星座、蜜蜂等元素并没有出现。而美妆线的新春包装,则是照搬之前的圣诞限定,仅将底色深蓝色改为红色。部分产品推出的新款限量豹纹包装,似乎更适合虎年的气氛。

    获取方式上,是通过小程序 AR 扫描兔形图案获取。在线下指定精品店,有机会收获新春限定礼盒。

    古驰——大展宏兔,前兔无量

    崇尚极繁美学的古驰,今年推出了两款动态红包封面。

    设计上选择了当下流行的 2.5D 矢量插画,兔子跳跃在不同的砖块上,随着砖块的翻转,兔子也跳跃起舞。品牌标志的大写字母 G 作为图案装饰,巧妙融合在画面中。作为一张动态红包封面,巧妙利用 2.5D 的视觉落差,仿佛可以听到唰唰的翻转特效音。配色上有两款,红色款和红金相间款。虽没有出现标志性的老花、蜜蜂和红绿配色,但这样复古又繁复的设计,的确很符合古驰的风格。

    古驰官网定制心意卡界面

    本次红包的设计来自古驰兔年限定包装,也作为图案制成新年购物赠品环保帆布袋,原设计是土黄、米白和深灰色。同样也是刚结束圣诞限定的星空包装,设计师选择了省时省力的方式,利用色彩搭配,无缝连接了新年“新”配色。

    华伦天奴——快乐「兔」击,元气新年

    知名成衣品牌华伦天奴今年携手知名艺术家张权,带来联名红包封面。

    红包设计是非常标准的居中式构图,将蓝兔子 KARORO 的形象放在正中间,上方是 logo 联名。蓝兔子手中环抱的是 ROSSO 红新春 V 标志系列托特包。

    ROSSO 红 V 标志小号托特包

    22 年阿亚那刮起的粉色飓风几乎席卷了整个时尚圈,余音绕梁,经久不衰。华伦天奴用他独到的设计和色彩 #Valentino Pink PP,将粉色做出了洒脱不羁,做出了高傲矜贵,做出了各大品牌纷纷效仿的粉色新浪潮。

    这一次,华伦天奴用色彩美学交融东方文化,用一抹经典红与 V 标志印花,致敬传统,对话当下,悦启新春盛景。红色作为华伦天奴的品牌色,“代表了生命、血、死亡。热情和爱,是哀伤和忧郁的最佳药物,也是我设计的衣服系列中最为畅销的颜色。”

    新的一年到来,提醒着我们更不该忘记华伦天奴真正的品牌色——红色,同时也期待他能重新定义不同色彩所掀起的滔天巨浪。

    写在最后 不同的品牌有着不同的调性,正如不同设计师有着不同风格。

    有些品牌选择了迎合时节,精心制作了春节限定。

    有些品牌则热爱联名款。

    还有些品牌并不随波逐流,只在自己的赛道上勇往直前。

    但他们都有一个共同的特点:

    不是突出产品本身,就是突出品牌定位。

    让人在万千红包封面中,一眼就能牢牢锁定眼球,明白所谓“品牌的价值”。

    古人说:“观一叶而知秋,道不远人即为此。”

    仅仅透过红包封面这样小小一隅,也能品味到奢侈品背后百年历史的醇香。

    它们被时代的浪潮裹挟着,经历过战争,也拥抱过玫瑰。

    芬芳馥郁,渊远流长。

    看了这么多,是不是蠢蠢欲动也想自己设计起来了呢?

    你更钟意哪一款红包封面呢,欢迎在评论区探讨哦~

    如何设计微信红包封面?从零开始教你定制微信红包封面 关于我:优设百万人气插画师 / 知名IP商业画师 / Wacom大赛评委 / 擅长IP形象、潮流插画、分镜设计、爆款漫画等。

    阅读文章 >

    最新微信异形红包封面怎么做?资深插画师5步教你搞定! 大家好,我是插画师小光Sir~ 又是一年收红包的好时节,今年微信红包新增了异形红包封面样式,让封面设计有了更广的发挥空间。

    阅读文章 >

    作者 OS:本期 红包封面设计 分享仅为个人想法,排名不分先后。没有分享到的大牌,多半是作者没有抢到,或是不如其他品牌典型。配图均来自官方网站与公众号。如有不足,欢迎指教。

    两个系列六款红包, 双喜临门六六大顺。 祝各位新年发大财!

  • 用腾讯会议的实战案例,深入分析如何简化用户任务

    UI交互 2023-01-19
    前言随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以“腾讯会议设置布局”交互优化为例,结合《设计心理学 2》的相关理论,分享关于简化复杂任务的设计心得。腾讯往期案例:如何构建科学有效的色彩系统?

    前言

    随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以“ 腾讯会议 设置布局”交互优化为例,结合《设计心理学 2》的相关理论,分享关于简化复杂任务的设计心得。

    腾讯往期案例:

    如何构建科学有效的色彩系统?来看腾讯文档的实战案例! “色彩是我们感知世界的重要媒介,对于信息传达有着重要的作用,能使人们能够更有效的感知设计的意图和内涵,使传达更高效。

    阅读文章 >

    一、为何要“简化”任务 一款产品是不是功能越齐全多样就意味着越好的产品体验呢?

    对于专家用户来说,当然是功能越全面越能满足自己的需求,但对于新手用户来说,全面的功能未必等同最佳的体验,过多操作挤在同一任务中,可能会让用户感到不知所措,难以上手。因此设计师应尽可能帮助用户简化任务,避免用户因为界面复杂而放弃任务。

    专业类软件的核心用户通常是掌握某项技能的专家用户,他们在使用前,已经有预期需要先系统学习整个软件的操作,因此它们的复杂和全面是符合专家用户要求的。

    即便如此,近年来,Figma 之类的软件也在持续打磨易用性,降低用户使用门槛。

    专业图形建模类软件操作界面

    作为一款面向普通大众、以高效协同为第一初衷的产品,腾讯会议更需要不断简化复杂操作,让大多数用户都能快速上手,流畅地主持或参与一场会议。下面我将结合腾讯会议设置布局的交互优化案例,来分享关于简化复杂任务的一点点心得。

    会议场景矩阵

    相比线下会议,线上开会不免缺乏临场感,因此在腾讯会议里,主持人常常需要通过设置布局来让成员关注重要的视频画面。在无特殊需求的普通会议中,官方提供的两种默认布局就能满足常见的会议场景:

    腾讯会议默认布局

    实际上,真实的会议场景需求多种多样。例如,企业汇报更关注发言人,而小组讨论则更侧重轻松的沟通,如何在同一个界面里满足不同的诉求成为难点。为此,腾讯会议在默认布局的基础上,推出了“自定义布局”和“会聚模式”功能,来提供更丰富的会议布局选择。

    丰富的布局模式

    因概念陌生,且需要设置成员顺序、位置以及画面比例,对于普通用户来说,这两个功能有一定的使用门槛。在该功能推出一段时间后,我们发现:用户普遍找不到设置布局的入口,在具体设置过程中也遇到较多困难,认为设置布局是“高阶”而“复杂”的功能而不愿尝试。要让用户能把布局能力真正用起来,简化布局的设置过程就显得尤为重要。

    布局操作路径

    为了探究具体是什么原因让用户觉得功能复杂,我们开展了易用性测试,得出以下几个交互层面的具体问题,包括:1)入口难找;2)操作难理解;3)流程任务多;4)效果无预期。

    因此简化任务流程是当下急需解决的问题。

    具体问题

    二、复杂任务的“简化”原则 那么如何才能把任务变得简单呢?依照诺曼的《设计心理学 2—如何管理复杂》一书中所说,系统复杂性的总量是恒定的,想要用户操作变简单,那隐藏在幕后的复杂性就要增加,在管理复杂时,可以从以下角度出发:

    良好的概念模型 易懂的语义符号 自动化、模块化的配置 鼓励和系统默认 组织结构 学习的辅助工具

    如何管理复杂

    “概念模型”存储在用户脑中,也被叫做心理模型,它能帮助我们快速理解事物运作的背后逻辑。若我们的界面没有准确地传达出概念模型,用户就需要通过不断地摸索和猜测来尝试,最终很有可能因为不理解其含义而失去耐心。设计师应当通过浅显易懂的语义符号,帮助用户构建合适的概念模型,以帮助他们更好地理解产品功能和操作逻辑。像 iphone 的”开锁“提示、微信的”漂流瓶“、深泽直人的 CD 机,都是通过用户生活中熟悉的物理模型,让用户快速联想到熟悉的事物,从而更好地理解接下来需要与产品互动的操作。

    概念模型案例

    “自动化”选项和默认配置,则能帮助用户摆脱繁琐的选项和步骤。我们可以基于对场景和用户习惯的了解,提供常见的选择或智能配置。例如在表单设置页内提供默认的模板和样式,能够让用户更轻松地理解产品功能和效果。相比起手动添加内容,可以大大减少理解成本,帮助用户更轻松地完成设置过程。

    通过“自动化”简化用户操作

    “组织结构”是指把集中在同一个页面的任务进行结构重组,拆分成易于操作的小步骤,并保证每个模块都简单易学,容易理解。用户在进入一个铺满选项和操作的页面时,通常会不知所措,不知道从哪一部分先开始。或许本身设置的难度并不大,但复杂的设置项也会在心理上给用户带来巨大的压力,从本能上抗拒和排斥。好比完成一场马拉松可以把每 5km 作为一个里程碑去逐个击破,倘若我们能将原本用户觉得困难的大目标拆解成一个个简单的小目标,明确每个步骤应该做什么,并在完成每个步骤后都给予充分的鼓励和反馈,用户就会有持续去完成设置的耐心和动力。

    拆解关键步骤

    “学习的辅助工具”是指在合适的时机给予用户有效的帮助指引和提示,对于 Saas 类产品来说,在用户需要的时候及时提供帮助和指导,能给用户充分的安全感,缓解用户操作时的不安和紧张。关于操作的提示,我们不能只是告知用户哪里出错了,更重要的是给出原因并提供解决方案。提前引导而非指责,将能大大提升用户持续操作和探索的信心。另外需要注意的是,用户很可能第一次遇到时未必能记住所有指引的内容,因此对于复杂的操作任务,还需要提供稳定常驻的帮助入口,便于用户二次查阅。

    辅助学习

    三、产品“简化”的设计策略 有了设计原则的指导,我们的设计目标也会更加清晰。在具体的方案设计层面,我们需要结合设计对象的特点,将理论指导转化成可落地的设计方案。

    布局设置一般由主持人在会议中统一设置,因此在场景上,具有“设置时间紧张”、“自定义程度高”、“生效范围广”、“角色复杂”等特点。结合前文梳理的设计理论原则及业务场景特点,我们将设计理论转化成了具体可落地的设计策略。

    设计策略

    具体包括以下四点:

    1. 简化入口,及时帮助

    通过便捷的入口和及时的引导,让功能在合适的时机曝光,保证用户在需要时轻松地找到功能。针对“入口深”这个问题,我们将原本不稳定的入口改为常驻入口,待用户选择布局后再提示相应条件,及时引导用户在使用前先打开摄像头。同时在移动端和应用面板也都增加入口,降低用户寻找的门槛。

    增加入口

    另一方面,我们将原本需从客户端跳转到 Web 页面的操作,都简化至客户端内,减少用户跨端操作,避免因为过多的窗口跳转让用户感到迷惑。同时精简了高级功展示,在会议的客户端只保留核心操作,这样用户就不需要在多个页面之间来回跳转,完成设置项后,也可以在会议的客户端立即生效。

    缩短路径,减少跳转

    考虑到新手用户并不一定能理解“布局”、“轮询”等功能的作用,我们在页面顶部增加“新手指引”常驻入口,用户可以通过步骤引导图来详细了解每一步操作。对于用户比较陌生的高级功能,也在功能的启用选项旁提供 GIF 动图,帮助用户全面、直观地了解功能。

    通过新手指引快速学习

    2. 自动配置,提供模板

    “系统默认”具体落地到设计方案,即可以根据用户的使用频率,自动设置常用选项,同时提供默认模板,减少用户的决策压力和理解成本。例如,用户在进入设置页时,可能不太理解“布局”、“视图”、“背景图”及“模式”等陌生的概念名词之间的区别,也不知道这些布局样式适用的场景,因此,我们通过提供默认模板和效果示意,帮助用户快速理解概念之间的区别和不同的效果。

    常见模板及官方背景图

    同时考虑到自主设置有一定操作门槛,我们把常用的样式增加到默认列表中,用户选中后就可以直接使用(左图,L 布局)。对于座位设置功能,我们也提供了“自动填充”的默认选项,新手用户可直接选择自动排序,快速使用布局功能,而专家用户若有特定的排座诉求,则可以切换到“手动模式”来进行更高级的设置(右图,设置座位)。

    提供多种模式,满足不同诉求

    3. 拆解任务,分解流程

    “简化复杂页面”非常重要的一个方面是重组页面结构,把聚合在一个页面的任务根据先后顺序拆解成不同的步骤,让用户不再迷失于平铺了多个功能的庞大页面。

    拆解步骤

    拆解成小步骤后,可以通过增加步骤条导航和引导提示,让用户更明确每个子环节的“小目标”和当前所处的进度阶段。

    通过导航降低用户心理门槛

    除了将一个页面拆解成多个步骤,还可以通过收起/隐藏侧边栏目录,让用户更聚焦在某一具体的内容,免除其他元素的干扰,这样用户能更专注于布局画面本身的编辑。

    4. 效果预览,建立联想

    新手用户初次设置布局时,可能缺乏安全感,不知道应用范围是自己还是全部成员。为此,在设计客户端的设置流程时,我们提供了“场景示意图”和“效果预览区”,让用户在编辑的过程中也能快捷地联想到应用后的效果,实现所见即所得。

    除了官方提供的场景图模板,用户还可以根据自己的诉求在编辑器内 DIY 创作自己的场景图。考虑到对于新手用户来说,场景图编辑器的功能有一定使用门槛,在进入编辑器时,我们都会提示用户,可以通过调整模板场景图来快速上手,理解创作后的效果。

    通过效果图构建联想

    对于设置了座位、但未开启摄像头的成员,我们通过“铭牌”的概念模型,让用户能够联想到线下会议室里的“座位牌”,从而更好地理解这个座位已被主持人提前预留给了重要的成员。

    通过概念模型映射,帮助用户理解抽象概念

    可以看到,无论是场景效果“示意图”还是“名牌”的概念模型,都是通过真实世界里的元素,唤起用户在真实世界的心智,从而帮助用户更快地理解软件界面的功能逻辑。

    总结与回顾 经过持续半年的方案打磨和研发落地,上文提及的改版方案已全部上线,会聚模式和自定义布局的渗透率都有了非常大的提升。

    通过该项目我们知道,在面对场景复杂多样的产品时,我们需要遵循一些通用的 简化设计 策略,综合考虑不同用户的认知门槛,尽可能降低上手难度。具体策略包括“简化功能入口”、“提供默认设置”、“拆解复杂流程”、“构建联想概念”等。

    为用户打造更简易的使用流程,一步步简化用户设置任务的操作,才能从根本上提升用户使用产品的效率。

    欢迎关注作者微信公众号:「腾讯设计族」


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