设计思维

Figma的自动布局也太好用了吧!

seo达人


1. 自动布局快捷键

图片

Mac OS 系统快捷键

  • 开启自动布局:Shift + A
  • 关闭自动布局:Shift + Option + A(图上漏掉了)
  • 关闭自动布局并删除 Frame:Command + Shift + G
  • 重制(复制并粘贴,包含自动布局设置):Command + D

 

Windows 快捷键

  • 开启自动布局:Shift + A
  • 关闭自动布局:Shift + Alt + A(图上漏掉了)
  • 关闭自动布局并删除 Frame:Ctrl + Shift + G
  • 重制(复制并粘贴,包含自动布局设置):Ctrl + D

 

2. 样式复制粘贴

图片

Mac OS 系统快捷键

  • 样式复制:Option + Command + C
  • 样式粘贴:Option + Command + V

 

Windows 快捷键

  • 样式复制:Option + Ctrl + C
  • 样式粘贴:Option + Ctrl + V

 

3. 调准顺序

图片

其实就算不用快捷键,也可以通过鼠标调准顺序。

图片

但是毕竟中心哪个圆圈面积太小不好找,数量不多的话,用快捷键会更快一些。

 

Mac OS 系统快捷键

  • 往左调整:Command + [
  • 往右调整:Command + ]

 

Windows 快捷键

  • 往左调整:Ctrl + [
  • 往右调整:Ctrl + ]

 

4. 调整间距

图片

通过自动布局设置,可以让元素的尺寸根据间距大小自动调整宽度。

利用这一点,可以用来做很多东西,例如滑动条。

 

5. 自动间距

图片

把间距数值改成 auto, 会自动均分 Frame 内元素的间距。

虽然右上角的布局图标也能起到同样的作用,但是那样操作的步骤更多:需要先调整好两边的元素的位置,不能根据所在 Frame 自动调整。

 

6. 输入 0.001 设置 0 高度

图片

Figma 不允许输入 0 高度,如果你尝试这么做,按下回车后数值会变成 1。

但是有个小漏洞,那就是如果你输入 0.001,按下回车后就会发现数值变成 0 了。

一定要小数点后三位,如果只输入小数点后一位或两位,就不会有这个效果。

 

7. 快速选择内部元素

图片

如果分组或 Frame 层级过多,想要选择下层的元素,通常是双击。

但是层次多了,也还是很麻烦。

还可以按下 Command 的同时用鼠标点击,这样可以直接选择最里层的元素。

可是,如果想要选择的不是最里层,而是倒数第 N 层呢?

这种情况,用快捷键会更方便一些:

  • 选择下层:回车键
  • 选择上层:Shift + 回车键
  • 选择下一个:Tab
  • 取消选择:Esc

 

8. 避免将元素放入自动布局

图片

往自动布局里放东西,很容易打乱布局,一下子就变化很大。

如果想要避免这种“手误”,可以在拖动元素的同时按下空格键,这样元素就不会被放到任何自动布局里。

 

9. 利用透明度快速自动布局

图片

上面卡片的自动布局,其实可以用 Space Between 一键设置出来。

图片

其实中间的图标和卡片同宽,只是背景透明所以看起来是居中对齐的。

标题其实不止左上角那一个,卡片左下方还有一个一模一样的,只是可见度设置为 0%,所以看不出来。

图片

 

10. 利用自动布局设置最小宽度

图片

很多组件(如上图文本框)有个最小宽度,如果简单地使用自动布局是无法满足的。

方法也不难,就是文本框的 Frame 里加一条不可见的线段,而这个线段的宽度就确定了文本框的最小宽度。

图片

没想到 Figma 的自动布局有这么多门道,使用起来多做些组件,肯定能大大提高设计效率~

 

原文地址:体验进阶(公众号)

作者:设计师ZoeYZ

转载请注明:学UI网 »Figma的自动布局也太好用了吧!

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

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

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

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



3个好用到尖叫的设计细节,再不知道就晚了!

seo达人

莫b
图片

大家看到这张图的第一感受是什么?是不是觉得大气,高级、简约,而且不会觉得不精致。

图片

