设计思维

消息通知 | 提升消息推送转化率的必备知识!

博博

前言

通知是产品中极其重要的一部分,它能快速将内容的状态及变化通过不同的方式传达给用户,以便用户在收到信息后根据所传递的内容及时做出应对策略。
在这里,有一个很现实的问题,很多产品喜欢一股脑的把有效的/无效的、重要的/不重要的、用户想知道的/不想知道的等所有信息通通推送给用户。那么,你的推送渠道真的用对了吗?是否做了信息优先级区分?推送时间段是否有效?站在用户角度,下面这些场景你肯定碰到过:

◇ 手机屏幕总是频繁弹出信息,接二连三的震动、提示音让你一怒之下卸载了一些不太常用的APP;

◇ 桌面图标99+、主页的消息入口99+、进入消息分类还是99+,清理起来非常麻烦,还不如关闭几个分类通知,少一个也能缓口气;

◇ 一天少看了几个小视频,好不容易节省出来的流量被通知无情的消耗,还不如关闭系统通知权限来得快;

◇ 每隔一段时间,都要在手机短信中回复一大堆TD(退订),想吐的感觉;

◇ ......


在频繁地打扰下,用户关闭了一个个通知权限、甚至一度卸载APP。不难看出,好的消息通知能巧妙的将用户求留住(部分用户利用通知就能保持对微信、QQ的控制欲),做的不好就会起到负面作用、失去了消息通知的初衷,这里面最需要把控就是推送的一个“度”。
用户可能因为一条走心的推送而转化、也可能因为被打扰而放弃使用,站在设计角度,需尽可能打造让用户更喜欢的通知系统。那么,对于不同的业务需求及使用场景,又该如何差异化的进行消息推送,笔者通过本文进行分析总结,与大家一起了解。



分享目录

一、消息推送的基本知识
二、消息通知渠道
三、让用户再次开启通知权限
四、提高触达率的小技巧
五、结语


一、消息通知的基本知识

1.什么是消息通知

消息通知是产品提供的一项服务,能够及时将产品的期待或内容的变化、根据其等级权重合理的通过不同渠道及时同步给用户,常见的如互动提醒、老用户召回、活动拉新、产品更新或帮助提醒等,通过站内红点、弹窗、短信、邮件等方式与用户进行信息交换。


2.消息推送的目的

用户层面,方便及时获取到想要知道的信息、以及对信息交换的控制权。例如:用户发布一条新的短视频想要对评论/点赞及时掌控、给心上人发了信息想在第一时间看到回复...等,产品也是借此用户对内容的控制欲,利用消息推送提升用户的使用体验。
产品层面,通过主动推送想让用户知道的信息,以达到新/老用户转化的目的。例如:通过手机短信形式发放优惠券对老用户召回、应用内通知或桌面推送对用户拉新...等,以此提高产品收益,获取更大的商业价值。

3.通知设计的基本原则

首先,一个好的消息系统首先需要将消息内容设计的全面,以便用户通过消息通知能准确无误的了解到对应内容;
其次,消息的触达方式需合理有效,必须提供便捷的操作入口以供用户及时反馈;
另外,为了避免过于打扰用户,需选择合理的推送渠道,提高用户触达概率及反馈效率。


二、消息通知渠道

消息通知渠道分为应用内通知应用外通知。应用内通知主要来源于消息中心或系统主动触发的弹窗来体现,而应用外通知包括桌面图标红点、手机短信、电子邮件、push、公众号信息(需绑定)等渠道推送。

1.应用内通知

1)消息功能入口
消息功能入口提示也称为红点提示,主要有底部Tad栏、首页右上角、个人中心右上角三种形式。当有新的通知出现时,对应图标的右上角会出现小红点提示,清晰明了,关于小红点设计,之前《小红点篇 | 用好这招,让用户的触达率大幅度提升!》这篇文章有详细说明。
红点提示的用户触达率较高,但需要用户在登录状态下才能查看,比如订单状态变化、用户与用户/产品之间的互动消息、产品活动通知等。

2)消息列表

当产品的消息类型较多时,点击消息功能入口即可跳转至二级分类列表。与上述相比,消息列表的内容则更加清晰,通过第一次消息入口功能的引导触发,这里的用户触达率将成倍增加。

3)弹窗通知

以弹窗的形式覆盖在页面内容顶层,阻碍用户的当前操作并迫使用户对弹窗做出决策,可以是系统主动弹出或用户手动触发,对用户的干扰极大。
弹窗通知最大的优势在于会100%被用户看到,无法忽略,否则将不能进行其他操作,很适合产品的一些重要事件提醒,例如应用升级、活动通知、优惠券引流等。


4)Toast 通知

Toast通知是用户在操作之后给出的即时反馈,与当前页面内容关联性极强,但不会中断用户的操作,出现的时间很短,一般持续3秒后自动消失,对用户的干扰也比较小。
需要注意的是,Toast容易在用户不注意的情况下被遗漏,所以适合用于操作后不影响大局、且不可二次操作、不可逆转的轻量提示,例如删除成功、提交成功等。


2.应用外推送

1)桌面小红点

小红点通常以圆点+数字的形式出现在图标右上角,用来提示应用内的未读消息数量,进入应用查看或清除后小红点则会消失。桌面小红点有一个必备前提,需要同时开启设备和应用内的通知权限方能接收提醒通知。
在部分应用中,桌面小红点具有较大的价值,能对用户产生积极的影响,使用频率得到进一定的提升。例如:社交类应用中的私信、评论、点赞等;商家端的咨询信息、下单提醒等,用户在看到后都会有强烈的点击欲望,对一些数据的提升起到推动作用。


2)PUSH推送

PUSH推送通知常见于设备顶部横幅(几秒后消失)、通知中心以及锁屏后的中部区域,用户可从卡片中的内容获取信息类型及重要程度,用以决策是否需要立即打开。
这种推送方式,用户几乎很难忽略,不处理的话会长时间浮于屏幕之上,非常适合价值及时效性较高的消息通知。除视觉提醒之外,还可通过听觉触达用户,例如支付号、微信的收款信息等,不过依然要同时开启设备和应用内的通知权限。


3)手机短信

短信推送是大家很熟悉的通知渠道了,毕竟现在都是用手机注册账号,手机号获取难度几乎为“0”,常见的有验证码短信(用户请求)、营销短信(产品推送)两种:
验证码类似“一问一答”的互动,没有什么特别的玩法;
营销类短信对于拉取新用户、老用户召回、节日/活动促销能起到不可替代作用,产品可通过短信发送图片、文字以及超链接,内容的时效性、用户的触达率都相对较高。
着重说明一点,因为短信通知的成本较高,在使用之前需要足够的思考分析,细分用户群体做到精准投放,避免所花费的成本与产生的价值不成正比。另外,如果需要放超链接,那么短信内容一定要有足够的说服力及吸引力,总是被用户当做诈骗短信删除、举报的话还不如不放。
为了减少对用户的打扰,让产品更人性化,一般会在短信结尾提供TD(退订)提示,用户回复即可取消后续的推送,但是否真的取消成功,这就得看产品了(¬◡¬)...

4)电子邮件

电子邮件推送方式使用的并不多,一方面需要产品有web端服务,纯粹的移动端APP邮件推送不会有什么效果;另一方面,绝大多数的用户登录电子邮箱并不频繁,还容易被用户一键清理或误删。
电子邮件唯一的好处就是用户可通过超链接直达内容出处,相比APP应用,免去了下载等一系列操作,还可以长时间滞留,便于用户随时查看或添加星标,处理时间段选择较为灵活,很适合web端服务。针对一些商业化的邮件推送,也需要花费一定的经济成本。


产品获取用户邮箱地址的难度较大(邮箱账号除外),不难理解,使用手机号一键登录、验证码登录、第三方账号登录远比邮箱地址登录要方便的多。除此之外,还可以通过个人设置的添加邮箱、问卷调查的邮箱地址预留来获取,不过这就要看用户的主动意愿了。

5)公众号消息

公众号背靠社交应用,普及程度及用户触达率是极高的,不过这需要产品利用部分业务、活动为导向,引导用户关注公众号后方能接收到消息通知。
目前公众号只能向用户发送符合部分场景要求的服务通知,例如刷卡通知、物流轨迹变化、商品购买等。如果预算足够的话,还可以购买公众号列表、内容详情页、朋友圈等产品广告位进行特定用户群体推送,无需用户关注也可以看到并进行转化。


三、让用户再开启通知权限

用户一旦关闭通知权限,对产品来说无疑是一个损失,这意味着没有消息通知的推动,用户的使用频率以及与产品之间的互动显然会减少(就连夫妻之间都需要时常互动与沟通交流,何况对于有选择余地的产品),时间长了,用户转投其他产品的“怀抱”也不是不可能。
有没有想过,用户只是关闭通知权限而已,并没有卸载APP,真的就没办法了吗?是不是该做点什么...


1.寻找关闭原因

用户之所以还未卸载APP,说明还有价值,归根结底,关闭通知权限的原因都是因为消息的“狂轰乱炸”带来的无尽骚扰,几乎没有例外,而产品还会添上一把火,用户再次打开APP时无底线的催促用户再度开启,耗尽用户最后一点耐心后,或许再也没有机会了。
这个时候,设计师考虑的不是频繁提醒用户开启,而是用户关闭通知的真正原因(“狂轰乱炸”只是概括),细化各种可能性,然后从中找出机会点,但凡有所改进都值得试一试,毕竟相比什么都不做不会更糟。这么解释似乎毫无说服力,下面举个例子:
当产品中的某项免费服务突然有一天开始收费了,但受到了大多数用户的抵触,这个时候你该怎么做,是无视用户诉求继续收费、还是恢复到之前的免费?这并不是一个选择题,继续收费会导致大量用户流失、恢复免费可能连维持运营成本都难,所以不经思索的选择草草收场、连下下策都算不上。用户抵触的原因可能收费过高或是与实际价值不符,有没有想过利用限时折扣、附加其他增值服务(成本较小)或者组合捆绑销售也不失为一种策略。
那么,到底该如何做既能愉快的发送消息通知、还能能挽回用户的心呢?

2.引导二次开启

用户关闭通知权限,并非没有需求,最典型的就是在某宝、某东加了满满一“车”商品等待降价,然后抱怨消息通知太吵关掉了通知权限,最后就是无法收到折扣通知、还把问题怪在了APP身上,着实太冤。用户只要还有需求,通知权限就还有被重新开启的机会。

1)损失厌恶/利益引诱

