首页

找了半个月终于找到了可以免费商用的好看的英文字体!

seo达人

1.一套设计的整体感觉

为什么很多人的设计作品很有自己的风格?比如像这个设计师主页的作品:

图片

很轻,很干净。

这样的作品风格都很统一,设计师能够很好的把控整体感觉,不会让某个局部过于出戏或不搭。

我们在平时做一些概念练习的时候,一定要注意这方面的提升和培养,这样在后期设定主视觉的时候,才能更好的把控。

这里给大家举一个简答的案例,我们看一位星友做的临摹的练习:

图片

大家会觉得有什么问题吗?会不会觉得耳机有些突兀?因为整体颜色、界面样式都是比较轻量化的,但是耳机突然很重,导致和整体有些不搭。

我们看下原版的界面:

图片

确实整体都很轻量,包括耳机本身。

千万不要小瞧“抓整体感觉”的能力,也不要感觉这个能力很简单,想和做是两码事,一定要多做,然后不断试错、优化、试错、优化,最后达到理想的能力状态。

 

2.做界面要有容器思维

我们做界面,一定要有容器思维,容器思维有两个作用,

第一,它可以很好的帮助我们更好的整理信息,比如之前有分享过,我把原本散乱的信息,重新整理到卡片容器中:

图片

这样会让信息更加规整。

第二,因为开发写页面也都是一个容器一个容器的,所以这样可以更好的有效沟通,避免浪费时间,比如我们在列表的时候:

图片

如果没有给列表装上容器,开发就不知道每个列表的有效点击区域是多大,如果我们装上了容器:

图片

开发实现起来就会很快,也不会有那么多视觉还原问题。

 

3.可以免费商用的数字英文字体

我们在做app产品的时候,经常会看到有一些特殊数字字体,比较长条的,有些设计感,像这种:

图片

系统里面的字体肯定是无法满足需求的,这时候就需要安装一些其他字体,那问题又来了,很多字体都有版权问题,所以这里推荐一个免费可商用的,oppo出的一套字体,里面的数字,我觉得效果还不错,大家可以看下:

图片

还是挺好看的,一共有5个字重,任你选择。

除了上面这个字体,如果大家想用圆润一点的数字,可以用这个字体Quicksand:

图片

也是免费可商用的,有需要的朋友可以点个在看,后台回复:数字,即可获得。

好了,今天就这么多,下期见,么么扔!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
转载请注明:学UI网》找了半个月终于找到了可以免费商用的好看的英文字体!

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

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

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

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


如何基于业务思考设计B端的IP活动

seo达人



关于IP活动

IP存在形态可以多种多样,可以是一个故事、一个概念,一个事件、一个形象等。本文所指的IP是有着高辨识度、强用户心智的“符号型”事件,通过打造IP事件让特定用户对此形成超级IP心智,从而形成品牌认知,拉近与用户的距离。

图片

本项目在商家端通过联合多个产品、业务的场景,打造针对于商家用户拉新、促活的运营活动,通过规律性的举办活动、持续性的品牌符号透出,让商家用户对此活动形成超级IP心智。

因此,本文将会从项目的业务背景出发,以设计的视角来阐述酷家乐针对商家用户的拉新、促活,打造的一个有趣、有效、可持续的IP活动。

 

为什么要打造IP活动

酷家乐在以往的商家运营活动中,积累了一些问题,之所以需要做IP活动,主要原因有三个方面:商家用户侧、产品运营侧、产研侧。

图片

 

一、用户背景

酷家乐的商家用户行业覆盖广、年龄与职责跨度较大,加上在b端做内容宣导依赖于企业组织里层层分发信息,信息传播与宣发成本较高,包括活动举办的形式与规则。

从过往比较零散的线上运营活动经验来看,如果在前期宣导不到位的情况下,难以很快的在线上让用户快速的响应参与进来,所以活动的效果也难达预期。如何建立比较稳定的活动心智,进而降低宣发成本,是针对商家用户提升活动参与度的前提。

图片

 

二、产品/运营背景

酷家乐B类产品以商家后台为底座,以应用为拓展模块,因此业务产品越来越多,每个产品阶段性的促活跃必不可少,之前零散的、单独的举办活动势必带来资源浪费、宣发成本叠加、难以吸引用户参与的问题,如何兼顾老模块+新产品/功能的促活问题?这也是产品和运营的业务目标。

图片

 

三、产研协作背景

一个活动从想法到最终上线,中间经历的流程比较漫长,作为设计方最怕业务给你卡死一个非常紧张的时间,指定日期上线。而过往这种情况时常发生,最终运营、产品、设计、研发都妥协,在最终效果也打折,如何解决这个问题,设计可以在这里做什么?

图片

 

设计策略与设计方案

基于以上三个背景,针对用户、业务、协同三个方面提出系统的解决方案,制定设计策略:

  • 通过打造超级IP心智,让用户认知、熟悉并持续参与它;
  • 通过趣味地串联业务场景,将业务的目标分解成各个任务,从而能让用户更好的参与互动;
  • 设计前置的考虑与推动,沉淀通用能力,实现组件化与配置化。

图片

 

一、打造超级IP,建立用户心智