再来看这张图,是不是同样的感受,给人高级感。那么有没有想过是什么影响了这些高级感?是不是我们肉眼能看到的颜色、留白、阴影、大小、图片、排版、质感等细节。就是这些元素的和谐处理,才使得整体看上去同一个世界,让我们感官愉悦。

因此我们做设计时候,也需要和谐的处理这些元素关系。把这些关系处理好了,设计细节自然丰富,精致度自然也就上来了。

下面我们看看间距节奏、投影质感、高级图片等在设计中如何处理。

1.间距节奏

我们常说的间距节奏,其实就是留白或者负空间的应用。那么在UI版式中,这些负空间就是间距网格的应用,间距节奏的把控,下面看这张图。

图片

上图,就是一张基础的版式间距节奏。好的版式节奏,就像音乐一样,它通过变化的节奏来表达动听的音乐。

对于间距节奏,我们在设计中尽量体现倍数关系,这样的节奏是最明显的,而且设版式节奏感也会更强,比如看下面这个案例。

图片
大标题和内容之间的间距一定要区分开,而且是要成比例的关系,比如1:2这样的思路,因为这节奏感会更强一些。
图片
这样的设计思路在整个UI版式系统中,都是同样可以延续下来的。

 

2.投影质感

在UI的设计语言中,投影是其中一个基础层风格样式,它处理好坏也会直接影响到界面品质感。

图片

Dribbble@Gleb Kuznetsov✈

上图是Gleb Kuznetsov的作品,虽然界面设计中没有过多复杂的设计,但是整个界面品质感和细节处理还是挺值得学习的。

我们可以注意以下几个细节,红圈的地方。底部语音是轻拟态质感,其他部分的卡片设计和按钮均用了细腻的投影,而且按钮的投影还有带有色相。

图片

所以对于投影的处理,我们可以看出可以存在两种思路,按钮的使用带有色相的,卡片类的统一灰色投影。

图片
投影的处理步骤

对于这种投影的处理思路,大家可以看上图,以按钮为例,首先将按钮基本形态做好。其次复制一个上层按钮,然后将其长度左右缩小一些,降低透明度50%,第三步就直接将这个按钮模糊处理,模糊值大小可以调节到合适的范围即可。

图片

其实我们看一些优秀的Web端设计,投影出现的概率也是比较大的。通过投影可以增加细节,丰富质感,而且还可以有多种颜色渐变模糊。

 

3.高级图片

图片在整个设计中可以说是重中之重,因为图片占比也是非常大。特别是以图片为主的产品,一定要注意图片的品质感。

图片
29cm官网

29cm的官网,整体版式质感看着就会很高级。大家可以去看看苹果官网,图片又高级,又大,产品质感精致,对于用户来说,只要进入官网就会有想购买的冲动。

图片

29cm官网

选择图片时候需要注意几个点,避开牛皮癣的图,避免花哨图片,一定要高清,这是最基本的要求那么其他的比如角度,亲和力,人像等也是需要注意选择符合产品调性的图。
图片

选择图片需注意的陷阱,比如上图,右侧的图其实作为生活中的照片是很温馨的,也适合发朋友圈。但是如果在设计中,就会显得元素多,而且不够聚焦,左侧的就会更聚焦有力量,有质感。

好了,今天的内容就先讲到这里,我们下期见。

 

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

转载请注明:学UI网》3个好用到尖叫的设计细节,再不知道就晚了!

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

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

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

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


作为设计师,这几个APP你居然不知道

seo达人


 

Behance

对于很多设计师来说,Behance 这款 APP 都非常熟悉,里面汇集了全球优秀的设计师群体。会在上面发布个人或者团队作品,质量都是非常不错的,有助于提高我们的设计眼界。 
图片 
除了设计作品质量较高以外,作品包装的形式也是值得收藏,可以提高我们的作品包装眼界。 
图片 
 

iMuseum 每日环球展览

iMuseum APP 是一款关于博物馆展览资讯的应用,专注于全球艺术展览、博物馆活动,让你时刻了解身边正在进行的展览。这里会提供全球各个国家的展览馆信息,全球博物馆的资讯内容,资讯非常全面。 
图片 
对于设计师来说,看展览绝对是提升审美能力最好的方法之一。通过对艺术作品的欣赏熏陶自己的艺术细胞,提高对艺术的理解,感受艺术氛围也是提升设计感知能力的关键。 
图片 
 