首先,我们需要找出对应的价值点,利用优秀的文案给予用户思考的余地,用户每多思考一会,结果都有可能发生改变。
人们都讨厌失去,对于损失的不可控很难接受,在引导用户开启通知权限时,需要强调不开启会失去什么,毕竟面对“得到”和“失去”时,损失更加让人难以忍受,例如物流产品告诉用户“未开启通知,将错过重要的快递信息”。还可以通过激励等进行利益引诱,如“开启后能及时获取红包卡券、折扣通知”等,并提供快捷通道,促使用户重新开启通知权限。

2)消息分类/分别处理

每种类型的通知都不可能符合所有用户的“胃口”,针对社交、电商类产品,可将通知类型分类处理,用户希望接收哪种类型的消息单独开启即可。
例如支付宝将消息拆分为多个类型;京东还增加了午休免打扰设置,开启后在12:30-13:30不会收到任何消息提醒;微信群过多、消息太吵时,开启免打扰又担心错过重要人的信息,于是微信在去年上线了开启群消息免打扰后、可设置群内4个人的消息正常通知,算是比较人性化的设计了。

3)提供关闭/关不彻底

部分产品提供了关闭消息通知功能,但又关不彻底,这是产品基于妥协的基础上,依然在低频推送消息的“流氓”玩法,与用户完全关闭相比,已经算是不错的结果了。
常见于PC客户端,就像很多软件的插件一样,不管怎么关,总是无法彻底关闭,甚至还将开启操作伪装成其他内容引导用户误触;手机短信推送也会有这种情况,用户回复过“退订”后依然会收到相关短信。


这种方式需谨慎使用,在用户关闭通知后,需通过后续推送内容的质量、频率试探用户底线,然后逐渐提升,切不可无视用户操作。


四、提高消息触达率的小技巧

1.减少重复通知

反复推送相同的内容只会让用户更加反感,回复退订、卸载应用都可能在这一刻发生。
很明显,消息发出后,如果用户的触达率较高就没必要再次推送。反之触达率较低,重复推送会让用户有种被催促、胁迫的感觉,适得其反,触达率低有没有可能是文案不够友好、表达不够清晰或者吸引力不够?即便同一件事情,也尽量使用不同的表达方式,如何想办法重新引起用户的关注才是关键点。


2.言语得当、避免误会

中华文字博大精深,且有56个民族,其性格习惯各异,特别在利用当前社会热点、媒介进行的营销推送时,尽可能规避掉敏感信息,如地域/民族歧视、性暗示等。


3.细分受众群体

很多时候,消息推送太少无法满足产品目标、太多则会惹恼用户导致通知权限被彻底关闭,所以不仅要考虑消息推送频率,更重要的是对受众群体进行分类、分别推送,不要每次都一股脑的将消息发给所有用户,当然,能做到千人千面(成本大)则会更好。


4.内容清晰简洁

没有用户愿意在不明所以的情况下来看长篇大论的内容,需确保消息内容简单直接、清晰易懂,并符合用户认知习惯,还得保持友好的语气以及富有创造力的品牌形象。
处于营销目的时,可利用感兴趣的事件/事物勾起用户的点击欲望,例如网络热词、时下热点等,笔者虽然并不提倡“标题党”,但不得不说,很多标题党都能起到不错的效果。


5.提供“下一步”入口

消息通知需要一个有效操作入口,并且在消息内容中有对应的指向,点击应用内通知切换APP界面、应用外推送链接跳转至web页,从始至终都需要为用户提供一个查看更多内容或参与的有效途径。


五、结语

消息通知设计的主要目的是在正确的时间、以正确的方式将内容呈现给用户,并提高产品的转化率,不管用户愿不愿意接受,这始终都是一个呈现信息的不错途径。
本文主要总结了消息的通知渠道、常见问题处理、提升用户触达率的方法,以帮助新手设计师快速掌握完整的消息系统。或许最终的结果事与愿违,但不能否认其魔力,需要做好的是确保消息内容质量、对应的受众群体及合理的推送渠道,相信总有一种方式适合你产品。



作者:大漠飞鹰CYSJ      来源:站酷



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系01063334945。 



分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

引导帮助在产品中的作用

博博

合理的产品引导功能,可以使用户在较短时间内了解产品的特性与使用

用户怎么知道此功能的使用方式?

前几天眼睛不太舒服,去医院做了一个检查(视疲劳导致)。因为要走商保,所以要使用社保卡,之前我记得用社保结算都需要去人工窗口,我刚过去就被一个穿着红马褂的大妈拦住说自助机也可以用社保,要我扫她胸前挂的码(可以快速到达电子社保二维码界面),扫完她就开始帮我点击操作。 

她觉得我应该不会操作,所以让我看一遍,其实这个操作并不难,只是因为我不知道自助机上可以用,自助机周围也没引导操作流程。而且她这种方式让很多年纪大的人和外地过来看病的觉得你是个骗子,后面好几个人都还是去了窗口。 

在B端产品中也有很多类似问题,用户不知道有这个功能、也不知道这个功能怎么使用,特别是一些大数据产品,专业性比较强。产品、技术都认为用户和他们一样都懂,实际上并不是,这个时候你需要提供一些邀请,引导用户进行使用。

邀请就是引导用户进行操作前的提醒和暗示,通常包括实时的提示信息和预期功能,以表明在下这个界面或下个界面可以做什么,这是成功的交互式界面关键所在。

例如:飞书我的空间,当鼠标停留在可编辑区域上时,就会实时地显示邀请(复选框),这个例子的缺点是鼠标如果不处于相应区域上,就不会显示邀请。 



另一种方案是任何时候都显示邀请,例如:石墨文档我的桌面,复选框一直显示。



静态邀请

静态邀请就是通过直接在页面上给出交互提示,可以让用户随时看到期望的界面功能。

静态邀请主要有两种模式:引导操作邀请、漫游探索邀请

1、邀请操作 

步骤邀请 

例如:华为云HECS服务器产品就给出1、2、3操作步骤 引导操作会占据页面较大的空间,同时也会吸引用户的眼球。所以在设计时需要思考一下,你希望引导用户执行什么操作,用户是否可以多次查看,这样有利于设计出明晰的页面和信息层。



白板引导 

另一种引导操作邀请叫作白板式引导。 意思很明确:现在只有一个空白页面,需要引导用户创建内容。





利用空白区域“变废为宝”,如何对该区域应有的功能给出提示,是诱导用户创建内容(填补空白)的有效方式。

2、漫游探索邀请

与引导操作邀请关系密切的是漫游探索邀请。假设你重新设计了某个页面并添加了一组全新的功能,怎样才能保证用户恰当地使用新页面,同时发现新添加的功能呢?漫游邀请是向用户介绍新功能最好的方法。



最佳实践:

1、漫游功能用户可能不想用,所以需要有可选功能,也就是可以跳过或关闭;

2、漫游功能不是“创可贴”不要乱用,只有针对精心设计的界面使用才能发挥价值;

3、设计漫游的关键在于保持简单,让它容易开始也容易停止。漫游应该只是页面本身的一个演示。脱离页面的“教程”式漫游很难起到作用。

动态邀请

静态邀请适合提示用户当前界面中包含什么功能。然而,许多调查试验表明,用户经常不会阅读指导说明性的文字。而在用户交互过程中,在他们需要的时候提供邀请则是一种不错的方式。动态邀请就是在用户交互过程中的某个点上吸引用户,并引导他们继续下一步操作。

1、悬停邀请:在鼠标悬停期间发出邀请 

吸引用户的一种方式是通过鼠标悬停来显示邀请



例如:飞书消息列表鼠标移入后, 背景变化的同时会有一个“勾”图标来吸引用户,鼠标移入上去后提示可以勾选完成,点击完成后消息移除列表。 

最佳实践

1、当操作没有内容重要,而且希望界面整洁时,使用悬停邀请。

2、在实现悬停邀请时,可以通过改变光标、改变背景和显示提示条共同配合表明所邀请的操作

3、在交互的不同阶段,尽量点缀一些用户熟悉的元素,通过熟悉的概念引出新概念有助于用户快速理解新功能。最常见的元素是按钮、链接、下拉箭头和众所周知的图标。

4、通过距离表明邀请操作的目标对象。 

2、预期功能邀请:使用熟悉的实物引出新实物 

唐纳德·诺曼将这个术语引入到设计领域。最经典的例子是门把手,门把手的预期功能是可以抓握、扭转或按压。屏幕元素可感知的预期功能没有物理属性,不过,由于习惯、术语、图形及一致性等原因,用户能够在某种程度上感觉到他们可以操作这些元素。





例如:第一张图飞书文档sheet页“加号”图标与第二张图“三个点”图标,就是一种预期功能邀请。用户没触发之前就能猜到触发后会是什么效果。 

预期功能邀请之所以有效,是因为利用人们已知的习惯与认知引入交互,从而让用户顺利完成一连串操作。 

最佳实践

1、通过人们习以为常、司空见惯的概念来引出新的、不熟悉的交互方式。

2、使用可感知的预期功能来给出邀请提示(例如,用向下的箭头表示可以打开下拉菜单,而用向上的箭头表示可以关闭菜单) 

3、把邀请安排在适当的上下文中,特别是要靠近交互的主体。 

3、推论邀请:用于交互期间

设计邀请时怎么才能猜测用户的想法,也是一项重要挑战。如果用户下一步可能会执行多种操作,而事实上又不可能准确判断用户想法,那么面临的困难就会比想象的大很多。 

在google sketchup ( 3D)绘图工具中,当鼠标点击某个点后,进行第二个点连接时,会有多种可能性,这个时候系统也不确定用户会怎样连接,但会给出对应的提示,比如:端点、中点、背面、侧面等点位来辅助用户进行连接。 



例如:这种工作流场景个人觉得也算是一种,点击“加号”右侧会滑出面板,给出你可以添加的动作。 这种在交互期间以可见方式向用户表明系统推断出的用户想法被称为推论邀请。

4、更多内容邀请:用于邀请用户查看更多内容

图片类型的更多邀请,例如:站酷相关推荐 



文字更多邀请,例如:QQ邮箱右侧最近联系人 



邀请的优点

精心设计的应用能够通过邀请体现出各自的细微差别,无论是静态还是动态,都是引导用户顺利进入下一个交互层次的有效方法。

谢谢观看!


作者:夜莺YEAH      来源:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系01063334945。 

分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

白嫖!2022年最新免费可商用的101款中文字体包(附下载)

seo达人

优设网(4种字体)

