首页

“企业微信”的20年:腾讯是如何连接人和企业?

seo达人


一、2001年:RTX——企业内部的IM工具

图片

QQ用户数的激增,给腾讯带来了巨大的服务器维护成本

QQ自1999年问世后,用户量快速增长,到了2001年,注册用户数突破2000万。而当时腾讯并没有为QQ找到合适的商业模式,QQ用户很多,但是不知道怎么赚钱。

2000年11月,腾讯推出了“QQ俱乐部”的会员服务,QQ用户一个月只要缴纳10元会费,就能享受QQ靓号、网络收藏夹和好友列表保存等增值服务。这是腾讯乃至中国互联网史上第一个“氪金”业务,自此腾讯走上了可耻但有用的“氪金”之路。

图片

可是腾讯第一个“氪金”业务并没有成功,半年内只有3000个用户成为会员。因为彼时在线支付工具还没有像今天一样成熟,用户需要去邮局转账给腾讯。即使用户真的很喜欢这个功能,谁又会专门跑一趟邮局呢?

既然向个人用户直接收费有困难,腾讯就只能向企业用户收费了。

那么腾讯可以给企业用户提供什么付费服务呢?当然还是老本行,即时通讯工具。

腾讯于2001年开始研发一款企业内部IM产品,这款产品叫做Business QQ,后改名成RXT(腾讯通)。

图片

RTX相较于QQ最本质的提升总结起来就是两方面——更安全,更易管理。RTX服务器部署在企业内部,不用担心信息外泄。由企业开通账号供员工在公司局域网内使用,所以RTX没有跟个人QQ打通,用RTX只能跟同事沟通。

RTX账号所有权在公司,公司可以根据你的岗位职能给你开通相应的权限,也可以对员工会话记录进行存档和查询,方便管理。

从这里我们可以看出很多现在企业微信的功能,例如邀请制、会话存档、权限管控等,都可以追溯到20年前的RTX。目前RTX的官网依然支持访问,只是在官网首页增加了一个企业微信的链接。到后面我们可以发现,将接力棒交给企业微信的产品远不止RTX。

图片

RTX后面还集成了一部分OA功能,但是整体定位还是企业内部的IM工具,其目标是可以为企业节省通信和出差费用,提升企业的信息化程度。

可是RTX存在一个弊端 ——只能在局域网内跟同事沟通,没有跟个人QQ进行打通。 

 

 

二、2007年:企业QQ——在线客服+营销平台

当时企业要跟个人QQ进行打通主要是基于两方面诉求:

 

1 在线客服:传统电话客服是一对一的服务模式,客服一次性只能服务一个客户,缺乏弹性。客户来电多的时候,客服忙不过来,会漏接客户电话;客户来电少的时候,客服就会很闲,造成企业人力资源浪费。而如果支持客户通过QQ直接跟客服沟通,那么客服同时可以承接多个客户,客服团队的服务与管理效率得到了提升。

 

2 营销平台:海量的QQ用户对于企业来说是宝贵的客户资源,如果支持企业直接对QQ用户进行触达。相较于地推、纸媒、电销等传统营销模式,使用QQ对客户进行营销触达具有客群精准、成本低廉、互动感强等优势。

图片

基于企业这两方面诉求,腾讯于2007年上线了企业QQ客户管理系统。企业只要提交材料完成审核,就可以获得一个专属企业QQ号。个人QQ用户可以搜索企业QQ号跟企业进行直接沟通,企业QQ支持消息群发触达用户。

图片 

此外企业QQ跟个人QQ一样,还有一个「企业空间」功能。「企业空间」是企业的轻量级门户网站和BBS。企业可以在空间内发布企业简介、最新信息、产品研发状况等,这个功能形态有点类似于后来的微信公众号。

当时腾讯对于企业QQ的愿景是改变企业与用户之间的沟通方式,打造企业在线精准营销的新平台。如果说RTX的定位是企业内部IM,那么企业QQ的定位就是在线客服+营销平台。

 

 

三、2012——14年:公众号——包打一切

前面我们主要梳理了PC互联网时代,腾讯做的两款企业端通信工具。而在移动互联网时代,腾讯通过微信巩固了自己在个人社交领域的霸主地位后,却没有选择做一款类似RTX的企业内部通信产品。

原因很简单,因为腾讯认为微信完全可以满足企业端的通信诉求。

 

首先在移动互联网时代,企业内部即时通讯成了一个伪需求。为什么PC互联网时代要单独开发RTX才能满足企业内部的沟通诉求?为什么不能直接用个人QQ呢?其实主要就是两个原因:

 

1、安全:QQ盗号频发,使用QQ当作企业沟通软件,如果被盗号会带来信息泄露风险;

2、管理:QQ用户印象为三低——低龄、低学历和低收入。上班时间挂QQ,无法存档查询你的聊天记录,不知道你是聊工作还是跟朋友在吹水,管理难度大;

 

首先从安全层面,随着网络安全技术的发展,微信号很难被盗,所以安全性对于广大中小企业来说完全够用。

再看管理层面,软件运行载体从电脑变成了手机,你无法知道员工手机上打开的是哪款app。移动互联网时代,企业是无法阻止员工划水的,除非上班时间上交手机。既然无法管理,那就干脆别管了。

所以对于腾讯来说,微信完全可以充当企业内部IM工具。在这个大前提下,企业其他的一些诉求,腾讯谋求通过在微信内新增「插件」来满足,这个「插件」就是微信公众号。

 

我们常说的微信公众号其实可以细分为三类:订阅号、服务号和企业号。

 

1、订阅号:

2012年,微信公众号上线,赋予了企业直接触达C端用户的能力。有了公众号,商家节省了两方面的成本。第一是短信推送费,商家开始通过公众号给用户推送信息。第二是门户网站搭建费,在公众号之前,用户要想在网上找到企业相关信息,企业需要自己搭建门户网站。而有了公众号之后,任何一个小企业都能开通一个公众号,在公众号放企业相关信息。

图片

自公众号问世后,路边广告牌上网址和电话号码不见了,取而代之的是公众号二维码。

 

2、服务号:

2013年,微信将公众号拆分成订阅号和服务号。如果说订阅号的定位是连接人与内容,那么服务号的定位就是连接人与服务。服务号为企业开放了很多接口,例如获取用户位置信息、模版消息、微信支付等,方便企业进行定制化开发。

服务号更像是各个企业在微信内部开发的一款轻量化app,用户享受企业的服务,不一定非要去下载安装app,在服务号里也能实现。从这方面来看,服务号的定位跟后来的小程序很类似。

 

3、企业号

2014年,微信在公众号原来订阅号和服务号的基础上,新增企业号。企业号的定位是企业员工在微信端的移动办公平台。

图片

为了方便大家理解,以我们出去吃饭举例。如果这家餐厅开通的是订阅号,那么我们可以看到这家餐厅推送的活动资讯,比如,今天是七夕,情侣来店里吃饭可以免费领取两份冰激凌。如果这家餐厅开通的是服务号,我们除了可以看到活动资讯,还可以在服务号里完成在线排队、点餐和付款功能。如果这家餐厅开通了企业号,那么这家餐厅的员工可以在企业号发起冰激凌采购流程。

总体上来说,腾讯把企业的相关诉求都集成在公众号里来实现。公众号似乎可以完美的连接人与企业,可是结果真的是这样的吗?

 

 

四、2014年:钉钉——在线办公室

2011年,微信横空出世,为腾讯在移动互联网时代抢下一个无可替代的流量入口。为了对标微信,阿里于2013年推出了来往。可是因为来往与微信在功能上过于相似,缺乏差异化,留存用户很少。到了2014年春节,来往在数据上颓势尽显。

阿里开始转变思路,既然在个人社交赛道,已经无法超越微信,那么不如换一条赛道——企业社交。

可企业社交这个命题作文到底应该怎么写呢?

当阿里团队去电商企业进行需求调研时,就像前面提到的一样,发现企业即时通讯成了一个伪需求。因为这些企业都是集中办公,有事吼一声就行了。就算距离远一点,用微信也行啊。

 

但是阿里团队还是收集到了两条很有用的建议:

1.工作和生活信息太繁杂,沟通工具总是在QQ、微信、邮件、电话和短信中切换,希望有一个统一的工作平台;

2.阿里巴巴能不能将内部的高效企业管理系统简化后,免费提供给中国中小型企业用,提高中小型企业的管理水平。

 

此刻阿里团队明白企业社交这篇文章破题点不在于即时通讯,而在于“企业协同办公”。 

图片

2014年底,钉钉发布测试版,从办公场景开始切入,其产品定位为广大中小企业提供高效协同办公工具。

现在对于钉钉来说,有一个好消息和一个坏消息——好消息是钉钉的定位找的很准;坏消息是微信的企业号瞄准的也是办公协同场景。

虽然企业号在办公协同赛道早早卡位,但是这款产品并没有在腾讯内部受到重视。企业号只是微信公众号体系下的一个子分类,在微信中的属于配角中的配角。

2015年,钉钉开始狂奔,基本上每两周都会迭代一个版本。阿里更是投下5亿元开始铺天盖地的市场推广,马云更是亲自为钉钉站台。而企业号依附于微信生态,在产品的迭代上需要遵循微信大框架。针对钉钉在市场上的动作没有采取任何反制措施,放任钉钉野蛮生长。

图片

钉钉把广告打到腾讯总部楼下

2016年4月,腾讯意识到钉钉的威胁,才开始发布独立的企业微信APP,而此时钉钉已成规模。“上班用钉钉,下班用微信”,阿里在社交赛道上终于找到了跟微信的差异化定位。

除了企业协同办公,另一个使钉钉爆发式增长的场景就是在线教育。2019年,钉钉宣称要服务1000万家组织,到了2020年8月,这个数字改成了1500万。这个新增的500万主要来自于疫情期间,在线教育和在线办公需求暴增带来的增量。

 

 

