首页

这些大佬的作品好看?我直接把源文件帮你搞到手了!

seo达人


图标类的

我们来看看吧,这图标的质量:

图片

图片

图片

图片

图片

图片

图片

图片

怎么说呢,可以说是应有尽有,而且很有风格属性,并不是普通图标网站可以下载到的,拿到源文件偷偷学习里面的制作方法,获取灵感,必须都是妥妥的!

 

ui kit

除了图标,还有很多ui kit,很多同学不是不知道怎么做UI kit吗,这么多源文件,你就看吧:

图片

图片

图片

风格那是多种多样的,就不多别的,点进去看看人家的投影为什么这么干净,那也是一种学习:

图片

看看人家的规范控件怎么弄的:

图片

你就研究吧。

 

网页

还有网页的,也下载了一些,我们看看人家这质量和感觉:

图片

图片

图片

图片

很多排版方式都是可以学习借鉴的。

而且他们的源文件里面,图片都是给你隐藏的,他的版式骨架一目了然,学习成本也降低了:

图片

图片

还有我们看看人家这配图:

图片

质量那也算是比较ok的,看起来都是赏心悦目的,杠杠滴!

 


 

原文地址:菜心设计铺(公众号)

作者:菜心设计铺

转载请注明:学UI网》这些大佬的作品好看?我直接把源文件帮你搞到手了!

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

截屏2021-05-13 上午11.41.03.png

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

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


设记·2021牙线作品集

seo达人

莫b

收藏

收藏

收藏

原文地址:站酷
作者:牙线y2x

转载请注明:学UI网》设记·2021牙线作品集

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

截屏2021-05-13 上午11.41.03.png

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

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



快速搞定B端需求,看这篇就够了

ui设计分享达人

在产品设计过程中,了解需求是产品落地的基础之一,而在B端产品中,需求可能会涉及到业务需求、用户需求及管理需求三个方面,具体该如何保障B端需求的快速洞察、快速实现呢?不妨看看作者的总结和梳理。

一、需求的定义

需求是产品存在的基础,贯穿整个产品的整个生命周期。本文聊聊需求的管理方法论。需求管理方法论概念包含了,需求调研和挖掘、需求分析、需求管理(输出需求文档),也可以用一句话来说明,就是收集客户想要什么,最终确定实际做什么。

本文会涉及到面试过程中问到的需求相关内容,可以先收藏后细品。

二、B端需求的分类

在我看来,B端需求主要分为业务需求、用户需求和管理需求。

  • 业务需求,就是B端行业的业务流程中产生的需求,业务流程是行业知识体系的一部分。
  • 管理需求,在B端行业为实现业务目标而进行的决策、计划、控制等的过程产生的需求。
  • 用户需求,用户在系统使用过程中产生的其他需求。

在下文中会用这三类需求进行详细说明。

快速搞定B端需求,看这篇就够了。

三、需求的调研和挖掘,需求收集

1)调研的8大科学方法已经前面写过,这边介绍一下调研时的几个小技巧。

① 用图形作为调研助手

用图形会引导大家的讨论方向一致,收敛,不易跑题。图形会引起参与者的视觉共鸣,从而加速、加深理解的程度。图形的逻辑清晰,可以避免讨论结果似是而非的现象,为后续需求变动提供证据(甩锅)。

② 找到调研的合适颗粒度

对于颗粒度的把握,是没有一个定数,但如果调研结束后,不需要再向客户进行咨询就可以进行设计工作了,那么这个调研就做到位了。第一次调研现场,颗粒度尽量越细越好,因为后续的调研会增加更多成本。

2)业务流程优化的一个方法-ESEIA方法ESEIA流程优化方法是由五个首字母组成,包括E(Eliminate)清除、S(Simplify)简化、E(Establish)增加、I(Integrate)整合和A(Automate)自动化,用来减少流程中的非增值活动,增加流程中的增值活动,然后进行整合和自动化,如图所示。

快速搞定B端需求,看这篇就够了。

  • E:清除,找出并清除不增值的活动;
  • S:简化,清除不必要的活动后,对必要的活动进行简化;
  • E:增加,根据需要增加增值的活动;
  • I:整合,对简化后的活动进行整合,使流程连贯;
  • A:自动化,充分利用信息技术自动化功能,提高流程处理速度和质量。

案例:蓝湖SaaS,是一款针对产品设计到开发阶段的流程优化工具,从产品原型设计——原型上传——UI设计师打开——根据原型设计——设计稿切图——打包上传——程序员下载——打开设计稿并查找相应切图——开发时不定时查询,一系列流程中找到可清除的不增值的活动,简化相应活动,增加增值的活动(在线编辑和设计),整合后使流程连贯,数据上云,让整个上传下载自动化,提高流程处理速度和质量。

四、筛选,如何对需求的判断

1. 摆正需求方的位置

需求的来源会有各种不同的渠道,有内部同事、领导、自己产生的需求。也有外部市场、用户、竞品分析、行业规范等产生的需求。我们需要先把他们产生的需求分类,摆正位置,才能对症下药。不管是哪个渠道来的需求,在上文有说到,可分为三类,业务需求、管理需求、用户需求。业务需求和管理需求分别来自于业务流程优化和管理流程方面,如图(房产营销部分业务流程)。

快速搞定B端需求,看这篇就够了。

1)业务需求,那需要从直接相关方和上下游的间接相关方来看,比如房产营销中的客户锁定期和解锁期,就会可能影响到销售、财务、采购、管理者等各个相关方,需要每个相关方都接触了解后才能设计。

2)管理需求,主要在上层管理的需求,一般只需要针对相关领导的需求就行,但需要知道需求方真实的需求,和该需求是否能够实现。由于管理流程是附加于业务流程之上的,所以如果业务流程没有能够产生这个管理需求的能力,那就需要从业务流程中去重新审视这个管理需求的真实性和可行性。

3)用户需求,这个就比较简单了,主要就是使用习惯,交互等事宜。可以从同一层级的直接相关方了解后进行分析。

2. 判断真实的需求

1)方法一:逻辑演绎

当产品经理不清楚客户的业务但又感到有问题时,可以用逻辑推演来判断,通过逻辑推演可判断客户的需求是不是合理的、正确的。

例如:为什么需要做这个功能?缺少这个功能会如何?这个功能与其上游的工作流的关系,与下游的工作流的关系?思考新需求对现有业务逻辑的影响,会不会影响现有业务功能,当然也同样要考虑到一些潜在的影响,这同样是你对需求评估的一个重要标准。