优设字由棒棒体 – 优设&字由

优设好身体 – 优设

优设标题黑 – 优设&字由

优设标题圆 – 优设

图片

庞门正道系列(5种字体)

庞门正道细线体 – 庞门正道 x 胡晓波工作室

庞门正道真贵楷体 – 庞门正道

庞门正道轻松体 – 刘兵克工作室

庞门正道粗书体 – 6.0车港敏

庞门正道标题体3.0 – 庞门正道 x 12位设计师

图片

 

站酷(6种字体)

站酷庆科黄油体 – 郑庆科

站酷小薇LOGO体 –  李大卫

站酷文艺体 – 刘兵克工作室

站酷酷黑体 – 胡晓波等多名设计师

站酷快乐体 – 刘兵克等多名设计师

站酷高端黑 – 胡晓波、刘兵克等

图片

 

胡晓波系列(3种字体)

胡晓波男神体 – 胡晓波

胡晓波骚包体 – 胡晓波

胡晓波真帅体 – 胡晓波

图片

 

阿里巴巴普惠体 (9个字重)

图片

 

千图网系列(6种字体)

千图雪花体 – 千图网 x 字魂网

千图纤墨体 – 千图网 x 字魂网

千图马克手写体 – 千图网 x 字魂网

千图厚黑体 – 千图网 x 字魂网

千图笔锋手写体 – 千图网 x 字魂网

千图小兔体 – 千图网 x iFonts

图片

 

叶根友字体(3种字体)

叶利航九龄卡通 – 叶根友

叶根友守中曲画 – 叶根友

叶根友锐劲体 – 叶根友

图片

 

霞鹜系列(4种字体)

霞鹜文楷 – 落霞孤鹜

霞鹜漫黑 – 落霞孤鹜

悠哉字体 – 落霞孤鹜

小赖字体 – 落霞孤鹜

图片

 

仓耳字库(4种字体)

仓耳舒圆体 – 仓耳字库 x 张少龙

仓耳周珂正大榜书 – 仓耳字库 x 周珂

仓耳小丸子 – 仓耳字库 x 张少龙

仓耳渔阳体 – 站酷 x 张少龙

图片

 

Keynote研究所(5种字体)

演示秋鸿楷 – 人生哥 x 叶运鹏

演示夏行楷 – 人生哥 x 刘锡栋

演示春风楷 – 人生哥 x 徐占海

演示悠然小楷 – 人生哥 x 孟祥媛

演示佛系体 – 人生哥 x 纪国才

图片

 

荆南字坊系列(3种字体)

荆南波波黑 – 荆南字坊

荆南麦圆体 – 荆南字坊

荆南缘默体 – 荆南字坊

图片

 

三极字库(4种字体)

三极泼墨体 – 三极字库

三极素纤简体 – 三极字库

三极行楷简体-粗 – 三极字库

三极力量体简-粗 – 三极字库

图片

 

素材集市(2种字体)

素材集市酷方体 – 素材集市

素材集市康康体 – 素材集市

图片

 

字由系列(3种字体)

点字浅夏体 – 字由

字由文艺黑 – 字由

字由芳华体 – 字由

图片

 

钟齐字库(4种字体)

马善政毛笔楷书 – 马善政

钟齐志莽行书 – Zhimang

钟齐流江毛草 – Liu Zhengjiang

有字库龙藏体 – 钟齐字库

图片

 

字体视界(2种字体)

字体视界法棍体 – 字体视界

字体视界法棍体拼音版 – 字体视界

图片

 

像素字体系列(6种字体)

粗宋 – diaowinner

点点像素字体 – wixette

坊宋 – diaowinner

凤凰点阵体 – Haoyu Qiu

观致8px字体 – 夏夏

中文像素字体 – Luckeee

图片

 

字体传奇(2种字体)

字体传奇南安体 – 字体传奇

字体传奇特战体 – 字体传奇

图片

 

其他系列字体(26种字体)

创客贴金刚体 – 创客贴 x 郑庆科

刘欢卡通手书 – 刘欢

雷盖体 – 猫啃新人

美呗嘿嘿体 – 美呗设计中心

逐浪萌芽字 – 逐浪字库

白无常可可体 – 白无常

斗鱼追光体 – 斗鱼

文道潮黑体 – 文道字库

汇文明朝体 – 天王帝廷

Oz焦糖下午茶 – 新蒂字体

图片

摄图摩登小方体 – 摄图网 x iFonts

鸿雷板书简体 – 鸿雷字迹

江西拙楷 – 黄煜臣

卓健橄榄简体 – 卓米品牌设计

问藏书房 – 造字工房

阿朱泡泡体 – 朱振杰

沐瑶随心手写体 – 春颜秋色

包图小白体 – 包图网 x 字体视界

联盟起艺卢帅正锐黑体 – 卢帅

锐字潮牌真言简 – 锐字家族

图片

贤二体 – 汉仪字库

途牛类圆体 – 途牛UED

杨任东竹石体  – 杨任东

醍醐书体 – 字体维基网友

黄引齐招牌体 – 黄引齐

柳体 – Hiweed team

图片

 

结语

以上字体在整理之时,均可免费个人/企业商用,但不做任何保证,如有任何字体在以后更改为收费字体,不做另行通知,请各设计师随时留意字体出品方的版权资讯。

字体整理只为让更多设计师使用,绝无任何非法传播或售卖,如后续有任何字体不允许传播,请联系本人,会立即删除。极少部分字体需进入官网授权下载,所以未提供安装包,请查看对应的指引说明。

 


作者:黑马青年

转载请注明:学UI网》白嫖!2022年最新免费可商用的101款中文字体包(附下载)

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



设计灵感不应该被一个网站而限制

seo达人


不能被一个网站而限制

最近 Behance 封停了国内账号,导致很多设计师无法访问,因此也流传了很多解决方案。今天黑马哥就不和大家讨论这个解决方案了,其实有很多同学就算在能访问的时候也没看几次~O(∩_∩)O~。

图片

这个事件告诉我们,设计师的习惯是多么的重要,我们的设计灵感不能因为一个网站平台而局限。退出账号依然可以访问,只是很多同学纠结的是自己的收藏没有了,如果平时养成本地化采集的习惯,你就不会出现这个问题。我们不要把希望寄托在云端,只是买一个硬盘就能解决的事情,也不要觉得不方便,其实很多作品我们也不会经常看,存储只是为了不时之需。每年都对采集的作品进行一次整理,近两年的放在电脑里面,时间过长的存储在硬盘里面就可以了。主要还是要对作品进行分析,掌握作品的技法经验和设计思维才是关键。

除了存储习惯以外,我们也不要只是固定访问一个网站获取灵感,优秀的设计类平台是很多的,我们要发现更多新大陆。下面黑马哥为大家精选几个访问频次较高的国外平台,国内的大家都比较熟悉这里就不列举了。

 

设计/插画等灵感网站推荐

以下推荐一些个人比较常用的几个网站,排名不分先后,属于随机性排序。

1、notefolio

https://notefolio.net/

notefolio 是韩国的一个设计交流网站,很多设计师都会在这里分享自己的设计作品和进行设计交流。和国内很多设计作品分享平台类似,是一个综合型设计师交流社区,有平面设计、UI/UX 设计、插画、产品包装设计、摄影、版式设计、数字艺术、美术、工艺等等。

图片

 

2、Mobbin

https://mobbin.com/

这是一个汇集全球优秀 APP 截图的网站,有超过 50000 个优秀 APP,节省了下载应用的时间,对于 UI 设计师来说非常实用。

同样的应用还提供了 iOS 和 Android 两个不同版本的截图,简直非常的人性化。这是一个使用起来非常简单的网站,海量的设计必将开启你的灵感脑洞。

图片

 

3、Pinterest

https://www.pinterest.com/

这绝对是一个灵感采集的绝佳网站,经过众多用户的长期积累,已经汇集了全球大量的优质图片资源,其中设计作品也是非常丰富,且质量都普遍偏高。

你可以通过关键词搜索、画板关注、以图搜图等操作获得灵感,而且相似推荐还能延伸出更多类似构图、配色、主题等图片资源。点击作品还能跳转到原始出处,顺藤摸瓜找到更多优质资源,真的是非常便利。

图片

 

4、Designspiration

https://www.designspiration.com/

该网站除了通过关键词搜索图片内容以外,在搜索栏有⼀个调色板的图标,点击可以通过指定的颜色进行搜索相关配色的图片或者设计。在选择颜色的时候不是单一的色彩选择,可以选择几个配⾊组合进行搜索,对于设计师来说⾮常实用。

图片

 

5、Abduzeedo

https://abduzeedo.com/

Abduzeedo 是一个优秀的设计博客,提供给设计师创意和灵感的社区,这里有设计、摄影和 UX 等相关的文章提供给那些想寻找灵感的设计师。这是一个开放的设计社区,它是设计师日常的灵感来源。

图片

 

6、UI Garage

https://uigarage.net/

UI Garage 提供了很多应用设计的截图和模板,专业细分的类别和精挑细选的设计截图,还有很多设计工具推荐,是一个非常实用的网站。在这里不仅可以获得设计灵感,还能获得优秀的设计工具或者插件来提高我们的工作效率。

图片

 

7、Dribbble

https://dribbble.com/

Dribbble 相信很多喜欢 UI 设计打卡的同学比较熟悉,汇集了大量设计师的一些日常创意作品。该网站不同之处是发布作品需要邀请码,就是需要有邀请码的设计师邀请加入才能发布作品,获得邀请码也相当于设计能力获得认可。

整体作品的质量还是不错的,如果当你设计时没有想法,这是一个不错的灵感采集地。

图片

 

8、ndc

https://www.ndc.co.jp/works/

这个网站展示了很多非常不错的设计作品,偏向于简约风。相信这些项目设计的灵感,可以带给我们更多的设计思考。

图片

 

9、FolioArt

https://folioart.co.uk/

FolioArt 是一个插画艺术作品展示网站,拥有高质量的插画作品,形式也多种多样。就像一个插画家的资源库,让有商业需求的客户通过这个平台,和世界顶尖的插画师进行合作。

图片

 

10、unDraw

https://undraw.co/illustrations

这里提供的插画作品数量众多,各种小场景的插画无论是独立使用,还是组合使用,肯定可以满足很多场景需求了。平台内置的编辑器还可以对插画进行调色,导出格式也是支持后期编辑,非常的实用和便利。

图片

 

小结