超级IP心智,本质是设计一场让用户印象深刻的体验,本次活动通过IP主题、IP形象、IP场景衍生三个方面来发力。多次曝光持续的抢占用户视线、建立熟悉感和认同感,打造系列活动感,运营手段让用户持续产生深刻的印象,从而建立起超级IP的心智。IP最重要的作用是可持续的,积累大众认知的同时,最终可成为品牌资产。

图片

 

1、IP主题设计

考虑到酷家乐的在家居行业的品牌形象,从市场定位和品牌调性提取关键词,最终确定以“装新家”为主题。

图片

品牌的持续植入(新家、主题及字体、颜色、图标体系)

图片

图片图片图片

 

2、IP形象设计

以品牌IP形象人格化为设计策略,建立酷宝有趣、活泼可爱的人设,及时的与用户进行交流互动。

图片

图片

 

3、IP场景衍生设计

为了加深用户对酷家乐认知,结合“酷宝装新家”的品牌主题,将装修家物件与当前酷家乐的产品生态去串联,通过有趣的场景让商家用户感知到酷家乐赋能家居行业的能力与影响力。

图片

图片

 

二、趣味地串联场景,吸引用户参与

趣味地串联业务场景,将业务的目标分解成各个任务,从而能让用户更好的参与互动。在提升基础模块数据的同时,提升新产品/功能的活跃度。

 

1、趣味的互动设计

趣味的串联业务场景的目的在于,让更多的用户能通过有趣的活动参与进来,按照一定的游戏规则顺便完成既定的任务,促进现有产品模块的活跃,带动新产品认知和使用,传播新产品的价值,达到促活的业务目标。在此项目中主要通过人格化的酷宝对话、有趣的房间拼装来实现趣味的互动。

 

1.1 人格化的酷宝,跟用户互动起来

酷宝是酷家乐人格化的IP,引入酷宝角色有利于更好的和用户建立情感的连接,进入场景,塑造角色,成为品牌的一部分,创造真实具象的消费者触点。相比于往常图文呆板的互动,酷宝角色的引入可以让活动与用户的互动更有趣。

图片

酷宝的对话设计遵循着“人格化”的原则,就像人一样,能够根据特定场景、特定人设、特定对话对外输出便于用户理解的内容,所以在酷宝的对话设计中,根据活动时间点、场景以及酷宝可爱形象的特质,结构化的设计对话内容,让酷宝作为活动重要角色,与用户互动起来。

图片

 

1.2有趣的房间拼装

根据游戏化设计的八角模型,缺失感设计会激发用户去填补当前缺失的模块,利用用户的心理,充分的将用户吸引到游戏中来。

图片

 

2、根据用户行为周期的激励

根据用户与活动的行为周期,将用户的行为分为参与前、参与中、完成后三个阶段,针对于三个阶段的行为分别进行了用户激励设计,激励用户参与进来。

图片

因涉及内容较多,针对于一些重要场景,示例如下:

 

2.1 用户参与活动前

在用户必经之路,触达用户,提供邀请,将内容推到用户的视线。

图片

图片

奖品的展示,吸引用户来参与

图片

各种渠道的投放物料设计,确保信息触达

图片

 

2.2 用户在活动参与中

即时激励,当用户有机会,强提醒用户抽奖

  • 引导有信心能持续进行下去,卡片类型设计,确保用户有信心能持续进行下去
  • 引导用户收集卡片

图片

  • 明确状态,让用户明确完成自己的状态

图片

 

2.3 用户任务完成后

中途获取奖品设计,让用户的互动更加有趣、真实。

图片

 

2.4 最终成就设计

以汇总成就数据的海报形式为载体,让用户产生数据成就。

图片

 

三、基于业务思考,实现组件化、可配置化的能力

针对协作问题,结合业务的规划和诉求,设计前置的考虑与推动,根据业务多产品需求的特性、设计故事脚本,给出整体的设计提案。沉淀通用能力,实现组件化与配置化,从而让设计、产品、研发整体协同能实现提效。

图片

一场联合活动,最终可以被拆解成5个层面:活动应用层、场景单元层、即时激励层、业务任务层、目标激励层。

图片

为了提效,通过结构化数据和模块化设计呈现,在前台做到模块组合的适配性,在后台保证配置的灵活性,从而实现之后的配置化能力,让运营、产品可以自由的搭配,快速的上线,大大提升产研效率。

图片

 

效果验证

图片

内部数据已脱敏处理

 

业务数据

活动巧妙的串联了各个业务场景,在用户完成任务同时,整体商家侧的用户活跃度在活动期间得到了巨大的提升,尤其是在创新模块/产品中,实现了流量的带动,最终将新模块的流量带动起来了。

 

资产沉淀

从设计到研发侧的组件化沉淀:将能力沉淀下来,通过组件化、可配置化的能力让此活动可以得以延续,让商家侧运营在以后联合活动中,可以“开箱即用”的上架活动,可以实现不同模块组合的任意搭配,大大提升产研效率。

 

协作方反馈

在整个活动中,由于设计积极前置参与,一起同业务方共创达成了业务目标,获得了业务方的广泛好评。

 

写在最后