2)多维度观察

产品经理与客户在专业知识方面是不对等的,客户并不知道他提的需求将来在系统中会带来什么后果,产品经理也未必听懂了客户的真实需求,因此对客户提的“表面需求”要经过侧面的判断才能确定为“真实需求”。为了解决这个问题,可以参考使用5W1H分析法帮助做好判断工作:

  • 对象(what):什么事情。
  • 场所(where):什么地点&场景。
  • 时间(when):什么时候、顺序。
  • 人员(who):相关方、责任人。
  • 为什么(why):原因。
  • 方式(how):如何。

在需求调研中使用5W1H方法,首先要理解的是What、How,而作为判断的重要依据的是Why,其他Where、When、Who是附属信息,没有经验的产品经理只会从正面进行调研,即询问“做什么”“怎么做”,但是最为重要的“为什么做(Why)”却往往不问,这样就会失去多维度观察需求的机会,也同时失去了识别需求的虚实的机会。

3)价值判断

对于复杂的、规模较大的需求,用简单的、操作层面的能够做评估的依据难以确定是否是真实的需求,可以用“目的、价值和功能”三要素来分析和判断。目标,客户的需求目标是什么?价值,确认该目标达成后,客户可以获得什么价值?功能,做什么功能可支持该价值的实现?

如果针对某个需求的判断符合下述条件,那么它就可能不是真实的需求。

  • 确定不了这个需求的目标是什么?
  • 虽然知道目标,但是看不出目标达成后会给客户带来什么价值(回报)。
  • 提出的功能需求实现后,并不能给客户带来预期的价值等。

五、搭建需求池&需求的优先级

从各个渠道来的需求,经过上述的分析后,可以放入到需求池中。需求池里的需求主要有:

  1. 真实的需求,还未进行过价值评估;
  2. 可能转化为需求的一些思考、想法、灵感。也可能是从竞品那分析所得。

过滤了一些伪需求,通过挖掘知道了用户的真实目的,确定了需求方意愿度,明确了需求价值点,根据需求价值来提供解决方案,整理出了需求池,接下来就是对需求的优先级排序:

1)从需求分类的层级来排序,在B端产品中,因为业务需求是所有需求的底层,所有业务需求是第一位的,然后才是管理需求,最后才是用户需求。这就是为什么很多B端产品不讲究交互设计,而在业务流程上做了很大的投入。

2)可以从两个纬度四个象限进行划分,一个是紧急程度,一个是重要程度。按照优先级划分为重要紧急、不重要紧急、重要不紧急、不重要不紧急。

如果产品在0-1阶段,那根据KANO模型的基本型需求>期望型需求>兴奋型需求来判断,如果产品在1-N的迭代期,根据,产品价值大实现成本低>产品价值大实现成本高>产品价值小实现成本低>产品价值小实现成本高来判断(图来自网络)。

快速搞定B端需求,看这篇就够了。

六、需求文档的输出

功能需求整理输出产品方案,做需求文档输出时,为了全面考虑产品方案的逻辑完整性和流程的完整性,可用以下三个点来自查自检。

1. 功能触发的前提

1)前置条件:触发该流程的前提条件,如领取优惠券的前置条件为“注册且登录账号”,甚至还有其他比如是否是新用户等等。

2)数据来源:流程中数据来源,如审核功能中:审核人员审批下级发起的审核单。审核人员的操作流程中,下部发起审核产生审批单就是审核人员的操作流程中的数据来源;数据来源通常是在发生数据流转的场景下需要进行说明。

3)角色及权限:即用户在系统中承担的作用的抽象,是否已经把功能抽象到权限中去,这样可针对权限的设置来分配某些角色可以用,某些角色不可以用。

2. 操作流程

1)事件:主要是指功能的交互规则及逻辑判断。

这个模块用来说明用户和系统之间发生的交互。交互规则是泛指的交互规则,包含功能的页面布局、触发功能的动作及触发后的交互效果;逻辑判断则是指当用户在前端发生行为,系统对用户行为进行识别、判断并返回相应的动作的过程。

2)触发反馈:指用户与系统完成交互后,用户和系统会得到什么样的反馈及产生什么样的数据和结果。

3)异常处理:是对主流程补充,我们尽可能全的罗列并写清楚异常流程时,可以有效避免在产品设计时的场景遗漏。异常流程的梳理建议是参考测试同事的正反例原则。

3. 通用说明

1)数据埋点:埋点就不多进行赘述,但不管是采用第三方系统还是自己的埋点体系,都要做好数据分类,后续提取数据时能减少很多功夫。

2)数据需求:主要为业务方和产品经理在使用和运营提供决策依据,在设计产品方案时一定要规划相对的监控数据指标,以便于后续运营和迭代时有数据进行支撑。

3)数据字典:不要出现这个数据在这是姓名,到另外一个页面成为了用户名这样的事情。以上,是我对B端产品(项目)的理解,后续会对业务需求、管理需求、用户需求分别分析一下。

文章来源:人人都是产品经理   作者:pm老潘

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

一纵一横,搭建完整数据分析体系

资深UI设计者

如今随着互联网不断发展,各产品的数据体量都变得很大,数据分析体系就发挥了巨大的作用;搭建一个完整有效的数据分析体系,可以提高你的工作效率以及准确度。本文将整个体系概括为:一纵一横。推荐对搭建数据分析体系感兴趣的用户阅读。

新年伊始,很多公司都在制定年度计划,有同学会问:数据分析的计划该怎么定呢?

今天给大家一个最全面的数据分析体系,涵盖了公司级全部场景。大家可以对着参照,看自己的发力点在哪里。

整个体系可以概括为:一纵一横。话不多说,上干货!

一、一纵:从效果角度看工作

问一个简单而关键的问题:数据分析,到底有啥用?

答:站在业务的角度,数据分析有6大用处

  1. 目标制定:确定量化目标,分解下发目标
  2. 趋势预测:预测正常走势,提供决策参考
  3. 过程监控:监控业务发展,发现过程问题
  4. 结果复盘:复盘绩效表现,总结成果经验
  5. 原因分析:分析问题原因,探索解决方法
  6. 方法测试:测试优化方法,选择更优做法

这六个场景,贯穿业务工作全过程,最能体现数据分析的价值。因此,当我们思考数据分析可以做什么的时候,可以先思考这六个场景,目前的工作满足了多少需求?还有哪些是可以做的(如下图)?