设计的灵感来源途径是很多的,不局限于某一个单一路径,以上的推荐仅为抛砖引玉,还有很多优秀的网站给我们带来设计灵感和经验学习。每个人的关注焦点和选择角度不同,以上仅为个人推荐,不足之处欢迎大家留言补充。

 

原文地址:黑马家族(公众号)

作者:黑马青年

转载请注明:学UI网》设计灵感不应该被一个网站而限制

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



平面设计和演示设计的区别

seo达人



Keynote是Mac用户使用的幻灯片软件,我们平常看到的苹果发布会,国内手机发布会基本都用的是Keynote。当然Mac系统也兼容PPT。Keynote因为其简约而高级的动效而备受青睐,很多企业开发布会首选就是Keynote。我做了几张动效图来示意一下发布会的高级效果。





演示设计这个概念,包含了上述PPT,Keynote发布会。常见的PPT商业定制项目包含: 企业介绍PPT、产品型发布会PPT、白皮书、商业计划书等等。我们今天讨论的不是这两款软件跟平面设计PS AI的区别, 我们要讨论的是平面设计和演示设计的区别,所以下文的阐述中,我有可能一会儿讲PPT,一会儿讲Keynote,讲的都是一码事,都叫(幻灯片)演示设计。

对PPT感到非常诧异

在没有接触演示设计之前, 我一直是做平面设计(这些年做过UI,平面海报,电商类,游戏视觉,官网)。这两年才刚接触PPT,算是一个跨界选手了。当我第一次听到PPT居然还需要设计,我感到十分诧异。我不是很能理解一款毫不起眼的Microsoft PowerPoint,我意思是说,一款职场人士的常用的幻灯片演示软件,一款根本算不上是设计软件的PowerPoint,能跟设计有什么挂钩的呢?有什么沾边呢?

让我感到更诧异的是,还有专门PPT设计师这种职业的吗?他们的日常工作是怎么样的?PPT设计师跟平面设计师有什么区别呢?如果说设计是为了解决问题,优化体验。那么,PPT设计需要解决的是什么样的问题呢?什么样的客户,有这类需求呢?有多少这样的群体,愿意为毫不起眼的PPT而付费呢?我刚接触PPT那会儿,我实在是太多的疑惑了。

第一直觉,好丑,好Low.

作为一个资深平面设计师,当第一次看到一些所谓很“不错”的PPT作品,我第一反应真的是看吐了。感觉好丑好low啊!这就是我的第一直觉。有一些配色,一些阴影,很多细节,简直完全侮辱我这么多年的审美。这也更加加深了我对PPT的疑惑:

· 就这玩意,这么土的效果,以我的技术不是随便降维碾压这些人么?
· 为什么会有这么丑的PPT?
· PPT设计不遵循平面的规则吗(透视,颜色,投影等)?
· 要是我来做的话,肯定能做的更好。
· 就这些东西,居然还有那么多人说好?





发布会,不就是大图叠字么?简单!

在没有跨入这个行业之前,如果你问我对PPT和发布会的第一直觉,我会这么回答你:不就是大图配文字吗?如果说让我来操刀发布会, 我所认为的演示设计,难道不应该是高逼格大图加简约而且少的文字么?发布会不应该就是这样的吗?是的,我的第一直觉没有错。我们现在看到的比如小米、华为、OV、苹果,汽车发布会等等,都是大图配字。



这样的设计,背后的逻辑是什么呢?设计看起来很简单,真的做起来很容易吗?

演示设计的逻辑

回想一下,我们是什么时候开始接触PPT这款软件?我想大部分人基本都是从学生时代开始吧。老师讲课都会用到PPT。在学生时代如果老师讲课讲得无聊,那台下的学生肯定就打瞌睡了,要么就在窃窃私语或者玩手机,总而言之,注意力肯定被分散了。无聊的老师讲课,PPT大片大片的文字,丑陋的配色,台下学生总是不爱听,讲课生动的老师往往更受欢迎。


同样道理,教室的场景换成了发布会现场,老师角色换成了演讲人,黑板换成了演示大屏幕。人依然还是从学生时代过来的人。

一切都没有变。


发布会演示设计,如果你不能抓住观众的眼球,那台下就没人听你讲了,场面也会逐渐失控,台下的人玩手机的玩手机,交流的交流,甚至还会有人觉得浪费时间直接走了。就像看一部乏味的电影,继续看下去也是在浪费时间。还不如睡觉。这种情况的出现,对于台上演讲人来讲,也是一种巨大的压力。


所以,演示设计要考虑一个非常重要的问题就是,如何让每一页的呈现,深入人心,抓人眼球。这就是为什么发布会,总是用无比震撼的大图或者视频,简约的大字文案来呈现。因为精彩的内容(图片和视频)可以吸引观众的注意力,再配合演讲人高超的演讲技巧,把要传递的信息,借着幻灯片传递出去。发布会的主体是人。幻灯片是辅助演讲人的工具。你不会见到有人会把一大堆的文字放巨大的屏幕上吧?那坐后排的观众看着多费劲。那观众到底是自己阅读大屏幕上面的字呢,还是听人(演讲人)讲呢?

请记住,最没吸引力的当然是枯燥乏味的文字,而且是大段大段的文字。这里我做一个案例展示你感受一下你就明白了。假设你现在正在观看一场苹果发布会,这一个页面密密麻麻排满了iPhone 14的相关参数和文字介绍。这里无意冒犯 , 只是想通过一个错误的案例展示来表达我自己的观点。



抓住观众的注意力

不管是平面设计还是演示设计,有一条永恒不变的设计规则,那就是观众的注意力特别容易走神。我就拿官网举例子。做过官网的同学应该有所体会,首页Banner区域的位置,一般不会超过5张Banner图,每一张图片的轮播时间,一般不会超过3秒。你的Banner如果不能第一时间吸引用户注意力,逗留时间再长也没用。并且,如果第一张Banner停留时间过长,将影响用户注意后面几张banner。用户的注意力非常有限。同理,偌大的会场,巨大的屏幕, 台下成千上万的观众,发布会如何能吸引用户的注意力?按照设计的逻辑,要想吸引观众的注意力,画面视觉呈现上能用动态元素优先用动态(视频、三维),其次是图片(吸引眼球的图片),最后才是文字(尽量少而精简)。当然一整场发布会下来不可能全是视频,这样也会造成视觉疲劳,仿佛看了一场两三小时的电影。 这样源文件也会超负荷过大,硬件设备也未必跟得上。所以一场发布会,是需要控制好视频,图片,占总页数的比例。

演示设计,就是推演+视觉展示。

说到这里,我给演示设计下一个定义。平面设计是用符号,文字,图形等一系列的元素进行排列组合成视觉呈现出去给受众群体。演示设计则是,通过符号,文字,形象,图形,动画等等,运用合理的视觉化,用复合逻辑的手段去推演,去展示,把关键的point,有力power地传达出去给台下受众。


演示演示,就是推演+视觉展示。和平面设计不同的是,幻灯片演示,不适合在一页内容上去表达过多的信息,要保持简约和克制。所以你会看到尤其是手机发布会,演讲的文字内容一大段一大段,但是画面上字少却铿锵有力,图片大气且震撼。



当我第一次动手实战的时候,我错了。

前面说到我刚开始接触演示设计的时候,我的认知就是,做PPT不就找符合文案意境的图,然后把字摆上去嘛。比如讲企业愿景,大概率就是配高山,大海,攀登,地球等等元素。比如讲医疗的时候,就是配医生,实验室等等配图。这样的认知也没错。



当我第一次做项目实战的时候,我也是这么干的。 然而我又犯错了,我对PPT又有了新的认知。

首先是用途。用途上分为 阅读型PPT 和 讲解型PPT。

| 阅读型PPT

如果PPT是用作商业计划书,项目提案,品牌介绍,白皮书等等这类场景,这一类型的PPT称为阅读型PPT。 阅读型PPT页面上承载了很多的信息,页面布局整整齐齐,板块分明。这一类型的PPT一般是发给其他受众去仔细阅读的,尺寸一般为16:9,4:3,或者2:1 , 3:1。



| 讲解型PPT

如果PPT是用在大型发布会现场这类场景,这一类的PPT称为讲解型的PPT。 这一类PPT,上面也提到过,演讲的主体是人,PPT只是辅助的工具,整场发布会下来主要靠演讲人把PPT的内容给讲清楚,所以发布会级别的PPT,一般字少,大图,大背景,配合动画,三维去演绎。



我第一次动手做商业项目的时候,我错就错在我的需求是阅读型PPT,我却按照讲解型的思路去做。每一页PPT把内容大部分都删了, 只留下部分重要的信息,再配以大图。下面这个就是一个反面教材,随便找个图片胡糊过去,No Way。

当我再次实战做发布会时, 我又犯错了。

犯了一次错,我弄明白了什么是讲解型的PPT,什么是阅读型PPT。在我第二次接到发布会需求的时候,我记得当时是给一个医疗项目做发布会,我配了一张水珠的超高清大图。我当时认为这个图片非常匹配画面要表达的场景,但现实又再一次给我打脸。

我记得客户的反馈就是这个图过于素材化,一看就是免费摄影图库,不符合他们企业的调性。我这才意识到原来我们平常看到的发布会级别的演示,一张大图配的一些剪短而有力的文案,这个图片的来由不是网络上找张图贴上去,或者请摄影师拍一张那么简单。反过来想,找个合适的图或者付费买一张合适的图然后直接打文字上去,真有那么容易,那发布会也太容易做了,钱哪有那么好赚呢,对吧。



最合适的图片来自哪里?

那如果图片不是找一张匹配的图就能完成演示设计的工作,那最合适的图片从哪里找呢?他们大厂发布会的图从哪里来呢?答案是,网络上从来就不存在100%合适匹配的图片,如果你随便找一张图就能糊弄甲方过稿,说明你的甲方好忽悠,或者说要求并不高。

我们拿苹果来举例子。你去看苹果的每一次新品发布会,你去看苹果的官网上面的图,他们的选图绝对不会是随便在网络上找合适的图片,他们的图片,视频,一定是团队亲力亲为拍摄的。尤其是在展示自己的大楼,车间,生产线,员工,企业文化等等,网络上怎么可能存在匹配合适的图片呢?最优质,最合适的图片一定是请专业摄影团队拍摄。这是解决商业需求首选的方案。

下图为 苹果官网截图





大多数客户没有这个预算,要求咱去网络找图。预算充足的甲方能让设计师用上付费高质图片。预算不足的,设计师只能靠免费图库。这里我拿一个我之前做过的商业案例来给大家展示,这是一页飞机稿,由于涉及商业,所以画面所有信息都去除,我们只看画面视觉。