打造一个IP活动需要有秩序的内容+友好的互动设计+有吸引力的品牌包装,共同发力才能吸引更多的用户来参与互动。确保用户参与的体验的同时,抽象通用能力,在用户侧建立起稳定、有趣的用户心智,在供给侧沉淀快速复用能力,最终实现业务目标与设计价值的最大化。

 

原文链接:酷家乐用户体验设计(公众号)

作者:看看

设计:看看、柚子、阿九、白夜

转载请注明:学UI网》如何基于业务思考设计B端的IP活动

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

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

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

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



项目总结|红包设计测试,驱动裂变数翻三倍

seo达人


01.前言

58本地版处于一个用户迅速增长阶段,需要通过拉新、个推、信息流投放、渠道投放、马甲包、红包等方式多种方式实现获客和尝试用户增长路径。这次我们采用红包裂变拉新的方式。

a

02.为什么采用红包的形式

2014年,微信红包一经推出就引发了全民抢红包热潮,微信支付也通过微信红包场景成功逆袭,实现了“马云花十年做的事情,微信一夜完成”的成效。

2021年春节,火爆的微信红包封面实现了用户与品牌的“连接”,微信搜一搜、视频号、朋友圈广告、公众号均获益颇多。

用户对红包这种场景比较熟悉,红包拉新对于用户有吸引力,很关键的一点就是用户觉得不需要巨大投入,就可以获得利益,觉得自己赚到。

r

03.验证本地版APP是否适合红包裂变的一种尝试

58本地版用户人群

通过58本地版用户人群可以看出,58本地符合下沉市场的特性

1. 对价格和收益比较敏感,愿意花时间获得金钱上的奖励

2. 会下载一些现金奖励新闻资讯app、视频app

3. 熟人社交影响大。

所以本地版符合裂变标签的用户存在拉新空间。

r

04.项目设计目标/探索解决方案

红包裂变的目的非常明确:拉新。为了达成拉新的目标,一开始我们根据基本的拉新思路进行了流程设计。

图片

 
但在进行执行评审的时候,我们意识到,这样的方案虽然可行,但落地成用户流失也是特别大的,对于未绑定用户来说,在前期没有看到具体的活动页面,用户不知道具体的利益点,所以这个时期用户流失是特别大的。
 
我们不得不推倒开始的方案,开始思考:是否有更好的解决方案?
 
在综合设计思维,开发思维,运营思维去思考问题后,我们提出了一个崭新的实现方案:利益点前置

图片

在这套新的流程实现方案支持下,我们按照对拉新影响最大的引流入口进行探索。我们对引流入口进行了三轮用户调研。

(1)异形红包:在利益相同的情况,调研用户对不同红包样式的铭感度。 

图片

(2)玩法红包:增强“领红包”的互动性、趣味性,在“领”的过程中体验幸福和快累。

图片

图片

(3)简洁红包:简介的红包样式,最大突出利益点,让用户最大的感知到价值,对不同的金额的感知进行测试。 

从测试数据看,利益突出更能吸引用户。在这套新的流程实现方案支持下,我们按照对拉新影响最大的引流入口进行探索。我们对引流入口进行了三轮用户调研。

a

05.做有趣的设计

作为设计师,产品本身的需求需要满足,用户的喜好和属性也需要考虑在内。

无形中这就存在着一个“结构”,我们要做的是发挥我们的创意,通过不同的“搭建方式”提供更多可能性的方向;通过不同的表现手法和视觉语言带来更打动人心的设计。

在红包的设计过程中,也打破了传统红包采用红色设计方案,而是运用撞色突出页面中红包的视觉。

图片

让红包与页面内容形成联系、丰富内容与红包的关联度,增强红包对于产品的价值

图片

历史数据:上线一个月,裂变效率提升了三倍,较之前活动而言,活动有效裂变率大幅度提升,增粉成本有效降低。

w

05.总结

综合整体数据来看,58本地版还是适合去做裂变活动的,可以将红包作为核心或主要拉新渠道,在有预算情况下,适宜源远流长地去长期投放。

红包拉新也存在一些问题:红包拉来的新用户未必为产品需求用户,对留存有一定影响。当然,留存与产品本身也有一定关系,留存数据还是需要长期观察,并对新用户进行一定习惯培养。


 

原文地址:58UXD (公众号)

作者:环铁艺术家

转载请注明:学UI网》项目总结|红包设计测试,驱动裂变数翻三倍

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

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

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

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



设计师如何高效沟通需求

seo达人


前言

沟通是为了完成设定的目标,把信息、思想和感情,在个人和群体之间传递,并达成协议的过程。沟通目的一般分为:说明事物、表达感情、建立关系、达成目标。

需求沟通是设计师和团队围绕需求目标,信息传递的过程,是设计师展开设计工作的起点,贯穿整个设计过程,沟通质量直接影响设计和项目质量。但因沟通复杂性、开放性,对很多新手设计师来说,在需求沟通过程中,可能会碰到一些共同的沟通问题,比如前期需求不明确导致设计频繁修改、产品和体验发生冲突时无法说服产品、沟通过程中陷入情绪争吵、沟通中鸡同鸭讲等等。

针对这些问题,本文尝试梳理需求沟通过程中几种典型场景和方法,以期帮助新手设计师快速识别需求沟通中的常见问题;提升沟通效率,快速达成共识;掌握沟通窍门,更精准高效的产出需求。