一纵一横,搭建完整数据分析体系

注意:数据并非不可替代!这6步即使没有数据,业务方也能做。

比如,经典的场景是:

  1. 目标制定,是老板授意财务整出来的。
  2. 趋势预测,是领导们拍脑袋拍出来的。
  3. 结果复盘,业务自己往自个脸上贴金。
  4. 方法测试,压根就不存在(老夫说是,丫就是!)

最有可能,只有过程监控,与发现问题以后的原因分析,是甩给数据分析做的。

但这样的话,工作就太被动了。不清楚目标,不清楚业务基础走势,不清楚方法背后业务逻辑,光看一个数字是很难分析出原因的。

因此相当多数据部门退化成只能监控个数据。甚至只能提个数。

这种被动局面,是在年初定规划的时候要尽力避免的。此时不争,更待何时!

此时可以:

  1. 向大老板开展游说,灌输“全流程数据管理”的理念,增加工作场景。
  2. 结合行业内成功的数字化案例,向所有人安利数据价值,扩大工作。
  3. 观察每个部门的工作风格,看哪些部门容易谈,能找到合作机会。

这样做,就得认真研究企业内各部门分工情况,这就涉及到“一横”概念。

二、一横:从部门角度看机会

问一个简单的问题:是否各个部门对数据重视程度一样?

答:当然不一样!

从部门职责上看,部门可以分为四大类:

1. 管理型

典型如:总裁办、战略发展部、财务部。

这些部门直接与公司最高层沟通,很多重大的发展计划,年度KPI目标,经营任务,都是这些部门参与制定的。这些部门很重视数据!

因为所有的目标、任务、计划都得量化。他们常见的问题是:知其然,不知其所以然,以财务部尤甚。算账算得很精明,可对于业务细节不甚了解。

此时,想要和这些部门交好,可以从提供基础数据突破。

在提供数据的同时,主动帮他们梳理关键业务流程,清晰常规的业务基线,补齐他们在业务理解上的短板。这样能有更多机会合作。(如下图)。

一纵一横,搭建完整数据分析体系

2. 收入型

典型如:销售、投放、增长部门。

这些部门负担主要的收入任务,是业绩、利润的主要来源。但是,这些部门一般都不重视数据。能看到任务目标、完成率就差不多了。

他们更喜欢看案例拆解,看操作指南,看具体做法。总之,手里用得上的才是好东西。

此时,想要和这些部门交好,可以从工具入手。

不要整复杂的报表,而是根据看表人关心的内容,分层级提供数据。越是基层的,给看的数据越少,最好只留关键KPI。

功能上,和CRM等工具打通,在提供数据的同时,直接提供可操作功能,这样才受一线欢迎(如下图)。

一纵一横,搭建完整数据分析体系

3. 成本型

典型如采购、研发、设计。

这些部门基本都在消耗成本,很难直接见成效,万一做不好了引发用户讨厌、产品积压、库存不足,还会影响销量……而且,这些部门又受到销售、营销营销,很难独善其身。

这时候要区别对待:

对于采购、生产、供应这种容易产生硬损失的部门,重点做好数据滚动预测与数据监控。

对于来自上游供给、下游需求、大促活动等影响因素及时收集,结合供给进度与库存情况,预报可能存在的积压/缺货问题(如下图)。

一纵一横,搭建完整数据分析体系

对于研发、设计、产品这种容易产生软损失的部门,重点最好测试平台和测试服务。用常规监测发现问题,用好的测试来检验改善效果(如下图)。

一纵一横,搭建完整数据分析体系

4. 混合型

典型如营销、运营部门。这些部门很喜欢看数据,且其工作效果,是叠加在销售基础上产生的,很难观察。因此做分析的时候特别纠结。好在,他们的工作多是项目制的,可以逐个攻破。

常见的项目,包括:

  1. 大促活动
  2. 用户洞察
  3. 品牌传播
  4. 社群运营

这些在之前的文章已经有很多分享,这里就不赘述了。想洞察得深刻,想分析得到位,重点是培养业务部门的好习惯,打好数据基础。

比如:

  1. 用户标签、商品标签、内容标签、渠道标签等标签库的完善与维护。
  2. 活动标签与活动分类信息管理,活动考核标准记录,事前参照组设计。
  3. 社群运营、新媒体运营、短视频带货、直播带货基础数据收集

基础工作做好了,事后大量数据可以分析。

基础工作没做好,事后分析个屁……

一纵一横,搭建完整数据分析体系

整体安排:分阶段,做出标杆项目。

注意:上述的工作,在业务部门那里是有先后顺序的。

  1. 一般1、2、3月,做年度规划的比较多
  2. 上半年招新人、组团队、小规模试点多
  3. 重大促销、节日活动集中在下半年

清晰了业务部门行动以后,数据部门的整体安排就很清晰了:

  1. 年初,以预测、目标制定、搭建体系等基础工作为主。
  2. 上半年,优先强化基础能力,对基础数据、测试平台、标签库等工具,能强化尽量强化。
  3. 下半年,以重大项目为主,做好项目支持,做好监控与复盘,做好用户洞察。

输出的目标,以每个月都能有一个项目上线/更新为目标。这样每个季度的季报容易写,来年年度总结也就不纠结了(如下图)。

一纵一横,搭建完整数据分析体系

以上,就是数据部门规划的整体思路。当然每个企业具体情况不同。同学们可以量体裁衣,根据自己面对具体情况做调整。

当然,可能有同学会说:“规划这种高大上的事轮不到我,我就是一个小兵,日常都在跑数,咋办?!”

碰到这种情况,等待别人施舍肯定不是好办法。普通的日常工作,也能延伸出很多有价值的项目,这是数据分析工作的独特优势。

文章来源:人人都是产品经理   作者:接地气的陈老师

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

如何利用卡间联动设计提升关注度?

ui设计分享达人

随着媒体发展,品牌广告演变出众多创新十足、彰显品牌调性的创意。广告创意日益精进的同时用户体验阈值也不断提升,如何实现创意突破、触动用户心弦、实现用户体验与商业价值的双赢是品牌广告面临的挑战。

百度品牌广告为寻求自我突破,塑造对用户有价值、对客户强权益的新型广告形态,从全局进行思考,打破现有样式的局限,进行创新形态重构。我们将结合卡间联动的创新实践分享品牌广告的创意探索。

卡间联动是什么?