这一页客户要表达的是企业文化,不畏险阻,勇攀高峰。于是我找了一座高山来表达这个意象。当然这座山不能直接拿来用,于是我对这个照片进行了处理。



图片压缩有摩尔纹



这个效果很不错了对吧。我发过去给客户,尽管已经对图片进行了二次处理符合这一次的意象,但是客户仍然对图片提出质疑,认为这座山光秃秃,而且没有生命力,攀登起来感觉像是探险运动,很危险的感觉。当然客户的顾虑是对的。后面经过了沟通,我把山峰换成了绿油油的有树林的山,然后才过稿。

你看,哪怕是精心处理过的图片,它依然没法100%匹配客户的要求。PPT商业定制,着重在定制两个字,这就是为什么我每次对客户介绍自己的时候,我给自己的title都是【PPT商业定制设计师】。如果你还不是很明白我在讲什么,我用两件T恤来告诉你,什么叫定制。

左边是一件纯白T恤,是工厂批量生产的类型。价格也比较亲民,大概几十块钱左右。那什么叫定制化呢? 右边的T恤就是定制,根据客户的要求私人定制。价格能翻好几倍。很多年前就听闻过某位设计大师说过一个非常经典的比喻: 设计就好比裁缝做衣服。


作为设计师,需要在每一次的项目中倾听客户的内心需求,再运用手里的素材给客户定制匹配的图片,对于反映企业文化的意象图片,客户自然有他自己心中的考量。





字给我再放大点!

有一次做国内某知名游戏工作室的发布会PPT。 主办方会场有3个屏幕,一个主屏,两个副屏。副屏上基本是放字,来辅助大屏的有奖问答。我当时在设计副屏的时候,我认为字已经放得足够大了,再大就破坏了画面的平衡和比例,至少在平面领域来讲,画面的字傻大粗,完全没有美感比例可言。我已经调了五六版了老板还是不满意,最后老板自己调了一版超级大的字,我才意识到原来我做不好PPT是思维上没有扭过来,不是因为技法的问题。平面讲究的字体大小比例均衡,不适合用在演示项目,尤其是发布会项目。为什么呢?我们要从用户的维度去思考,设想一下在会场,如果你的字放得不够大,那么后排的观众可能无法阅读到文字。给观众体验感不是很好。所以,为什么发布会一般不会放很多的文字?因为确实阅读起来很费劲。这就是平面设计跟演示设计的区别。

那问题来了, 到底发布会现场,用多大的字才合适呢?业内有这么一个公式,可以大概推算出字体用多少号,能够让发布会现场最后一排的观众也能清楚的看见。



A是指现场最后一排座位到大屏幕的距离,

B是发布会大屏幕的宽度,

Pa是指人到电脑屏幕的距离,

Pb是指你制作幻灯片时,你电脑屏幕的宽度。


假设A是16m, 也就是说最后一排到大屏幕的距离大约是16米,B(发布会屏幕)的宽度大约是4米,你再用尺子测量一下你的电脑屏幕宽度(Pb值),假设Pb值是80cm,那我们可以算出Pa,人到电脑屏幕的距离是320cm. 也就是3.2m. 为什么要推算这个3.2m这个数值呢? 这个数值至关重要,得到3.2m这个数值之后,你就站在距离你电脑3.2m的位置,去看你电脑上面的字,能不能看清,如果不能看清就把文字调试到 你站在3m外还能看清的字号大小。



我再强调一遍。此时在电脑桌前做PPT的你,就站在距离你电脑3.2米的位置,然后去调试你PPT中的字体,这个时候就做个测试,字号大概放多小,仍然能被你自己看得清。那么,这一份PPT在发布会现场就能被最后排的观众看清。 当然允许的话 ,还是尽量把字调大一点点。


业内这个粗略的测试方法, 有点类似于我们小学数学知识里面的比例尺。这个方法不是万能的,如果条件允许的话,最好就是带着你的电脑去现场控台测试,这是最直观的方法。因为发布会屏幕亮度,现场灯光等等,各方面很多不可控的因素都有可能影响到你的PPT阅读性。

平面设计或许不需要对文案进行提炼。但是演示设计需要!

上一篇文章我有提到,演示设计师的第一重任,就是要对客户想要传达的信息进行提炼处理。化繁为简,有所取舍。但是平面设计尤其是版式设计,是允许画面上大片大片文字的存在的。

那么问题来了,客户如果给了你很多的文字内容,都想塞在PPT里面,怎么办?

答案是,做删减或者分页。我们要针对内容和客户沟通,让客户做取舍,删减提炼。一页PPT保持言简意赅的表达。 如果很多内容实在都想保留,那就拆页,分开好几页来讲。记住,就因为你是设计师,所以你更应该引导甲方(牵着甲方走)。而不是让自己陷入被动,在设计的时候左右为难,寸步难行不知道该怎么办。大胆告诉甲方,这一页内容实在太多了,放不了那么多,影响阅读。

演示设计也遵循平面设计排版四大基本准则

如果要说平面设计和演示设计,有什么共同的点。那我一定要讲,从排版上他们都遵循四大基本准则。从本质出发,如果一份设计稿,画面信息排布凌乱不堪,那还不如直接阅读文字。四大准则:对比,对齐,重复,亲密性。这个已经是老生常谈的话题了,这里不展开阐述。同样的,演示设计也是需要对画面进行信息处理,把重要的信息区分开来。

问题来了: 平面的排版技法用在ppt里面合不合适?

不合适。 前面有提到,PPT最重要的是简单,直接,生动。如果平面的技法用在PPT上面,很显然阅读起来是很费劲的。 不信你看下面这两个案例。就拿我日常最爱喝的杨枝甘露做一个例子 左边是我找的一个平面案例。很不错对吧。 但是如果我用这个排版迁移到发布会大屏上,或者16比9的PPT里面,我也不多说了,你就自己对比一下吧。



你会发现,在现场大屏幕下,阅读如此多的信息,会感到非常费劲,

这就是平面设计和演示设计的区别。

工作流程的异同之处

做了将近快3年的演示项目,很多流程已经算是烂熟于心。今天趁着这个机会,把自己心中的方法论,系统地写下来,方便给各位入行的新人设计师指明一条道路。写,是为了查漏补缺,是为了让知识更加系统化,缝合进自己的知识体系。对自己对他人都是一件有利的行为。

这里我重点说说,演示设计的工作流程。请看下图:



首先第一步是提炼文稿。甲方会给你演讲人的讲稿,大篇的word文字,需要你摘录分页放在PPT里。提取关键信息,梳理清楚表达逻辑。也有一些甲方,会提前把内容已经放在PPT里了,对于内容多的阅读型PPT例如白皮书,需要把布局摆整齐。对于内容少的,需要用图片来撑整个画面,有一些还需要进行尺寸迁移,比如客户提供的是16比9, 但是我们要改成发布会的超宽屏尺寸。

第二步是看分页。我们把内容分好页数之后,需要发给客户确认,客户可能会因为预算不够,让设计师删减页面。因为PPT是按页数来算钱的,比方说一场发布会,1页报价1000元,客户预算1万5.但是你却分页分出了20页内容,这无疑超出了客户的预算,如果乙方这边不肯让步的话,甲方只能删减内容了。疫情大环境下,大家都得勒紧裤腰带过日子。甲方也不好过。

第三步是沟通风格。每一个行业其实风格大体上是固定的,比方说党政风,水墨风,地产有地产的风格,保险金融也有保险金融的风格。国内手机大厂发布会风格,都以简约风格为主。国内新能源汽车发布会,一律向国外BBA,特斯拉等明星企业看齐。所以平时看发布会,就应该多看国外的东西,毕竟很多东西都是借鉴回来的。颜色方面万变不离其宗。来来去去也就那些。我把定风格这件事情说的如此的轻松,是因为我已经参与了大大小小数百个商业定制项目,所以很多风格已经烂熟于心。

第四步出风格稿。风格稿一般出3页就够了。分好页之后,选比较能出效果的页面做风格稿,不要选简单好做的,尤其是一页只有一句话,或者只有几个词的,这种页面无法作为风格稿的代表。

第五步定规范。规范主要包含以下几种东西,布局规范、颜色规范、字体字号规范、元素运用规范、通底。



首先是布局规范,每一页PPT都应该设定参考线,我们应当把内容规定在参考线之内,这样看起来每一页都是统一美观的,这一点对于阅读型的PPT尤为重要。布局规范类似于版式(画册、DM、白皮书)的设计规范。

不管是平面设计还是演示设计,我们都应该设定颜色规范。主色,次主色,辅助色,颜色一般不要超过三种,这是一句老生常谈的话了。字体字号规范也是平面设计和演示设计项目都需要指定的规范。在演示项目中,需要制定大标题、副标题、内页标题、正文规范,还有主题字体。

元素规范是指,通篇设计稿中不断复用的元素,比如圆圈,三角形,或者某一些光效,标题修饰等等。

通底是指每一页PPT的背景。背景通常根据KV元素色调,或者通用元素来指定,通用背景也是为了让整套PPT看起来更加规整。

这里我做了一个表格,写了平面设计和演示设计的工作流程的区别。当然,平面设计下面有很多细分的领域,我这里一个表格可能没法阐述全部, 我只挑其中一两个范畴来讲,大家可以进行知识迁移,举一反三来对比一下平面设计和演示设计的区别。



设计中的设计

大家有没有读过原研哉的这本书?建议入行几年的朋友,对设计行业有一定了解的人,可以读一下这本非常有深度的书。这里我为什么起这个标题 - 设计中的设计。设计中的设计,是你看不见的设计心思。一场发布会,除了台前幕后的策划以外,其实有很多甲方的小心思在里头。


比如,甲方为了让观众能够好理解一些复杂的概念,可能会提供一些动画视频让演示设计师放在画面里。甲方也会纠结一些页面的字眼描述是不是够严谨,会不会误导观众引起争议,他们经常会在现场修改文案;甲方会针对整套PPT进行一个全局的梳理,先说哪个,后说哪几个点,这里的环节应该说多少分钟,那个卖点要让谁上台来讲;现场的提词器需要反复校对文稿;怎么样控制这个节奏,才不会让观众打瞌睡。在哪里穿插亮点,或者提问题,能够和台下一起互动?哪里需要增加动画?一切策划细节,都是人为的设计。不要以为设计只是呈现在屏幕上。设计环节,也算是设计。这些背后的东西,都是设计小心思,我把它称为,设计中的设计。


