• 4000字干货!一篇文章帮你掌握对话框设计

    UI交互 2023-01-29
    对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个设计师都可以百分百地弄明白对话框这个概念。这篇文章是对「对话框」的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。

    对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个 设计师 都可以百分百地弄明白对话框这个概念。这篇文章是对「对话框」的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。

    更多交互方式:

    6000字干货!3个优秀交互设计师应该具备的边界感 引言 售卖软件服务的公司,最理想的状态就是开发一套通用的解决方案或产品,而几乎不用接收任何定制化需求(定制化需求大多会被内化成通用产品的新功能)。

    阅读文章 >

    一、了解对话框 1. 对话框定义

    对话框是叠加在应用主窗口上的弹出式的窗口。对话框以对话的方式让用户参与进来,在对话中它给出消息或要求输入。

    当用户完成消息的阅读或者作出选择后,可以取消或者接受该对话框,之后,这个对话框便消失了,把应用的主窗口交还给用户。

    关于对话框的概念,以下是百度百科的解释:

    对话框越来越广泛地被应用于软件、网页、以及移动设备中。它可以保留用户当前进程的情况下,指引用户完成一个特定的操作 。

    2. 对话框分类

    按照对话框的交互方式,可将其分为「模态对话框」和「非模态对话框」。我们可以把他们看作是两个小家族,模态家族的人比较强硬,而非模态家族的人相对温柔一点。两个家族的主要区别:是否强制用户对其进行回应。

    模态对话框:是位于浏览器的主页面核心区域,需要用户对它做出相应交互,模态才会消失。而对话框会因为自身的吸引程度、停留时间、信息量承载多少被划分为多种对话框类型进行区分,常见的对话框分别为:普通对话框、内嵌表单对话框、分步表单对话框、文件选择对话框、复杂信息展示对话框。

    ① 何时使用模态对话框

    在重要的警告时使用,避免出现严重问题、或修正已出现的问题。

    例如:用户录入信息后未保存就要关闭时,弹出模态对话框提示用户保存。

    在需要用户输入信息或进行某操作,才能继续当前流程的时候使用。

    例如:在使用 Canva 资源网站时,点击“上传”会弹出模态化的登录/注册窗口,引导登录/注册后使用。

    用来将复杂流程拆分成简单步骤。

    例如:Teambition-分步骤的模态对话框式创建项目。

    用来获取信息,该信息可大大减轻用户的后续操作/精力。

    例如:在转账场景中,如果先复制一个账号,打开手机银行 APP(以招商银行或平安口袋银行为例),系统会通过模式对话框询问用户是否向这个账号转账,这样的设计做到了预判用户行为,节省用户后面的操作成本。

    非模态对话框:与模态完全相反,它更加温和,不会强制打断用户正在进行的现有流程,对用户的干扰比较小。通常这类对话框只会在屏幕上短暂停留,几秒就会消失,也因此用户容易忽略它们的存在。因此非模态对话框不适合展示重要信息、不能承载大量文案,常见的类型有:通知提醒、全局提示、警告提示、气泡卡片、文字提示。

    ② 何时使用非模态对话框

    在获取与当前流程不必要信息的时候使用。

    例如:平安口袋银行和平安数字口袋采用气泡卡片展示更多功能或引导用户登录。

    不打断重要流程中使用。

    例如:在平安口袋银行 APP 中购买理财时,如果遇到疑问的话,不会弹出框提示让客户咨询投顾,而且采用气泡框形式提示,不打断用户购买。

    简单来说,两者的优缺点见下表:

    二、对话框常见应用场景 从前面讲到的定义来看,对话框最主要的目的是:传递信息。那么从目标导向的角度来看对话框,对话框要传递的信息的常见应用场景主要有以下五种:

    1. 属性对话框

    属性对话框是向用户呈现或让用户改变所选对象的属性或者设置。一般来说,在属性对话框中,用户可以修改当前的选择,也可以设置应用程序的全局属性。该对话框适用于非频繁操作和或仅需要设置一次的属性,属性对话框常见在一些设置、详情中。

    例如:Windows 11 系统的设置界面,可设置系统的全局属性。

    2. 功能对话框

    功能对话框通常从菜单中打开,是最常见的模态对话框,只控制单一功能,如打印、文件上传/导入、插入对象或拼写检查。该对话框不仅允许用户启动一个动作,而且也允许用户设置动作的细节,属于模态对话框。

    例如:浏览器的打印功能,会弹出模态化的打印窗口,用户可设置打印的细节。

    例如:飞书的文档导入功能,使用模态化对话框,引导用户选择文件类型或进行批量导入操作。

    3. 进度对话框

    进度对话框是由应用程序启动的,而不是由用户请求而启动的。它们向用户表明当前应用正在忙于某些内部功能,其他功能的处理能力可能会降低。

    每个进度对话框都应该向用户清晰地展现如下信息:

    一个耗时的进程正在进行 现在一切正常 该进行还有多长时间才能完成 还有多少事情或项目没有做完 用户如何才能取消该操作,或重获控制权 例如:使用 Axure 软件导出 html 文件时的进度提示,既提醒用户当前 Axure 正在运行,又告知用户当前文件导出进度。

    例如:使用 Sketch 软件导出文件时的进度提示

    4. 通知对话框

    通知对话框将一些重要信息报告给用户。来源可以是一些触发的事件,也可以是其他用户的通知。

    常见的有通知中心对话框,处理完成某个操作的告知等等。

    例如:花瓣的通知提醒

    例如:脉脉的隐私政策阅读提示和汽车之家的开启通知提示,均采用模态对话框方式

    5. 公告对话框

    公告对话框,和进度对话框一样,由应用程序直接启动,不是由用户请求发起的。公告对话框有三种:错误、警告、确认。

    这种对话框通常不会要求用户填写什么,只会询问你“真的要进行吗?”或者告诉你一件事情。所以在这种对话框上,一般只会有只有[取消]和[确认],或者[OK]。

    属性、功能、进度对话框,是用户主动请求的--它们为用户服务。但是,应用程序发起的公告对话框--它们为应用程序服务,常常会牺牲用户利益。由于公告对话框比较常见且常常牺牲用户利益,那么我们怎么把这些讨厌且无用的公告对话框直接铲除掉,换成更加友好、能给用户带来真正帮助的交互方式呢?接下来我们来一起看看怎么让公告对话框“名声鹊起”。

    三、怎么让公告对话框“名声鹊起” 我们可以从应用本身和对话框本身着手提供友好的交互方式,减少公告对话框的出现频率。

    1. 应用方面

    解决用户错误的方法不是指责用户,让用户再认真一些,或者给他们更多的指导练习,而应该优化应用设计,让犯错变得困难。

    ① 让应用变“聪明”,减少用户犯错

    使用有界控件。比如验证码输入框、数字键盘等

    示例:登录蓝湖时的短信验证码输入框

    示例:转账时输入金额的数字键盘,金额大小的位数提示;平安口袋银行的身份证号专属键盘

    提高可见性,用户可自主纠错

    示例:输错密码是一个很难避免的错误场景,语雀密码登录支持可见密码,一来是考虑安全问题,二来在用户输错的场景下可以打开眼睛,即可见密码,减少出现错误频率。

    具备预判思维,在容易出错的地方提供更方便的功能

    示例:在支付宝聊天窗输入一串数字,支付宝发现这个问题后,提供了识别后直接转账的功能,预判了用户的惯性,减少错误发生

    Zoom 拉会前预设值在加入会议室的界面,提前选择是否在进入会议房间后“不自动连接语音”和“保持摄像头关闭”,有效避免忘记闭麦或者忘记关摄像头就直接加入了线上会议的意外尴尬

    让操作可“复原”,提供撤销功能

    在很多破坏性的操作都会二次进行提醒,让用户确认操作,比如说删除操作。在删除之前都会询问用户“你真的要删除吗?”想一想……你在看到这些提示的时候,是不是眼疾手快地按下那个「确认」按钮?

    这种对话框在没有容错处理时,非常容易被我们这种无脑按「确认」的用户酿成大错。比如我“手贱”只是试试这个删除,然后就把某个表几千条辛苦写了一个月的数据删掉了,由此可见系统的容错处理有多么重要。

    示例:Windows 系统在早期的时候,删除文件时会让用户进行二次确认,但这是完全没必要的,因为删除文件不是真正的删除,还会在回收站里面。

    Mac 系统:在回收站删除文件将是永久性删除,此时的确认对话框才是对用户有用的。

    2. 对话框设计 方面

    从对话框本身的设计优化出发,我们可以对话框的使用场景和文案方面着手进行优化设计。

    ① 对话框使用场景

    其实什么时候使用对话框、是否使用取决于你要给用户展示的信息是否重要。

    例如你在手机上买了一张电影票,支付失败的结果如果用 toast 展示就会容易被用户忽视。那么等到用户到了电影院才发现自己购买失败,那么用户极有可能当场卸载你的产品。

    模态弹框会打断用户当前操作流程,所以「使用对话框要克制」。总原则是:能在界面展示就不用弹框,能用非模态弹框的就不要用模态弹框。总之,重要的信息优先考虑使用对话框。

    具体的使用原则有:

    弹框使用尽量克制。 文字需要精简,使用行为召唤动词。 注意区分复杂任务和轻量任务,选择对应的弹框类型。 反馈要及时。 可使用引导帮助选择。 ② 清晰且友好的文案

    如果非要使用对话框,那么请使用友好尊重用户的方式。当我们说到人与人之间的交流时,语言是重要的媒介,而用户与产品之间同样如此。

    在设计过程中应始终努力设计出有效的提示性文案,但是, 一定是有比没有要好吗?个人认为也是不必要的,糟糕的提示性文案甚至会破坏产品中最好的用户体验。例如以下几种情况:

    含糊不清 过于啰嗦 无意义,产生误导 无同理心 因此糟糕的提示文案设计会误导用户在产品中采取不必要的操作, 从而使他们感到生气和困惑,甚至可能会破坏品牌对用户的忠诚度,产生本末倒置的结果, 也给用户带来不佳体验。

    所以,语言是使产品更加人性化的主要因素。产品的文案则充当了语言的角色,它可以使用户参与其中,影响他们的情绪,并把这种人机的功能性关系转化成人类的个人情感体验。而这种用户的情感体验才能够真正的彰显品牌个性,从而与其他产品区分开来。

    错误提示设计三步法

    尽可能准确地描述问题和哪里出错了,简明易懂。 提出建设性意见,解决问题,保持流程前进不中断。如果此时问题还不能解决,告诉用户可以做些什么来帮助他们,以及他们可以向谁求助。 不要责怪他们,礼貌的对待用户,在报错中加入情感。 总结 对话框可以成为帮助用户完成目标的有用助手,而不是让他们在每一步操守挫败的可怕绊脚石。通过保持对话框的可管理性,并且只有在他们的功能真的属于另一个房间的情况下才调用他们,你将很好地维持用户的工作流状态,保证他们会成功完成任务,并且满怀感激。

  • 第四波!2023年1月精选实用设计干货合集

    UI交互 2023-01-29
    大家好,这是 2023 年 1 月的第 4 波干货!想必很多设计师同学都已经回到岗位开工了吧?那么这些新的设计工具和素材,就有用武之地了!

    大家好,这是 2023 年 1 月的第 4 波干货!想必很多 设计师 同学都已经回到岗位开工了吧?那么这些新的设计工具和素材,就有用武之地了!

    过了个年,新的图标字体图库倒是没增加,新的人工智能设计工具倒是多了一堆,更加细分的功能,更加突出的效果,从网页到移动 APP 都覆盖了,这个数量增长甚至催生了专门搜集整理 人工智能 工具的网站。今天的文章开头就是过年期间新崛起的 AI 工具,相当带劲。

    当然,在此之前记得看看往期干货中有没有你感兴趣的素材:

    第三波!2023年1月精选实用设计干货合集 大家新年好!

    阅读文章 >

    下面我们具体看看这一期的干货:

    1、人工智能演示文稿生成工具 https://glimmerai.tech/

    人工智能P图早就不是新鲜事儿,现在你也可以使用 AI 做演示文稿了!这个名为 Glimmerai 的工具就可以帮到你,你所需要做的就是尽可能详细描述你的需求,这样 AI 才能尽可能贴近你的目标,等 AI 生成之后演示文稿之后,你可以进一步使用文本指令或者语音指令,来进一步细化。GlimmerAi 使用的是目前最热门的 GPT-3 和 DALL E2 来生成,目前这项服务依然处于 Beta 阶段,可以免费试用,有需求的同学可以上手体验一下。

    2、人工智能网站UX文案重写工具 https://www.usesuperflow.com/rewrite-chatgpt

    和上面的 GlimmerAi 类似,Superflow Rewrite 同样是一个基于人工智能、但是更加深入细分的工具,它瞄准了工作量同样巨大且磨人的网站 UX 文案这个分野,相比于形形色色的 AI 文案写作工具,它干脆帮你直接在网站内优化 UX 文案,只要你在网站上加入 Superflow JS 的标签,就可以接入 AI,它会根据已有的训练数据,帮你将 UX 文案优化到最佳,提供更好的 SEO 效果,在 UX 文案的层面上,提供更好的转化率和用户参与度。目前 Superflow Rewrite 提供 3 个月的免费试用,如果你是网站开发者,可以尝试一下。

    3、人工智能移动端内容创建辅助工具 https://piggy.to/magic

    正如同 Piggy Magic 的创始人 Shaul Olmert 所说的,咱们不能将内容创建的工作完全托付给人工智能,但是人工智能能够成为很好的内容创作的辅助工具。Piggy Magic 就是在这样的想法下诞生的,你可以直接将你想要创建内容的主题直接输入 Piggy,它会直接生成易于在移动端屏幕上浏览的多媒体图文内容,文章、帖子、邀请函、简单的演示文稿都行,随后你可以在 Piggy 的 APP 上进行调整和修改。将精力集中在想法上,将基础的版面和内容交给 AI 吧。

    4、汇总 200+ 精选的优质人工智能资源 https://aidesignresource.com/

    如果上面的基于人工智能的工具里,正好没有你所需要的,不妨打开这个名为 Ai Desiger Source 的网站,它从目前乌泱泱的 AI 工具当中精选出素质较为过硬的、实用性较强的 200 多个,并且根据功能分门别类,你可以在这里快速筛选出可能你需要的 AI 工具!我已经收藏了!

    5、将 Figma 设计直接转为 WordPress 网站 https://yotako.io/

    WordPress 有着极高的自定义自由度,但是第三方的主题也很难一次到位满足实际需求。而 Yotako 提供的这个免费服务干脆从设计端入手,你可以将你在 Figma 中设计完成的页面以主题的形式直接导入到 WordPress 当中,并且随时更新。当然,Yotako 所提供的服务实际更加深入,如果你还未曾拥有域名和实际网站,Yotako 还能帮你搞定网站相关的域名服务、托管、设置、日常管理等多数工作内容,而你唯一需要操心的就是设计。有需求的同学有必要了解一下!

    6、直接在网页上进行团队协作的插件 https://donenote.com/

    DoneNote 是一个针对性和实用性很强的插件,它让你可以直接在网页上做笔记、标注、评论、分享的 Chrome 插件,如果你的团队需要针对自家的网站页面或者产品进行讨论或者迭代,直接在页面上标注讨论就完事了,极大地提升整个团队的工作效率。DoneNote 的基础服务是完全免费的,你可以先试用体验一下。

    7、在线 Notion 封面制作工具 https://notioncovergenerator.com/app

    现在使用 Notion 做笔记、知识管理、流程和项目管理的同学特别多,为每个 Notion 页面设计一个漂亮的、贴合的封面图倒也是不小的需求,这个在线的小工具就是专门干这个的,尺寸都是算好的,填好你要的文本内容,选好字体,一键下载,还能预览在桌面端和移动端上的效果,简单快速不用开 PS,省心多了。

  • PixelSquid!拥有20W+可旋转3D素材的绘画参考网站

    UI交互 2023-01-29
    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~今天为大家推荐一个超棒的绘画参考网站 PixelSquid,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。...

    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~

    今天为大家推荐一个超棒的绘画参考网站 PixelSquid ,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。

    往期推荐:

    Creative Fabrica!下载10w+高质量字体与矢量装饰素材的宝藏网站 大家好,这里是你们聊设计的花生。

    阅读文章 >

    PixelSquid 网站直达: https://plugin.pixelsquid.com/

    PixelSquid 是国外知名商业图库 ShutterStock 开发的一个 3D 素材库,里面收录了 20 多万个可以 360 度旋转的实体对象,包含建筑、文化艺术品、人物、动植物、武器、食品饮料、服饰、装饰、家具、工业设计等 21 个类型。素材涉及面广泛,建模质量高,可以任意定位到不同角度,是绘画必备的参考网站之一。

    建筑类素材(部分):

    人物类素材(部分):

    家具类素材(部分):

    动植物类素材(部分):

    武器类素材(部分):

    在网站内我们可以直接输入关键词搜索所需的素材,网站右上角也有“Categories(类别)”版块,可按分类目录查找素材。点击卡片可以进入素材的详情页,进入后 3D 素材有一个加载过程,加载完成后使用鼠标点击素材并拖动,可以旋转查看素材的任意角度。素材底部有注释标签,点击后可跳转至同类素材,右侧也有同类素材推荐,点击后可迅速跳转至相关详情页。

    网站提供 3D 素材的 PNG(2048*2048px)和分层 PSD 文件下载,但大部分需要付费订阅,价格也比较贵。没有订阅的话下载的文件有水印,且不可商用。如果仅作为绘画参考,我感觉直接在网站上浏览调整,然后使用截图工具将视角固定下来就足够了,大家可以根据自己的实际需要选择使用方法。

    除了根据分类目录,网站还有一个“Collections(收藏)”版块,里面收录了 90 多个不同主题的精选系列,如纸质书本、约会、贸易、健身、烹饪、玩具、运输、旅游、节日、赛博朋克、季节、太空、医学、音乐等。每个系列都包含上百个与该主题相关的 3D 元素,省去我们逐个查找的功夫,非常便捷。

    PixelSquid内的精选系列

    “太空”主题系列

    网站也有提供部分免费素材,这种资源在其卡片左上角有蓝色的“Free”标签,下载素材前需要注册登录。(免费版块直达: https://www.pixelsquid.com/png/free )

    PixelSquid 内的免费素材

    以上就是今天为大家推荐的绘画参考素材网站 PixelSquid,里面包含 20 多万个可以 360°任意旋转角度的 3D 素材,可以帮助我们快速找到合适的参考角度。喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    视觉设计师来收!免费商用字体推荐:卡通体篇(13款已打包) 本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。

    阅读文章 >

    画面单一/杂乱怎么破?高手总结了10个实用设计技巧! 画面太单一亦或是太杂乱,是做平面版式设计时绕不开的话题。

    阅读文章 >

  • PixelSquid!拥有20W+可旋转3D素材的绘画参考网站

    UI交互 2023-01-29
    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~今天为大家推荐一个超棒的绘画参考网站 PixelSquid,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。...

    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~

    今天为大家推荐一个超棒的绘画参考网站 PixelSquid ,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。

    往期推荐:

    Creative Fabrica!下载10w+高质量字体与矢量装饰素材的宝藏网站 大家好,这里是你们聊设计的花生。

    阅读文章 >

    PixelSquid 网站直达: https://plugin.pixelsquid.com/

    PixelSquid 是国外知名商业图库 ShutterStock 开发的一个 3D 素材库,里面收录了 20 多万个可以 360 度旋转的实体对象,包含建筑、文化艺术品、人物、动植物、武器、食品饮料、服饰、装饰、家具、工业设计等 21 个类型。素材涉及面广泛,建模质量高,可以任意定位到不同角度,是绘画必备的参考网站之一。

    建筑类素材(部分):

    人物类素材(部分):

    家具类素材(部分):

    动植物类素材(部分):

    武器类素材(部分):

    在网站内我们可以直接输入关键词搜索所需的素材,网站右上角也有“Categories(类别)”版块,可按分类目录查找素材。点击卡片可以进入素材的详情页,进入后 3D 素材有一个加载过程,加载完成后使用鼠标点击素材并拖动,可以旋转查看素材的任意角度。素材底部有注释标签,点击后可跳转至同类素材,右侧也有同类素材推荐,点击后可迅速跳转至相关详情页。

    网站提供 3D 素材的 PNG(2048*2048px)和分层 PSD 文件下载,但大部分需要付费订阅,价格也比较贵。没有订阅的话下载的文件有水印,且不可商用。如果仅作为绘画参考,我感觉直接在网站上浏览调整,然后使用截图工具将视角固定下来就足够了,大家可以根据自己的实际需要选择使用方法。

    除了根据分类目录,网站还有一个“Collections(收藏)”版块,里面收录了 90 多个不同主题的精选系列,如纸质书本、约会、贸易、健身、烹饪、玩具、运输、旅游、节日、赛博朋克、季节、太空、医学、音乐等。每个系列都包含上百个与该主题相关的 3D 元素,省去我们逐个查找的功夫,非常便捷。

    PixelSquid内的精选系列

    “太空”主题系列

    网站也有提供部分免费素材,这种资源在其卡片左上角有蓝色的“Free”标签,下载素材前需要注册登录。(免费版块直达: https://www.pixelsquid.com/png/free )

    PixelSquid 内的免费素材

    以上就是今天为大家推荐的绘画参考素材网站 PixelSquid,里面包含 20 多万个可以 360°任意旋转角度的 3D 素材,可以帮助我们快速找到合适的参考角度。喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    视觉设计师来收!免费商用字体推荐:卡通体篇(13款已打包) 本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。

    阅读文章 >

    画面单一/杂乱怎么破?高手总结了10个实用设计技巧! 画面太单一亦或是太杂乱,是做平面版式设计时绕不开的话题。

    阅读文章 >

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

    UI交互 2023-01-29
    设计师在进行设计时,标题常常会使用醒目、装饰性强、具有视觉冲击力的艺术字体,以便能快速吸引受众的注意。良好的标题字体能准确、快速的传达美感并表达设计的理念,本期推荐 28 款适合运用在标题的免费商用艺术字体。往期回顾:视觉设计师来收!

    设计师在进行设计时,标题常常会使用醒目、装饰性强、具有视觉冲击力的艺术字体,以便能快速吸引受众的注意。良好的标题字体能准确、快速的传达美感并表达设计的理念,本期推荐 28 款适合运用在标题的免费商用艺术字体。

    往期回顾:

    视觉设计师来收!免费商用字体推荐:卡通体篇(13款已打包) 本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。

    阅读文章 >

    字形方正,结构均匀,重心线比中心线稍高,字面偏大,笔画纤细,转角处都加上了小圆角,给人以亲切感。

    字体整体规整瘦长,看上去十分地清新雅致。字体笔划横平竖直,但并不锋利,作者给笔划末端所设计的圆角也让整款字体显得更加温润平和。

    是一款细长形字体,笔画纤细,没有弧线,简约时尚,富有节奏与灵气,具有很强的设计感和现代感。

    笔画修长、谦和、灵秀,撇和捺伸展流畅,模竖转折硬朗,工业设计感十足。偏傍部首做了像字标 LOGO 类似的变形,增加了变形的趣味。在简略了一些原字笔画的同时依然保持了很高的识别性。

    结构上选用了略扁的形态,在字形细节里,适当的圆角设计,“口”字形部件右上角的竖线设计,以及撇捺笔画的曲直对比设计,这些崭新的形态以及组合,都让这款字体具备了更多的独创性。

    由庞门正道以及字游空间创意工作室联合研发的免费商用字体。字形比较扁平、风格现代,字体方中带圆,简约时尚,设计的可塑性很强。

    字形笔画粗犷有力,用宽扁型的字面构建出厚重的字体形态,笔画细节上的修饰既增强了字体的设计感,又让字体多了一些小小的精致感。

    站酷高端黑的字形的长宽比采用了 10:7 的比例,字体趋于扁平,笔画简洁明朗,果断有力,字体形态表现出了独特的设计个性与创造性。

    整体字形结构方正有力,同时遵循笔画横细竖粗原则,达到视觉上的和谐,字体末梢采用切角设计干净利落丰富了字的形式。

    笔画清晰有力,棱角分明,字型饱满坚实、粗中有细,视觉上舒朗流畅、简洁优雅。

    由设计师卢帅与集合众多学员、设计讲师一起设计完成的一款免费商用字体。字体笔触粗实,字形厚重有力,是一款非常刚性,设计感很强的标题字体。

    由 字体设计 师胡晓波设计的 免费字体 ,笔势节奏鲜明,字体形态表现出独特的设计个性和创造性。

    整体字形设计采用横细竖粗的设计风格,横线右端倾斜修饰,竖线右上角尖角修饰变形,整体视觉统一刚劲有力,结构严谨、规范、干净、整洁。

    数黑体字型饱满、体态中正,布白极具现代韵律,落笔厚实而简练;数黑在“图形感”和“书写感”当中权衡得当,使其能够正常阅读的前提下也不乏辨识度;特殊的笔画处理能够在字里行间流露出醒目、时尚和先锋的视觉感受。

    Tips:PS 或 AI 中找不到字体,请搜索名称「Alimama ShuHeiTi」即可。

    呈现向右倾斜 8°的倾斜体,笔画横细竖粗,让字体整体和谐与平衡,并且在笔画适当部位进行倒角,来增加字体活力。还提取了传统书法中的笔锋之道,将藏锋、露锋,与现代设计手法相结合。

    Tips:PS 或 AI 中找不到字体,请搜索名称「DOUYU Font」即可。

    采用较大字面和粗壮的笔画来强化力量感。每个字体水平倾斜 8°的设计,赋予了字体极强的速度感,为了让字体倾斜后也能保持稳固,设计师将整体字身设定宽扁。而起笔和弯钩上独具匠心的尖角设计,不仅突显了设计的几何感,而且方便后期进行修改。

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

    阅读文章 >

    作为「优设标题黑」的兄弟版,在保留力量感的基础上,将 8°倾斜去除,从斜体变为正体,减弱速度感,增加稳固的感受,同时将尖角改为圆角,让其更适用于温和的场景。

    优设标题圆开放下载!优设网出品的第4套免费可商用字体 从「优设标题黑」发布至今已有两年多,在这款国民级字体发布后,优设马不停蹄,集结了团队的中坚设计师,继续发布了电商领域的宠儿「优设好身体」和另一个风格可爱的「优设字由棒棒体」。

    阅读文章 >

    笔触浑厚有力,笔画曲折有度,字形个性鲜明,刚柔并济,直角与圆角的错落搭配使得字体婉转有度,落落大方,给人以遒劲有力、端正凝练的感受。

    字型偏瘦长重心提高,所有笔画使用直线,保留硬朗直来直去的稚气,学习了港台字型特征,使字体识别度高且具有复古、文艺感。

    字体结构扁平,笔画非常粗厚,同时带有明显的尖角,字体表现出非常高的稳定性和强有力的视觉表现,非常适合用于 logo 设计、标题、海报和包装等场合。

    字体具有典雅气质有非常有潮流感的风格化黑体作品,兼具了黑体的简洁和宋体的雅致特征, 整体字形方正,刚柔相济,优雅大方。

    Tips:PS 或 AI 中找不到字体,请搜索名称「WDCH」即可。

    站酷冠名的首款拥有家族字体(5 个字重)的公益字库。字形结合宋、黑二体的结构特点,将部分笔画转折处做圆角处理,方圆结合,厚重又不失灵动。

    仓耳与墨是一款包含 5 个字重的家族字体,强调厚重与力量,具有醒目、有力和前卫的特点。

    字体将篆刻的“刀意”融入其中,在笔形处理时模拟了类似篆刻的刀刻痕迹,同时为中和这种“尖锐”,在转折和“口”字结构上使用圆转角的处理方法,让整个字内方外圆。

    Tips:PS 或 AI 中找不到字体,请搜索名称「TsangerYuMo」即可。

    一款逆反差风格的创意字体。其笔画粗壮厚重,字型窄长,调性复古而不失现代感。

    笔画硬朗,力量感十足,竖勾的勾省略,更有利于视觉传播。字型比例 1:1,笔画粗度为 150pt,更适用于画面标题。

    字形偏扁,重心偏低。在保持字形辨识度的情况下,笔画尽可能的加粗,转折处改为圆角处理,极具有趣味性。

    乐字蒙黑体是“乐字”制作的一款美术标题字。它的整体字形偏长,字面结构饱满,有稳重中具备力量感的同时笔画结构蕴含乐趣在其中,使其多了一些生动活泼。

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

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

    UI交互 2023-01-29
    设计师在进行设计时,标题常常会使用醒目、装饰性强、具有视觉冲击力的艺术字体,以便能快速吸引受众的注意。良好的标题字体能准确、快速的传达美感并表达设计的理念,本期推荐 28 款适合运用在标题的免费商用艺术字体。往期回顾:视觉设计师来收!

    设计师在进行设计时,标题常常会使用醒目、装饰性强、具有视觉冲击力的艺术字体,以便能快速吸引受众的注意。良好的标题字体能准确、快速的传达美感并表达设计的理念,本期推荐 28 款适合运用在标题的免费商用艺术字体。

    往期回顾:

    视觉设计师来收!免费商用字体推荐:卡通体篇(13款已打包) 本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。

    阅读文章 >

    字形方正,结构均匀,重心线比中心线稍高,字面偏大,笔画纤细,转角处都加上了小圆角,给人以亲切感。

    字体整体规整瘦长,看上去十分地清新雅致。字体笔划横平竖直,但并不锋利,作者给笔划末端所设计的圆角也让整款字体显得更加温润平和。

    是一款细长形字体,笔画纤细,没有弧线,简约时尚,富有节奏与灵气,具有很强的设计感和现代感。

    笔画修长、谦和、灵秀,撇和捺伸展流畅,模竖转折硬朗,工业设计感十足。偏傍部首做了像字标 LOGO 类似的变形,增加了变形的趣味。在简略了一些原字笔画的同时依然保持了很高的识别性。

    结构上选用了略扁的形态,在字形细节里,适当的圆角设计,“口”字形部件右上角的竖线设计,以及撇捺笔画的曲直对比设计,这些崭新的形态以及组合,都让这款字体具备了更多的独创性。

    由庞门正道以及字游空间创意工作室联合研发的免费商用字体。字形比较扁平、风格现代,字体方中带圆,简约时尚,设计的可塑性很强。

    字形笔画粗犷有力,用宽扁型的字面构建出厚重的字体形态,笔画细节上的修饰既增强了字体的设计感,又让字体多了一些小小的精致感。

    站酷高端黑的字形的长宽比采用了 10:7 的比例,字体趋于扁平,笔画简洁明朗,果断有力,字体形态表现出了独特的设计个性与创造性。

    整体字形结构方正有力,同时遵循笔画横细竖粗原则,达到视觉上的和谐,字体末梢采用切角设计干净利落丰富了字的形式。

    笔画清晰有力,棱角分明,字型饱满坚实、粗中有细,视觉上舒朗流畅、简洁优雅。

    由设计师卢帅与集合众多学员、设计讲师一起设计完成的一款免费商用字体。字体笔触粗实,字形厚重有力,是一款非常刚性,设计感很强的标题字体。

    由 字体设计 师胡晓波设计的 免费字体 ,笔势节奏鲜明,字体形态表现出独特的设计个性和创造性。

    整体字形设计采用横细竖粗的设计风格,横线右端倾斜修饰,竖线右上角尖角修饰变形,整体视觉统一刚劲有力,结构严谨、规范、干净、整洁。

    数黑体字型饱满、体态中正,布白极具现代韵律,落笔厚实而简练;数黑在“图形感”和“书写感”当中权衡得当,使其能够正常阅读的前提下也不乏辨识度;特殊的笔画处理能够在字里行间流露出醒目、时尚和先锋的视觉感受。

    Tips:PS 或 AI 中找不到字体,请搜索名称「Alimama ShuHeiTi」即可。

    呈现向右倾斜 8°的倾斜体,笔画横细竖粗,让字体整体和谐与平衡,并且在笔画适当部位进行倒角,来增加字体活力。还提取了传统书法中的笔锋之道,将藏锋、露锋,与现代设计手法相结合。

    Tips:PS 或 AI 中找不到字体,请搜索名称「DOUYU Font」即可。

    采用较大字面和粗壮的笔画来强化力量感。每个字体水平倾斜 8°的设计,赋予了字体极强的速度感,为了让字体倾斜后也能保持稳固,设计师将整体字身设定宽扁。而起笔和弯钩上独具匠心的尖角设计,不仅突显了设计的几何感,而且方便后期进行修改。

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

    阅读文章 >

    作为「优设标题黑」的兄弟版,在保留力量感的基础上,将 8°倾斜去除,从斜体变为正体,减弱速度感,增加稳固的感受,同时将尖角改为圆角,让其更适用于温和的场景。

    优设标题圆开放下载!优设网出品的第4套免费可商用字体 从「优设标题黑」发布至今已有两年多,在这款国民级字体发布后,优设马不停蹄,集结了团队的中坚设计师,继续发布了电商领域的宠儿「优设好身体」和另一个风格可爱的「优设字由棒棒体」。

    阅读文章 >

    笔触浑厚有力,笔画曲折有度,字形个性鲜明,刚柔并济,直角与圆角的错落搭配使得字体婉转有度,落落大方,给人以遒劲有力、端正凝练的感受。

    字型偏瘦长重心提高,所有笔画使用直线,保留硬朗直来直去的稚气,学习了港台字型特征,使字体识别度高且具有复古、文艺感。

    字体结构扁平,笔画非常粗厚,同时带有明显的尖角,字体表现出非常高的稳定性和强有力的视觉表现,非常适合用于 logo 设计、标题、海报和包装等场合。

    字体具有典雅气质有非常有潮流感的风格化黑体作品,兼具了黑体的简洁和宋体的雅致特征, 整体字形方正,刚柔相济,优雅大方。

    Tips:PS 或 AI 中找不到字体,请搜索名称「WDCH」即可。

    站酷冠名的首款拥有家族字体(5 个字重)的公益字库。字形结合宋、黑二体的结构特点,将部分笔画转折处做圆角处理,方圆结合,厚重又不失灵动。

    仓耳与墨是一款包含 5 个字重的家族字体,强调厚重与力量,具有醒目、有力和前卫的特点。

    字体将篆刻的“刀意”融入其中,在笔形处理时模拟了类似篆刻的刀刻痕迹,同时为中和这种“尖锐”,在转折和“口”字结构上使用圆转角的处理方法,让整个字内方外圆。

    Tips:PS 或 AI 中找不到字体,请搜索名称「TsangerYuMo」即可。

    一款逆反差风格的创意字体。其笔画粗壮厚重,字型窄长,调性复古而不失现代感。

    笔画硬朗,力量感十足,竖勾的勾省略,更有利于视觉传播。字型比例 1:1,笔画粗度为 150pt,更适用于画面标题。

    字形偏扁,重心偏低。在保持字形辨识度的情况下,笔画尽可能的加粗,转折处改为圆角处理,极具有趣味性。

    乐字蒙黑体是“乐字”制作的一款美术标题字。它的整体字形偏长,字面结构饱满,有稳重中具备力量感的同时笔画结构蕴含乐趣在其中,使其多了一些生动活泼。

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

  • 4000字干货!一篇文章帮你掌握对话框设计

    UI交互 2023-01-29
    对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个设计师都可以百分百地弄明白对话框这个概念。这篇文章是对「对话框」的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。

    对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个 设计师 都可以百分百地弄明白对话框这个概念。这篇文章是对「对话框」的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。

    更多交互方式:

    6000字干货!3个优秀交互设计师应该具备的边界感 引言 售卖软件服务的公司,最理想的状态就是开发一套通用的解决方案或产品,而几乎不用接收任何定制化需求(定制化需求大多会被内化成通用产品的新功能)。

    阅读文章 >

    一、了解对话框 1. 对话框定义

    对话框是叠加在应用主窗口上的弹出式的窗口。对话框以对话的方式让用户参与进来,在对话中它给出消息或要求输入。

    当用户完成消息的阅读或者作出选择后,可以取消或者接受该对话框,之后,这个对话框便消失了,把应用的主窗口交还给用户。

    关于对话框的概念,以下是百度百科的解释:

    对话框越来越广泛地被应用于软件、网页、以及移动设备中。它可以保留用户当前进程的情况下,指引用户完成一个特定的操作 。

    2. 对话框分类

    按照对话框的交互方式,可将其分为「模态对话框」和「非模态对话框」。我们可以把他们看作是两个小家族,模态家族的人比较强硬,而非模态家族的人相对温柔一点。两个家族的主要区别:是否强制用户对其进行回应。

    模态对话框:是位于浏览器的主页面核心区域,需要用户对它做出相应交互,模态才会消失。而对话框会因为自身的吸引程度、停留时间、信息量承载多少被划分为多种对话框类型进行区分,常见的对话框分别为:普通对话框、内嵌表单对话框、分步表单对话框、文件选择对话框、复杂信息展示对话框。

    ① 何时使用模态对话框

    在重要的警告时使用,避免出现严重问题、或修正已出现的问题。

    例如:用户录入信息后未保存就要关闭时,弹出模态对话框提示用户保存。

    在需要用户输入信息或进行某操作,才能继续当前流程的时候使用。

    例如:在使用 Canva 资源网站时,点击“上传”会弹出模态化的登录/注册窗口,引导登录/注册后使用。

    用来将复杂流程拆分成简单步骤。

    例如:Teambition-分步骤的模态对话框式创建项目。

    用来获取信息,该信息可大大减轻用户的后续操作/精力。

    例如:在转账场景中,如果先复制一个账号,打开手机银行 APP(以招商银行或平安口袋银行为例),系统会通过模式对话框询问用户是否向这个账号转账,这样的设计做到了预判用户行为,节省用户后面的操作成本。

    非模态对话框:与模态完全相反,它更加温和,不会强制打断用户正在进行的现有流程,对用户的干扰比较小。通常这类对话框只会在屏幕上短暂停留,几秒就会消失,也因此用户容易忽略它们的存在。因此非模态对话框不适合展示重要信息、不能承载大量文案,常见的类型有:通知提醒、全局提示、警告提示、气泡卡片、文字提示。

    ② 何时使用非模态对话框

    在获取与当前流程不必要信息的时候使用。

    例如:平安口袋银行和平安数字口袋采用气泡卡片展示更多功能或引导用户登录。

    不打断重要流程中使用。

    例如:在平安口袋银行 APP 中购买理财时,如果遇到疑问的话,不会弹出框提示让客户咨询投顾,而且采用气泡框形式提示,不打断用户购买。

    简单来说,两者的优缺点见下表:

    二、对话框常见应用场景 从前面讲到的定义来看,对话框最主要的目的是:传递信息。那么从目标导向的角度来看对话框,对话框要传递的信息的常见应用场景主要有以下五种:

    1. 属性对话框

    属性对话框是向用户呈现或让用户改变所选对象的属性或者设置。一般来说,在属性对话框中,用户可以修改当前的选择,也可以设置应用程序的全局属性。该对话框适用于非频繁操作和或仅需要设置一次的属性,属性对话框常见在一些设置、详情中。

    例如:Windows 11 系统的设置界面,可设置系统的全局属性。

    2. 功能对话框

    功能对话框通常从菜单中打开,是最常见的模态对话框,只控制单一功能,如打印、文件上传/导入、插入对象或拼写检查。该对话框不仅允许用户启动一个动作,而且也允许用户设置动作的细节,属于模态对话框。

    例如:浏览器的打印功能,会弹出模态化的打印窗口,用户可设置打印的细节。

    例如:飞书的文档导入功能,使用模态化对话框,引导用户选择文件类型或进行批量导入操作。

    3. 进度对话框

    进度对话框是由应用程序启动的,而不是由用户请求而启动的。它们向用户表明当前应用正在忙于某些内部功能,其他功能的处理能力可能会降低。

    每个进度对话框都应该向用户清晰地展现如下信息:

    一个耗时的进程正在进行 现在一切正常 该进行还有多长时间才能完成 还有多少事情或项目没有做完 用户如何才能取消该操作,或重获控制权 例如:使用 Axure 软件导出 html 文件时的进度提示,既提醒用户当前 Axure 正在运行,又告知用户当前文件导出进度。

    例如:使用 Sketch 软件导出文件时的进度提示

    4. 通知对话框

    通知对话框将一些重要信息报告给用户。来源可以是一些触发的事件,也可以是其他用户的通知。

    常见的有通知中心对话框,处理完成某个操作的告知等等。

    例如:花瓣的通知提醒

    例如:脉脉的隐私政策阅读提示和汽车之家的开启通知提示,均采用模态对话框方式

    5. 公告对话框

    公告对话框,和进度对话框一样,由应用程序直接启动,不是由用户请求发起的。公告对话框有三种:错误、警告、确认。

    这种对话框通常不会要求用户填写什么,只会询问你“真的要进行吗?”或者告诉你一件事情。所以在这种对话框上,一般只会有只有[取消]和[确认],或者[OK]。

    属性、功能、进度对话框,是用户主动请求的--它们为用户服务。但是,应用程序发起的公告对话框--它们为应用程序服务,常常会牺牲用户利益。由于公告对话框比较常见且常常牺牲用户利益,那么我们怎么把这些讨厌且无用的公告对话框直接铲除掉,换成更加友好、能给用户带来真正帮助的交互方式呢?接下来我们来一起看看怎么让公告对话框“名声鹊起”。

    三、怎么让公告对话框“名声鹊起” 我们可以从应用本身和对话框本身着手提供友好的交互方式,减少公告对话框的出现频率。

    1. 应用方面

    解决用户错误的方法不是指责用户,让用户再认真一些,或者给他们更多的指导练习,而应该优化应用设计,让犯错变得困难。

    ① 让应用变“聪明”,减少用户犯错

    使用有界控件。比如验证码输入框、数字键盘等

    示例:登录蓝湖时的短信验证码输入框

    示例:转账时输入金额的数字键盘,金额大小的位数提示;平安口袋银行的身份证号专属键盘

    提高可见性,用户可自主纠错

    示例:输错密码是一个很难避免的错误场景,语雀密码登录支持可见密码,一来是考虑安全问题,二来在用户输错的场景下可以打开眼睛,即可见密码,减少出现错误频率。

    具备预判思维,在容易出错的地方提供更方便的功能

    示例:在支付宝聊天窗输入一串数字,支付宝发现这个问题后,提供了识别后直接转账的功能,预判了用户的惯性,减少错误发生

    Zoom 拉会前预设值在加入会议室的界面,提前选择是否在进入会议房间后“不自动连接语音”和“保持摄像头关闭”,有效避免忘记闭麦或者忘记关摄像头就直接加入了线上会议的意外尴尬

    让操作可“复原”,提供撤销功能

    在很多破坏性的操作都会二次进行提醒,让用户确认操作,比如说删除操作。在删除之前都会询问用户“你真的要删除吗?”想一想……你在看到这些提示的时候,是不是眼疾手快地按下那个「确认」按钮?

    这种对话框在没有容错处理时,非常容易被我们这种无脑按「确认」的用户酿成大错。比如我“手贱”只是试试这个删除,然后就把某个表几千条辛苦写了一个月的数据删掉了,由此可见系统的容错处理有多么重要。

    示例:Windows 系统在早期的时候,删除文件时会让用户进行二次确认,但这是完全没必要的,因为删除文件不是真正的删除,还会在回收站里面。

    Mac 系统:在回收站删除文件将是永久性删除,此时的确认对话框才是对用户有用的。

    2. 对话框设计 方面

    从对话框本身的设计优化出发,我们可以对话框的使用场景和文案方面着手进行优化设计。

    ① 对话框使用场景

    其实什么时候使用对话框、是否使用取决于你要给用户展示的信息是否重要。

    例如你在手机上买了一张电影票,支付失败的结果如果用 toast 展示就会容易被用户忽视。那么等到用户到了电影院才发现自己购买失败,那么用户极有可能当场卸载你的产品。

    模态弹框会打断用户当前操作流程,所以「使用对话框要克制」。总原则是:能在界面展示就不用弹框,能用非模态弹框的就不要用模态弹框。总之,重要的信息优先考虑使用对话框。

    具体的使用原则有:

    弹框使用尽量克制。 文字需要精简,使用行为召唤动词。 注意区分复杂任务和轻量任务,选择对应的弹框类型。 反馈要及时。 可使用引导帮助选择。 ② 清晰且友好的文案

    如果非要使用对话框,那么请使用友好尊重用户的方式。当我们说到人与人之间的交流时,语言是重要的媒介,而用户与产品之间同样如此。

    在设计过程中应始终努力设计出有效的提示性文案,但是, 一定是有比没有要好吗?个人认为也是不必要的,糟糕的提示性文案甚至会破坏产品中最好的用户体验。例如以下几种情况:

    含糊不清 过于啰嗦 无意义,产生误导 无同理心 因此糟糕的提示文案设计会误导用户在产品中采取不必要的操作, 从而使他们感到生气和困惑,甚至可能会破坏品牌对用户的忠诚度,产生本末倒置的结果, 也给用户带来不佳体验。

    所以,语言是使产品更加人性化的主要因素。产品的文案则充当了语言的角色,它可以使用户参与其中,影响他们的情绪,并把这种人机的功能性关系转化成人类的个人情感体验。而这种用户的情感体验才能够真正的彰显品牌个性,从而与其他产品区分开来。

    错误提示设计三步法

    尽可能准确地描述问题和哪里出错了,简明易懂。 提出建设性意见,解决问题,保持流程前进不中断。如果此时问题还不能解决,告诉用户可以做些什么来帮助他们,以及他们可以向谁求助。 不要责怪他们,礼貌的对待用户,在报错中加入情感。 总结 对话框可以成为帮助用户完成目标的有用助手,而不是让他们在每一步操守挫败的可怕绊脚石。通过保持对话框的可管理性,并且只有在他们的功能真的属于另一个房间的情况下才调用他们,你将很好地维持用户的工作流状态,保证他们会成功完成任务,并且满怀感激。

  • 2023年,SaaS行业业绩与招聘预测

    设计动态 2023-01-28
    2022年裁员消息此起彼伏,就业市场也是哀嚎一片。 那么,2022年SaaS行业裁员情况有多严重?2023年SaaS产品经理就业前景如何? 为了回答这些问题,我特意在SaaS高管群组织了匿名调研。调研对象是我的读者,一共341人,title均为总监及以上,身份

    SaaS产品经理在2023年的就业前景预计会呈现怎样的发展情况?也许,你可以结合目前SaaS公司的体量、业绩情况等方面进行测量和分析。比如在本篇文章里,作者就发起了一次问卷调查,并对2023年SaaS产品经理的就业情况进行了分析,不如来看一下。

    2022年裁员消息此起彼伏,就业市场也是哀嚎一片。

    那么,2022年SaaS行业裁员情况有多严重?2023年SaaS产品经理就业前景如何?

    为了回答这些问题,我特意在SaaS高管群组织了匿名调研。调研对象是我的读者,一共341人,title均为总监及以上,身份事先经过验证(名片或组织架构截图),可信度较高。

    01 接下来,我会首先把调研结果做一个罗列,再对其中的一些有趣的数据进行分析:

    调研问题1:您公司类型

    说明:参与调研的高管主要还是来自SaaS公司,“其他”应该主要是项目制公司,当然也有极少数投资公司等。

    值得一提的是,经过数据对比,257份【SaaS公司/SaaS事业部】数据得出的结论,和341份【全样本】数据得到的结论高度一致。

    这可能是因为“其他”公司虽然以项目制公司为主,但是大家面临的市场环境、挑战和机会是高度相似的,所以数据呈现出较大的一致性。

    调研问题2:您公司/事业部人数

    这是一个很重要的问题。

    首先可以看到,100人以内的小微企业占比高达46%,说明很多SaaS公司仍然在比较早期的阶段。

    另外,后面我们可以看到,100人、1000人是两个比较重要的分界线,而不同规模的企业,在业绩表现、招聘策略等方面,都有着较为明显的区别。

    这一点后面我们会进行更深入的分析。

    调研问题3:和往年比较,您公司/事业部2022年业绩情况

    可以看到,2022年SaaS行业业绩普遍不佳。

    60%的企业没有增长,甚至业绩下滑,更有17%的企业业绩大幅下滑。个人认为,和疫情、政策环境等关系很大。所以在2023年,随着线下业务的正常化,行业回暖的概率也较大。

    调研问题4:2022年是否有裁员

    虽然业绩大幅下滑的企业比例只有17%,但是裁员的企业比例却高达50%。

    原因之一,是部分SaaS企业依赖融资维持庞大的团队规模,而2022年SaaS行业融资规模大幅缩水,这就导致很多SaaS企业必须通过裁员的方式,来减缓现金流的消耗。

    另一个原因,是裁员并非完全反映过去的业绩,也部分反映了未来的预期。很显然,在2022年大部分时间,SaaS企业对2023年的预期是相对悲观的。

    调研问题5:您对2023年的业绩预测

    虽然60%的企业业绩没有增长,50%的企业通过裁员自救,但对2023年持乐观态度的高管比例却高达67.8%。

    这也许说明了,在国家的政策调整下,大家对行业明年的发展普遍变得更有信心。

    调研问题6:2023年是否仍有裁员计划?

    由于预期较好,加上2022年刚裁完员,2023年整体就业状况会明显改善。 有30%的企业明确要增员,相对之下,只有11%的企业明确要裁员。

    而剩下59%的企业,显然还在观望。毕竟预期归预期,招人还是稳妥一些的好。

    调研问题7:2023年的公司/事业部工作的第一重点

    虽然调研结果显示,在2023年工作重点中,销售排在第一位,产品排在第二位,组织能力只排在第三位,但是,不同规模的企业工作重点差异很大。

    包括2022年裁员情况、2023年招聘计划等也和企业规模有很强的相关性。因此,接下来,我们就根据不同的企业规模分别进行分析。

    经过分析,我发现100人、1000人是两个重要的节点。1~100人规模的公司,100~1000人规模的公司和1000以上规模的公司,调研结果呈现出明显差异。

    02 接下来,我们就把数据分成3份,分别进行分析。

    调研问题3:和往年比较,您公司/事业部2022年业绩情况

    1)1~100人公司

    2)100~1000人公司

    3)1000人以上公司

    可以看到,大公司的业绩比小公司更为稳定,以“业绩大幅下滑”选项为例:

    100人以下的小公司,2022年有21%业绩大幅下滑 100~1000人的公司,2022年有18%业绩大幅下滑 1000人以上的公司,2022年有8%业绩大幅下滑 这一点不难理解。规模更大的SaaS公司往往产品更为标准化,服务能力更强,也有更多大企业客户,这些都提升了业务的稳定性。

    而小公司即便服务了大客户,也往往是项目制,稳定性相对差很多。

    调研问题4:2022年是否有裁员

    1)1~100人公司

    2)100~1000人公司

    3)1000人以上公司

    虽然100人以下小公司2022年业绩更差,但是裁员却更少:

    100人以下的小公司,2022年44%有裁员,其中22%有10%以上的裁员 100~1000人的公司,2022年58%有裁员,其中26%有10%以上的裁员 1000人以上的公司,2022年53%有裁员,其中26%有10%以上的裁员 这一点应该和不同规模公司的招聘策略有一定关系:

    小公司往往只招必要的人,而且裁了也很难招聘和培养,因此裁员空间不大。

    大公司就不一样了。

    首先,大公司普遍有创新业务。而创新业务在2022年很难拿到结果,无疑是裁员的重灾区;其次,规模越大,人员冗余往往越大。即便是成熟业务和行政支撑部门,裁员10%往往也不会对业务造成很大影响。所以大公司的裁员空间相对大得多。

    调研问题5:您对2023年的业绩预测

    1)1~100人公司

    2)100~1000人公司

    3)1000人以上公司

    从数据结果来看,2023年的业绩预期和2022年的业绩表现存在较高相关性。

    100人以下的小公司,2022年有49%业绩下滑,2023年有65%表示乐观 100~1000人的公司,2022年有41%业绩下滑,2023年有66%表示乐观 1000人以上的公司,2022年有27%业绩下滑,2023年有79%表示乐观 2022年,1000人以上的公司业绩表现较好,他们相应的预期也明显更好。

    而1~100人以及100~1000人的公司,2022年业绩表现都相对较差,他们的预期也明显差一些。

    调研问题6:2023年是否仍有裁员计划?

    1)1~100人公司

    2)100~1000人公司

    3)1000人以上公司

    不管是什么规模的公司,都有超过一半以上没有裁员或增员计划。显然2023年存在不确定性,更多公司会比较谨慎,边走边看。

    不过,我们仍然可以通过一个指标“增员与裁员比”——即用“计划增员的比例”除以“计划裁员的比例”——来综合判断不同规模公司的扩张意向。如下:

    100人以下的小公司,“增员与裁员比”为4.4 100~1000人的公司,“增员与裁员比”为1.5 1000人以上的公司,“增员与裁员比”为2.8 1000人以上的公司,在2023年招聘意向较强,我想主要有2个方面的原因:

    一是2022年的业绩下滑有限,且对2023年更为乐观;

    二是2022年裁员已基本到位,因此2023年没有进一步的裁员计划。

    100人以下的公司虽然招聘意向很强,一方面确实是裁无可裁,另一方面——通过后面的调研问题可以看出来——更多是营销部门的扩张。

    用SaaS高管群一位群友的话来说,就是:“产品可以不迭代,但总要销售出去。”2022年裁了产品和运营,2023年进一步加强销售。这似乎能说明,小微企业以定制化为主,销售导向非常明显。

    调研问题7:2023年的公司/事业部工作的第一重点

    1)1~100人公司

    2)100~1000人公司

    3)1000人以上公司

    这个调研问题很重要,直接关系到产品经理的择业。

    从数据结果很容易得出结论:

    100人以下的小公司非常重视销售,有50%的公司把【销售】作为2023年最重要的事。相比之下,只有23%的公司更重视产品。 100~1000人的公司则更重视产品,有35%的公司把【产品】作为2023年最重要的事。当然,销售直接带来收入,所以有34%的公司更重视销售,也是能够理解的。 1000人以上的公司则更看重组织能力提升,有36%的公司把【组织能力提升】作为2023年最重要的事。 分析如下:

    100人以下的小公司其实很多处于求生存的阶段,看不了太长远,也没有多余资源用于研发标准化产品。这样的公司,其实对产品经理不太友好,作为职业跳板可以,但并不适合长期发展。

    当然,也要看到,仍然有23%的小公司非常重视产品。这就说明,金子还是有的,只是我们要瞪大眼睛。

    100~1000人的公司基本迈过了生存线,他们有能力向往更美好的未来。这就意味着,标准化产品打磨、第二曲线开拓都是很重要的工作,那么对产品的更为重视就无足为奇了。

    1000人以上的公司则进入了一个新阶段,他们往往具有多条成熟的产品线,或者深耕多个行业,人才济济,市场定位也相对稳固,这从2022年业绩表现就可以看出来。

    但是,大公司有其自身的问题。包括组织臃肿、部门墙、KPI文化等。因此,把组织能力提升作为公司重点,也是符合逻辑的。

    03 调研整体结论:

    2023年整体预期偏好,SaaS公司整体处于扩张状态,预期招聘市场会持续回暖。 1~100人公司以销售部门扩张为主,100人以上的公司相对更重视产品建设。公司规模可以作为求职的重要参考。 专栏作家

    王戴明,微信公众号:To B老人家,人人都是产品经理专栏作家,多年互联网产品与信息化管理经验。

    本文原创发布于人人都是产品经理,未经许可,禁止转载。

    题图来自 Unsplash,基于 CC0 协议。

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏

  • 春节为啥撒币

    设计动态 2023-01-28
    毫无疑问,今年的春晚红包难产了。 近日,一位接近央视人士告诉《最话》,原本一家互联网大厂已与央视谈妥合作,甚至项目组也已筹建。但由于今年的合作权益与去年相仿,该大厂希望可以增加一些权益,可“央视的口子又不好开”,所以合作被临时叫停,项目组也已经解散。 我们另外

    在兔年的春晚上,春晚红包互动环节并未如往常一样出现在人们的视线当中,这让人不禁开始思考:春晚红包遇冷背后的原因是什么?春节红包又是否会和春晚红包一样慢慢走向尾声?

    毫无疑问,今年的春晚红包难产了。

    近日,一位接近央视人士告诉《最话》,原本一家互联网大厂已与央视谈妥合作,甚至项目组也已筹建。但 由于今年的合作权益与去年相仿,该大厂希望可以增加一些权益 ,可“央视的口子又不好开”,所以合作被临时叫停,项目组也已经解散。

    我们另外了解到,随后,央视点对点与其他大厂进行过沟通,但大家的合作意愿都不强。

    的确,春晚红包虽香,却是一朵昂贵的“玫瑰”。它诞生于消费互联网的蓝海时代,不饱和竞争的格局下,大家粗放经营,跑马圈地,几乎把增长当成唯一的命题。

    然而,时代终于进入了下半场,风雨如晦的国际形势,后疫情时代的中国经济,以及对于这个市场更为关键的要素——行业流量规模的增长曲线已过临界点。

    这就是春晚红包遇冷的核心原因,对于公司侧来说, 一次性高成本获客的前提是,还有大量的流量处女地。

    当然,今年,各个大厂也都还保留了红包项目,但只是在自己站内完成,规模也非常克制。应该说,对于这些公司来说,春节红包已经变成了一种防御性活动,即做到人有我有,保持对用户的牵引力。

    那么,是不是春节红包就快走到了尽头?也许不久后,大家会像放弃春晚红包一样,默契的放弃春节红包。

    其实也不是, 对于中等用户规模的互联网平台来说,它们仍然有机会塑造一个陡峭的增长曲线,所以,春节红包仍是非常好的进攻和拉新的工具。

    更为重要的是, 今年春节将是近年来最大的一次近场社交机会。 疫情三年,很多人都没有回过家乡,今年大量异乡人会返回自己的家乡,在那里,压制三年的亲缘社交需求将一次性得到释放,这必将形成一个社交峰值,也会是社交裂变获客的一次巨大机会窗口。

    于是,今年春节出现了一个有意思的现象,一边是大厂红包缩水,一边是中厂跃跃欲试。例如,B站、小红书都先后开展了春节红包活动。其中,B站为首次入局春节营销。

    当然,中等规模的互联网企业是不大可能参与春晚红包的,因为后者不仅需要大量的资金投入,也需要在技术上做好充足准备,尤其当上一家合作商“撂挑子”后,要在几天内增加大量服务器以扛住春晚的流量洪峰,对于中厂来说可就太难了。

    它们应该也没有愿力去摘那朵“金玫瑰”。

    01 2022年12月,在腾讯内部员工大会上,一向温和的马化腾狠话迭出,其中包括一句:“以后大家不要跟我说什么买量的故事,我已经不信这个了”。

    很多人不知道买量是什么,其实就是购买流量,后者是实现用户增长的生产工具。对于互联网公司来说,春节红包就是一种买量行为。

    这种工具最初是非常有效的。

    直至今天,业内人士仍对2015年的微信红包记忆犹新,那年,通过与春晚合作,微信摇一摇抢红包活动互动次数超过110亿,微信拿出了5亿现金,发放超10亿个红包。撒钱的效果当然是立竿见影:2015年除夕夜,微信支付用户新增用户超过2000万,大幅缩小和支付宝的差距。

    这一场在后来被马云称作“偷袭珍珠港”的战役,也拉开了阿里腾讯长达数年的红包大战序幕。

    后来,竞争的主角变成了短视频平台,最疯狂的2021年,抖音和快手在角力下,将红包水位线推到了20亿,后来,快手又加了1个亿,变成21亿,抖音则再加1亿达到了22亿,真是杀红了眼。

    而今年,以上这些公司均未传出与春晚合作。1月4日,快手发布了今年的红包计划,还是20亿。而红包缩水最厉害的当属字节,今日头条、西瓜视频等APP仅推出了集节气卡分2亿红包活动,此外抖音还单独推出了找红包活动,奖金总额为4亿元。1月10日,支付宝的集五福也出台了,不变的是红包总金额还是5亿。

    据统计,今年所有大厂的春节红包总额,相比去年下降了一半。

    少买量的核心原因还是因为无量可买。以2022年6月为界,抖音的MAU达到6.8亿,淘宝为8.7亿,京东移动端的MAU则为5.2亿。

    而这个时点,中国网民的总数为10.5亿,对于大厂来说,确实没有太多可挖掘的空间了,尤其是微信,它的用户规模与行业规模几乎相当。

    所以,这个冬天,降本增效成了各家互联网大厂的一致命题,当这个行业经历了漫长的粗放发展,该是为它清理沉珂的时候了。

    刘强东重回一线,张勇亲自挂帅业务线,而字节的梁汝波更在去年末的全员会上开宗明义,字节2022年的业绩未能达到预期,人员优化、降本增效不会停。同样,马化腾也要求腾讯,要加强和坚持降本增效,“我觉得这个是要形成一个习惯”。

    表面来看,效率是成本和收益的比值,但我们不能简单粗暴的将二者定义为必然关系。 只是对于大厂而言,由于用户增长空间已经非常小,所以需要一次性降低营销费用,以摊薄获客成本。

    但对于中等规模的公司,它们仍需要增长,也被曾经发生过的增长神话所吸引。2020年,快手发放了11亿春节红包,当月的MAU被推高了近30%。

    所以,1月17日,快手推出了今年的红包活动,规模几乎没有缩水,因为它还要增长。同样是这一天,B站也推出了红包活动。

    据B站三季报,其MAU为3.33亿,DAU为9030万,同比都上涨了25%。此外,在连续的三个季度中,B站的日活用户增速已经超过了月活用户增速。

    这说明B站还在上涨通道里,如果只是一味的砍成本,势必会失去一段增长曲线,而适当的投入则有可能让这条曲线陡峭起来。

    只要它能把账算过来。

    根据快手的活动规则,用户邀请1~5个新用户注册,就可以拿到69~443元,即快手的单一用户成本线是69~88.6元。而B站的规则是,只要拉新一个用户,就可以拿到6~666元红包。其实 对于这些公司来说,只要核算好单一用户的获客成本,就可以在成本和效率之间取得平衡。

    02 因为没有和春晚合作,今年绝大多数发放春节红包的APP,看起来都有点“圈地自萌”。

    大家似乎忘了, 春节红包诞生于社交场景。 最初,微信支付通过给用户发红包,作为社交关系链的起点,再用春晚来撬动它,触发用户和用户之间的红包互动,最终实现微信支付产品的裂变营销。2017年春节,奇货可居的支付宝敬业福也达到了类似的效果,只要打开支付宝,就会收到朋友的私信,求一张敬业福。

    但是很快,随着竞争越来越激烈,春节红包的社交色彩反而开始褪色。这当然与互联网生态的格局有关, 作为几乎唯一有效的社交工具,微信对于外站的社交裂变一直比较警惕。

    《最话》注意到,快手目前无法直接转发红包链接到微信,而是一串字符口令,用户需要复制后在快手上打开。

    不过B站却可以直接分享红包链接,看起来,两家公司获得的待遇不同。这当然与体量有关,但恐怕更和大家在互联网江湖中的战略站位有关。虽然与B站一样,快手也是腾讯投资的企业,但随着视频号的崛起,双方之间的竞争关系难以回避。

    但B站是以中长视频为主的,至少目前,它和视频号之间仍有很大差异。另外,B站的用户群体以年轻人为主,其与腾讯的多项业务具有很高的用户重合度,完全可以实现业务上的互动。例如游戏,我们注意到,王者荣耀是此次B站春节红包活动的合作伙伴。

    值得注意的是,今年春节的裂变红包设计,游戏规则都非常简单,一般每拉新一次,就能获得相应的现金奖励。这样可以避免冗繁的操作,减少用户反感,当然也能更有效的触动用户转发,从而促进社交裂变的几何式发酵,即便新注册用户,也可以迅速开展下一轮拉新。

    但 拉新绝不是春节红包全部的意义 ,否则缺乏社交裂变场景的APP,就不会仍然坚持去做这个项目。看上去,大家都花了不少心思去设计小游戏,让用户边玩边拿红包。

    例如今年首次参战的B站,它推出了一个名叫“抓兔兔碰运气”的春节红包活动,用户可以在弹幕区以及评论区中,找到一只卡通兔,通过点击抓住它,然后获得一次“碰卡”机会。两个用户之间进行碰卡,则各会收获一张兔年主题好运卡和随机奖品。

    和裂变红包一样,B站的碰卡也可以通过直接转发链接,在微信上完成。也就是说,它其实是一个站内外的社交互动,其目的显而易见,是为了唤醒沉睡用户,促进用户活跃度。现阶段,这确实是B站需要攻克的命题,尽管它的MAU超过了3个亿,但其DAU尚不足1个亿。

    需要正视的问题是,留客比获客更难,因为买量通过投入资源就可以实现,但留量却需要精细化的运营来完成。

    此前的春节红包而言,各家公司确实产生了很高的损耗。比如,2019年的百度,新用户留存率在春节过后不到一周就剩下2%;2020年的快手,也在春晚过后的一个月之际,DAU跌回春晚前。

    所以你能看到,此次B站春节红包项目是有过精心设计的,和其他平台的列表式项目不同, B站模拟了人的行动动线 。用户首先需要在B站观看视频时抓到兔子,然后再与其他的用户去碰卡,每碰一次用户和好友就会各自获得一张好运卡以及随机奖品。另外,用户一旦集齐共计28张的好运卡还可以获得额外奖励。

    随着这些动线交织在一起, B站社区的活跃度将在短期内迅速提升。

    的确,行业发展至此,每家互联网公司都已经清楚的意识到,比起获客来说,用户的留存、活跃和质量更为重要,否则用户薅完羊毛就走,只不过给平台的用户规模增加了一个数字。

    03 每年春节前,除了热闹的红包之外,朋友圈里还充斥着各种走心的视频。似乎每家互联网公司的每条业务线,都争在春节档讲自己的故事。这也折射了大家对于兔年春节的期待,众所周知, 在所有的社交关系中,近场社交的效率最高,能为品牌和效果营销提供最高效的场景。

    大家都在追求品效合一,“一”里藏的是这项业务要往哪里去,塑造什么样的品牌心智,获取何种定位的客户。抖音今年的春节主题片,以“加”为故事主线,其实讲的就是加关注、加群、加好友几个动作,每个动作加的都是关系链,背后是抖音的社交野心。

    而今年,B站的春节品牌片主题叫《第3286个站》。这部短片的立意在于,全国共有3285个车站,每个车站都是一个家乡,而B站则是第3286个车站,这是要把B站与全国的家乡等量齐观啊。

    这是属于B站的野心,自从《后浪》开始,这个原先的亚文化社区就旗帜鲜明的奔着出圈去了,它要成为全国年轻人的“快乐老家”。因为是“家”,所以它不是社交工具,也不是电商网站,更不是流量平台,更接近于年轻人群的文化私域。

    而和其他私域概念的网站不同,其他网站是以支持私域建设为纲,而在B站,社区和用户的连接很深,它本身就是一个大私域,并通过整体的私域粘性和活跃度去反哺UP主,在过去一年中,二舅的作者衣戈猜想,侯翠翠等UP主都在这种文化私域的土壤中迅速的成长起来。

    值得注意的是,由于春节期间会发生大量的亲缘社交关系,所以年轻人很容易将红包转发给家里的长辈, 这会让B站进一步拉宽其用户年龄带宽,然后再度破圈。

    其实,它早就想要更大的圈层了。2020年的《后浪三部曲》中,第二部名叫《喜相逢》,叙事主体就代表了B站的中老年用户。

    显然,当B站的MAU达到全国网民的三分之一时,它只有进一步破圈,才能抵达更大的市场。

    因此,就B站而言,春节红包确实像在打碎了什么东西,而破圈只是一方面,比如交易场景的藩篱。

    当下,B站的商业化已经进入深水区,从游戏、广告、会员进入到多元化的收入结构,客观上, 这需要社区和用户都离钱更近一点,不仅是彼此“为爱发电”而是都能体验现金的流入与流出,成为交易的对手盘。 就像当初的微信支付用春晚红包启动了特洛伊木马一样,此次的春节红包,也有机会让B站拥有可交易的用户心智。

    拿到红包的人,很有可能会随手把它花掉,就在B站上。这对于已经培养起了深厚付费习惯的大厂来说,当然意义不大,但对于B站这种内容社区来说,却十分重要。就像当初微信通过转来转去的红包,迅速塑造起了支付的用户心智。

    这也是互联网公司降本增效的一部分,只是它更聚焦于增效,而有些手段则立足于降本。

    今年,视频号、抖音和快手均拿到了央视春晚的竖屏转播权,和春晚红包类似, 这也是一种端到端的互通 ,并且企业侧不需要花什么钱。

    而至于春晚红包,1月16日,中央广播电视总台《2023年春节联欢晚会》举行新闻发布会,会上只字未提互联网平台的春晚红包合作事宜。看来,那朵“金玫瑰”真的凋谢在这个冬天。

    作者:任雪芸,编辑:王芳洁

    来源公众号:最话FunTalk(ID:iFuntalker),不写平庸的故事

    本文由人人都是产品经理合作媒体 @最话FunTalk 授权发布,未经许可,禁止转载。

    题图来自 Unsplash,基于 CC0 协议

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏


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