本文主要分成2个部分,第1部分主要聚焦在需求沟通过程中的不同阶段,面对的典型沟通问题和解决方案;第2部分主要介绍沟通中一些常见的技巧和方法。

 

Part 1  需求沟通的目标和方法

1.1 设计师在不同需求阶段的沟通目标

通常设计师在处理需求的流程大致可以分成4个部分:了解需求->分析需求->探索方案->实现方案。在不同的阶段,设计师要解决的核心问题不同:

  • 了解需求阶段,设计师和产品针对需求目标进行讨论,并和团队就产品目标达成共识;
  • 分析需求阶段,设计师和产品针对产品策略合理性进行讨论,并提出体验诉求;
  • 探索方案阶段,设计师探索设计方案,并和产品就商业目标和体验目标达成平衡;
  • 实现方案阶段,设计师和产品协调优先级,调整方案,确保方案最大程度实现还原;

图片

 

1.2 如何更好的了解需求,明确目标,达成共识

在了解需求阶段,设计师需要了解需求来源、背景、要解决的问题和目标。总结来看需求可大致分为2类:一类是需求目标较明确,产品有明确要解决的问题,如提升产品体验、满足某个用户明确需求、完成某个产品目标;一类是需求目标较模糊,比如挖掘用户潜在需求,探索新的业务方向。

图片

对于目标较明确的需求,在了解需求背景、解决标准、需求边界、限制条件和责任人等问题后,即可进入需求分析,策略讨论阶段。

但对于方向探索类需求,如何协助产品探索目标,和团队达成关于目标的共识,是这阶段的沟通重点。以一个创业的项目为例,产品想做一个图片社区,原因是目前国内没有头部图片社区。还原项目初期的沟通过程如下:

图片

在产品的催促和时间压力下,设计并没有围绕产品定位、用户群、产品目标进行充分讨论,也没有和团队成员达成共识。在这种情况下,选择跟随产品的节奏,陷入了被动执行。由于前期并没有针对需求进行细致的推敲讨论,方案的输出过程变成了试错的过程。产品方向修改频繁,这种被动的沟通方式,导致整个团队目标感不清晰、理解混乱。

图片

经过反思和问题总结,设计师发起了主动沟通,运用设计方法协助产品明确需求,提升方向说服力,探索如何就目标和团队达成共识。

首先,需要和产品明确用户群,并寻找用研协助,或发起快速访谈了解用户

其次,组织团队相关成员发起关于产品目标的讨论,围绕产品决策人给出的产品初步方向,团队成员每人写下对产品的期待,提炼总结团队成员的想法,提炼总结产品目标

再次,根据用户访谈材料,利用亲和图法,提取关键词,从用户诉求中洞察提炼用户目标。最终,产品目标得以明确,团队也取得了关于目标的共识,同时通过快速demo,来验证优化,项目得以顺利进行。

图片

 

1.3 如何更好的分析需求,确保产品策略合理性

在了解需求背景、用户群体,明确了需求目标后,进入需求分析阶段,通常产品会给一个商业假设:假如做了xxxx,用户就会xxxxx,产品可以达成xxxx目标。以一个需求为例子:产品想做一个任务体系,通过福利吸引用户做任务,从而拉动产品活跃。

图片

如果设计师完全按产品给的商业假设输出,方案产出过程貌似很顺利,但可能隐藏了很多问题。以本需求为例,产品的商业假设逻辑是:用户被福利吸引->用户为拿到福利做任务->用户获得福利->产品完成目标诉求;

但这个假设是正确的吗?设计师的价值就在于,这个时候要能找出产品假设中的问题。通过对用户的了解和洞察,还原用户的实际使用过程可能会发生的问题。找到这些关键问题并通过和产品沟通协调解决掉这些问题,才能顺利实现产品目标。

通过对用户实际参与过程的分析,用户在看到任务奖励后,实际需要权衡的内容很多,如福利吸引力够不够大、有没有关系亲密的好友可邀请、好友要完成的任务难度大不大?分析需求过程关键就是找到这些问题的对应策略,强化用户参与的动力,降低参与难度。

图片

 

1.4 方案探索阶段,如何平衡商业和体验诉求

在方案输出阶段,设计师和产品最常发生的争执是商业目标和体验之间的冲突。产品为了达成商业目标,很多时候希望把达成商业目标的手段做的很强;

图片

当发生围绕商业目标和体验问题,谁都无法说服对方的情境时,设计师该如何沟通呢?

首先,作为设计师要摆正沟通立场,理解商业化是任何产品的根本目标,体验也是实现商业化手段之一,我们反对的不是商业化,而是简单粗暴的商业化方式,商业化的前提是对目标用户有足够的了解和盈利模式的清晰判断

其次,应能够识别对于曝光越多越好,越直接越有效的这种思维方式,通常是一种鸟枪法的投机心理。在没有更巧妙的解决方式时,最节省力气的做法就是提升曝光等方式达成目标。

当发生争执时,如果仅仅站在设计立场上,用设计理论说服对方,通常效果有限。尝试找到产品实现商业化目标背后的逻辑,不要用手段代替目的,探索更好的实现商业化方式的可能性,比如尝试在合适的路径上推荐,或探索用户更容易接受的内容形式。