原文地址:站酷

作者:我是叶老师

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



设计师调研必备的三张地图,超全面剖析

seo达人

在一个设计项目中,设计师将会面对非常多的决策瞬间。要做好这些决策,绝非只是凭直觉而行的,而需要有强有力的调研结果支撑。


此时,优秀的设计师不仅善用设计工具,更擅于选择合适的设计工具。


调研过程中通常会涉及到三张非常重要的地图:利益相关者地图、同理心地图、用户旅程地图。


有经验的设计师或许都知道他们对于项目管理、用户洞察、设计的关键性决策起着至关重要的作用。但大多数人都存在很多疑问:


·这三张地图的区别是什么?

·分别该在什么阶段使用?

·分别适用于哪些行业?

·有使用顺序吗?

·我该如何使用?

本期内容fabrie就带大家好好解答一下这些问题,并附上三张地图的模板,感兴趣的朋友可以去我们的模板市场获取。


01

利益相关者地图


适用行业:服务设计、产品设计、交互设计
适用阶段:项目调研、项目分析
使用目的:梳理和标记关键的利益冲突者,助力项目规划


在服务设计中,利益相关者地图是一个比较常见的工具。


与其他设计行业不同,服务设计涉及到的是一个系统。其中会有大量且复杂的利益相关者,包括用户、供应商、公司员工、第三方机构等等。

当我们遇到一个问题,需要构思解决办法或是做出一个决策的时候,利益相关者地图就可以帮助我们视觉化地将项目相关人员之间的关系呈现出来,以此来明确每个人的诉求、目标以及对于项目造成的影响大小。


为什么要视觉化?


一个清晰而有逻辑性的mapping可以帮助我们把脑海里的所有碎片化信息集中和串联起来,确保信息没有遗漏。当相关角色的需求和痛点都被充分展示,更能帮助我们发现潜在的人物关系以及不易被察觉的风险和机会点。


当然,这可以是我们制作任何mapping的共同原因和好处。

一般来说,在项目初期阶段,我们就需要进行利益相关者的分析,有两点好处:


一是有助于我们在调研阶段,就更全面地掌握项目的内外环境,了解到不同利益相关者的关注点、体验和期望,这对整个设计方向有决定性作用。


二是如果项目周期较长,很多相关者的信息会发生改变,在项目推进过程中需要不断更新和调整。如果中途再去分析,会让我们的判断产生偏差。


此外,我们使用利益相关者地图,其实更多是为了解决具体的问题。所以我们在使用时,应该是带着问题找答案。


比如:你发现投资人提出的需求与用户的利益相冲突时,就可以通过利益相关者地图来分析他们的权益,推理出对应决策会带来的影响或是回报,从而帮助你把控风险,做出更好的决定。

这其实也是为什么要在fabrie中制作利益相关者地图的主要原因。它为设计师提供了一个便于上手和制作的模板,但也可以随时根据自己的需求自由调整,成为一个实现高效的捷径。


制作利益相关者地图大致分三步:


1. 头脑风暴


首先头脑风暴出所有跟项目相关的个人、群体、组织公司,可以有意识地用不同颜色的便利贴区分不同的群体。


建议将文档一键分享给已知的stakeholder,邀请他们加入头脑风暴,不同的思考维度会帮助你分析出更多潜在相关的身份。


2. 分类分级


对所有识别出来的相关者进行分类,根据对项目的影响程度大致分为核心团队、强相关部门、弱相关部门三个等级,填入地图模板中。


不同的分类标准可以根据自己实际需要研究的问题自由调整,灵活运用。

3. 建立联系


利益相关者之间往往会存在相应的联系,可以用线条将他们关联起来,并描述他们的关系。

设计项目中会不断产生问题,所以将利益相关者地图放在项目文档中,让每一个团队成员都能随时看到和参考,成为设计师沟通项目时的重要帮手,也是它的使命之一。



02

评审中组织


适用行业:服务设计、产品设计、交互设计、工业设计
适用阶段:用户研究
使用目的:深入特定角色的特定场景,理解其行为和需求背后的真正动机


利益相关者地图涉及到项目中的每一个群体,同理心地图研究的则是用户,或者说是一组用户群的想法与需求。


同理心地图≠用户画像,而是制作用户画像的必要准备。


因此我们会在进行某项服务或产品设计之前,就开始使用同理心地图。它的两个主要任务是:


1. 共情用户的所思所想,提取真正的用户需求

2. 建立团队以及各个部门的共识,确保对用户需求的理解和设计方向达成一致。

很大程度上,同理心地图的制作离不开协作。它需要各方共同努力,根据各自对用户的观察,以及研究收集的数据,共享对于目标用户的理解,一起挖掘用户的行为、动机和关注点。

fabrie的同理心地图模板,为团队节省了很多前期的绘制准备,并且让所有人实时在线协作。


在协作之前,建议各方成员将自己对研究用户的已有调研资料或者访谈记录放在模板旁边。大家可以一起花十分钟的时间互通信息,再开始一起创建同理心地图:


1. 确定目标


确定我们在和谁共情?他们面临什么处境?需要做出什么决定?

2. 共情用户


潜入目标用户的大脑,观察和思考他们的所看、所说、所做、所闻、所想(包括痛点和收获)。

3. 分析回顾

整理mapping,思考我们还缺哪方面的调研,我们可以做什么来改变他们的想法和感受。


同理心地图最后可视化地为我们解释了用户行为背后的动机,同时帮助我们去感知到很多不容易被发现的深层需求。


这既能帮助设计师做出可提升用户体验的解决方案,也会在某种程度上引导我们走向更有意义的创新。


03

用户旅程地图


适用行业:工业设计、产品设计、交互设计
适用阶段:对于已有产品的用户体验研究或想要了解预期产品的用户体验过程
使用目的:描绘特定用户与产品或服务之间的交互过程,找出用户痛点和产品机会点


用户旅程地图的核心更偏向于研究人与产品的交互过程,最终优化用户体验。相对来说,它的必要性和通用性会更高一些。


我们既可以研究目标用户与已有产品的交互过程,发现用户痛点以此来优化产品;也可以用来假设预期产品与用户的交互过程,验证自己想要研究的问题,找出产品机会点。

用户旅程地图通过可视化的方式整理用户和产品体验的每个阶段,一般需要包括用户在产品体验阶段的目标、行为、触点、想法、情绪、痛点和机会点。

相对来说,用户旅程地图需要考虑的细节和维度比较多,需要专门绘制,比较麻烦。


fabrie的模板直接给予设计师一个可编辑的框架与思路的引导,让设计师更聚焦于思维发散本身,而不用去关注排版等细枝末节的问题。


当然,除了常规的视角,还可以结合自己业务需求,插入或调整更多相关度高的维度。这也是fabrie模板的灵活性,它引导你思考,但不禁锢你的发散。


然后我们可以按四步走:


1. 确定目标人群和旅程目标


不同用户经历的旅程可能天差地别,因此确定好目标用户以及这个旅程中你想研究的主要问题尤其重要。


2. 描述具体使用步骤


标出在对应的语境下,每个步骤意味着什么,也就是开始研究用户行为。根据模板上方的提示,修改成对应我们自己的用户旅程阶段。

3. 完成每个步骤的多维度描述


在完成用户旅程阶段后,探索每个阶段用户使用产品时的体验感受,思考对应的目标、行为、触点、想法、情绪、痛点和机会点。

4. 提炼关键洞察


根据整个梳理,提炼出关键洞察,也就是我们做这个用户旅程地图的最终目的。

写在最后


设计师在提升设计能力的同时,需要慢慢开始主导设计项目。这几个地图都是强有力的辅助工具,能帮助我们去发现问题和解决问题。


fabrie模板的意义,就是希望大家不被形式所困扰,而是更自由更聚焦地去思考。


在不断使用这些设计工具的过程中,我们会形成更科学完善的设计思维,从而做出更好的设计决策,提升设计格局。


fabrie的模板市场,提供了数十款设计相关的专业模板。如果你是一个设计新手,它可以帮你更快地上手操作;如果你是一个有经验的设计师,模板则可以帮助你提高效率,聚焦于思考本身,不被格式等问题困扰。


原文地址:站酷


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司




UI/UX设计作品集中的推理分析该怎么写

seo达人



现在很多公司面试UI都会面试交互能力,问你设计方案的推导、怎么量化、怎么分析、怎么做深度的设计思考等等,所以呢大部分设计师在本身视觉能力没那么强的情况下,无奈在作品包装中加入了推导分析的文字部分,结果,问题又来了,这些分析过程和推导其实是经不起推敲的,因为往往在实际工作中,大部分设计师没有真的运用过这些方法、数据,靠的是参考市面上的作品集从而包装出来,也就经不起面试官的深问。最后作品集也成为了四不像的结果。

那么如果我们的设计基本功没那么强,但又想展示自己的思维能力该怎么做呢?我在这里并不是教大家怎么去编和套设计流程的框架和理论,而是希望大家能明白,如果要放你的思维过程,应该怎么正确的去放,如果真的没做过,我建议不要去硬套,很容易漏洞百出。

设计师的定位和价值

一个项目的推导过程首先要明确,你在项目中扮演的是什么角色,你在整个项目中的价值是什么,是独立负责?还是某一个环节的执行者?我相信很多同学都想把自己包装成一个独立负责人,恨不得整个产品从立项到调研到分析到执行都一个人包揽,但你越这样去包装,作品集内容就越零散。

作品集主要展示的是你个人的能力,而不是让你去描述和介绍你的产品。很多同学都变成了后者,比如先描述项目背景、产品的用户群体是什么、每个功能模块分别是什么功能…..这样的方式去包装作品真的味同嚼蜡,没体现能力不说,还很枯燥。




讲故事

其实我们可以用讲故事的框架,来整理项目流程以及展示你在项目中的价值。在上学的时候老师会跟我们说,要讲清楚一件事,需要分别理清楚三个阶段,分别是:起因、经过、结果。所以我们现在要讲一件什么事呢?我们要讲的是,你是如何通过设计手段帮助产品/用户解决问题的。

那么我们就可以用起因、经过、结果三个阶段来阐述我们是怎么解决问题的,把这个逻辑给梳理出来。

1.起因

起因包含了

1.有哪些问题/机会

2.你是怎么发现问题的(为什么要做这个项目)

3.导致问题出现的原因是什么