开眼

开眼-带你看更好的世界,这是一个全球精选短视频平台,汇集了创意、动画、时尚、广告、科技、旅行、影视等等领域的优质短视频,还有这些领域的创意人群。
作为设计师眼界很重要,只有看过更优质的内容才能提高我们的眼界,相信开眼绝对可以带给你看世界的眼界,提高我们的感知能力。 
 
图片 
 

instagram

 这是一款免费提供图片或者视频分享的社区应用软件,这里汇集了各领域的人群,有明星达人、设计师、创意人群、普通人群等等。这就相当于一个庞大的朋友圈一样,各领域的人群在自己的圈子分享自己的生活或者工作。 
 
图片 
 
里面有很多优秀的设计师和创意类人群在平台发布自己的作品和经验,可以关注他们,获得更多优质的动态。里面涉及的领域很多,设计、插画、艺术、时尚、摄影、海报、杂志等等,可以去关注体验一下。 
 
图片 
 

Pantone Connect

 
每年的年度颜色相信对于设计师来说都很熟悉,这些年度流行色就来自 Pantone。而 Pantone Connect 苹果版是一款设计师配色软件,这个 APP 主要是帮助设计师简化色彩的选择,提高对于色彩的感知能力,进而提升我们的设计质量和效率。 
图片 
 
这是设计师与色彩专家必备的软件之一,能够精简你的色彩灵感到设计的流程,让你轻松捕捉色彩并运用到设计项目中。
图片 
 

国家地理

提高审美最有效的方式就是多看、多分析、多总结,而多看是比较关键的因素之一,看优秀的设计作品和摄影作品等。《国家地理》杂志(中文版:华夏地理)是一个欣赏摄影作品非常不错的应用,风光、人文、纪实类等摄影作品非常丰富,且摄影作品质量较高。 
 
图片 
 
APP 里面也提供了国家地理杂志的电子期刊,感兴趣的同学可以订阅阅读。可以通过对摄影作品的构图、光影、色彩等分析学习,提高自己的审美能力。 
 
图片 
 

ZCOOL 站酷

 
对于国内设计师来说,站酷应该算是再熟悉不过的了。里面汇集了众多设计师创作的作品和文章,也会举办一些设计相关的比赛,还有很多其他主题活动等。
图片 
 
除了在上面获取设计相关内容以外,我们也可以在平台上发布自己的作品和经验,不仅可以积累作品,也能获得更多机遇,是打造个人 IP 较为理想的平台之一。 
图片 
 

花瓣

这是个人比较喜欢的一个 APP,可以帮助我们采集优秀的设计作品和图片素材等。可以在上面发现你感兴趣的内容,采集你喜欢的作品,整理你的灵感资源库,还能非常方便的分享你的采集。 
图片 
 
花瓣里面的内容都是各位设计师在其它平台采集进去的,部分点击可以进入原始出处,也是非常便利的。主要是手机和电脑都可以同步,不占自己的内存,携带和管理都非常便利。 
 
图片 
 

TOPYS

TOPYS 专注在全球创意、艺术、人文领域寻找最有质感的声音,专访了百余位全球顶级创意人,原创文章内容超过 30000 篇。
图片 
 
在 APP 里面包含了设计、创意、艺术、文化、名人访谈、灵感视频等等内容,通过这个应用可以方便我们了解各领域的最新动态。 
 
图片 
 

VART

这是一个艺术类 APP,功能也比较强大,可以帮助设计师了解艺术展览,根据你的定位查找周边的展览信息。不仅可以搜寻艺术展览和实现展览订票等关联操作以外,也能在应用里面听展、全景观展和了解一些艺术家信息等。
图片 
 
当然展览的海报设计也是不容错过的作品欣赏,这绝对是提升海报设计能力的关键。通过观看艺术展览可以提高我们的艺术细胞,通过了解艺术家可以让我们知道这些艺术作品背后的故事,这些都是提高我们设计感知能力的关键。 
图片 
 

小结