图片

 

1.5 方案实现阶段,如何协调优先级,推动方案最大程度还原

在方案实现阶段,很多时候由于时间紧张,产品仅完成最核心功能,部分体验相关功能一直无法得到优化。

图片

通常如果方案产品认可,但推进意愿不高时,可能的原因是:

  1. 当前方案不是核心KPI,产品要优先保证对kpi影响最大部分完成;
  2. 投入产出比不划算,方案在产品看来投入的人力/时间/资源过大,并不值得;
  3. 方案改动可能引发数据风险,产品并无法确保改动一定能带来数据的成长;
  4. 资源紧张,产品也很想实现方案,但项目时间/人力/资源真的很紧张。

图片

这种情况下,首先,要和产品够分沟通他们的疑虑和担心,到底是哪类问题;其次,从心态上也不用急于一时,做好长期推动的准备;还有,充分优化方案,消除产品疑虑,寻找合适时机进行推动。在项目逐渐迭代的过程中,对需要推动体验优化点持续关注,尽可能放大方案价值,结合新的需求点,思考能否从价值拓展角度,如提升品牌价值、扩展性等角度提升方案说服力;同时,从缩小成本和打消产品疑虑角度,做足准备,推动方案。

图片

 

Part 2  沟通技巧的问题

沟通的过程是一个信息螺旋传递的过程,表达者的信息传递到接收者时,因为背景、环境、理解能力、传递完整度等差异,接收者仅能接收部分信息,而接收者在理解消化后,再将自己的信息传递出去,这个过程循环往复,会导致两个最常见的沟通问题:目标偏离以及信息衰减。学习适当的沟通技巧,可以有效减缓目标偏离和信息衰减。

 

2.1 如何防止沟通目标偏离

要防止沟通目标偏离,首先要理解什么会导致目标偏离?

  1. 目标不清晰,比如本来想找产品聊下某功能体验不合理,但因为产品一直说项目时间紧,被倾诉了一通苦水后,忘记了本来要沟通的问题,转移到了其他话题上,最后不了了之;
  2. 缺乏同理心,比如当发生争执时双方不能互换角度,产品一直在说实现目标手段和现阶段问题难点,设计在说体验问题和设计规范,双方互不妥协,陷入争吵;
  3. 陷入情绪,表达观点时陷入情绪化的争执。

图片

针对这三个会导致沟通目标偏离的问题,可使用以下技巧:

  • ① 设定沟通目标并保持关注:在每次沟通前想清楚自己的目标和底线,尝试用全局视角分析自己设定目标的合理性;在沟通过程中要经常反思当前沟通的问题是否已偏离了目标,对达成目标是否有帮助;发现目标偏离可尝试改变节奏,思考接下来说什么有助于达成目标;
  • ② 换位思考:能够倾听对方的问题和困难,尝试寻找解决问题的办法,而不是一直表达诉求,无助于问题的解决和推进;
  • ③ 控制/倾听情绪:美国心理学家埃利斯创建的ABC情绪理论,拆解了事件发生和情绪之间的关系,指出事件的发生并不是导致情绪的直接原因,我们持有的信念才是。因此在沟通中不要加入太多内心戏,过度解读事件。比如产品让设计反复改稿时,可能会解读为产品在故意刁难,尝试了解反复修改背后的原因,可能对解决问题更有帮助。

 

2.2 如何减少沟通过程的信息损耗

沟通过程中表达者的模糊表达和接收者的理解偏差,会导致沟通过程中的信息损耗。比如经常会听见产品有以下类似的表达:“设计稿尽快输出”、“页面太结构化了,想要更社交化一点”、“能不能做得更有创意一点,更有趣点”当出现这些类似的沟通语句时,可以尝试通过具体化方式,进行确认。

图片

对于可能会出现理解偏差的问题,重要的信息用自己的语言组织后再次确认“你的意思是xxxx吗?”;重要的沟通后,可梳理沟通记录,企业微信同步周知确认;方案的沟通过程可以快速画草稿确认;尽可能的减少因为理解不一致导致的沟通问题。

 

总结

在需求沟通过程中,我们要对不同阶段的沟通目标有清晰的认识,围绕目标进行充分准备,运用设计方法了解用户、了解产品核心诉求,做到知己知彼,才能进行有效的沟通。

在沟通过程中保持对目标的关注,始终牢记沟通是为了解决问题服务的。适当学习沟通技巧较少沟通过程中的信息损耗。

沟通是解决问题,共同协作的重要方式。如果你觉得自己不善于沟通,可能要反思下沟通前是否想清楚自己的沟通目标,对于解决问题的过程、方法是否熟悉,准备是否充分?当我们能做到知己知彼、胸有丘壑时,沟通可能就变得简单起来。

 

图片

感谢阅读,以上文章由腾讯ISUX团队创作,版权归腾讯ISUX所有,转载请注明出处,违者必究,谢谢您的合作。 

 

原文地址:腾讯ISUX设计

作者:ISUX设计

转载请注明:学UI网》设计师如何高效沟通需求

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

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

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

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



如何把照片做出有设计感的海报

seo达人


今天我们分享如何把拍的照片做出有设计感的海报

当然我知道你们可能更关心如何拍出好的照片,所以今天也一并送上。