超级品专是品牌广告的重要产品形态,通过品牌广告结合自然搜索结果,逐步帮助客户构建在百度搜索生态的品牌运营阵地,同时给用户带来更完整的品牌信息获取满足(下图左)。在实际运用中发现,超级品专在样式上希望进一步做突破:

1)沉浸感:提升下方白色组卡品牌调性。

2)触达率:提升下方组卡的触达及感知。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

基于以上分析,我们进行了系统性的样式创新,推出卡间联动创新形态,该形态的本质在于通过彩卡形态提升沉浸感,通过互动化的炫动浮层动效引导用户下滑浏览探索,从而提升品宣和数据效果,达到品效双赢的终极目标。

卡间联动如何设计?

1. 整体视觉升级,沉浸式彩卡,突显品牌调性

界面背景上做了多种设计尝试,将白卡区升级为彩卡,提取头卡物料进行智能取色,使头卡和下方组卡更融合,强化整体性,提升沉浸感,将整体区域打造成“品牌运营阵地”。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

2. 首屏强动效吸引,提升视觉冲击力,增强品牌认知

首屏以动效形式展现品牌主推信息,加强用户感知,使用户快速理解品牌亮点,获取品牌信息。此外,我们针对不同行业、不同营销目标,以差异化的动效形式作为品牌服务的延伸,增强视觉冲击力,突显产品亮点,强化品牌认知。

3.下滑展现动画,强化品牌卖点,激发用户探索兴趣

组卡区结合品牌信息,根据用户搜索品牌的诉求和目标,强化品牌的 2-3 个卖点,通过用户下滑操作触发一段动画,引导视觉动线持续向下,玩法上增加了惊喜感,激发了用户的探索兴趣,吸引用户关注到价值信息后形成点击转化。

4. 控制展现时长与展现频次,减少对用户的干扰,注重用户体验

前续通过动效传递品牌信息价值,同时我们还以不干扰用户操作为目标,控制动效展现时长及展现频率,让用户更专注并沉浸于内容本身,体验更加友好。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

品效双赢效果揭秘

那么卡间联动设计创新是否真正实现品效双赢?实现商业价值与用户体验的共赢?我们通过线上数据分析和用户体验调研,来揭秘卡间联动效果。

1. 数据分析显示:有效提升转化效果和停留时长

首发客户来自汽车行业,通过该客户投放超级品专和卡间联动样式的实验对比,后者数据显著提升,点击率平均提升 11%,停留时长提升 20.2%。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

2. 定性调研显示:有效激发用户兴趣,增强品牌认知和记忆

在调研方法的选择上,考虑到卡间联动的设计创新效果与用户视觉注视息息相关,因此,我们引入眼动追踪技术,通过记录用户的视觉注视过程,获取客观数据,同时结合问卷评分和深度访谈,从主客观全面了解用户的真实体验感受。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

在调研用户的选择上,为了找到最具代表性的目标用户,我们根据行业用户画像设定年龄和性别配比,同时结合百度 App 使用习惯进行筛选。

评估维度的选择,重点参考了广告效果评估理论模型(AIDMA 模型),该模型阐述了用户对品牌从“注意”到“行为”转变的心理过程,基于该心理机制,结合品牌广告关注品牌吸引和印象增强的特点,从中提炼了注意兴趣、情感偏好、记忆效果三个维度来衡量品牌宣传效果。

关于这个模型的详细介绍:

实战案例!如何利用卡间联动设计提升19.7%的关注度?

实战案例!如何利用卡间联动设计提升19.7%的关注度?

在实验设计上,我们对比了超级品专和卡间联动样式。调研结果如下:

1. 注意兴趣:卡间联动吸引用户关注,引起用户兴趣,可提升品牌宣传效果

卡间联动能有效提升用户注意兴趣,整卡的注视时长提升 37.5%。用户在浏览整页过程中,分配更多的时间在卡间联动样式区域,注视时间占比从 46.6%提升至 55.8%,增幅 19.7%,注意吸引提升效果明显。

进一步细分数据发现,卡间联动首屏和下方组卡注视时长均有所提升,其中首屏动效最先吸引用户,提升效果更明显。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

2. 情感偏好:卡间联动用户主观偏好更高,增强用户对品牌的印象

整体上,用户对卡间联动表现出更高的情感偏好,其中,卡间联动广告设计感和惊喜感提升效果最好,评分提升高于 50%。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

结合来自用户的主观反馈可以看到,卡间联动提升用户情感偏好的原因主要为动效生动形象,互动性强,能更好的突出品牌特征,传达品牌调性。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

3. 记忆效果:卡间联动视觉冲击力强,有互动感,用户印象更深刻,品牌记忆效果更好

卡间联动通过动效突出品牌卖点,用户可回忆起更多的品牌细节,相较于超级品专,用户记忆印象更深刻。

结语

综上,卡间联动设计样式,在效果数据和品牌宣传上均有不错的表现,是品牌广告“品效双赢”的一次成功尝试。我们不仅考虑样式的精品化,更注重行业的通用性和规模化,目前卡间联动样式已覆盖了汽车、旅游、食品饮料、奢侈品等行业客户的通用诉求,满足新品宣发、卖点展示等多维度营销诉求。

同时最大程度降低物料制作难度,赋能客户低成本实现创意表达,如汽车行业客户仅需提供汽车前视图、侧视图、顶视图三张图片,即可生成炫酷的动效效果,快速投放。

实战案例!如何利用卡间联动设计提升19.7%的关注度?

在品牌广告自我突破和创新发展的道路上,我们也将继续探索、持续优化,始终不变的初心是,用设计创新的力量,提升用户体验,创造价值。

文章来源:站酷   作者:百度MEUX


分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


时间显示的设计细节

资深UI设计者

背景

“时间”作为人机交互界面中经常出现的元素,本质上都是为了去传递时间维度的信息。但是我们平时在使用一些互联网产品时会发现,关于“时间”的显示状态或形式在不同场景、不同页面里往往是不太一样的,这是出于怎样的考虑呢?今天我们就来聊一聊,如何在产品设计中把握“时间”显示的诀窍,让其在页面中发挥最大的作用。

“时间”元素的分类

按照“时间”元素在页面中的出现场景和所起到的作用,可以大致归为以下几类:

A. 事件的关键构成要素

时间作为描述整个事件的重要组成部分,缺失后会对原本所要传达的内容产生严重的影响,进而影响用户的使用预期和结果,比方说用户可能不能以一个较低的价格完成商品购买,或错过了产品发布会的时间。