提高我们设计能力的途径有很多,而这些与设计、艺术相关的 APP 也能对我们的提升起到至关重要的作用。今天先给大家分享这几个常用的 APP 作为抛砖引玉,希望可以带给你一些帮助!   
 
 
原文地址:黑马家族(公众号)
 
作者:黑马青年
 
转载请注明:学UI网》作为设计师,这几个APP你居然不知道

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

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

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

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

五个案例教会你怎么做卡通 LOGO (二)

seo达人


在上周的卡通 LOGO 教程中(指路→ 五个案例教会你怎么做卡通 LOGO),我已经讲了一些我个人设计卡通标志的方法及需要注意到的点。那么这次我将会继续带来一些卡通 LOGO 设计的心得。  
 
图片  
 
我真的很喜欢做猴儿,包括猴儿的亲戚猩猩……
这个 LOGO 的设计也是巧合来的,偶然间在 PIN 上看到一张大猩猩的照片,这个姿势非常有趣,仿佛在说:我 TM 真是个大帅比。这个心态我很喜欢,像极了我认识的一个叫猴子的老师…… 
图片  
 
那么还是老办法,我们先大致勾一下这个帅比的轮廓。 
图片  
 
勾出大致轮廓后,观察整体的轮廓形态,还记得上次讲过的吗?卡通形象身体短一些,头大且圆,可爱气质才能突显。所以这里我们先复制一个轮廓出来,再压扁(这样做的目的是为了在精确绘制的时候能把控住头与身体的比例关系)。 
图片 
 
但是这个案例压扁后,我发现头部的比例其实也还可以,那么我就直接拿压扁后的来垫底,开始绘制精致的外轮廓(注意,我们依然要寻找一个起始的锚点,使猩猩是一条完整的合并的形状)。 
在一边绘制的时候,一遍注意让线条尽量顺滑,呈现更几何的状态,我这边标注了下一些地方需要注意。 
图片 
重新绘制后的效果,是不是比草图上的比例更敦实更可爱一些。  
 
 

重点 01

卡通形象的身体比例,四肢稍微短胖点,可爱气质更突显。
这个轮廓完成后,我们就可以开始先给它画上五官。但是这个图形,用什么表情来表现比较合适呢,看着我画好的这个轮廓我突然脑子里……
图片
对,思考者!  
 
然后我就打算让这只猩猩带着点帅气与内涵……
图片 

重点 02

闭眼表情不仅可以代表睡觉,还可以表现思考、沉思等情绪。想了解更多的卡通表情的表达,可以上网搜索。尽量用最少的线面,表达出情绪。
加上闭眼的表情后,那味儿是不是已经出来了,接下来我们再给它上个色,添加一些细节与阴影高光,再看下效果。 
 
 
图片 
上完色后感觉还不错,但是原图的猩猩是坐在树干上的,屁股那边的弧度是一个坐在物体上的状态,所以我们也需要填补一些什么物体让它能稳稳坐着,这里我们又需要展开联想,整个图形你希望呈现一种什么情绪。 
图片 
如果实在不知道画什么,用一个半圆,或者一个有弧度的形状就可以撑住它了。其实到这一步,基本大致完成了,配上文字排版就算搞定了。但是这个图形,因为猩猩的背部跟底部的半弧空出了一块空间,那我们可以用一个背景色去填补它,同时上个颜色,让这只猩猩是在月光下思考。 
图片  
 
 
图片
平时我都比较喜欢宇航员系列的一些小物件,每次看到都忍不住会买,所以一直想做一个宇航员的卡通 LOGO。
老规矩,我们还是先上网搜索一下宇航员大概是什么样的。  
 

重点 03

搜索素材,提取关键特征,是辨识一个卡通图形最好的点。
图片  
看到这些宇航员的图,试着去找出能表现出宇航员这个元素的特征(这里,我发现宇航员的元素是头盔、宇航服),我们再根据这些特征去分析怎么绘制。

图片

 

详细分析过这些元素后,宇航员的配置现在已经比较清楚了,那么现在怎么下手?当然,我们要先想,你想做一个什么姿势/动作的形象?当你无从下手的时候,上网随便看看,或许能找到你喜欢的姿势呢
图片
碰巧看到了这个小企鹅,形象可爱又动感,用到宇航员身上简直太棒了! 
 