比如我举个例子,我发现我家厕所外墙开始掉粉脱落,甚至时不时的浴室柜下方会流出一些水,所以我怀疑是不是哪里漏水了,在这里我用的是观察法,用观察法很直观的看到了问题。接下来我要去找到问题的原因,到底是什么原因导致了外墙掉粉脱落以及渗水的问题。于是我先自己做了一个假设,是不是埋在地下的水管破了?因为之前有用过腐蚀性很强的通下水道的药剂,但是这个原因被我排除了,因为如果水管漏水那么就会一直漏,而不是间歇性的出水。那还有可能是什么原因呢?浴室柜中下水管堵塞导致水流到了没做美缝的缝隙中吗?还是楼上漏水渗下来了?



最后经过多个原因的排除,问题找到了,是由于楼上确实漏水以及淋浴间下水不畅长期积水导致水从下水管口子边上的缝隙流了过去,两个原因。

所以我们再回过头来看,作品包装中起因应该说明哪些事项:

1.1和2可以合并在一起写,比如通过xx方法我们找到了目前产品中存在的问题,也可以写我们找到了xxx问题,是由于我们用了xxx方法。

2.你是怎么发现你产品中存在的问题的?是自我经验的观察判断?还是通过数据分析找到的某个现象(比如一个板块的点击率在逐月下降)还是通过对用户访谈或者体验地图找到了某些体验问题?你得采用一些方法,越客观越好,比如很多同学在找问题的时候总会用一些比较宽泛的修辞来描述:首页结构不合理、层次不清晰、体验较差,所以看到这样的描述,我就想问,那么具体不合理、不清晰、体验较差的点在哪里呢?为什么你觉得不合理、不清晰、体验较差?是你的主观感受?还是数据表现?还是客户的体验?你得证明出来。所以问题的来源是很多的,有的是你专业经验的判断,有的是用户的反馈,有的是数据的表现,都不一样。



3.导致问题出现的原因是什么?比如很多同学做改版,改版原因他们就写:结构不合理、层次不清晰、体验较差…..这个是不对的,改版原因应该是,由什么具体事件,导致的结构不合理、层次不清晰、体验较差,比如通过对用户在支付任务流程中的数据表现,我发现经常有用户在支付流程中跳失,导致转化率下降,因此我们调研访谈了10个在支付流程中跳失的用户,其中8个用户在准备支付的时候找不到编辑收货地址的功能,于是他们放弃了这次支付,这个问题凸显的就是核心功能没有满足用户预期,有效性差。至于样本量的问题我就不展开了。

很多同学在第一阶段会放很多产品的一些市场研究、定位,这些其实一点用也没有,雷声大雨点小,一开始切入点很大,结果这些点对描述你的设计能力没有任何帮助,并且在后面的设计方案和策略中也完全不能体现出来有什么关联。不如聚焦一点,针对问题直接进行展开。

小结一下,起因包含了3个问题,这三个问题可以通过几种方法来解答:

1.你是怎么发现问题的(经验判断法、渠道反馈法、用户调研法、数据分析法、可用性测试…..)

2.有哪些问题(卡片分类法、kano模型、价值分析法……)

3.导致问题出现的原因是什么(经验判断法、用户访谈、观察推测…...)

2.经过

这个阶段就是用来体现你是怎么解决问题的,这里我们就要来讲到解决问题的策略和逻辑了。诸葛亮草船借箭大家都听说过吧,这个事件的问题在于缺箭,为什么会缺箭呢?原因是没有足够的时间和材料来制作那么多箭矢,要解决这个问题怎么办呢?招募更多的士兵?收集更多的材料?采用缓和之计争取时间?显然这些策略是无效的,那怎么办?内部不行,只能靠外部来解决,于是就有了草船借箭。

再举个例子,这两天有点头痛(问题),医生说头痛可能有多种因素造成的,例如睡眠不好、颈椎有问题、受凉、压力大等等(原因),所以为了解决这个问题,我就可以有几个不同的策略,如果是睡眠导致的,那么我就通过改善睡眠质量来解决,如果是颈椎导致的,那么我可以去找中医做一下推拿,这些都是解决问题的策略。

所以在经过阶段你必须讲明白你是怎么选择一种合适的策略的。举个例子,比如有一个新的电商产品上线了,并合作了一些大品牌,但是我们发现这个品牌的销量还不如一些不知名的品牌来的高(问题),于是我们通过第一步的研究起因,发现用户之所以不买单,是因为他们觉得这些大品牌在你们平台卖的是不是假货(原因)。那么为了解决这个问题,我们就要研究一下具体的策略,怎么样能够让用户对该品牌产生信赖,而我们又如何才能让用户知道这个品牌是正品呢?




策略1:透出品牌资质和曝光度:告知用户我们有品牌授权的资质

策略2:给予用户更多保障:给用户产品质量的售后保障和检测权利

策略3:让用户提前进行体验:可以给部分用户试用

经过分析以及成本权衡,策略2和3实施起来较为困难,成本高,于是策略1是一个比较好的选择。那么具体的方案就要到第三阶段来呈现了。

再举个例子,抖音大家都有用过吧,在之前的老本版中,有用户想查看当前视频的上下集,非常不方便(问题),因为需要点击或者侧滑进入作者首页,然后经过滑动才能找到当前视频的位置(原因)。所以为了解决这个问题,如果你是抖音的设计师,你会有哪些策略呢?

策略1.提高用户查看视频的效率:直接给用户定位到当前视频

策略2.提高作者制作系列视频的便捷性:可以让用户不用进入主页也能看到上下集

所以,小结一下,“经过”这个阶段中找策略我们依然也可以用到一些方法:上瘾模型、aarrr模型…..但是这些模型我是不建议大家在作品集里写的,太形式化了,在大厂的设计流程中,设计策略基本上是通过产品和设计的经验判断给出的,不会真的说是靠这个模型工具而产生输出的策略,比如像我们说“给用户一种温暖的感觉”,这是一个设计目标也可以是一个策略,但它很难说是由哪个方法论或者工具提炼出来的。

3.结果

结果,也就是我们通过设计目标和策略,选择具体的设计方案。在作品集中,设计方案给面试官展示,这其实没那么重要。面试官想看的是什么呢?是你虽然最后给出了a方案,但是在设计过程中,有没有b方案和c方案,最后让你选择a方案的理由是什么,你是怎么思考的,也就是方案的由来。

这个才是我们展示能力的最好表现。以上面的抖音为例,通过策略1,用户点击主页可以直接定位到当前视频的区域以便用户查看上下集,如果直接根据这个策略设计方案是很简单和直观的,只要定好位,并给用户一个当前正在播放哪个视频的状态,做个标签即可。

但是最终方案并不是这样的,而是当用户侧滑或者点击头像后先定位到的是用户主页的头部区域,而在右下方给了一个“刚刚看过”的按钮,点击按钮才会定位到刚刚正在看的视频。



这两个方案显然是有区别的,为什么不直接定位,而要多给出一个“按钮”呢?原因就在于抖音更希望观看者和作者能够更多的产生互动和链接,提高作者的关注率,让观看者先看到作者的主页,再去查看刚才的视频,因为只有你关注了作者,作者才有更多动力去制作视频,同时关注作者也会为你个人的偏好附上一个大的权重,以便于做更精准的推荐。

这是对于两种方案的解读,所以方案a和方案b,为什么选b不选a,这就是理由。当你的方案呈现在作品集中,面试官就会这么问。

通常在做方案的时候,大家也总会用到竞品分析,竞品分析是一把双刃剑,它可以让你的方案至少不会出大错,也可以让你的方案没有特点,所以这也很考验设计师是怎么将产品业务的定位、用户属性、业务目标的差异化结合到方案中去的。竞品分析大家也很喜欢单独拿出一个板块放在作品集里,咱先不论有没有真实操作过,放在作品集里的内容,一定要有目的性,大家仔细品一下这句话。你想要通过放这块内容告诉面试官什么?是你拿了一堆竞品做了比较和描述,还是说你能够结合自己业务和用户的特性,找到和其他竞品设计差异化的点,最后应用或指导到你的设计方案中去?

结果阶段除了方案的探索、权衡外,还需要进行验证和复盘。虽然咱们花了很大的力气,从发现问题到找到原因,再到定义目标和策略,最后选择方案,但并不意味着最后的结果是好的,因为我们不知道我们的方案到底有没有解决最一开始的问题,你原来头痛,最后选择了吃药,结果吃了一个月,还是没好,那就说明:1.问题原因不对 2.策略有问题 3.药吃错了。所以如果你要以结果为导向,那么最后的验证和复盘不可缺少。那有同学说,我们公司没有数据,没有用户,那我要怎么验证呢?那我劝你好好跟产品或者老板去谈一谈,虽然你想操这个心,但是老板都不在意那也没有办法,但是你在面试的时候需要表达出这样的思维。

总结一下

再说一下,分析推理部分,不是UI/UX作品集必备,你想做纯视觉包装作品集也可以,但我们要清楚,你应聘的岗位要求是什么,而你的作品集和岗位要求是否能对应起来。现在的一些公司要求都很高,UI和UX都成为了标配要求,所以我们尽可能要把这两块都在作品集里展示出来。有人说,我实在没做过这些东西,让我编也编不出来怎么办?那就从今天起试着开始主动找找产品存在什么问题,然后去解决它,试着走一遍:起因、经过、结果三个阶段,我相信你一定会有收获。

原文地址:站酷

作者:应骏

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



AE简单几步制作毛玻璃卡片动效

seo达人

大家平常肯定有遇到用其他的设计软件绘制毛玻璃效果,不是无法导入AE,就是导入AE之后毛玻璃效果丢失,变的很诡异。

如果需要做动画,那不妨使用AE来制作毛玻璃咯。

本次除了图文教程之外,还有视频教程哦

1080P高清带字幕版视频教程观看地址:

https://www.bilibili.com/video/BV1Ke4y1v76P/?spm_id_from=333.999.0.0

首先绘制好基本图形,如下图:

这里的模糊度没有说一定要设置多少哈,大家根据实际情况来调整,教程里调的是 100,感觉效果是我想要的了。

继续给调整图层添加分形杂色,增加画面颗粒感,变换里的缩放属性调到 1 ,不透明度调到10%(这里大家可以酌情调节哈,数值越大,效果越明显),混合模式为 叠加。

使用卡片给调整图层进行轨道遮罩,这样模糊的背景就只显示在卡片的范围内了。

为了增加卡片的立体感,给卡片图层复制一层,去掉填充属性,添加渐变描边,描边颜色根据背景色来调节,因为描边受到环境颜色的影响。