从3个方面,帮你掌握时间显示的设计细节

B. 行为的时间标记

指用户本人作为行为主体或行为的接收对象,在某一动作发生后为其所打上的时间标记,比方说“我”购买商品下单的时间或收到一封邮件的时间。

从3个方面,帮你掌握时间显示的设计细节

C. 内容的附属信息

用户在使用产品进行内容消费时,时间作为该条内容的附属信息,起到补充说明的作用,比方说一条短视频或新闻的发布时间。

从3个方面,帮你掌握时间显示的设计细节

在上面的案例中,我们会发现“时间”在对应场景里所发挥的作用不同,用户在使用产品时往往对时间存在不一样的关注程度。因此我们在做页面设计时,要根据具体场景和用户诉求判断“时间”元素的重要性和优先级,通常情况下:时间作为事件的关键构成要素>行为的时间标记>内容的附属信息,之后再思考用什么样的设计形式去展示来达到我们的目标。

“时间”的呈现方式和运用技巧

在讨论“时间”元素的设计之前,我们先共识一些有关时间的理解和概念。时间可以划分为“时间点”和“时间段”两个维度,类似我们高中物理时学过的“时刻”和”时间间隔“的概念。

拿开会举例子:“下午 4:30 会议开始”、“下午 6:00 会议结束”描述的是事件开始、结束的时间点,而“整个会议持续 1.5 小时”、“会议时间为下午 4:30-6:00”描述的是事件过程的时间段;但是,我们在会议开始时也可以这样讲“会议将在 1.5 小时后结束”。

通过上面的例子我们可以发下,同样是描述一件事情,运用不同的时间点、时间段的方式去表达,意思一样但却传递出不一样的情感,并且两者存在如下的“换算”关系:

1)时间段加上定语会变成时间点(但同样是时间点,“下午 6:00”是绝对时间,而“1.5 小时后”是相对时间,刚好对应到我们设计时两种时间戳类型);

2)两个时间点之间则表示时间段。

所以,我们在平时表达或设计时,要先想清楚用“时间”是想侧重表达某一事件、动作发生的即刻时间节点?还是想描述其所持续的时间过程?之后我们再针对不同语境去选取合适的文案和呈现方式。

从3个方面,帮你掌握时间显示的设计细节

时间的呈现方式离不开:时间戳类型、时间显示格式、时间颗粒度。其中,时间颗粒度指的是描述时间的最小单位,往往颗粒度越细,给用户传达的确定感越强(如转账时间是 12 日 15:15:20),对用户的激励作用越明显(如距抢购结束仅剩 00 时 01 分 23.6 秒)。

1. 绝对时间戳

绝对时间可理解为事物发生时的确切时间,由具体日期(年、月、日)和时间(时、分、秒)组成。使用绝对时间戳的优势是信息传达精准,显得正式,给人确定感和安全感,同时排布规整,便于形成认知习惯;但缺点是内容显示过长不利于阅读,并且占用空间较大。

从3个方面,帮你掌握时间显示的设计细节

在时间显示格式的选择上,为了避免混淆,推荐使用文字格式或“-”分隔符来分隔日期,而“/”分隔符在不同国家有不同的展示顺序习惯,容易造成误解,尽量少用。

从3个方面,帮你掌握时间显示的设计细节

时间颗粒度的选择依情况而定,一般场景总结如下:

从3个方面,帮你掌握时间显示的设计细节

2. 相对时间戳

相对时间在产品设计领域通常是指内容生产、到达、或状态发生改变时,距当前时间点的时间差值,多用于 push 通知、信息流产品,侧重强调内容的时效性;而“倒计时”也算相对时间的一种,侧重营造时间的紧迫感。使用相对时间戳的优势是用户辨识、理解成本低,不用通过计算来判断时间过去或还剩下多久;缺点是不够精确、正式,并很难衡量两个时间点的临近性。

从3个方面,帮你掌握时间显示的设计细节

在使用相对时间时,要注意格式友好。时间单位可随着时间的推移自动改变;数字不要过多,尽量取整;并且可设置其与绝对时间转换的临界点。

从3个方面,帮你掌握时间显示的设计细节

总结

在设计界面中的“时间”元素时,要遵循场景贴合、便于阅读理解的总体原则;之后根据场景和目标,再选取合适的“时间”呈现方式(包括时间戳类型、时间显示格式、时间颗粒度)。

当时间作为“A.事件的关键构成要素”时

一般情况下使用绝对时间,并且要看是为了强调某一关键时间节点,还是侧重表达整个持续过程。此外,选用关联场景的文案或者运用倒计时(相对时间)的形式,可一定程度上促进用户更加集中注意力,提升对信息的关注度,并达到特殊的激励作用和转化效果。

当时间作为“B.行为的时间标记”时

该场景通常是为了追求确定感,通过提供精准的时间和日期便于用户定位到过去或将来的某个时间点(段)去查找、回顾相应内容,因此大多数采用绝对时间,时间颗粒度依具体情况而定。

当时间作为“C.内容的附属信息”时

如果所设计的产品供给内容的更新速度快,用户活跃度高,并且此时内容的时间信息准确性不那么重要反而更侧重于内容的时效性,那么通常会使用相对时间。部分信息流产品(比如新闻资讯类、社区类)会在列表页使用相对时间,在详情页使用绝对时间,时间颗粒度也是依情况而定;并且会随着时间推移,在某一时间节点前把相对时间转换为绝对时间。

文章来源:优设  作者:VMIC UED


分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


如何提升表单的易用性及数据量化

资深UI设计者

表单在B端产品中是重要的组成部分,设计表单是比较考验设计师综合能力和设计细节的。一定程度上,表单设计的好坏也决定了产品的成败。


在实际项目中随着B端产品的复杂化,出现冗余的视觉干扰信息,降低信息传达的效率,使得用户认知成本高,操作难度大。那么对于表单如何提升表单的易用性又该如何数据量化易用性呢?本文从4大方面阐述全面提升表单的易用性并验证。


一、表单的构成及应用场景


表单由表单标签、表单域、提示信息、操作按钮组成。


二、为什么要提升表单的易用性


在我们设计B端产品的过程中,总会遇到用户信息填写逻辑混乱、资料收集不全的状况,导致用户在浏览和编辑时的操作体验大打折扣。主要反映在以下几个方面:


1、用户浏览信息顺序混乱,信息层逻辑不清

2、不同信息内容风格及交互不统一,用户难以建立统一心智