重点 04

当你为卡通形象的姿势动作发愁时,试试「借位」的方式用别的物种的动作套到你自己的形象上,可能会有意想不到的收获。
好,那我们现在把这两张图,放在一起,可以用钢笔,也可以用画笔先在电脑上潦草的画一下。 
 
图片  
 
手残党最后的倔强……
图片  
 
画下草图,是为了看个大概……不要计较不要计较!
看过草图之后,我觉得方案可行,那就开始我手绘之路,其实到了绘制这一步,真的没有什么技巧可言了。钢笔练好是关键!  
 
图片  
 
精准绘制这一步根据大家的绘制能力,对比例的拿捏能力,绘制出大体的轮廓,绘制完后,给图形上色,填充细节。但是这样看起来,宇航员还是略显单调,我们可以根据绘制好的形象,给他增加一些点缀或者是合理的物体(这里主体形象是宇航员,那就可以增加与星空、宇宙的小物件),加个星星,既简单又合理,画面也饱满了。
图片
图片 
 
 
图片 
这一类的卡通 LOGO,我概括它为「拟人化且带有行业属性」的卡通标志设计。它不是纯吉祥物形象去展示,它带有人的动作特点,加上能代表行业特征的物体,能够生动地传达品牌行业属性。
上面的案例,可以看出是一只乌龟,推着一辆栽着小树苗的小车,不难看出这个 LOGO 应该是跟盆栽绿植有关。那它是怎么来的呢?平时的大量看图,我的两张库存图片就派上用场了。
一只推着盆栽的乌龟。 
图片
看明白了吧?就是用了乌龟的主体,加上这个土拨鼠推车的动作。首先先粗略勾勒一下乌龟主体。这里的图片参考,乌龟是骑着自行车的,所以我们先不管它的脚。
图片
勾完这一步,我们暂时先不画乌龟的手脚,因为我们是要让它推着车子的,所以我们先调整草图的轮廓线条。这边看草图,我们有几个需要优化的点。
图片 
 

重点 05

在自己优化线条时,尽量把形状做的饱满一些,卡通图形会显得更 Q 弹,可爱。
图片
我们看下调整后的线条,是不是更饱满了些?身体的形态可以了,现在我们来做一下四肢。这张图虽然角度跟我们要绘制的不太一致,但是我们可以看下大概的位置关系。 
图片
画完四肢,我们再根据乌龟的特征,细节,再给自己画好的轮廓加上,上个色再看看效果。 
图片 
最后画栽小树苗的小推车,这边的小推车,我们不做太复杂的处理,我们可以在网上搜一下小推车 icon,一般 icon 的绘制非常简洁,做 UI 的同学应该都知道。
图片
画完小推车再一上色,这个案例就完成啦~
图片 
 
 
图片 
 
猪猪那么可爱,为什么要吃它 ?
为了致敬我天 geigei,我特意做了这个案例(别问为什么,我不会说的)。
不说废话,直接进入正题!偶然在网上看到一张这样的图片,心里直呼也太 TM 可爱了!我想画它!当然,在做这个 LOGO 之前,我的意愿是我要猪猪的……但是不妨碍,我们可以用这个姿势,放在猪猪身上! 
 
图片 
熟睡的小鹿,太美好了~
那么我们就先操作起来!先把小鹿,哦不,猪猪的身子给画出来。还是老办法,先大致绘制一下线条。
图片
绘制后我们看看这个轮廓草图的问题。
图片
针对这些问题我们进行一下重新绘制并优化。
图片
到这一步,猪猪的身子差不多就 OK 了呢,接着我们就可以开始画猪头了!网上找一下猪猪的图片,你可以找实物照片也可以找猪猪的卡通图片。 
图片 
我找了这两张图,还是前面说的,观察特征,细节。角度不完全相同其实不要紧,只要我们能分析出它的特征即可。
这两张图我们可以发现,猪猪的特征是两页大耳朵,至于是往上还是往下摆,这完全看你自己想怎么绘制。然后就是翘起来的猪鼻子,与额头是有一个凹下去的弧度,如果角度不对不方便观察,可以把图片旋转一下,可以更清楚分析出来。
图片