图片

我们以常用手机拍照为例,手机的拍照抓法无非就竖式或者横式两种,但是当对同一个物体背景中,竖式与横式所拍摄得到的画面范围以及体现出的视觉感受是完全不一样。

图片

 

留白构图

所以在做出设计感的海报前,我们应该先做好拍摄的前期准备,用今天讲的留白构图的方法来拍出好的照片。

图片

 

竖图拍法

我们先讲竖图的拍法,如果你拍摄的习惯是希望将整个场景全部放置到手机竖图画幅中,那么一个场景内容过于复杂的画面就会造成视觉缺少重心。

图片

大脑为了让我们能够看清复杂的大量细节,会将所有机能在一定时间内高度集中在眼睛对于画面的注意度,长期观看则会让眼睛受到神经上的错觉衰弱,所以有时候我们看很复杂的画面和密密麻麻的文字时,我们很容易看错行,也容易看漏某个图画,当然也缺少更多的画面美感。

图片

图片

从而折射出很多其他事物的论证,比如为什么吃酒席的人看到这么多菜放在一起时就饱了,而当一道菜只有一点点东西时,反而会增加我们的食欲。

图片

这里我们将同一个拍摄画面重新做了留白性的构图,可以看到右边的图片上面内容少,下面的内容多,这样就有了层次对比和视觉重点,从感官上来说也看起来舒服了很多,最重要的是不会让眼睛看的累。

图片

当然既然是想拍出好的照片,除了留白还有包括在画面分割上也会有不同的比例大小之分。以及对角构图、S型构图和透视性构图等。

图片

这里我用之前拍的三张照片为例,从左至右可以看出留白的比例是从多至少,而拍摄得到的视觉风格也发现了改变。

图片

如果做成海报或杂志类的图文,留白越多时,照片会给人更多的遐想空间,文字的放置也可以更加的肆无忌惮一些,留白越少时,照片就会能得到更直观的内容,并且需要将图片进行缩小或者改变其画面比例来解决文字排版的问题。

图片图片

 

再来讲讲竖式与横式拍照的区别

竖式的结构会让我们造成画面被拉长的效果,如果你拍高楼大厦,你可以试试用竖图,会有一种高耸威严的感觉,而横式让我们造成画幅中的照片有被拉宽或者向两侧延展的错觉。

图片

如果你要拍人像,竖式会看起来人显瘦显高,而横式看起来会显胖显矮一些,所以如果你用横式拍照,建议拍风景、建筑,能让画面显得更宽广辽阔。

图片

图片

图片

 

竖版-海报实操案例

接下来我们就用照片设计成海报实操案例

图片

 

步骤1:放置照片

当文字放置到画布中,我们将所拍照片作为设计背景。

图片

 

步骤2:留白布局

然后我们发现本身拍摄的照片留白比例较大,为了不影响留白感,我们将中间留空,让文字内容布局编排到左右两侧,而左侧由于留白空间是最大的,所以文字的内容可以放置的多一些。

图片

 

步骤3:内容分割

在这里要讲下几个分割线条的使用,除了文字段之间的分割以外,还有阅读文字时有引导至右侧联想的视觉引导作用。

图片

 

步骤4:版式平衡

为了解决重心的平衡,我们在左侧复制了同样的照片作为对称。

图片

 

步骤5:增加关联

这时左右两边缺少了与中间留白之间的关联性,所以我们利用云朵做出了往中心的衍生元素。

图片

最终这样一个比较完整的将照片做出海报作品就完成了

图片

 

横版-海报实操案例

同样我们用横式的照片也做一个海报实操案例

图片

由于是横式无法放满整个画面,所以我们使用图文结合的方式,让文字与图片紧密连接在画面的中心。所拍的照片属于偏文艺一些,所以我们可以用一些手写或者纤细的文字结合,再利用照片增加背景的肌理,使海报看起来丰富一些。

图片

我们看下最终海报效果

图片

 

总结

我们总结下两张照片做出的海报,左侧海报将留白放到中心位,让内容由外侧编排不影响到留白区域,这么做让海报有了一定故事感,右侧海报则以中心为主要内容,外部减少文字编排,让海报有了向内自由舒缓的感受。

图片

图片

所以不同的构图、以及不同的结构最后做出的海报形式和风格都会有所不同。 当你看完今天的内容,记得出去拿着手机用所讲的一些拍摄技巧试试效果,这就是今天带来的如何把拍的照片做出有设计感海报的全部内容。

 

原文地址:修先森撩设计

作者:修先森

转载请注明:学UI网》如何把照片做出有设计感的海报

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

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

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

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



灵感 |「拼贴艺术」连接现实与过去的大门

seo达人



拼贴艺术(Collage)

图片

 

大意是将纸张、布片或其他材料贴在一个二度的平面上,创作出一件拼贴作品。拼贴艺术广泛运用在现代传媒中,比如海报设计、封面设计、视频等等,用于表达冲突、异同、隐喻等等,这种破碎而藕断丝连的艺术形式,在同样破碎的互联网日常中得到了认可。

让拼贴艺术火起来的正是毕加索「有藤椅的静物」见下图,拼贴艺术非常适合开脑洞,把无关的事物拼合在一起,寻找新的意义,因此被广泛用来表达个人艺术想法。

 