五、企业微信——私域流量运营工具

2016年4月,企业微信发布后,其定位跟钉钉过于类似且功能相对简单,所以一直难以杀出重围。到了2019年,经过3年的追赶,企业微信和钉钉的差距反而越来越大。截止当年底,钉钉的入驻企业达到了1000万家,而企业微信只有250万家。

图片

眼看追赶钉钉无望,企微微信3.0版本祭出一个大招——打通企业微信和个人微信,用个人微信的关系链为企业微信进行供血。

 

企业微信如果定位为公司内部的一个沟通工具的话,我认为它的场景和意义会小很多,只有当它延伸到企业外部的时候它会产生更大的价值。企业微信后续新的变化是基于一个新的理念——希望让每一个企业员工都成为企业服务的窗口。人就是服务,而且是认证的服务。——张小龙2019年微信公开课节选

 

如果说3.0版本之前,企业微信走的路是跟钉钉一样的企业内部协同办公。那么3.0版本之后,企业微信要走的路就是帮助企业更高效的触达C端用户。用企业微信官方的话来说,就是“要成为国内最大的B2B2C数字化连接器”。

这是钉钉和其他竞品走不了的路,钉钉可以一直在协同办公领域深耕,但却只能在2B的圈子里打转。企业微信可以轻易的实现2C,因为她拥有一个对C端用户触达最垂直、最深入的“母体应用”——微信。

张小龙“人即服务”的产品理念是用户可以通过微信直接找到给自己提供服务或者产品的人。可是对于企业来说,这句话也可以反过来理解——让能提供服务或者产品的人主动去触达需要服务的对象。 

从这点上来说,企业微信的定位很像之前的企业QQ和微信公众号,都是企业私域流量运营的利器。

图片

自此与个人微信打通后,企业微信入驻企业数连续两年实现翻倍增长。到2021年底,企业微信上的真实企业与组织数超1000万,比2019年底增加了750万家企业。这新增的750万家企业,有多少是抱着“服务客户”的心态,又有多少是抱着“收割流量”的心态,我们不得而知。

但是从历史上来看,历代私域流量运营工具都不可避免与灰产和微商产生联系,企业微信能否跳脱这个历史周期律,我们拭目以待。


作者:王M争

转载请注明:学UI网》“企业微信”的20年:腾讯是如何连接人和企业?

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


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


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



为什么总感觉我的设计比较土?终于明白了!

seo达人


一、借用大师的元素

这是世界三大平面设计之一冈特·兰堡的作品。

这是不是会给你一些灵感?我第一眼感觉这有点熟悉,似乎在别人的作品中运用过这种版式、元素。

图片

在这设计中,与冈特·兰堡的作品相似之处就有:黄底黑字的横条和蓝色调的背景,再结合一些设计图形,就能产生出一种新颖的设计风格。

就是在大师的视觉中提取元素灵感进行转化,运用在我们的设计中会有不一样的视觉体验。

我们接着看他的其他作品。

图片

这张作品就能给我很不错的灵感,把想要突出的地方用强烈的对比手法进行设计。或者将想要突出的元素进行特殊化处理。

类似于这样的作品。

图片

当灵感有限的时候,我们就可以静下心来分析一下其他大师的作品,认真观察大师的作品,有哪些地方是可以提取灵感出来。

再结合自己的设计让其提高升华,让自己的作品耳目一新,使作品获得新生。

保持这种发掘思维去分析作品,久而久之你就会有源源不断的灵感浮现脑海里。

 

 

二、尝试做出差异化

你走你的阳关道,我过我的独木桥,反其道而行,虽然在国内市场不太友好,但是尝试一下走独木桥的感觉,是否会带给你不一样的反馈。

图片

特立独行的视觉,做出差异化会给人们一种新颖的视觉观感,就会吸引用户,就比如乔布斯手下的苹果产品,打破了当时对电子产品的认知,且对细节的把控极致到位。

人们其实都有视觉疲劳,长时间的保持这种风格,难免会让人觉得平庸,突然出现的新颖视觉或想法,就能够打破这种局面。

图片

好比这个官网,首页第一屏在我们印象中就是一个banner,在我们做网站的时候就认为第一屏就是应该放个banner在那里!

我们就好像思维固化了,第一屏就非得是个banner吗?我们可以根据企业的属性进行判断,我们是否还有更优的方案,尽可能的赋予设计灵魂。

图片

类似于这样的首页是否就是反其道而行呢?与同行就拉开差别了呢?自己品牌更加深入人心呢?

比如一个正常的首页,在开始设计时,最顶部的是导航栏,导航栏中最左边是一个logo,其次在右边是产品介绍等等…

我们有没有想过为什么会这么布局?我们可以反问自己:这种布局是最合适的吗?最好看的吗?还有没有更加合适的方式?

图片

这种方式把logo放中间突出品牌就挺不错的。还有一些把导航栏折叠起来的。

刚开始我们是这样布局的,这就很普通没有做出差异化。

图片

我们是不是可以把文案进行精细处理,提取重要的词句,把他们放大,要有视觉冲击力,重要的元素再次放大!

图片

图片

这样布局方式就新颖很多,突出了主要文案,加强了视觉冲击,又加深了品牌印象。

 

 

三、扩大搜索范围

没有新颖的想法往往是自己的思路、思维还没有打开,开始进行视觉设计的时候:选择这类行业自己认为还不错的视觉方向,开始进行视觉输出。

图片

那就错了,假如开始设计APP,只找一些APP的视觉稿那肯定是不够的,风格就比较单一,你的视觉参考都不够丰富,怎么能够做出让人眼前一亮的风格!

我们不妨跳出圈子出来观察!

图片

可以去看别人品牌设计的、数字艺术设计的、图形设计的、包装设计的、服装设计的甚至产品设计的都可以。有可能是某一个小地方让你有所启发。

图片

大量的看,觉得很好的视觉就思考:我们的视觉是这样的会不会更好!

图片

就比如这张视觉稿,色彩很艳丽,颜色跨度很大,有黑色的粗线,如果把这风格运用在APP视觉上会是怎样的效果?

图片

看到一张足够吸引你的视觉稿,就想想如何转化到工作中去,那可能就会有不一样的视觉风格。

所以在设定风格时,

不局限于同行

不局限于风格

打开搜索范围,让头脑风暴更猛一些。

 

 

四、总结

做设计不是完成任务,所思考的是多方面的,好的设计是得花很多心思的;得保持冷静,让自己放松,着急或者有压力的心境下你的思绪是乱的,根本就做不了设计。

所以有时候做设计脸皮厚一些。

再者平时的审美积累是非常重要的,这个就相当于你的底子,有底子往上爬的速度也会快一些。

做到这些你就离大师不远了!

最后,设计是永无止境探索!加油共勉。

 

 

作者:橙汁

转载请注明:学UI网》为什么总感觉我的设计比较土?终于明白了!

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


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


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



掌握这10条动画设计方法,让单调的界面“动”起来【UX】

seo达人


图片

通过汇总动画设计值得注意的十个方法,帮助大家进一步了解UI/UX设计中的动画应该怎么做~

 

一、从原型设计开始

无论是设计初学者还是经验丰富的设计师,在创建动画前都需要进行原型设计。

在原型阶段,对产品和界面进行打磨推敲,能够避免在后期动画设计过程中花费时间返工修改。

图片

 

二、符合物理定律

这条原则是指动画设计要体现现实中物体运动的规律,符合重力、惯性、摩擦等物理定律。确保每个元素都沿着预设的轨迹移动,同时考虑到形状、大小和其他物理特性。

通过遵循物理定律,动画能展现更多细节,为用户带来熟悉的感觉和更好的体验,避免动画过于生硬和单调。

图片

 

三、挤压/拉伸元素

在常见到的卡片式界面设计中,对用户的操作做出卡片收缩、放大、改变重心等反馈效果,让动画尽可能逼真。

图片

 

四、确保平稳移动

在现实生活中,物体不能一直匀速不变的运动,而是以抛物线的形式运动。把这个特性加入到动画设计中,用户与界面的交互会更加自然,缓入缓出的动画效果会更好。

图片

 

五、注意屏幕间的过渡

在APP中避免突然从一个屏幕切换到另一个,应该让用户有所感知,能够为即将发生的操作做好准备。

每款产品界面的过渡动画都不太一样,我们可以充分发挥想象力,让这类必备的翻页动画过渡的更有创意。

 

六、添加趣味性

为了让用户清楚地了解每一步操作之后的结果,并让他们将注意力集中在这一点上,可以让等待的过程变得更加具有趣味性。

例如在展示操作错误的场景中,可以弹出感叹号或叉号来告诉用户操作出现了问题,以及希望用户采取的操作。

 

七、划分层次结构

通过动效设计,可以很清晰地反映出界面中哪个元素更重要。因为最重要的元素通常会在动画的开头就出现,优先级最高,方便用户快速捕捉。

图片

 

八、提供视觉提示

对于刚使用某个产品的新用户来说,要想完全摸透这个产品的全部功能,需要花费很多的学习成本和时间成本,通过动画提示,可以显著降低初次使用产品的门槛。

例如,使用动画提示向新用户解释如何处理界面元素或者给出示例。

图片

 

九、确保动画时长与操作相匹配

考虑每一段动画应该持续多长时间,这样用户就不需要点击了某个操作,还要等这段动画结束了之后,再进行下一步操作。

另外,如果动画结束得太快,可能不利于观看导致用户无法理解。因此在最终上线前,要经过严格的测试和审核,确保每一段动画的时长都能与用户的目标相匹配。

 

十、考虑动画的类型

在设计过程中,我们要根据产品的调性和使用场景匹配最合理的动画类型,为产品带来锦上添花的效果。