重点 06

有时候参考图片不一定有合适你绘制形象的角度,旋转图片或者镜像,就能得到你想要的。
图片
根据前面的分析特征,我这边绘制了一个猪头,发现细节了吗?猪耳朵收笔的地方,线条变细了,并做了一个圆角。如果你很熟悉我的作品 ,你会发现我很多 LOGO 这类的地方都是这么处理,线条粗细不一也是一种绘制风格,收尾地方加圆角不会那么尖锐。
图片
把两个绘制好的部分合体了!
接下来就是我们的上色、添加高光阴影细节等流程……
图片 
但是发现,这样看起来有点儿单调,那我们还是老办法,给猪猪加一个背景色块吧~加完后明显会好一些,但是现在看,有点头重脚轻是不是,那就再给它加一个阴影。
图片 

重点 07

当你的卡通形象显得头重脚轻时,给它加一个阴影/色块或许能解决这个问题。
加个底色排个版,猪猪就很美很性感啊~~
图片 
 
 
图片 
这个案例其实看着很简单。为什么我要拿这个 LOGO 来讲解呢?这里面涉及到一些做好可爱卡通的点。
做过卡通标志的同学是不是会有一种感觉:自己做的卡通老感觉不够可爱,或者是看着不够高级。其实这里我想说的是,卡通 LOGO 做的好不好,技法跟审美缺一不可。我能分享的只能是一些关键点,还是要靠自己多看好的卡通作品,积累多了就能拿捏住卡通风格的 LOGO 了。 
 
图片 
 
上面这些卡通标志,看着很简单,但是都是非常优秀的作品其实没做太多的装饰,只是一个主体绘制,就能生动地呈现出形象。这类的卡通非常简洁,我个人也比较喜欢。
那我们就开始演示下这类卡通 LOGO 是如何做的,还有哪些需要注意的点。
首先,这类 LOGO 基本都是以动物为主体。我们先确定要做的是什么动物,案例上是一头犀牛,那我们先度娘一下犀牛长啥样!
图片 
 
这里我们分析下犀牛的特征。
图片 
 
如果你觉得用照片分析绘制的难度大,那你也可以搜一下 XX 简笔画,更方便你做成卡通风格。 
 
图片 
分析完后,我们可以先草图一下犀牛的整体轮廓,这里你可以找一些图片去垫底,大致画一下轮廓(方便演示,这里用一张简笔画来垫底绘制)。
图片 
绘制完轮廓草图,我们可以根据这个草图进行绘制并优化规整线条。 
图片 
根据上述问题我们做一步步优化。 
图片 
 

重点 08

这类简洁动物类的卡通 LOGO,关键是头部饱满,身子、四肢短。线条可以设置粗一些,不显得 low。
整体轮廓我们算是做好了,接下来就是填补五官,上色,增加高光/阴影等细节部分。哦,差点忘了我们没有画尾巴。百度下犀牛,参考着画条尾巴,应该不难吧。好了,我们看看成品~ 
图片 

总结 Tips:

1.卡通形象的身体比例,四肢稍微短胖点,可爱气质更突显。
2.闭眼表情不仅可以代表睡觉,还可以表现思考、沉思等情绪。尽量用最少的线面,表达出情绪。
3.搜索素材,提取关键特征,是辨识一个卡通图形最重要的点。
4.当你为卡通形象的姿势动作发愁时,试试「借位」的方式,用别的物种的动作套到你自己的形象上,可能会有意想不到的收获。
5.在自己优化线条时,尽量把形状做的饱满一些,卡通图形会显得更 Q 弹,可爱。
6.有时候参考图片不一定有合适你绘制形象的角度,旋转图片或者镜像,就能得到你想要的。
7.当你的卡通形象显得头重脚轻时,给它加一个阴影/色块或许能解决这个问题。
8.简洁动物类的卡通 LOGO,关键是头部饱满,身子、四肢短。线条可以稍微设置粗一些,不显得 low。

 

原文地址:胡晓波工作室(公众号)

作者:小章鱼

转载请注明:学UI网》五个案例教会你怎么做卡通 LOGO (二)

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

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

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

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


微医APP 3.0 | 健康有道

seo达人


 