3、产研协作与资产沉淀之间有断层,无法有效沉淀与跟踪管理

4、整体页面操作时间长,用户跳脱率高

5、用户客诉数据高



三、如何提升表单易用性


提升表单易用性的4大原则:易阅读 、易操作 、安全感 、所见即所得


1、易阅读


a、采用扁平化设计,化繁为简,去除冗余的视觉干扰,使得页面更加简洁清晰。

如:当必填特别多时,就不用都标出来了,只需要单独标出非必填项即可,最大化得信息降噪。


b、尽量采用单列布局,视觉动线流畅,不容易遗漏信息;按Enter换行,可以最大程度得提升表单的输入效率。此处的用户心智与操作效率比屏幕利用率更为重要。


c、面对多行或复杂表单可以采用逻辑分组+合适的折叠度,提高页面有效信息的透传,增加用户填写表单的效率,让用户快速填写,快速离开。


2、易操作


a、为用户提供合适的默认项,可以减少用户操作步骤,提高填写效率。


b、在表单中填写上部分信息即可自动获取下面信息,无需用户再次填写,也大大增加了操作效率。


c、根据搜索、联想,自动现实匹配信息,大大减少用户记忆和认知的负担。


d、对于一些标准证件、文本信息的录入,可以通过OCR识别文件内容。当用户上传图片后,运用图像识别技术提取关键信息并自动录入。

如果图片不清晰或存在水印,此时也应提供修正渠道,可逐一校对并修改。


3、安全感


a、操作前给予正确提示,避免用户重复试错,缺乏安全感。


b、操作中给予实时反馈,为用户封闭不正确的道路。


c、操作后的提醒和纠错,告诉用户哪里错了,而非简单粗暴的错误警告。


4、所见即所得


边设置,边预览,适合对移动端、小程序、H5的配置。


四、如何量化体验度量衡


通过用户点击数据,辅助设计洞见。从4个方面量化体验度量衡:任务完成率、任务完成时长、必填项目数、易用度评分


1、任务完成率

通过埋点获取数据使用公式进行计算或让技术搭建看板直接看。新版上线后,用户会有一定的学习适应周期,最好选取一个月以后的数据,比较具有参考意义。


2、任务完成时长

数据分析发现,任务完成时长数据呈现伪正态分布状态,取众数最具代表意义。


3、必填项目数量

结合业务场景,减少不必要的必填项,只设置必要的信息填写,能自动获取则自动获取,减少操作步骤,增加操作效率。


4、易用度评分

通过在产品后台投放调研问卷,获取真实的用户,使用登门槛效应让其进行评分。最后可把被筛选的对象圈到访谈对象池,有机会可以成为产品成长用户。


五、总结


以上就是对于提升表单易用性及验证的思考,总结如下:


对于用户来说

提升表单易用性可以提高信息内容理解和操作效率,更便于管理账户

对于产品来说

提升表单易用性可以提升获取用户和企业信息内容的效率,优化企业框架结构,提升信息质量

对于设计来说

提升表单易用性可以提升信息获取效率,节约设计和开发成本


文章来源:站酷   作者:牛肉咖喱garry 

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

B端问答 – 给新手B端设计师的四点建议

seo达人


一、改变固有的思维方式

每个人,在处理自己熟悉的事物时,往往都会有 「思维定势」。我们在设计页面时,会去考虑用户的思维定势,而在处理设计问题时,也是同样的道理。

在与许多 C端转B端的资深设计师 交流过程中会发现,他们在去处理 “问题” 时,仿佛还是按照之前的思维定势。也就导致在工作过程当中遇到诸多麻烦,比如:

  • 领导抱怨其经验不够,但他又是一位从事多年的设计师
  • 在处理设计需求时,只会在乎“表面问题”
  • 在团队中得不到重用,名副其实的组件设计师

究其原因是在C端时代,设计师的口中都是围绕着用户进行展开;

图片

而到了B端时代,我们聊的就不再是用户,而更多是营收,是流程、是业务。

图片

因此在去处理B端需求时,设计风格就一个“表面工程”,并不是说它不重要,而更多是为了服务产品真正的“灵魂”。

回过头去看作品集,我们要求的就不是:你作品集的排版究竟有多好、我选择了什么好看的字体、用了哪些亮眼的配色,而更多是从你的作品集当中,看出你的思考,通过你在交互流程上的调整,产品进而得到哪些优化。

 

二、跳出自己的舒适圈

在自己的舒适圈,可以理解为 安逸”。

安逸这个词,在我一个成都人面前,简直“不值一提”,它既能够表达你对于当前状态的一种赞叹,同时也是对别人的一种羡慕。因为在说安逸时,我们往往只会说别人过得多么安逸。

很多人会认为,跳出自己的舒适圈不就是内卷么?

但是我更愿意把它理解成一种学习态度,因为刚接触到的B端事物,一定是全新的,打破你之前认知的东西。比如 聊低代码产品,我们肯定会去说 对象、布局、配置表单。

而这些东西,稍微延展都是非常多的内容,如果你从事多年B端设计过后,你会发现你越来越像一个产品经理,只是因为大家站的立场会有所不同,所产出的内容会存在些许差异。而如何了解业务?可以看看之前的文章《B端设计师如何快速了解业务》。

当你产生焦虑的时候,就特别想要跳出舒适圈。我自己也是一样,之前上班工作时,每天早上10点到岗,我却在6点50的天府三街沉浸学习,这也能够有充足的时间去做工作以外的事情。

图片

 

三、选择更有潜力的行业

在B端产品当中,行业选择是非常重要的一件事。因为想在这一行业深入发展,一定是需要陪伴企业走过 2-3 年,并且在后续的跳槽过程中,行业属性是你非常重要的标签。可以看到各类招聘信息当中都明确指出行业的重要性。

因此选择一个更有潜力的行业,能够在后续的职业生涯当中,加分不少。这里给你们推荐一些出名的企业与前景广阔的行业(感谢4群同学的分享~):

图片

想要高清图片,可以查看公众号原文, 点赞/在看 原文章,然后截图私信CE青年的微信即可(vx:ceqingnian)。

 

 

四、专注深耕某一领域

看似与上一条重复,但是想要给大家讲得关注点会有所不同。

这里的重点是深耕,因为在与一些工作 2-3 年的B端交互设计师的接触过程中,会发现他们对于自身业务仿佛并不了解、甚至有些陌生。而深耕某一领域,也就意味着你在一个行业有着专家级的水平。而后续的跳槽,也可以通过你自身的实力,快速上手该行业的对应业务。