例如,弹跳类型的动画不适用于太过正式的企业应用或者官网上,同理,过于单调、不起眼的动画放在娱乐类APP中也不太搭配。

 

最后

以上就是动画设计值得注意的十个方法,希望通过这些内容能让大家进一步了解UI/UX设计中的动画,让单调的界面“动”起来~


作者: Clippp

转载请注明:学UI网》掌握这10条动画设计方法,让单调的界面“动”起来【UX】

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


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


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



抖音变集团啦!还发布了新 LOGO

seo达人


图片

所以说,设计的话题性也是至关重要的,要嘛是品牌自身的影响,要嘛是设计团队在行业中的影响力。一个常规的设计也许很完美,但是不一定被大家所讨论,这样也就是默默的出现再默默的淡化和被接受。具备话题性的设计,无论是针对设计好或者不好的讨论,至少在营销的角度来说,传播性已经足够了。

图片

我们言归正传,今天黑马哥也随波逐流一下,也来和大家分享一下关于抖音集团的 LOGO 设计。“字节跳动”变成了“抖音集团”,LOGO 从原来的四条跳动的竖线变成了字母“d”和“y”进行艺术结合的图形。这也是为了和抖音产品 LOGO 形成视觉关联,整个造型非常柔和,就像飘动的丝带一样青春活泼。

图片

通过和抖音的 LOGO 进行对比,抖音集团的 LOGO 会显得更“正”和具备商务型的特征。而抖音产品的 LOGO 会更娱乐性一些,两者既有关联性也有差异化。借助抖音的影响力可以让公司的知名度更高,不过个人觉得字节跳动这个名字还是挺好的。

图片

在 LOGO 配色上面,选择了三种年轻化的颜色:蓝色和绿色,而这个颜色也是延续了字节跳动原来的色系。这三个颜色组合还是比较容易呈现效果的,蓝色和绿色的搭配在设计层面都是比较容易配色的,不仅会呈现年轻活泼的风格,设计师进行设计延展的驾驭度来说也是非常容易的。

图片

新的字体上面,整个字形和之前的比较接近,在一些笔画上面进行了微调,比如减弱了“斗”部的笔画倾斜感。一些圆角的部分改成了直角的表达,封闭图形部分开了一些缺口,字体笔画更纤细了一些等等。和 LOGO 图形部分搭配感还是不错的,也能控制好整体的视觉平衡度。字形是比较稳重的,也符合集团公司的特征。

图片

有很多设计师根据新 LOGO 的图形风格和配色,联想到了飞书的产品 LOGO,如果将两个 LOGO 一起对比观看的话,还是有异曲同工之处的。

图片

下面来看一下整体的组合效果,对这个改变和抖音集团的 LOGO 你会打几分呢?

图片

 

设计总结:

抖音集团的 LOGO 图形设计主要是以名称首字母进行组合,通过艺术化的处理形成一个全新的视觉符号。现在大型的公司都喜欢将品牌符号化,以此来强化用户的记忆度和识别度。

通过名称首字母进行 LOGO 图形设计也是较为常用的创意形式,无论是单个字母还是多个字母组合,都很容易搜索到众多的案例作为设计灵感。比如我们在浏览器中搜索字母“d”或者字母“y”的 LOGO 设计,都会出现非常多的案例,有了初步的案例作为灵感,设计的时候方向感也会更强一些。

图片

 

以后大家在进行 LOGO 设计的时候,如果没有更好的创意想法,就可以试试首字母这个创意方向。除了字母以外,数字也是一个好的方向,只是数字的重叠性会更高一些。


作者:黑马青年

转载请注明:学UI网》抖音变集团啦!还发布了新 LOGO

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


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


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



新手学习字体设计的高效三步法

seo达人


一、临摹

临摹是新手学习任何技能都需要经历的阶段,学字体设计自然也不例外。即你要去收集一些优秀的字体设计作品,然后照着它们来临摹。

很多人会瞧不上临摹,认为照着参考一模一样做谁都会,事实上真要做起来,很多人都临摹不好,而且临摹的方法也不对。那么,如何正确地临摹呢?

 

1、不要像抠图一样,用钢笔工具直接沿着参考的外轮廓描摹。

而是要照着参考画出文字中的主要笔画,诸如:横、竖、撇、捺、点、提、勾等,然后,用这些笔画照着参考的样子一笔一笔把文字搭建出来。

图片

 

2、如果遇到相同的笔划,不要重新画。

而应该把已有的笔画直接复制过去,有时可能需要做一点简单的变化,这么做可以最大程度上保证笔画的统一性。

 

3、刚开始可以直接在参考的基础上用笔画来搭建文字。

就好似描摹一样,与参考一一对应,等熟练之后可以自行绘制笔画,通过视觉来确定笔画的粗细、长短、结构、摆放的位置等等。

举个例子,如果要临摹下图的字体设计,我们可以先把它的笔划画出来,如果抓不住笔划的特点,或者线条画不流畅,可以在原参考上把笔划描摹出来。

图片

图片

接着,再根据参考画出文字的字框,以确定文字的宽度和高度。

图片

然后,照着参考在字框里用笔画把文字组合出来。

最后,再仔细观察文字笔划的尺寸和位置是否正确,尽量做到与参考一模一样。

经过一段时间的临摹练习,你不仅可以更熟练地使用钢笔工具,同时也能掌握一些字体设计的风格、笔画特征、字体设计的流程等等。

 

 

二、通过参考,举一反三

当临摹做得已经很熟练以后,就可以开始第二步的练习了,即遵照参考中字体设计的风格、特点,设计自己想要的其他文字。其实在实际工作中、很多设计师也会用这种方式来设计字体。想要做好这项练习,首先你要做的是对参考作品进行深度的分析。

诸如对字体类型、字形、字体风格、重心位置、中宫松紧、笔画粗细、笔画结构、笔画的对齐关系、有哪些特殊的处理技巧等特点进行分析。

比如我想根据下图的字体来设计文字:起来嗨。那么我就先要对参考中的字体设计进行分析:

图片

该字体为无衬线体,风格简约而现代,笔划并没有讲究严格的对齐,甚至刻意做了错位处理,各文字的字面大小也不统一,呈现出灵活多变的感觉、笔划较粗,横竖笔划的粗细一样、横笔划右端有类似直角三角形的衬线、部分笔划交汇处会把横笔划做断开处理、点笔划和个别捺笔划被设计成圆点、口部首被设计成圆圈等等。

把参考的设计特点分析出来以后,紧接着需要把我们想设计的文字,用一个常规的字体呈现出来,由于参考中的字体设计是无衬线体,所以我们可以选择黑体作为字体设计的观察对象,看看该文字中有哪些笔划可以直接挪用参考中的,有哪些则需要自己来设计。

接下来就要着手画草图了,需要注意的是,参考中的文字做了整体垂直向上倾斜,在设计字体的时候如果直接设计成倾斜状态,那么很多笔划处理起来会不方便,所以最好先设计成水平状态的,等确认无误后再做倾斜扭曲。

图片

另外,在画草图的时候要多做尝试,对于原参考中没有的笔画,我们要从现有的笔画中找到规律,这些部分的设计没有绝对的标准,关键是要好看、要协调、要与整体的风格相符。比如“起”字下边的“人”笔划,可以借鉴参考中“辶”的处理方式。

草图画好后就可以去电脑上做最后的执行了,在执行的过程中需要注意以下几点:

 

1、草图不是标准,只是执行的思路。

所以在执行的过程中仍可以进行调整、修改。

图片

 

2、一边设计一边规范。

如果你不是在专业的创作本上绘制的草图,那么你的草图通常是很不严谨的,那么在电脑上操作的时候就要边设计边规范,比如统一笔划的粗细和结构、统一笔划断开部分的间距、注意某些笔划之间的对齐关系等等。

图片

 

3、与参考对比。

字体初步设计完以后,要把其与参考放在一起进行比较,看看还有没有处理不到位、看起来不够舒服的地方,水平状态调整完以后,再把文字按照参考的样子往右上方做倾斜处理,然后继续观察以及做最后的完善。

图片

图片

 

 

三、原创字体设计

如果你能熟练地做到通过参考举一反三,那么你的字体设计能力已经初步形成,接下来就可以做原创了。做原创字体设计时我们要注意以下几点:

 

1、做原创也可以找参考。

只不过不要完全按着一个参考来做,我们可以结合好几个参考,也可以在参考的基础上加入自己的想法、做出一些改变等等。

 

2、设计的流程

A.根据要设计的文字、找到符合设计需求的参考。比如我需要设计的文字是:奇遇惊喜,并想设计成有种浪漫、古风的感觉。所以我找了下图的字体来做参考(造字工房逸锋体),该字体字形修长、结合了宋体和黑体的特性,笔划横细数粗但没有衬线,现代而优雅。

图片

B.加入自己的想法。用常规的的字库字体把要设计的文字呈现出来,与参考放在一起进行构思。参考中的字体虽然现代而优雅、但是作为字库字体,独特性自然会有所欠缺,另外笔画还是略过复杂,没有古风和浪漫的感觉,所以我想把笔画继续做一些简化,并加入祥云图形。

图片

图片

C.画草图。

可以先画文字的骨骼部分,以确定文字的基本架构,文字的骨骼决定了文字的基本气质,比如高矮胖瘦、中宫松紧、重心高低、笔画走势等等,这也是设计师可以大做文章的地方,很多优秀的字体,在骨骼上就与普通字体有着很大的差异。这里我把文字的骨架设计得比参考更为修长。

图片

骨骼画好以后,再添加字体的肉身,即笔形,笔形决定了笔划的粗细、端点、衬线、笔划交汇处的处理等细节效果,这些部分的变化也非常多,设计师可以根据文字本身的特点和参考进行多种尝试。

图片

作为字体设计师,了解一些不同笔形的处理技法也很有必要。

图片

▲ 部分横笔画的笔形表现。