原文地址:站酷
作者:风中凌乱的小笼包

转载请注明:学UI网》微医APP 3.0 | 健康有道

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

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

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

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


你今年的目标完成了吗?

seo达人



 

目录 

一、为什么要定目标
二、如何制定目标
三、我的目标是什么
四、如何分配时间
五、如何说服自己坚持
六、要灵活调整
七、要养成输出的习惯
八、要培养自己的自驱力
九、通过分享激励自己
十、通过总结验收自己 
  

 一  为什么要定目标 

如果没有目标,在漫无目的的职场中我们只有虚度光阴,能让专业能力保持原地踏步已是万幸,大部分情况下属于倒退。没有输入只有输出,属于透支自己的专业底蕴,总会有枯竭的时候。 
图片 
 
目标可以让我们在职场中更有方向,把职场路径走得更丰富多样,不会感觉到空虚,会出现阶段性的惊喜。“无心插柳柳成荫”已经不太现实,有心插柳才有可能会出现柳成荫的场景,目标的驱动可以让我们沉淀更多经验和作品,才能有效的证明我们具备更高的专业价值。
想要获得机遇就要拿出匹配机遇的能力,而能力的提升需要目标的驱动,这样才不会虚度光阴,充分的利用好闲余时间至关重要。 
图片  
 

 二  如何制定目标 

目标的制定是为了能完成它,而不是一个摆设,如何制定有效的目标才是关键。目标不需要定得很大,不一定是跨度长时间的长期目标,也可以制定很多短期目标。
如果以年为单位制定年度目标,要把它拆分为月度子目标,然后再细分到周或者天的颗粒单位内。目标的内容可以分为专业方向和兴趣方向,专业方向:作品输出、新技术学习、经验输出、书籍阅读、学习计划等等;兴趣方向与专业无关,是为了劳逸结合。 
图片 
目标不要设定太遥远,哪怕就是这个月要出一套作品定为目标,也是比较切合实际的。主要的不是目标的内容,而是如何分配和坚持,要逼着自己去完成,不能想起来就做一下,定个闹钟或者备忘录提示,时刻提醒自己要行动。 
  

 三  我的目标是什么 

2021 年初的时候我给自己定了这一年要输出 50 篇原创文章,涉及作品分析、职场经验、专业思考、设计教程、体验总结、工具推荐等等模块。比较开心的是我在最后一天如约完成了,其实拆分到以周为单位,这个量其实就会显得轻而易举。目标最主要的就是要拆分,只要细分之后按部就班地推进,自然是可以完成的。 
图片 
在 2022 年即将开始之际,我也在构思新的目标方向,除了继续坚持经验总结以外,要完成 100+ 的作品输出,还在对目标进行调整和细化,希望明年年底的时候我们一起来验收。  
 

 四  如何分配时间 

制定目标很容易,往往影响的因素是时间管理,三分热度谁都会,长期坚持才是至关重要的。
比如以一个月输出一套作品(20个主要界面)举例,要把时间细分到每天做多少,比如一天完成一个界面设计,那其实也就是 1-2 小时的量,你只要每天能固定投入两小时左右的时间,20 天左右是基本能完成界面设计部分的,剩下的时间用于调整和包装,是足够实现这个目标的。 
图片  
高效时间管理能够细分到每天的小时为单位,甚至有分钟为单位的,我们只要可以控制每天固定抽出两小时左右的时间即可。哪怕不是连续性的时间都没事,碎片化时间投入也可以,只要当日目标当日完成即可。  
 

 五  如何说服自己坚持 

自驱力是完成目标的关键,万事俱备却没有坚持,一切都会打回原形。一些设计师陷入温水煮青蛙的环境中,自驱力比较弱,就算定了目标也很难坚持到最后。
如何说服自己坚持比较关键,要培养自己的危机感,多和优秀的设计师对比,打击自己才能让自己清醒一点。也可以去面试一下,看看自己距离理想的公司有多少差距,知道自己的不足才能更有动力去改变。在一些团队或者组织里面交流,通过交流发现自己的缺点和不足,对照组织里面比较好的伙伴,以此为目标参照。
说服自己需要有打击,没有对比就没有“伤害”,没有“伤害”就没有自驱力。 
图片  
 

 六  要灵活调整 