而深耕虽然会在职业发展的后期带来诸多困境,但是不得不说在B端市场的前期,能够教会你很多分析B端问题的道理。

 

总结

B端设计与C端不同,业务形态上就会存在巨大差异。同时在工作的态度上,不建议大家过于浮躁,因为B端需要较长的研发过程,导致需要你能够在某一个行业深耕,因此在职业发展上,希望能够做出谨慎选择!

 

原文链接:CE青年(公众号)

作者:CE青年

转载请注明:学UI网》B端问答 – 给新手B端设计师的四点建议

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

截屏2021-05-13 上午11.41.03.png

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

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



工作经验|设计资产库中的组件,应该如何命名?

seo达人



组件的命名方式

设计系统的基础工作之一就是给组件命名。这个工作看上去并不起眼,似乎还有些机械重复,但实际上却需要具备严谨的逻辑和对细节的锱铢必较。

组件的命名方式并不唯一,你可以按照你对组件构成的理解,来规划你的命名逻辑。下图以我工作中用到的一款组件库为例,呈现出组件的命名逻辑:

图片

可以看到,我们在命名时分了 5 个层级,依次是类别,元件,模式,等级,状态

 

1、类别

类别指的是组件最本质的作用和宽泛的应用场景。通常我们会分为:通用、导航、数据录入、数据展示、反馈等几个类别,类别以及其中的部分组件如下图所示:

图片

 

2、元件 / 组件

元件即具体的、单一的组件,比如 “导航” 这个类别下就包括了固钉(返回顶部)、面包屑、下拉菜单、导航菜单、分页、页头、步骤条等几个组件:

图片

 

3、模式

目前的模式通常会分成暗黑模式(Dark Mode)浅色模式(Light Mode)两种,但随着对用户体验的不断重视,未来也有可能会出现 “护眼模式”、“色盲模式”、“高对比度模式” 等模式。

 

4、等级

等级的分类和数量由组件的基本功能和在产品的具体需求决定,有些组件比如 “分页器”、“面包屑” 通常只有一个等级,在命名的时候就可以不体现;而有些组件如 “按钮”、“标签页” 、“导航” 则会有多个等级:

图片

 

5、状态

状态即组件在交互时的变化样式,通常包括普通(默认)、悬浮(悬停)、点击、失效(禁用)等,根据不同组件的特性,也可能会包括危险提示、聚焦等状态。

根据上述这个规则,我们就可以对所有组件进行有规律的命名,下图中组件悬停状态的命名为:Navigation/Sidemenu/Light/Primary/hover

图片

图片

 

组件命名的注意事项

在给组件命名的时要注意以下几点:1. 含义清晰

组件的命名能够清晰的体现组件的性质和状态,不要仅仅使用数字 1、2、3 来代替状态。举个例子,你的产品品牌色主色名称的结尾应该是:“……brand/primary”,而不是 “brand/blue1”,或 “brand/ #E60326”。

除了色板,我们对于组件也是要尽量清晰的描述组件的类别和状态,而不是它的外观。比如按钮在“悬停状态”的时候是浅蓝色,你命名到 “悬停” 的状态就可以了,这时你的按钮名称后半部分应为:“……/button/primary/hover”,不需要提及按钮的颜色变化。

这种命名结构可以最大程度上确保组件与系统一起发展,如果当主按钮的颜色发生变化,你也不必在整个系统和组件中更新其名称。

 

2. 遵守逻辑

命名结构要有逻辑,名称根据一定的逻辑结构进行推导,以便于当组件有新增、或组件库有革新时可以顺畅的添加和修改。

由于不同组件的等级和状态千差万别,建议你也可以先梳理出上文图中的命名逻辑层级表,按照表单进行工作,简单清晰,也方便团队的其他设计师一同协作。

 

3. 良好习惯

养成良好的工作习惯,建立标准的工作流程和规范,包括:

  • 用斜杠 “/” 分隔单词
  • 不要随意添加空格
  • 仅使用小写字母
  • 尽量使用英文单词
  • 修改内容后及时同步给团队等等

 

在公众号后台回复 “组件”,会看到更多与之相关的干货讲解。如果你还有其他与组件相关的问题,欢迎向我提问。

 

原文链接:长弓小子(公众号)

作者:元尧

转载请注明:学UI网》工作经验|设计资产库中的组件,应该如何命名?

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

截屏2021-05-13 上午11.41.03.png

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

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




情绪版还能这样做?难怪大厂的设计师那么强

seo达人

图片

 

在我们平时的工作中,经常需要创建各种各样的情绪板:用于品牌、App、海报、服装……等涉及到设计领域,但我经常会发现在整理素材和归纳的时候,很容易遗漏某些步骤,或者创建过程晚了被客户拒绝,所以我决定写一篇总结文章,其中包含一系列技巧和工具。

图片

 

什么是情绪板?

有些人将其称为风格图、参考图,但它们之间的差异存在争议,但总而言之,它是一组图像,把它们汇总在一起代表品牌(或项目)将采用的视觉方向。

我们可以将情绪板的作用总结为三个主要目标:

  • 为视觉设计过程奠定基础
  • 建立了品牌的世界观
  • 提供视觉标准,便于以后的视觉延展和一致性

 

如何制作情绪板

我在刚参加工作时的项目中所犯的第一个错误就是收到一个新的设计需求简介后,就立即疯狂收集参考图,我想这是与品牌匹配的,没有任何问题。(然而这样的设计方式非常错误且痛苦)

现在看来,与之相反的,应该先花点时间分析下设计需求简介,让自己真正了解品牌的背景、历史、未来计划、行业、竞争、目标受众、品牌信息和价值主张。如果以上任何一块缺失并影响了创建情绪板,你最好都需要先跟需求方沟通清楚缺失部分的细节。针对这些缺失的细节发送品牌调查问卷,避免甲方推翻重新设计,影响设计进程。

图片

情绪板在品牌推广过程中占有一席之地,但在一开始的时候肯定是没有的。假设你已经从客户那里收集了所有信息,现在我们准备进一步推进情绪板创建的实际步骤:

1) 研究并搜集参考

2) 排版和优化

3) 情绪版展示(可选)

接下来,会详细的为大家分享每一个步骤。

 

研究并搜集参考