图片

毕加索「有藤椅的静物」

 

 

分享一些

让你脑洞大开的优秀拼贴作品

图片

图片

图片

图片

图片

图片

 

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

图片

图片

 

图片

 

图片

图片

 

图片

 

图片

 

图片

图片

图片

图片

图片

图片

图片

图片

 

图片

图片

 

图片

 

图片

图片

 

拼贴艺术也常用于表达个人艺术思维,比起手绘需要深厚的基础,拼贴艺术门槛更低且更注重思维的过程,找到合适的素材来表达自己更重要,需要注意处理素材的形态颜色等,才能设计出更成熟的艺术作品。

 

原文地址:修先森撩设计(公众号)

作者:修先森

转载请注明:学UI网》灵感 |「拼贴艺术」连接现实与过去的大门

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

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

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

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



设计师如何在逆境中成长?

seo达人

#1.掌握标准化体系建设


熟练掌握主流平台、载体和终端的设计规则玩法,对于一个设计师来说是极为重要的能力。有些设计师工作多年,对设计标准化的建设还是一窍不通,更别说去定义基础层规范了。
“标准化建设涉及到品牌愿景、设计原则、视觉体系(设计概念和视觉语言)、组件系统等,这也是设计师之间的能力区分点之一。”
图片
标准化基本框架
早期大家可以从基础层慢慢学习了解,先去熟悉各家平台设计标准化搭建思路,然后从基础规范搭建开始,最后到顶层设计语言的构建,最终慢慢掌握设计标准的整体建设。
所以想进去大厂这一步大家务必要认真思考和学习掌握,因为目前很多大厂招聘信息都有这个招聘条件要求。

 

#2.锻炼多元化设计技法

图片

对现在的主流趋势是否有了解与掌握,能否将其运用到项目设计中。这个点也是考察设计师手上功夫能力。如果你在技法层面过于单一,那么现在就要开始去弥补这块短板,开始做打卡练习。

1.杂志化设计风格是否掌握,杂志设计理念与思路,表现形式等。

图片

 

2.极简设计风格

图片

 

3.三维技法风格

图片

 

4.轻UI设计风格
图片

 

5.轻拟物化设计
图片

上面的风格技法只是抛砖引玉,其实还有很多,我们只需把主流的平面技法掌握了,其余每年新趋势可以去了解和学习,能在项目中应用起来,体现你的实力。

 

#3.掌握设计方法流程

图片
设计流程方法,是看不见摸不着,是设计师的核心能力。那么在前期如果这块比较薄弱,大家可以去多了解一个项目设计流程,设计风格推导方法,把这些了解与掌握并且能应用到项目,可以形成你的知识体系。
那么通常一个设计流程该是怎样的?
图片
这是一个基本的常态化设计流程,当然,会根据项目的不同,而发生变化。如果是做一些前瞻性研究设计,那么这个流程就不合适。所以流程只是一种工作方法,需要大家掌握并能灵活的应用。

 

#4.掌握项目规划能力

项目规划对更高阶设计师来说是必备能力之一,因为这时候你不再是纯执行,你需要自驱做一些项目之外的事情;比如一个课题研究、一个自发性0~1项目探索规划。
当然规划只是其中一项能力,还需要推动执行到落地、资源协调、汇报提案等,这就是一个高阶设计师必备能力之一。
图片

比如上面就是一个项目简单规划排期,当然这只是大框架,偏整体性排期规划,涉及到更细的排期,每个阶段有详细排期跟进,如果还没做过规划和排期的伙伴可以提前练习尝试。


图片

 

原文地址: 功夫UX(公众号)
作者: 功夫UX

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

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

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

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


这组3D素材定能提升你的UI作品质量

seo达人

先看作品 

一起看看作品欣赏,感受这些小元素在设计中的呈现效果。

作者:Alzea Arafat

更多作品:https://dribbble.com/alzea/shots

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

以上仅为作者部分作品,更多作品可访问作者的 Dribbble 查看。

 

素材  分享 

以上作品是不是还不错,为了方便大家学习交流,作者特意分享了自己作品中的部分素材文件。文件格式为 figma ,大家可以下载自行研究学习。

下载地址:https://www.figma.com/community/file/890095002328610853

图片

部分素材截图示意

d

附加  分享 

文末再给大家分享一组超级可爱的三维字母设计素材,有点像是长气球拉伸出来的感觉。

这是一个三维艺术字体素材平台,拥有多种不同的三维字母风格,满足大家不同的需求,平台提供免费和付费两种选择。

图片

链接:https://www.artify.co/3d-lettering

a

小结 

素材不在于多,而在于质量,希望本期的分享能够给大家带来帮助!后续也会继续给大家分享更多的素材资源。

素材可以在短时间内提高我们的工作效率,但是却不是长久之计,能力的提升离不开磨练。独立完成设计才能不断提高我们的设计价值,希望大家能够养成动手的习惯。

 

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

作者:黑马青年

转载请注明:学UI网》这组3D素材定能提升你的UI作品质量

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

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

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

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



如何制定规范,太强了!

seo达人

#1.Airbnb Design Language

图片