D.把草图导入到设计软件中执行。草图画好以后就可以去电脑上执行了,执行的步骤和注意事项与“举一反三”里提到的差不多。

图片

 

3、注意文字的统一性。

在设计字体时,要注意整体的统一性,要让人感觉到这是一套字体,所以原则上来说,每个字的字面大小、重心位置、中宫、相同的笔画等等,都要统一起来,当然,不包括某些为了效果灵活而刻意作出的一些特殊处理。

图片

图片

 

 

图片

临摹、举一反三、原创,简单的三步就能帮你从一个新手变成一个熟手,其实除了字体设计,很多其他类型的设计同样是这个道理。当然,最重要的是你要能走出第一步,先做起来,然后要坚持下去。


作者:葱爷

转载请注明:学U网》新手学习字体设计的高效三步法

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


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


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



品牌定位,抢占用户心智第一步

ui设计分享达人

在产品日趋同质化的背景下,品牌价值得到凸显,新老品牌不断更新品牌内涵,以期更加靠近目标人群,抢占用户心智。作为品牌经营的第一步,品牌定位成功与否决定了后期的品牌建设,品牌定位重要性可见一斑。


品牌定位是企业建立与目标市场有关的品牌形象的过程和结果,使产品在用户心中占领一个独特位置,当产生某种需求时,能第一时间想到该品牌,从而使用其产品。

本文将通过实际案例,详细介绍品牌定位的经典思路STP(Segmentation市场细分,Targeting确定目标用户群,Positioning定位),为品牌进入新市场、品牌诊断、品牌再定位等提供方法论借鉴,也能给不同阶段产品和设计迭代提供方向牵引。STP中涉及的Segmentation即“市场细分”也同样适用于人群/用户细分,服务于产品精细化运营。

1. 什么是品牌定位?

品牌是如何做到家喻户晓的?举个例子,当有些用户产生搜索需求时,他们的第一想法是“百度一下”,而不是“我要搜索”。百度作为一个品牌,在中国市场已经成为搜索的替代词,反应出品牌对用户心智强大的作用力。


打造强品牌的第一步就是品牌定位。不管是创建新品牌还是更新现有品牌,品牌定位策略会影响业务发展的方方面面,不仅是营销策略,还包括产品开发、用户体验等。


那么,什么是品牌定位?简单讲,品牌定位就是决定企业希望在用户心目中是什么形象的过程。以苹果公司为例。苹果作为一家科技企业,在全球范围内被熟知,并在诸多同类科技公司中独具魅力,受到用户的喜爱与追捧,这不得不得益于成功的品牌定位。


苹果赋予品牌三大内涵:Think Different,Tech that works以及Your privacy is safe with us。这些品牌内涵成功让苹果与其他科技公司形成区隔度,在用户心智中占据独特位置。在用户看来,苹果是与众不同的、走在科技前沿的、创新突破的、隐私安全受保护的,这些品牌形象正是成功定位的结果,必将成为公司强大的品牌资产。


除了能够让用户快速识别、在众多竞品中脱颖而出外,品牌定位还会对定价策略和销量产生影响。如果产品定价更多依据高质量、高品质,同时品牌也将高质量、高品质作为定位点,那么在用户心目中,产品价位会很自然地被合理化。当做购买决策时,用户会被品牌独特内涵吸引,快速促成购买,帮助企业提升市场份额,同时增强用户忠诚度。

2. 品牌定位如何做?

品牌定位的基本思路是STP(Segmentation市场细分,Targeting确定目标用户群,Positioning定位),即将整个品类市场中的消费者划分为不同细分人群,识别各类细分人群的特征和需求,并结合竞争情况、企业战略等因素,选择其中一个或多个细分市场进入,形成品牌定位,对每个目标细分市场进行品牌营销。

从中可以看到,市场细分只是手段,定位才是目的,即S+T=P。


Step 1:Segmentation市场细分

市场细分本质上是根据消费者的差异,将整个市场切分成不同部分。用于细分的维度/标准主要有四方面:地理因素、人口学因素、心理因素和行为因素。

其中,市场细分普遍使用的维度是人口学因素,比如女性消费力、银发经济等,就是按照性别、年龄等维度进行的细分。这一方法简单高效,实用性强,但也存在一个很大的问题,即使用户在这些方面很相似,但内心的诉求可能是完全不同的,导致细分市场内部差异很大,这就违背了细分的初始目的。


为了解决这一问题,市场细分会使用心理因素,从最深层的情感需求出发,确保每一细分群体内部高度相似,而不同群体之间高度区隔。

细分用户情感需求的常用解决方案有Needscope、Censydiam等,通过“个人-归属”和“释放-压抑”两个维度,相互作用,将用户情感需求划分为6个或8个类型,从而实现对某个市场的人群细分。

以Needscope为例。Needscope的心理学基础是荣格的原型理论。荣格认为,原型是天生的倾向,在影响人类行为方面发挥作用。基于此,将人类情感需求划分为六大类:有活力的、充分自信的、有能力的、关怀的、被动的、无忧无虑的。应用于不同品类时,对类型的描述可做调整。

在用Needscope做市场细分时,通常会使用投射工具挖掘用户对品类的需求,形成该品类下用户的情感需求细分。以资讯类APP为例,通过投射工具,挖掘到用户对资讯类产品的情感诉求,可分为:新热/前沿的、权威/信服的、智慧/有思想的、全面/可依赖的、轻松/实用的、愉悦/释放的。

在用Needscope做市场细分时,通常会使用投射工具挖掘用户对品类的需求,形成该品类下用户的情感需求细分。以资讯类APP为例,通过投射工具,挖掘到用户对资讯类产品的情感诉求,可分为:新热/前沿的、权威/信服的、智慧/有思想的、全面/可依赖的、轻松/实用的、愉悦/释放的。

  • 新热/前沿的:这类用户希望获得最新、最热的资讯信息,第一时间快速获取,给自己带来“走在前沿的”“领先的”的感受,他们对资讯产品品牌形象的需求中强调“新热”“前沿”“领先”等。
  • 权威/公正的:这类用户对资讯的诉求集中在立场上,希望获得客观公正的权威信息,给自己带来“公正的”“客观的”感受,具备这些内涵的品牌形象对他们来说更有吸引力。
  • 智慧/有思想的:这类用户的核心情感诉求是“高端”“格调”,希望使用资讯产品带给自己“有思想的”“有智慧的”感受,品牌形象突出“高品质”“有深度”会对他们产生吸引力。
  • 全面/可依赖的:这类用户的情感需求强调“安全”“可依赖”“平和”,使用资讯产品与他们较固定的日常生活相匹配,获取“全面”“安全”的信息以便更好融入周边环境,获取内心的平和。
  • 轻松/实用的:这类用户看重资讯产品的“实用”价值,希望在“轻松”的状态下获取实用信息,解决问题,带给自己“物有所值”“得力助手”的感受。
  • 愉悦/释放的:这类用户追求“无忧无虑”“趣味释放”,希望看资讯让自己感到“有趣”“快乐”“释放”,对于品牌来说,强调“娱乐”“轻松”“释放自我”“有料有趣”对他们来说更有吸引力。

到此,我们便用Needscope对资讯类产品市场做了细分。

Step 2:Targeting确定目标用户群

在对市场做了细分后,接下来需要确定哪个/哪些细分市场可作为目标人群,主要考虑两个因素:市场份额和竞争环境。

在进行情感需求细分时,通过量化方式可得到每一类细分人群的占比,代表着市场上有多大比例的用户有这一类情感诉求,这就反应了市场份额的大小。还是以资讯产品为例,“轻松/实用的”这一细分市场占比最大,达到22%,说明在目前市场上,大多数用户对资讯产品的诉求是读完有轻松感,内容实用有帮助。

但仅考虑市场份额是不够的,各品牌可能都看到了大的市场份额而纷纷进入,经过时间沉淀还会形成难以撼动的头部品牌,竞争会异常激烈。因此,在选择细分市场时还需考虑竞争环境,这一点可通过Brand Map来直观体现。

在使用Needscope获取用户对品类情感需求的同时,还会了解目前市场上的资讯品牌满足了用户哪些诉求,因此形成每个品牌在不同情感细分领域的得分,得到品牌地图。

通过品牌地图,很容易看到市场份额最大的“轻松/实用的”领域竞品数量多,且有今日头条、腾讯新闻等头部竞品,对于新品牌或者小品牌来说,不再建议切入该领域。对于“愉悦/释放的”这一领域,现有品牌数量适中,并且靠近圆心位置,意味着还未形成极具该特色的品牌,单从竞争角度来说,该细分市场值得考虑。


综合市场份额与品牌地图,便可确定目标细分领域。对于新品牌/小品牌,可以考虑“愉悦/释放的”这一领域,因为市场份额可观(20%),市场还未形成满足程度高的竞品;对于打算更新定位的大品牌来说,品牌本身具备与头部竞品对抗的实力,可以优先选择市场份额大的市场,但需注意定位的跨度,建议选择与现有定位临近的区间。


确定好细分领域也就意味着锁定了目标人群。在做情感需求细分时,会一并了解该用户的人口学特征、产品使用行为等信息,因此,每一细分情感诉求都可以还原到对应的人群。


还是以资讯产品为例,“愉悦/释放的”这一细分市场对应的人群在某些特征上显著高于其他人群,这些明显特征就是品牌后期要去营销的目标群体,如以男性为主,偏年轻,年龄集中在18-24岁,更多分布在一二线城市,偏好B站、知乎等产品。

Step 3:Positioning定位

按照S+T=P的公式,完成市场细分以及锁定目标人群后,就得到了品牌定位。但这个阶段的定位只是明确了方向,具体到细分领域内部该如何定位,还需进一步深探。