在我开始找图之前,我喜欢把需求介绍中的形容词或其他关键词放在自己面前,这样我就可以检查研究的内容是否与关键词产生共鸣。

图片

图片

另外,不要忘记还要了解目标受众和市场细节!

在我们谈论研究之前,我想分享几个我喜欢使用的图像收集工具。

Pinterest 几乎是图像收集的首选工具之一。你们中的许多人可能已经在用了, 优点是很容易设置收集画板,并且关联图片和以图搜图都非常方便,而且还是免费的。

图片

Sample board from Pinterest 来自 Pinterest 的样板

 

(彩云注:原作者这里还介绍了另外两款工具,但经过彩云的研究,发现不那么好用,不符合中国设计师的使用习惯,所以我去掉了这部分的内容。)

你也可以直接保存到桌面。但我喜欢用工具进行整理,所以当我完成研究过程后,我至少对于搜集整理方面的工具有一个广泛的了解。

一个非常新的收藏工具叫做  mymind ( https://mymind.com ),由设计师 Tobias van Schneider 开发。这是一个浏览器扩展程序,它可以帮助你保存图像、文本、视频、完整的文章、产品或其他内容,方法是使用插件扩展或右键单击添加到一个大集合(收集上也可以用)。

这是对不太喜欢打标签和分组的人做的工具,因为它会自动搜索已保存材料之间的联系并添加标签,因此在某些方面要比 Pinterest 更易于搜索

好了,工具够用了!你准备好获得灵感了吗?在开始搜索之前,我们需要记住我们之前定义的那些品牌形容词(工业、坚定、空灵等等)。

因为我知道搜索过程会让我陷入困境,所以第一件事就是给自己设置一个计时器(对我来说大部分搜索收集图片时间是 1.5 小时)。

图片

我首选的工具是 Google 和 Pinterest,重要的是在这个阶段不要把自己限制在任何事情上并保存所有吸引你眼球的东西,这样你就有足够的材料可以使用。

我会有针对性的找一些关键元素来向客户(或我自己)展示并在以后为设计决策提供信息:颜色、排版、行业和整体氛围、包装、摄影、插图风格、纹理、图案、logo。

这听起来很简单,但如果品牌形容词没有太多引导作用呢?这里有一些提示可以尝试:

  • 搜索类似的词。例如,在Solomo的例子中,一开始我试图搜索功能,但这样搜索出来的可能全是无聊的办公场所,所以我会尝试寻找同义词。
  • 如果没想法的时候,尝试关掉电脑并闭上眼睛想想,当我听到这个词时我会想到什么,这也有帮助。
  • 如果你和和团队有时间的话,可以组织一场脑爆会一起讨论探索想法,让更多人参与,这样也能快速帮助你找到灵感。

分享一些我常用的额外资源:

[Designspriration] — 精选灵感搜索

[PICDIT] — 高级摄影作品网站(彩云看了下貌似近期没有更新了,但以前的内容还是值得一看的)

[Flickgraphics] — 艺术排版灵感库

[Adultartclub] — 艺术摄影灵感库

[Dayinthelandofnobody] — 艺术摄影

[Visualgraphic] — 版式灵感

[typophile] — 排版灵感

[logos.ai] — 排版和logo

在你收集了一堆图片之后,接下来我们将看看如何处理它们。

 

排版和优化

1. 选择一个工具(Canva、Figma、Miro 等,彩云经常用sketch)

将图片组合成可展示的格式。我建议选择一些客户无需安装即可轻松使用的东西,这样反馈周期会更短。如果平台也有一些主题选项,那就太好了,例如,你可以根据客户的品牌颜色对其进行定制,并且可以将相同的结构重新用于不同的产品。

 

2. 挑选和组织图片

将每个图片下载到本地并把它们归纳分配在相关的风格或品牌形容词下。

图片

如果只需要部分图片,记得裁切好需要的部分。

 

3. 将图片进行排版分组

在组织这些图片时,首先要记住的是颜色。我们需要避免用户在单个对象上花费太多时间,也不是自然地从一张图流向另一张图。

你可以尝试限定好图片的数量,对我来说10-15是一个很好的起点。

图片

彩云也收集了一些比较优秀的情绪版排版供大家参考

图片

图片

图片

图片

图片

图片

 

4. 检查并最终确定方案

如果你已经到了这个阶段,那就太好了!现在是时候对最初的品牌形容词做检查标记,看看情绪版是否整体传达了品牌氛围。

图片

在情绪版中有一个能自检的列表非常不错,我们要问自己的问题:

  • 客户可能会过于字面理解吗?
  • 情绪板是否反映了品牌气质?(逐个检查品牌形容词)
  • 有什么特别突出的地方吗?
  • 品牌所处的环境是否合适?

如果一切都考虑妥当,就该进行情绪板演示了。 最后,我收集了一些最终笔记,它们可能有助于你将其展示给其他人。

 

情绪板展示

如何与客户交流情绪板?

提醒客户不要从字面上理解任何内容,情绪板上的任何元素都不意味着要对他们的品牌(或项目)进行一对一的翻译。例如,如果在一张图片上有紫色的魔方飞来飞去,这并不意味着品牌会用魔方做任何事情,可能是形状,也可能是颜色。

强调这是品牌所在的视觉世界,而不是具体的元素。总而言之,鼓励客户关注整体,而不是个别部分。

如果在这个阶段一切都很糟糕并客户不认同它怎么办?

图片

事情可能会出错,但请记住,我们可以随时后退一步,然后再前进。是时候回到关键词了,尤其是基调部分。这时候与观众一起仔细阅读每个词,并质疑相同的词是否仍然与品牌愿景产生共鸣,这是很有帮助的。

如果答案是肯定的,那么最好再进行一次会议,以了解观众根据关键词所想象的内容,以便下次符合预期。我的经验是,如果情绪板与观众或决策者一起策划,很容易获得早期支持以避免这种情况发生。

如果答案是否定的,可能要探索品牌愿景是否有任何变化,并从问卷开始回到开头。尽管这一步看起来令人生畏,但客户的舒适度确实至关重要,否则当你在整个设计过程中进一步推进时,他们将不会感到这是设计是为他们做的。

 

本文翻译已获得作者的正式授权(授权截图如下)图片
原文地址:medium作者:Peter Javorkai译文地址:彩云译设计(公众号)

译者:彩云Sky

转载请注明:学UI网》情绪版还能这样做?难怪大厂的设计师那么强


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

截屏2021-05-13 上午11.41.03.png

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

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



日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档