airbnb 设计团队构建一套设计语言和执行路径的思考,非常值得大家学习。他们还谈到通过原子思维构建基础层规则时的一些利弊,以及如何打破这样的规则,建立一个可发展性的基础层组件,拓展应用到全局。

图片

图片

地址:https://airbnb.design/building-a-visual-language/

 

#2.Starbucks Brand Guide

图片

星巴克品牌视觉指导手册,里面涵盖一些字体、排版、摄影、插画、色彩等一系列标准。星巴克设计我一直很喜欢,包括他们家的周边产品设计都是非常有设计感。

图片
地址:https://creative.starbucks.com/color/

 

#3.HarmonyOS 

图片

华为的鸿蒙OS系统,最接近我们的产品的设计语言,强烈推荐,我想设计师也是最容易看得懂的设计系统。

图片
算是媲美Materials Design的一套国内权威性设计语言系统,设计体系单元拆分很详细。

图片

地址:https://developer.harmonyos.com/cn/design

 

#4.Salesforce Lightning 

图片
Salesforce Lightning 设计系统创建于 2015 年,为在 Salesforce 生态系统中设计企业应用程序建立了原则和最佳实践。它不仅仅只专注在设计上,又让设计师专注于用户体验、交互和设计流程。
图片

地址:https://www.lightningdesignsystem.com/

 

#5.Spectrum Design system

图片
Spectrum 自 2019 年开始向公众开放,它定义了 Adobe 应用程序系列的通用体验,非常值得大家去了解下,涵盖了他们从顶层原则、到基础层原子组件搭建以及设计模式应用。
图片
地址:https://spectrum.adobe.com/

 

#6.Fluent Design System

图片

Fluent 是一个开源的跨平台设计系统,可为设计上和开发提供创建引人入胜的产品体验所需的框架——包括可访问性、国际化和性能。

图片

地址:https://www.microsoft.com/design/fluent/#/ios

 

#7.Carbon Design System 

图片

Carbon designsystem 碳原子设计系统,是IBM旗下针对B端出的一套网页端设计规范语言,里面详细罗列出设计语言基础层定义思路,设计组件化定义以及后面的设计模式及资源。

图片

图片

一些网格间距系统的规则定义
图片

地址:https://www.carbondesignsystem.com/

 

#8.Audi Design System 

图片
Audi Design System 算是一套成熟设计系统,里面该有的都有,品牌主张,价值观,以及到基础风格的定义,非常值得借鉴。

图片

图片

图片

图片

原文地址: 功夫UX(公众号)
作者: 功夫UX
转载请注明:学UI网》原来大厂都是这样去做规范的,太强了!

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

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

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

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


拯救没思路系列,试试提取风格

seo达人


图片

 

1.水墨风

图片

首先我们先看这两张图,传统的水墨风能看出来虽然设计方式不一样。

图片

但却是用的同一种风格或者说是技法,利用墨迹塑造出文字、图形或者一种优美的形态。

图片

我们可以提取出这样的风格特点,使用毛笔墨迹简单演示下这种做法。

图片

是不是很简单,将风格提取出来会有效的提升设计效率,拯救你的没思路。

 

2.酸性风

图片

接着我们再看这两张设计,也是现在很流行的酸性风格,提取这个风格的特点。

图片

流体、哥特文字、高饱和度渐变、金属或水印材质以及网格等,我们就可以做出类似这种风格特性的海报来。

图片

图片

 

3.赛博风

图片

赛博风格的特点提取在于夜景充满各种LED霓虹灯光和牌匾的高楼大厦加上一些高科技例如显示屏、虚拟场景等于现实的交错。

图片

将这些特点提取出来就可以做出这种风格特性的海报来,怎么样,是不是比想的头秃容易许多!

 

[优化输出图像]

 

图片

当听说过几天要七夕,我想男生们应该会集体跑到厕所,拿出比脸还干净的钱包时,众人扎堆哭晕在厕所里。

并掏出省吃俭用的一张撕成6小半的厕纸对着马桶祷告上天能晚一些到来!(重点数学题要考:请问一张130X190mm的厕纸是如何可以撕成6半并能在擦腚的同时还不碰到手指呢?请在留言区回答!)

 

案例分析

最后用这个案例来实(提)操(醒)演(礼)示(物)的时候到了!

图片

版式:人物只占据画面中的一小部分,主体都以文字作为图形塑造出场景来形成与人物之间的一个对比关系。

图片

对比关系:就是原本同样大小的物体与文字,尝试放大文字,缩小物体大小,并让物体与文字之间的内容有一定的连接,这时候就会形成非常鲜明的对比关系,这样的对比关系会造成视觉上的冲突和层次感。

图片

空间:画面中看上杂乱的文字其实都有拉出一定的远近与左右距离,以此来展现空间的丰富和律动感。

图片

质感:放大图片可以看出来,文字的质感的是由地面阴影、光度、文字遮挡、明暗的过度造成的。

图片

 

实操过程–七夕海报制作

结合刚才所分析的版式、空间、质感进行提取风格,我们就能得到的同类型的七夕节海报。

图片

备注:文章底部,原文连链接,有此视频凑操作步骤可观看。

图片

 

原文地址:修先森撩设计

作者:修先森

转载请注明:学UI网>拯救没思路系列,试试提取风格

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

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

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

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



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档