结合资讯产品品牌定位的例子,新品牌确定了“愉悦/释放的”这一细分市场,接下来需要对该细分领域的目标人群和竞品表现做深入挖掘,找到用户未被满足或满足状况不佳的需求,明确本竞品之间的差距与不同,从而获得更精准的定位点。


在了解目标人群时,不再局限于他们使用资讯产品的习惯,还需走进日常,挖掘指导行为的价值观念和态度。

  • 画像及态度:人口学特征(性别、年龄、城市级别、家庭月收入等)、生活态度、价值观、品牌观,真实立体地还原品牌营销对象
  • 资讯产品使用行为:使用场景、需求、使用产品、频次、时长、路径、满足点及痛点,发现本品在产品力上与竞品的差距,挖掘产品卖点
  • 资讯产品品牌态度:对各品牌的认知度、喜爱度、品牌形象认知,发现本品在品牌力上与竞品的差距,挖掘品牌利益点
  • 触媒特点:偏爱的触媒渠道、品牌沟通方式/内容、转化效果,帮助品牌找到有效营销渠道和传播形式

到这个阶段,就完成了品牌定位全流程。这些定位理念可以作为品牌发展的牵引思路,指引产品和设计围绕定位的方向深入发展,为目标人群带去更好的使用体验。

3. 品牌再定位

市场环境时刻在发生变化,品牌必须通过不断变革来永葆青春,品牌再定位就是实现品牌变革的一种重要方式。

通常来说,品牌再定位有几种可能情况。一是原本定位错误,品牌定位时可能找错了目标人群,也可能没有挖掘到精准需求,导致在后续对品牌监测时,发现品牌健康度、销售情况等与预期差距太大,比如著名的万宝路香烟,最初定位是针对女性,市场业绩表现一般,后来更改策略重新定位为男士香烟,并使用了具有男子汉气概的西部牛仔形象,使得品牌脱颖而出。

定位优势不复存在也是促使品牌再定位的一个因素,这主要因为竞争环境发生了较大变化,新的竞品出现,甚至成长成强劲品牌,这就削弱了本品品牌原有的优势和竞争力,如果坚守原有定位,势必会处于被动挨打的地位。

此外,目标客户群消费动机和需求的改变,也是促使品牌再定位升级的重要动力。

总体来说,品牌定位是一个长期动态的过程,它既是品牌策略的起点,也是最终目的,即精准把握目标用户需求,基于此推动产品和设计迭代,从而牢牢占据用户心智,在与竞品的竞争中脱颖而出,缩短用户决策使用/购买产品路径,促进用户数量/销量等产品核心指标的提升。



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

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



作者:腾讯ISUX团队    来源:百度MEUX



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



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


韩国顶尖设计团队PlUS X,5年前的作品集包装套路,今天依然好用!

seo达人

一、项目背景及推导

在开头先放获得IF大奖作为证据,佐证作品质量,让读者有一个比较好的心理印象。我们在作品中展示作品时,也可以把自己获得的荣誉放在最前面,有一个霸气的开场。

图片

项目目标。关键词的推导,这部分的推导一定要简洁合理,太多人喜欢在这部分写很多文字,然后又没有把关键词可视化,容易被忽略。

图片

品牌愿景。说明产品最终想要达到什么样的状态,通过平台作为桥梁满足用户的诉求。

图片

品牌特色。介绍这个产品主要的特点。

图片

品牌设计原则。从品牌特色中提炼核心原则,并通过这些最核心的关键词,指导接下来的所有视觉设计。

图片

全局概览。把品牌设计过程稿和结果都放在一起,展示工作量以及全局概念。

图片

最终结果。动态展示最终的Logo。

 

二、规范体系

介绍完项目整体情况后,这一步开始介绍整个设计体系。

Logo系统。讲这个logo是如何设计出来的,会发现它的每一个词用的都挺准确的,很有代入感。

图片

主要应用形式

图片

颜色系统。给颜色一些解释说明。

图片

在Logo上的应用

图片

视觉主题系统。品牌的超级符号延展出的风格调性。

图片

A、倾斜式设计

图片

图片

B、折纸符号

图片

异化的叠纸符号

图片

图片

图标体系。图标这里的风格很容易看出是品牌风格的延续,也是品牌特征常用的做法,利用品牌超级符号中的某个特征应用到其他各个视觉触点上。

图片

图片

字体规范。通过排版将故事传递给用户。一致使用适当的字体可以建立强烈的品牌个性。合适的排版,例如使用各种不同字重和信息层次结构,将 KakaoPage 变成一个友好、体贴和值得信赖的品牌。

图片

动效系统。它也有2个不同的动态形式,动态的背景切割方式,能看出来都与品牌有高度一致性。

图片

图片

 

三、品牌应用

品牌应用图标。会根据Android和iOS系统要求,用不同的规范背板设计应用图标。

图片

APP设计,能看出来APP的设计其实也是品牌的一种延续应用,品牌是一个可以包揽全局的概念,几乎无处不在。

这也是高级UI设计师常用到的技法,抽象出品牌的超级符号,比如这里就是品牌颜色和斜角的运用,用在角标、背景图案、选项卡和图标等元素中。使得整个设计与品牌保持高度的一致性。

图片

图片

在一些媒体平台,都会尽可能地让品牌图形进行露出,并且保持品牌风格的一致性。

图片

图片

在名片、信封、卡片、包装袋、书籍、易拉宝、广告牌、运用广告等各种不同场景下的运用,也都会用到品牌符号,使得品牌更加具备识别度和统一性。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

最后再次展示Logo,通过动效,品牌符号等给用户加深印象。

图片

到这里,一套非常完整优秀的设计作品展示就做完了。以上包装思路是该团队5年前的作品,到今天依然是各大品牌方案的包装套路,堪称经典!



作者:彩云Sky

转载请注明:学UI网》韩国顶尖设计团队PlUS X,5年前的作品集包装套路,今天依然好用!

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


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


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



ISUX「八月」行业设计趋势速递

seo达人

一、Facebook一个帐号可绑定5个不同的资料卡 

Facebook 正在内测让用户可以将最多五个单独的个人资料绑定到一个帐户。资料不需要包含用户的真实姓名和身份信息。

用户可以将不同的个人资料专用于他们想要联系的特定群体,例如一个专用于他们的朋友的 Facebook 订阅源和另一个只为他们的同事提供的订阅源。

允许用户“根据他们的兴趣和关系个性化他们的体验”,预期增加用户间的互动和帖子数。

图片

 

二、ins上线了dual相机功 

ins相机上线了dual相机功能,用户可同时打开前后摄像头,合成画面。

今年爆火的新产品BeReal的主打功能之一就是同时打开前后置摄像头,以达到展示展示自己的目的。

图片

 

三、Apple 申请 VR 指尖追踪设备专利 

Apple 正在申请一项新专利,此种手套可用于手势控制,在某些场景还能提供触觉反馈。根据专利描述,Apple 想开发一种附着于指尖的设备,设备上有传感器,支持触觉反馈。传感器附着于手背面的手指上,传感器可以侦测动作,提供某种形式的触觉反馈。指环可以戴在指尖,由指甲固定住,以便判断是一根手指还是多根手指进行互动,而信息将反馈到手背上的控制单元,従而连接到计算机。

图片

图片

 

四、iOS近期开发者预览版值得关注的三个更新点 

1、电池支持展示百分比 

图片

由于空间限制,多年来搭载刘海屏的 iPhone 一直无法使用电池百分比,此次更新后,状态栏中的可显示确切的电池百分比,该功能可以在“设置”应用的“电池”部分进行开启。

2、锁定屏幕的音乐视觉化播放图形 

iOS 16 Beta 3 添加了全屏音乐播放器,Beta 5 引入了实时迷你可视化图形,可随音频播放变化。且会与新的按钮动画相结合,当点击播放 / 暂停按钮或前进后退按钮时,它们会有新的动画,动画感觉非常优美和流畅,并提供了很好的细节。

图片

3、屏幕截图新增【复制并删除】 

当截取屏幕截图,对其进行编辑后点击“完成”时,出现了一个新选项,可以“复制和删除”屏幕截图,而不仅仅是删除它。这允许用户复制图像以粘贴到任何其他应用程序,而无需先将图像保存到照片应用程序。

图片

 

五、YouTube支持视频双指缩放 

(点击上图前往原文查看视频)

近 YouTube 推出了【双指缩放影片】的功能,能夠直接放大来观看影片细节,并开放给会员抢先试用。

目前 YouTube 已正式向 Premium 推出这项功能,只要双指轻触拨动屏幕,就能自行縮放画面大小,不管是横屏还是竖屏都有支援,画面最高可以放大到 8 倍。和全屏模式相比,缩放功能可以让用戶更清楚地看到画面上的细节。如果你已经是 YouTube Premium 的会员,可通过手机版 YouTube 【会员福利】>【试用新功能】,就會看到此功能,点选后即可使用。

 

六、YouTube TV正在开发同时观看四个直播流的功能

YouTube TV 正在开发一些新功能——“Mosaic Mode”,可以让观众同时观看多个直播(最多四个)。虽然谷歌仍未回应,但多画面同时播放在体育直播中特别受欢迎。像FuboTV 是一项以体育为重点的直播电视流媒体服务,具有多视图功能,最多允许同时进行四个流。在索尼的 PlayStation Vue 服务关闭之前,它有一个类似的功能,在想要同时传输多个频道的用户中很受欢迎,这一战略举措对谷歌来说是有意义的。

图片

 

七、NGL匿名问答应用登顶APP Store

NGL的全称为“Not Gonna Lie”,是一款流行匿名社交软件。NGL只需要用户填写上自己在Instagram社交平台的昵称就可以成功注册。进入App后,NGL会为用户提供不同的问题选择,并最终将用户需要提问的问题生成一个专属链接和一个分享截图。

图片

 

八、0Zero 零重力浏览器

传统浏览器打开多个页面时,会以tab的形式切换。此款浏览器打开多个网页时,会在一个画布上平铺展示所有打开的网页。