目标并不是一成不变的固守,制定目标的时候是无法知道未来可能发生的变化,在执行目标的过程中如果发现不对,要灵活调整。
调整目标的细节和方向,或者放弃方向不对的目标,重新制定新的目标。与其耗费时间和精力去完成一个没有意义和价值的目标,不如掉头走出一条新的路径。 
图片  
 

 七  要养成输出的习惯 

在目标执行过程中要阶段性的总结,去输出完成目标过程中的经验,反思和总结才能发现更多问题,及时调整方向。
比如目标是输出 100 个 UI 设计作品,那我们可以在输出一定数量的时候做一次总结,梳理一下自己的思路和创作想法。或者进行一下作品包装,阶段性的整理和总结可以让我们停下来复盘,如果发现不足的地方可以记录问题所在,在后期继续创作的过程中及时调整。
图片  
 

 八  要培养自己的自驱力 

我们之所以会在职场中出现瓶颈期,自驱力不足是其中的一个因素,知道自己的不足,却不愿意去动手。刻意改变自己势在必行,顺其自然只会越陷越深。
往往环境很重要,和一群努力的设计师一起,氛围的熏陶也会推着自己前进。制定目标是为了给自己施压,在压力的促使下逼着自己去改变。首先可以找一个厉害的组织,和一群优秀的设计师交流;其次是和大家一起制定一个学习目标或者作品输出目标,有了互相促进的事情去完成,就不会虚度光阴;最后也可以系统性的学习提升,在没有好的组织的基础上,可以通过学习来改变自己。
无法通过自身唤醒驱动力,就要借助外部力量,氛围的营造至关重要。  
图片  
 
 

 九  通过分享激励自己 

分享是一件利人利己的事情,不仅可以帮助和自己有共勉的伙伴,也能通过分享获得建议。输出作品怕的是思维固守,往往旁观者的建议可以让我们看清隐藏的问题。
分享也是一个查漏补缺的过程,在总结经验的过程中也是一种系统性的梳理,遇到模棱两可的知识点,我们可以通过查阅资料等形式去验证。分享也是打造个人 IP 的形式,在设计平台上可以吸引更多同行交流,也有可能遇到好的机遇。分享获得的提升和机遇可以成为激励自己的形式,如果分享的作品获得平台认可也是对自己的一种认可,获得读者的认可也能带来更多的自信心。  
图片  
分享是对于自己和他人来说都非常有益的事情,这样才能让我们在实现目标的过程中,找到更多的成就感和自信心。  
 
 

 十  通过总结验收自己 

不能盲目的一直执行目标,这样会陷入不自知的迷雾中,有时候也要抬头仰望,也许会让自己更清醒。 
图片  
我们要阶段性的对自己的目标进行总结,验收自己完成目标的质量和效率,是否出现为了完成目标而忽略细节的情况。完成目标固然重要,但是目标带来的转化才是最重要的,如果只是完成而没有收获,那也是在做一件事倍功半的事情。如果自己的验收能力较弱,也要学会找比自己优秀的人来审核自己,借助别人的专业能力来对自己的能力输出进行把关。  
 
图片  
通过总结验收自己的目标很重要,特别是年度总结,这是验收完成度和总结经验的关键。目标执行过程中的季度总结或者月度总结也需要跟进,这是确保目标完成度和方向感的关键,便于及时调整。  
 
 

 小结 

关于目标说起来容易,制定出来也简单,而坚持到底最终完成目标才是关键。本文主要是和大家分享自己关于目标的理解和经验,希望在 2022 年我们可以制定出更符合自己的目标,最终我们都能完成它,收获更多经验提高自己的专业能力。
本文观点仅代表个人经验总结,如有不足欢迎大家留言补全,我们互相进步。   
 
原文地址:黑马青年(公众号)
 
作者:黑马青年
 

转载请注明:学UI网》你今年的目标完成了吗?

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

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

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

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



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

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端需求,看这篇就够了

分享达人

在产品设计过程中,了解需求是产品落地的基础之一,而在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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

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

雪涛

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

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

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

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

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

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

答:站在业务的角度,数据分析有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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档