渐变色的不透明度大概在20%-40%左右比较合适。

新建摄像机,给卡片以及卡片上的元素开启3D图层,把这些元素都绑定父子级到空对象,方便整体控制做动画。

然后给空对象做XYZ三个轴向的旋转,以及Y轴的位移动画。

因为是要做循环动画,所有最后一组关键帧可以直接复制粘贴开始的关键帧,即可形成循环。

最终效果如下图:

好了,这个简单的毛玻璃动效教程就到这里咯,如果对你有帮助,请点赞支持一波,咱们下次再见~~~



原文地址:站酷

作者:墨染ART

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



神秘的印度,每幅作品都是设计配色的模板?!

seo达人





五彩斑斓的印度设计

每幅都是配色模板


众所周知,印度是一个五彩斑斓的国家,在印度无论是哪一个角落都随处可见各种色彩,人们身上的服装、不同的庙宇、装饰物,甚至是运货的大卡车也是五颜六色相互交织。虽然人们每每是将众多颜色组合在一起,可是看起来却不会让人觉得杂乱,这就是印度色彩的奇妙之处。


Diwali Playing Cards Gift Box




印度色彩为何强烈?

不全是宗教因素!


色彩与人类的生活息息相关,不同的色彩选择主要取决于地理环境和宗教文化的影响,而最初色彩的选择似乎受到自然地理环境的影响更大。20世纪70年代,法国色彩学家让·菲利浦·郎科罗(J.P.Lenclos)认为不同的地理环境直接影响到人类、习俗、文化等方面的形成和发展,这些因素又共同导致了不同的色彩表现。



一般认为,地理位置位于低纬度的热带地区的民族,喜好颜色鲜艳、偏亮且纯度高的颜色。因为热带地区紫外线强烈,亮色衣服则能起到一定的防晒作用。而印度大部分位于热带地区,气候环境比较炎热干旱。因此,印度的多彩也可以理解了。


印度纱丽装置艺术展


不仅是服饰,连建筑也五彩斑斓。比如拉贾斯坦几乎是印度旅游的名片,这个国王之地拥有丰富的历史文化遗产和人文景观,而四座色彩之城——杰伊瑟尔梅尔、焦代布尔、乌代布尔、斋普尔——则是拉贾斯坦最有特色、最富魅力、最容易让人流连忘返的城池。


黄金之城——杰伊瑟尔梅尔


蓝色之城——焦特布尔


白色之城——乌代布尔


粉色之城——斋普尔





五种印度色彩的含义

如何在设计中呈现


对印度人来说,在宗教和文化中,颜色承担着很重要的角色,蕴含着非常深刻的寓意,有着超越装饰价值的意义。印度的艺术家以神袛及其着装的颜色来表征其品性。颜色的合理使用可以营造一种氛围,置人于一种欢愉的心境。印度的五种代表颜色有什么寓意,又如何在设计中体现呢?往下看你就知道!


蓝色:勇敢、刚毅、坚定



印度人认为,造物主创造自然的时候用得最多的就是蓝色,天空、大海、河流湖泊,因此蓝色代表着勇敢,刚毅,坚定。蓝色也是能应对复杂事件、冷静的神袛象征颜色,罗摩神(Lord Rama)和克利须那神(Krishna)毕生致力于保护人类和打击邪恶,正因他们的勇敢精神令人们钦佩不已,因此蓝色也成为象征他们的代表颜色,也代表着人们对两位神明的尊敬之意。


Lord Ram Wallpaper

01

印度卡车艺术日历 2023

Yukta Gupta(印度)


印度的卡车是集有趣的标语、五彩斑斓的颜色和无数令人眼花缭乱的装饰品于一身的迷幻展示。在印度,卡车融合了艺术和商业,卡车司机在车上花费的时间和精力,是他们把卡车当作自己的家和礼拜场所的原因,他们把卡车装饰得像个新婚的印度新娘。


因此,设计师Yukta Gupta决定将印度传统图腾与卡车结合成一个年日历,主色调为蓝色,也是表达了对卡车司机和印度传统习俗的敬仰,寄托了印度人民美好祝愿。









02

Spotify Mural Design

Mechi Co. Design(印度)


壁画是为办公室的安静空间或者重点区域定制设计的作品——工作人员如果需要一些“独处空间”,他们可以专注在这个区域。这个项目是印度设计工作室Mechi Co. Design与Spotify合作,为印度孟买的Spotify办公室绘制壁画。


壁画设计概念是“包裹在音乐中”,工作室认为通过音乐进入思想,即是进入我们自己的焦点空间。 壁画主要视觉元素是一个人进入音乐世界的剪影。










绿色:

和平和欢愉


绿色代表着和平和欢愉,它可以使人内心平静。这种颜色乍一看起来可能是冷色调,但却又让人感觉舒服,同时它也是自然的象征。对于印度人来说,首饰是日常生活中不可或缺的装饰品,印度妇女们特别喜欢用绿色,红色,珊瑚色这些艳丽的色彩做饰品。


abstract art tri color of India flag


个人3D作品

Khyati Trehan(印度)

网站:https://khyatitrehan.com/



BranD NO.62《毕业之后:设计师成长计划》中,我们很荣幸采访到这位来自印度的女性设计师兼3D视觉艺术家,Khyati Trehan认为印度的独特在于其多样性,因为每天都会遇到与她有着完全不同人生的人,才会进而促使她在设计中终生践行同理心。她也会经常在ins上把生活中的思考创作出来。


Khyati的作品力图使无形的概念变得具体,注重质感的呈现,富有感情又不失俏皮,经常在事物的边缘探索视觉的可能性。



PAPER FLOWERS

PALMWOOD: CO-CREATE & CONNECT

TRASH






3D视觉艺术作品:Ecotherapy


02

Forestscaping Identity

Pratyush Gupta(印度)

网站:https://swarpeti.com/


植树造林有助于将贫瘠的土地开发成美丽的自然景观,有助于实现生态保护目标。土地被恢复到自然状态,便可以作为一个原始森林,一个鸟类栖息地,一个开花的奇迹,一个冥想的荒野或一个私人自然保护区。


Forestscaping视觉识别的核心是一个自信和优雅的叶子标识。一片小小的叶子从logo的G中发芽——微妙地提到了森林和叶子的最初的联系。灵感来自印度部落艺术,一个动态的插图语言融合了森林,动物和人,创造出各种各样的森林景观。










黄色:

知识、冥想、秩序


黄色是知识和学习的标志。它象征着冥想、能力和心智的发展。印度有不少人信奉毗湿奴,他是天的“维护”之神。依照印度教说法,毗湿奴(Viṣṇu)以迷惑罗刹等恶鬼神,维护世界的秩序。而毗湿奴身穿的则是黄衣,象征着他为知识的化身。


art viṣṇu via.Marina Diulina


01

Fresty

Rhea Jain(印度)


印度平面设计师Rhea Jain为饮料品牌Fresty创造了概念性包装设计,这是一种将传统饮品变为爽口提神口味汽水的方法,旨在抵御炎热的夏季。从经典生姜到浓郁芒果的口味,这五款苏打汽水饮料所带来的惊喜是无与伦比的。然而,虽然饮料本身的口味呈现出相当奇妙的感觉,但包装风格却是偏传统和怀旧。包装正面的几何元素设计简约而醒目,这样尽管整体使用了柔和色调,并不会因此而削弱产品口味的兴奋感。








02

Alikemom Brochure Design

Parth Gupta(印度)

网站:https://builtbydezine.github.io/portfolio/


Alikemom是印度班加罗尔的一家创新食品公司,专注于向远离家乡的年轻人提供有妈妈味道的食物。Alikemom需要一本宣传册来宣传他们品牌和提供的服务,同时强调其背后的价值。设计保持简单而有吸引力,注重品牌价值,使用亮眼的色彩和醒目的字体。







白色:

纯粹、睿智


作为七色的混合——白色,它不同程度地象征了每一种颜色的品性。白色则是纯粹、整洁、睿智的象征,印度亦随处可见粉刷白色外墙的庙宇。



01

Pune Design Festival Rebrand

Atharv Kotkar(印度)


来自印度的设计师Atharv Kotkar将汇集了一群塑造全球设计生态系统的优秀设计师的普纳设计节作为案例研究分析。这是每个人都不可错过的设计盛典。设计师用黑白色调作为主视觉,混合了不同领域和专业的边界,在此寻找超越自己的机会。








02

二次创作知名品牌

Kunel Gaur(印度)



Kunel Gaur是一位来自印度的艺术家,同时他也是Animal advertising agency的创始人,他决定将一些知名的全球品牌,转变为一种看起来原始且未经修饰的样子。Kunel Gaur试图通过这样的尝试,来传达这种极简主义的品牌传播方式。


当中包括的都是我们熟悉的品牌:可乐和KFC的包装设计由鲜艳的红色换成黑白设计,薯片、巧克力和雪糕等令人垂涎的零食也由原本吸引人的颜色转為黑白设计。跟我们日常见到的大相径庭,同时色调也调配得十分好,宛然一件艺术品。









红色:

生命、活力、热情


藏红色代表着生命、活力、朝气和热情,它是火的象征,由于不纯洁之物一般以火焚烧,所以这种颜色同样亦是纯洁的标志,也象征着宗教上的节制。它是圣者和退隐的苦行者的颜色,红色表达了对光明的祈求。


REALITY BEHIND INCREDIBILITY


01

KICKIN

Yash Tambe(印度)

INS@tambe.psd



Yash Tambe是一名来自印度的建筑系学生,但他对平面设计也十分有兴趣,KICKIN是他的个人项目,两年前深受希腊雕像和雕塑的影响,他设计了这组海报。Yash Tambe故意破坏画面平衡感,制造出紧张感,还融合文字与视觉图像进行版式设计,通过撞色和文字排版,展现平面的动感。







02

Gift Box of Indian Spices

Meno Melo Studio(印度)


盒子的印花图案来自古印度艺术,如Gond、Pichwai和微型印刷艺术。这些艺术形式在平面的设计中具有平衡感和对称感。它还以装饰形式描绘了自然元素,红色等亮眼色彩的印度艺术图案总是有节日的氛围。






印度人爱好和平、热情善良,他们喜欢将所有美好的东西都与人分享,他们用丰富的色彩赠予对方祝福,希望每个人在印度设计师的作品里能看到不一样的印度。



编辑 | 马君琳   

图片 | 源自设计师网站及网络

原文地址:站酷

作者:BranD杂志

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档