图片

(点击上图前往原文查看视频)

九、糖果APP设置 avatar新方式

糖果APP是一个虚拟形象陌生人社交应用。传统创建avatar的方式都是用户自行捏脸。而糖果是在注册时,通过用户选择兴趣标签自动匹配一个avatar形象。极大的降低了创建成本。

图片

 

十、Snapchat推出网页版及首款AR游戏 

1、Snapchat推出网页版 

(点击上图前往原文查看视频)

Snapchat最近布推出“网络版 ”,支持消息聊天、发送快照、视频通话、表情反应等核心功能,且计划在未来将其Lenses功能引入视频通话。登录网络版Snapchat后会同步你手机上的信息,继续你在手机上的对话。通过桌面使用Snapchat时,用户的Bitmoji将出一个笔记本电脑的图标,向其他人表明你是通过Snapchat for Web访问聊天的。

此外,网络版本的体验还包括隐私屏幕特性:如你点击离开去完成另一项工作,软件就会隐藏Snapchat窗口;通过Snapchat for Web发送的信息将在24小时后自动删除;防止人们进行截图。

Snap发言人对外介绍产品情况时说,Snapchat上的通话者平均每天要花30多分钟的时间进行通话。尽管仍将自己视为一个移动优先的平台,但Snap表示,在听取了用户的反馈后,它决定是时候将Snapchat的核心功能引入电脑端。但网络版当前仅对部分地区的Snapchat+用户提供,暂时不支持中国区。

2、Snapchat推出首款AR游戏《Ghost Phone》 

(点击上图前往原文查看视频)

Snapchat 推出一款新的游戏内应用程序《Ghost Phone》,这是snapchat发布的第一款 AR 游戏,可将智能手机变成 AR 驱动的设备。《Ghost Phone》是使用 Snap 的专用滤镜创建工具 Lens Studio 构建的,使用 World Mesh 技术,可以进行更准确的跟踪。在游戏中,玩家需要搜索隐藏在短信中的线索,并使用智能手机的相机捕捉超自然实体。

「Ghost Phone」根据Snap旗下镜头创建工具Lens Studio构建,该应用支持World Mesh技术,从而实现更准确追踪。

 

十一、Whatsapp在线状态支持设置可见范围及语音状态  

WhatsApp的在线状态功能,近期新增了设置状态权限设置,凭借此功能,用户不仅可以设置可以看到自己的最近状态,还可以设置谁可以看到我在线,让用户可以更精细的控制自己的隐私。

除此之外,WhatsApp 最近还在测试新增的“语音状态”功能。如下图右图所示,状态选项卡底部有一个新图标,可以让我们快速向我们的状态更新语音状态。此语音状态只会与你在状态隐私设置中选择的人共享。

图片

 

十二、WhatsApp 发布 Windows 桌面版应用程序 

过去 Windows 用户必须下载 WhatsApp 的网页端桌面应用,或是通过网页浏览器来访问 WhatsApp,如今面向 Windows 用户的桌面端应用全新发布,通过原生的应用程序,WhatsApp 能带给用户更快、更流畅的体验。重新设计的 WhatsApp 提供了更简洁的界面,WhatsApp 表示正在为 MacOS 开发原生应用。

图片

图片

 

十三、Meta 聊天机器人 BlenderBot 3 登场 

Meta 释出了第三代聊天机器人 BlenderBot 3,奠基于 1,750 亿个参数的 OPT-175B 语言模型,BlenderBot 3 使用了更多的资料集,其对话效能比上一代提升 31%,知识能力是前一代的两倍,错误率则少了 47%,BlenderBot 3 互动界面目前仅于美国市场开放。Meta 指出,BlenderBot 系列在各种对话技巧上日益进步,除了个性、同理心与知识,还结合了长期记忆,并能通过网络搜索来进行有意义的对话。

图片

链接:https://geo-not-available.blenderbot.ai/

聊天机器人不免会模仿或学习到不安全、带偏见或冒犯的言论,Meta 对此展开了大规模的研究,发展各种新技术建立保障措施。即便如此,BlenderBot 3 仍可能说出无礼或冒犯的内容,Meta 因而决定让用户与其互动,让用户能在 BlenderBot 3 的回答上给予好评或负评,并注明评论的理由,协助 Meta 改善 BlenderBot 3。

图片

 

十四、Messenger 测试默认点对点加密功能 

Messenger 自 2016 年起提供点对点加密功能,但用户需对每个会话逐一设置,手动打开点对点加密功能。

如今 Facebook 计划挑选少数 Messenger 用户,默认启用点对点加密通信功能。除了向文本和图片消息提供点对点加密,语音通话也会提供点对点加密。此外,Facebook 还会测试其他相关功能,例如消息在一个设备删除后,也会在其他设备消失、点对点加密环境下取消发送、回复 Facebook Stories 等。

图片

Facebook 也会为 Messenger 部分功能进行更新,例如消息在一定时间后自动消失,也会测试新的安全存储功能,让用户将已加密的对话内容备份到云计算存储。

图片

 

十五、Telegram更新了互动表情 

Telegram此次更新包括:自定义动画表情符号、交互式自定义表情符号、iOS上的新贴纸、Gif和表情符号面板、赠送Telegram Premium 作为礼物的能力以及语音消息的新隐私设置等等。

图片

1、自定义动画表情 

Telegram推出开放表情符号平台,任何人都可以为Telegram premium用户上传独特的自定义表情符号。并且新的动画表情符号可以包含在消息文和媒体标题中,高级版用户最初可访问10个初始自定义表情包,其中包含了500多个高级表情符号。

(点击上图前往原文查看视频)

当在输入框输入信息时,贴纸按钮将变成一个表情按钮,点击即打开表情符号面板,因此用户可以快速浏览并添加自己上传的表情包。

2、新增了一批可交互式表情 

Telegram在表情制作中投入了很多精力,在新版本中又新增了一批可交互式的emoji表情,当用户发送出去后,好友点击即自动播放表情符号的全屏效果。

(点击上图前往原文查看视频)

3、语音信息的隐私设置 

Telegram Premium用户增加一个新设置,允许他们控制谁能够向他们发送语音和视频消息、同样也可以选择从不或始终向您发送语音消息的特定人员或用户组。

图片

4、向亲友赠送会员 

今年夏天,Telegram的活跃用户突破了7亿,并推出了 Telegram Premium会员服务,已是会员的用户还可以向亲友赠送Premium预付费订阅服务,除了享受一定的折扣价购买外,赠送的订阅将以特殊消息的形式出现在与亲友的聊天中,并生成一个特殊的动画礼品盒,极具送礼的仪式感。

 

十六、OPPO发布全新一代ColorOS 13操作系统 

(点击上图前往原文查看视频)

2022年8月30日,OPPO开发者大会(ODC22)上,全新一代ColorOS 13操作系统与「潘塔纳尔」智慧跨端系统正式发布。全面升级的ColorOS 13以「水生万物」为理念,对整体UI以及一些体验进行了优化。全新的「水生设计」,从水在自然界中的运动方式汲取灵感,进一步增强了UI和动画在视觉上的流畅与包容性。在界面、图标、按钮颜色上也用了大量的蓝色,呼应“水”的主题。

图片

另外,此次更新也带了一些新的功能和亮点体验。

1、个性形象使用场景更多且更具包容性 

ColorOS 13对Omoji也进行了更多创意升级,新增大量与社会身份和兴趣爱好等相关的创意素材,比如代表医护工作人员的“大白”形象,及流行的汉服、滑雪服,更丰富的五官、脸型、头型、饰品等素材。用户可以在社交应用中直接套用自己的Omoji个性形象,亦可为联系⼈创建Omoji,来电时即可显示对方的专属形象。或是在拍摄时使用自己的个性形象拍摄。

图片

图片

2、更智慧和有趣的息屏 

ColorOS 13对息屏做了全新升级,推出“智慧息屏“。在打开智慧息屏的场景化信息功能后,当用户处于外卖、叫车或听歌场景时,智慧息屏就会主动感知相关应用状态,并实时显示订单或歌单进程,无需反复亮屏查看。而当你在听歌时,「智慧息屏」还会显示音乐播放控制器,你可以很便捷地进行暂停、切歌、收藏等操作,ColorOS 13还会根据你的喜好为你智能地推荐歌单,做到了真正的省心和贴心。

图片

此外,息屏还可设置多种样式,包括丰富的图形、动态动物家园、以及时光息屏。其中家园息屏会根据每日气温变化,揭示动物们赖以生存的家园变迁,呼吁大家关注气候变化。时光息屏会在你每一次唤醒手机后,在彩带上留下独特刻痕,使用时间越长刻痕越宽。

图片

(点击上图前往原文查看视频)

3、有趣又实用的绽放壁纸 

时下人们对数字健康越发关注,手机使用时长的增长和不可控性已成为当下话题。绽放壁纸让屏幕使用时长可视化,嫩芽成长为叶片的过程,模拟时间的流逝。设定一个使用时长目标,当超过目标后,叶片从有机转为工艺品材质,暗含美的稍纵即逝。同时叶片颜色代表过去一小时内使用最多的应用图标颜色,实时变化,将个性化和数字健康完美融合。

(点击上图前往原文查看视频)

4、更便捷的大文件夹 

在新的系统中,支持对原有文件夹进行放大为九宫格大文件夹,可以直接点击打开 App。

5、智能会议助手支持整理会议纪要

会议当中的纪要整理一直都是让打工人头疼的难题,毕竟漏记、错记、反复回听录音是大部分职场人在整理会议纪要时常常遇到的痛点。为此,ColorOS 13 智能会议助手带来了纪要智能整理的功能,让你不遗漏会议中的每个重点。开会时,呼出智能侧边栏「字幕转记」功能,自动记录会议截图和笔记,会后生成图文并茂的会议纪要,便于回顾复盘,再也不需要反复回听会议录音,无需提笔即可记录重要信息。目前,纪要智能整理支持钉钉、飞书会议、腾讯会议、Zoom、Goole Meet以及Team。

图片

更多ColorOS 13功能可以移步查看:https://www.youtube.com/watch?v=9da1ktqjPy0

 

十七、微信iOS迎来8.0.27正式版本更新 

1、我的二维码支持更换样式 

在微信-扫一扫-我的二维码页面下方点击【换个样式】后,二维码可更换不同风格,还有全屏背景颜色版,更现代更美观了。目前有 10 种样式可供用户选择。

2、统一音视频悬浮窗体验 

此前小视频、一起听、直播悬浮窗各异,此次对悬浮窗样式进行了统一优化,同时在还在细节体验上也做了优化,不在支持多个音视频同时播放,最多只能展示一个悬浮窗。且在已有一个视频悬浮窗,如直播悬浮窗时,再进入进入小视频,悬浮窗会自动暂停并收折。

3、公众号支持长截图 

苹果手机一直不支持长截图(虽然手机 Safari 浏览器可以长截图)。这次更新后,阅读公众号文章时,手机先截屏,右下角会出现一个「保存整页为图片」的按钮,公众号文章都好用。

图片

4、个人状态及朋友圈权限更新 

个人状态除了状态表情图标外,现在还可以展示文字;朋友圈动态中,针对已发送的动态,支持修改可见范围。

 

十八、Snapchat支持双摄像头拍摄

图片

Snapchat在8月29日推出了双摄像头功能,该更新使用户能够同时使用手机的前置和后置摄像头拍摄照片和视频,让用户从多角度拍摄需要分享的内容。打开你的 Snapchat,在相机工具栏中看到一个新图标。只需轻轻一按,就可以开始创建快照和故事,或者更精美的 Spotlight 视频。双摄像头是一种创造性的方式,让我们可以更好的捕捉激动人心的时刻。双摄像头有垂直、水平、画中画和抠图四种布局。Snapchatter 还可以添加心爱的 Snapchat 创意工具,包括音乐、贴纸和镜头。双摄像头已经支持 iOS 端,未来几个月将支持 Android。

 

十九、百事的元宇宙是品牌年轻化的新尝试 

最近,知名饮料品牌百事发起一场基于元宇宙生态的颠覆性营销活动,就为品牌营销4.0时代贡献了一出经典案例。以元宇宙为营销触角,通过对百事概念店的全面升级,开启百事元宇宙新纪元,邀请Z世代体验一场沉浸式虚实交互的演唱会,百事家族虚拟偶像TEAM PEPSI搭档活力无限的年轻用户,通过潮流音乐的无缝跨界,共创无限可能的未来第三空间。

(点击上图前往原文查看视频)

百事通过元宇宙来对百事的“百事盖念店”进行升级。百事的宣传重点偏向于Z世代。在由元宇宙驱动更立体多面的新场域中,Z世代期待能享有更多主导权,共同参与创建“未来”的过程,创造力即第一生产力,而热爱驱动创造。

图片

百事设计了4个虚拟形象,它们分别对应了百事家族四大品牌的视觉主色调。还特意弄了一个演唱会,让人梦回炫舞团的感觉。

为了鼓励更多年轻人参加,在「百事可乐潮音梦境」的预约阶段,百事就向全国年轻人发出了一份盛大邀请,让用户可以通过DIY填词的方式,参与演唱会的联合共创,释放对百事品牌和未来音乐的想象。参与者不仅可以得到以百事家族虚拟偶像为封面的专属演唱会门票,所写歌词还会随机出现在Live House现场,让更多人看到。

 

二十、网易二次元元宇宙社交软件Fancy 

继日本的REALITY和韩国的#Me大火以后,网易也开始研发类似的二次元元宇宙社交软件,悄悄地在泰国App Store又上线了一款名为“Fancy – avatar live party”的虚拟化身语音聊天社区应用,再度加码针对年轻用户群体的虚拟社交产品。

Fancy与REALITY和#Me相比画风的区别还是很明显的。该产品的主要特点为“语音聊天社区”和“虚拟化身”在“Fancy”中,当用户创建了自己的虚拟形象后,就可以加入社交活动中,除了传统的文字聊天,“Fancy”主打的功能之一就是“派对房(Party Room)”。

图片

该房间最高支持9人同时在线。在派对房里,用户不仅可以和好友语音聊天、互动,当开启AI人脸识别功能后,AI会识别用户的眨眼、说话等状态,虚拟化身的表情也会与玩家的表情同步。

图片

 

二十一、TikTok 推出AI绿幕图像生成器 

最近, TikTok 的特效菜单下,增加了一个名叫“AI 绿幕” (AI Greenscreen) 的新选项。点击这个选项,然后在屏幕中间的对话框里输入一段文字描述,只用不到5秒的时间,TikTok 就可以根据文字描述生成一张竖版画作,用作短视频的背景:

图片

只要想象力到位,短视频的背景就可以放飞,让你尽情穿梭于各个虚拟场景。所有应用AI绿幕制作的视频,都会打上#aigreenscreen标签。

图片

TikTok 用的这个文字转图片模型,还是非常简单的。尽管目前AI绿幕所生成的背景还偏油画风格,没有任何写实色彩。但风格迁移的痕迹明显,而且用的颜色也都鲜亮明快,给人一种耳目一新的感受。

以上就是2022年8月ISUX行业设计趋势速递,喜欢记得收藏转发,以备不时之需查看。

 

原文地址:腾讯ISUX

作者:ISUX设计

转载请注明:学UI网》ISUX「八月」行业设计趋势速递

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


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


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



拿捏3种设计风格!

seo达人

设计的风格有很多种,今天给大家带来的是三种设计风格的海报案例呈现。

操作很简单,大家看完记得练习哦。直接开始今天的教程吧,yeah…

图片

 

图片

图片

● 相信大家小时候都玩过超级马里奥、魂斗罗等游戏。

下图是马赛克像素风典型的代表游戏之一。回想起来那都是童年的欢乐时光啊~

图片

● 下面用文字简单的介绍了一些关于像素画的知识

图片

● 给大家整理的一些像素风格的海报(案例来源于互联网,仅做参考)

图片

● 除了像素画海报之外还有与之对应的像素字体下图来源于互联网,仅做示意。

图片

图片

● 这里我们用到上图03和06的技法思路,像素的赶脚类似PS的半调效果,或者是仿色扩散,以文字设计为基础使用的仿色扩散的效果来呈现。

图片

设计思路&步骤解析

01:先设计完字体部分(这里暂不讲字体设计部分),不会字体设计的同学,使用一款好看的字库字体也是可以的。

图片

02:合并所有笔画,在AI中使用路径偏移,参数设置如下,对象-路径-偏移路径。

图片

03:取消编组,用2种颜色区分。

图片

04:勾勒钢笔连接每个边,红色圆圈标注部分为示意。

图片

05:接着给字体填充黑白渐变,注意白与黑之间的明暗过度。

图片

06:最终效果如下,将渐变后的字体在PS中选中,图像-模式-灰度-拼合。

图片

07:图像-模式-位图-扩散仿色。

图片

大家不要局限于做像素风格就非得像我用这种方法去呈现,我们只要抓住海报的主体,呈现是由一个小的单元格组合拼接而成就可以了。AI同样也可以做出矢量像素海报。。。

这是在AI做出的像素化效果,这里给大家抛砖引玉一下。

选中渐变完之后的字体,AI菜单栏-对象-栅格化,参数设置如下,最终位图再转矢量就可以啦。

图片

08:最终并为其添加色彩与排版就完成了~

图片

 

 

图片

我们先看几组网上的案例展示吧,大概认识下这类风格的一些表现形式,版面的构图元素,以及颜色的一些使用等。

不难发现我们目前所看到的孟菲斯风格是非常潮的,强烈的色彩组合与碰撞,几何形状的构成,甚至一些海报当中也会出现潮流的插画小元素,非常具有趣味性,以及强一些画面视觉冲击表现。

图片

图片

孟菲斯风格版面元素构成

孟菲斯平面设计特征可以归纳为:

1、高明度的色彩组合;线条、图案的随机排列搭配;几何元素的大量运用和空间填充。

2、各式各样的几何图案是“孟菲斯设计”经典元素之一,以正方形、圆形或三角形这类规则图形为主。

3、与传统设计强调有序不同,“孟菲斯”的设计背景喜用凌乱与自由的组合方式。

不管是细瘦的直线、粗体的波浪线,还是点状图案亦或3D结构图形,你都能在孟菲斯作品里找到。

图片

图片

图片

图片

图片

下图举例了孟菲斯在平面中的一些表现!

图片

图片

咱们分析完孟菲斯的一些构成元素表现形式之后就好开始下手了,下图是以人物为主体的表现形式。

图片

为了方便大家观察我将版面中的元素进行了拆解,大致分为人物、文字对话框、一些线条元素和版面中的配色。

图片

文字对话框&文字编排:

图片

版面中的人物主体:

图片

版面中的色彩搭配、字体&线条:

图片

以上就是拆解完的样式,这里我们为了增加版面的趣味性,我使用了手写字体以及随意装饰的线条活跃版面气氛,色彩的组合上使用了纯色与渐变的组合碰撞,图形构成上表现模拟了电脑页面对话框的组合形式搭配上文字编排,以上都是为了尽可能的符合孟菲斯的一些风格表现而存在的。

这是我做的另外一张孟菲斯的海报,根据之前给大家总结的要素:

*几何图形构成

*强烈的色彩组合

*简单图形&插图

图片

*简单图形&插图

图形的制作比较简单用 AI 3D工具就可以完成。

图片

*几何图形构成

图片

*几何图形构成

图片

*靓丽/怪诞/潮流

当时找素材的时候找到这只鸟的时候,发现嘴非常的有意思,以及鸟本身的颜色也是符合孟菲斯的色彩要求的(一个巧合罢了),扣完图之后给鸟加上一个外描边增强趣味性。

图片

*强烈的色彩组合

纯色与渐变色(高饱和度&低饱和度)、(明与暗)以及色彩在版面中的一个过度关系。

图片

最终组合版面中的主体与文字排版&构图,以及配色孟菲斯风格的海报就完成了,只要掌握了他们的元素构成风格与表现就好做了,希望这2张海报可以给到大家一个启发。

图片

 

 

图片

图片

所以我们只要能模拟出撕纸的效果差不多就能做了。

图片

下图是案例展示部分。

图片

我们来看下撕纸效果的一个具体制作方式,基本上都是在PS中完成的。

图片

下图是关于PS画笔的预设:

常规画笔、干介质画笔、特殊效果画笔、湿介质画笔。

图片

给人物添加一个蒙版,这里我使用的是干介质画笔,分别给他们换上颜色即可。

图片

选择下图第二种干介质画笔,以及它们在不同模式下的样式效果。

图片

接着在人物的边缘用干介质画笔(溶解模式)涂抹边缘,撕纸的效果就出现了,接着加入黑白相间的素材。

图片

图片

为了模拟撕纸的效果,我随意设置了一些纹理,让纹理保持一种不规则的状态。咱们动手制作一些素材使用(特殊效果画笔),新建一个画布,使用画笔涂满即可,导出图片当做素材就OK了,涂抹的时候画笔的大小折中就行,避免效果不理想(大家多尝试就行)。

图片

最终规划版面的文字编排就完成了。

图片

图片


大家多多练起来吧,希望对你有所帮助。


作者:大熊

转载请注明:学UI网》拿捏3种设计风格!

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


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


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



只要一个公式,带你看懂协同办公提效

seo达人

本篇文章笔者将结合58的云效项目协同2.0设计方案,分析一下协同办公提效的经验。快来看看吧~

图片

1.优化对象

云效是企业内部的效能研发平台,辅助公司员工研发产品。本项目的优化内容是针对它的项目协同能力,该部分的主要功能是“创建并管理项目”和“线上协同推动项目流转”。

2.设计依据

由于是自用产品,因此缺乏有效的数据验证,需要找到合理的设计依据。所以我们联系业务方开展针对员工的访谈,以职位为基础分类,梳理他们的工作流程;根据不同的工作阶段,收集各个用户角色的使用痛点;最后将痛点进行了分析和整理,将重点问题进行了分类汇总,最终总结出结论——效率低。因此本期的优化目标也明确下来了,就是对项目协同进行办公提效。

图片图片

3.提效内核

在开始设计前要搞明白一件事,那就是项目协同的基础构成是什么?它们分别是“流转”和“角色”。

为了方便理解,笔者把项目协同系统比喻成工厂,把项目推进比喻成商品制造,项目从策划到上线,就如同商品在一条流水线上会经历多个加工点,从原材料到最终完工上市。这条流水线在项目协同中可以它称为“流转”,而在流水线上的加工点们,其实就是公司员工,我们称他们为“角色”,角色需要完成相应的任务,才能将项目从一个节点流转至下一个节点。因此“流转”和“角色”共同构成了项目协同系统。

图片图片

所以提效的关键就在于“角色能否顺利完成任务”,同时“项目能否进行顺利流转”。满足这两点,项目协同系统才能高效运行,从而到达办公提效。

因此我们可以得出一个公式:“办公提效=角色完成任务的效率x流转顺畅程度”。即用户能在顺畅的流转过程中,高效地完成各节点的任务。再结合访谈结果,本次的设计目标逐渐清晰:

提升项目流转效率:梳理生命周期,满足全流程覆盖;搭建消息体系,提升信息触达率

提升任务完成效率:概念优化,降低学习成本;搭建高坪效页面,提升阅读和操作效率;多维度展示,提升决策管理能力

图片

图片

 

图片

1.项目流转全覆盖

旧版云效只覆盖了产品和开发,而本期我们要做全流程角色的覆盖,因此笔者从角色和工作两个层面重新梳理了产品生命周期,角色层面包括了从产品,设计师,开发和测试,即产品研发的全流程参与的员工;工作层面包括了从需求策划一直到上线的全工作流程。主要目标是梳理出各角色需要完成的任务,同时确认在流程上的流转节点。

图片图片

在本期方案中项目流转还是采用手动为主。举个例子,如产品在云效上创建了一个需求,并在线撰写了文档,此时他可以将需求流转给设计师,设计师收到需求后和产品沟通需求细节和排期,然后开始设计介入,此时产品即可将该需求的状态就变为了「设计中」,以此类推角色持续推动需求流转,直至完成上线。

图片图片

在未来我们将会实现高度自动化的流转方式。比如完成某些任务后能进行自动化流转,再举个例子:设计师在云效上直接上传设计终稿,产品确认后可自动流转到下一流程节点。

2.打通办公消息提醒体系

经访谈发现,项目流转存在信息传递不及时的卡点,需要提升用户触达。考虑到公司现有触达方式中,美事和企业邮箱的普及度较高,依托这两款产品能做到全公司的消息触达。于是笔者与业务方梳理了消息提醒的场景,包括了「待办提醒」和「异常提醒」两部分。以下可以举两个案例进行分享。

自动化待办提醒:需求负责人完成创建后会自动流转到参与人,告知对方被分配了相应的事项。

图片
图片

自动化监测提醒能力:旧版项目流转是由负责人全权监测,无形中增加工作成本。优化后方案以系统监测为主,负责人为辅。当系统监测到异常时(主要是临近逾期或已经逾期),会自动在美事里推送未完成的内容,用户可点击查看详情,并及时处理。

 

图片

1.概念提效

旧版的产品概念复杂,存在重复性内容,如「项目」和「产品」,如“产品”和“项目”这两个概念的相似度就很高,很多新用户难以理解。同时不符合业界定义的认知,如「迭代」,本应该是需求的合集,但是旧版二者却是并列关系,造成了理解成本高的问题。

在优化方案中,我们将概念扁平化,合并相似度较高的概念,放弃部分不常用概念。同时调研市面现有平台的概念体系,做到尽可能符合业界认知。从而降低理解成本

图片

图片

2.搭建高坪效页面

工作事项作为平台最基础组成部分,主要问题是页面交互方式老旧,体现在结构分散且层级复杂;使用过程中跳转频繁,需要重新搭建高坪效的页面。同时在阅读浏览、新增内容和语义理解方面都存在设计细节问题。笔者以需求详情页为例,说一下搭建高坪效页面的方法。

页面层级重构:笔者采用了卡片分类法将页面组件重新归类组合,重构新页面,同时考虑到用户的快速浏览习惯,将原有跳转新页面改为抽屉的展示方式,减少反复页面跳转带来的体验不佳。

图片图片

看到有用的信息:合理控制信息密度,同时保证添加内容的便捷性。设计吸顶的创建入口,点击后可跳转到预设位置去添加内容。页面上不会出现多余信息,有效降低页面的信息密度。

图片

图片

快速看到想看的:随着用户在抽屉内新增的内容越来越多,页面也会变的越来越长,为提升浏览效率,在左侧设计快捷帧导航栏,点击后能快速跳转到相应位置,提升浏览效率。

图片

图片

低成本理解文案:本次在语义设计上做了调整,确保用户低成本理解。以操作日志为例,日志里记录了所有操作记录,表达内涵是“哪些用户在什么时间进行了如何的操作”,因此设计由「用户名」+「行为」+「结果」+「操作时间」组成的字段句式,使语义做到标准化且降低理解成本。

图片图片

3.多维度展示

在旧版方案中大量使用列表作为展示方式。但单一维度列表仅仅强调了事项的主题,考虑到在实地的工作场景中,用户是需要从多种维度去管理工作事项。

层级关系展示:需求存在父子级关系(一个需求可以被拆分成多个子需求,分期完成),因此需要能表达清楚层级关系的展示方式。笔者使用了树形图的展示方式,明确父子级关系。

进度展示:因为我们所参与的事项都是有起止日期的,什么时候开始,什么时候结束,中间需要干多长时间,都需要让用户有清晰的感知,从而提升管理效率。笔者采用了甘特图,以事项进度的维度来管理决策,同时设计了拖拽功能方便用户及时编辑进度。

流转状态展示:工作事项需要流转的,因此需要以流转状态的维度去展示事项,能更好地帮助用户感知事项所处的状态,及时规划流转动向,从而提升事项流转效率。笔者采用了看板的展示方式,以事项流转状态的维度来管理决策,用户可拖拽事项,及时进行流转。

图片图片

 

图片

回归到办公提效公式:“办公提效=角色完成任务的效率x流转顺畅程度”。在“流转”和“角色”两个方面的优化。

通过梳理产品生命周期将做到全流程覆盖,同时搭建信息体系,提升流转信息的触达,进而提升项目流转效率。再通过优化概念,降低学习成本;搭建高坪效页面,提升阅读和操作效率;搭建多维度展示方式,提升决策管理能力,保障用户在各节点完成任务的效率。

最终做到精准的办公提效。

图片图片

 

图片

本次改版还在继续中,我们会继续以提效为目标持续优化。B端产品不同于C端,尤其是企业类办公产品,会经常缺乏埋点导致缺乏有效的数据支持,因此不能像C端产品以数据作为设计依据。

需要设计师深入产业了解业务背后的运行逻辑,访谈目标用户观察其行为并收集其诉求。由此才能足够了解业务,为企业用户产出更优秀的设计方案。

希望这份B端设计改版的内容能够对大家有所帮助~


作者:58UXD

转载请注明:学UI网》只要一个公式,带你看懂协同办公提效

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


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


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



日历

链接

个人资料

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

存档