上传作品,开始你的设计之旅吧

首页推荐

编辑精选

我的关注

12345...100
  • 文章/经验《拍一张照片,就能设计成一幅海报》系列创作分享第四期!~

    写在前面自从去年底我有了打造一个属于自己的小花园的想法后,我就每天都在为实施这个想法准备着。整个花园改造全都是我亲力亲为一点点动手改造,虽然整个过程还蛮辛苦的,但是一想到以后园子里都会开满自己种下的花,就很有成就感啊。当时我每种下去一颗植物我就很担心是不是能活,因为作为连仙人掌都可以养死的手残党来说,我真的对自己不抱有太大希望的,但是既然种都种下去了,我依然还是每天都会去院子里观察一下植物的生长状况,该浇水的就及时浇水,其他的就听天由命了,心想:“你们快快发芽吧,给我一点惊喜好嘛?拜托了”。庆幸的是,今年开春,我在院子里种下去的爬藤月季、法国香水、葡萄树、金银花、绣球、竹子等等全都陆陆续续的活了,冒芽了长叶了,就连撒的格桑花和粉色满天星的种子也冒出了很多嫩芽,长势非常好,接下来就静等开花啦。然后上周六去了附近的大学里赏樱花,回来的途中在一片荒废的树影里无意中发现了好多苔藓,当时心想我院子里的石头缝隙中见刚好缺点绿色,所以我就挖了一篮子苔藓带回院子,并且立马就给铺上了。今天看了一下,苔藓的也种活了呢,真的是谢天谢地。好了,以上只是关于我的小院子的一些小片段,以后有时间再跟大家讲诉这里面发生的故事。而之所以会在开篇讲述这些小片段,是因为我今天要为大家带来的《拍一张照片,就能设计成一幅海报》系列创作分享第四期,基本都是从大自然里获取而来的灵感,而且这一期的海报也基本都是关于花花草草的,而且主要都是偏日系的。同时也因为我不喜欢枯燥的学习形式,所以我们这次依然是边唠嗑边聊设计咯,请跟着我的节奏(由易到难,由浅入深),一起感受设计来源于生活的魅力好了,如果大家看完后也能获得一些思维上启发,那就太棒啦~那么,超长开场白说完了,我们开始吧~照片一:这张照片我超喜欢的,因为是非常的偶然拍下来的一张。因为武汉其实一直在下雨,下了好几个月的雨,就算不下雨也一直是阴天,所以那天真的很难得,难得一见出了一会太阳,而我刚好在收拾工作室里的干枯的花朵。我看到很多洋牡丹的花都凋谢了,但是那些花瓣扔了吧又很可惜,所以我就找了个玻璃杯子把它们装了起来,放在了窗户边的货架上。刚好那个时候是下午五点多,太阳快下山了,光线的角度很好看,光线的强度也合适,所以我就拿出手机咔嚓拍了好几张照片,记录下了这难得的阳光。没想到,最后看到照片好好看,特别像一杯盛满了阳光的花瓣冰淇淋,我把照片发到朋友圈大家也都说很好看,所以一不做二不休,做成海报吧!~最后,一张日系海报就出来咯!~我给这张海报取名字叫《盛满阳光的干花》。这张海报在排版方面其实没有啥好说的,是很常见的一种排版方式,但它比较特别的地方其实在于光线很美,所以我在做设计的时候就会去利用这些光线。我会假想它是一杯可口美味的冰淇淋,我会假想现在是夏天到了,我也会假想这杯冰淇淋他居然会散发出多彩的光芒,真的很有意思。所以我拿出我的手绘板,围绕着玻璃杯就是一顿乱画,blingbing的感觉就出来啦,最终出来的海报效果真的太好吃了,隔壁小孩都馋哭了,哈哈。而且,我将海报做成了明信片,实物超好看的,拿在手里真的把我美哭了。不能我一个美,给大家也眼馋一下吧哈哈哈哈!~照片二:这张照片是几个星期以前的某一个周六拍的,你看,那时候我的石头缝隙里还没有铺满苔藓呢。那周六我原本是计划去花卉市场选购一些盆摘回来种在院子里,但是中途却被大片大片的多肉给吸引住了。要知道我以前可从来没有想过要种多肉的,因为我怕把它们养死了,但是各色各样的多肉堆在一起实在是太好看了好嘛,然后没忍住,一口气买了六七十盆多肉回来(没办法,太可爱了控制不住自己的手啊)。回来后天色都不早了,所以等到第二天才有空搭理它们,那么多可爱的多肉堆在一起,视觉感受太好了,所以我的热情非常高,一口气把所有的多肉都给种了。不过,虽然是第一次种多肉,但是最终种出来的效果看起来还不错呢,给大家看看。当我把这些多肉照片发到朋友圈,果不其然咯,大家一边喊着好美啊好美啊,一边给我留言说:“婷姐,你看这些多肉看起来像不像一幅海报?”哈哈哈哈哈,我服了你们了,说做海报就做吧:“呐,大家接住!”我给这幅海报取名叫《石间多肉》,并且非常顺其自然的写下了这几句文案:田间小路,五谷杂粮,石间多肉,诗和远方。其实,对于我们这种从小就在农村长大的孩子来说,这种画面实在是太普通不过了,但那时候的我们太小也太穷,根本就不知道这样的画面有什么好看的,我们也时常被教导要努力读书,有机会一定要去大城市看一看,那里才是出人头地的地方。可当我费尽千幸万苦,突破重重困难,终于考上了大学,终于找到了第一份工作,终于在大城市里生活了十几年以后,在经历过尔虞我诈、人情世故、升职加薪等一系列磨人的问题后,我反而开始向往安安静静地田园生活了。这也是很多人追求的“诗和远方”,可是,我们其实已经离不开大城市的便利和发展机会了,我们也不大可能再回到农村去生活,所以我开始去反思:努力的意义到底是什么?活着的意义到底又是因为什么?后来我终于明白:努力的意义是可以让自己拥有更多选择权,可以自由选择做什么去哪里和不做什么不去哪里,而不是被动地去接受命运和他人的安排。而活着意义,就是珍惜每一天,把每一天都过得充实,尽自己所能去创造价值,去发现生活中的美。如果在这个过程中,你也能同时影响到了其他人,让大家都可以朝着一个美好的方向去努力,那就再好不过了。另外,不同的人有不同的活法和性格,就好像我们每个人都是一个个大小不一形状各异的齿轮,看似独立,但其实我们每个人的一举一动都影响着整个世界的运转好坏和快慢。所以啊,我对自己的要求就是:活着的时候就好好活着,如果在离开这个世界的时候,还可以为还活着的人留下一些有益有价值的东西,让生命得以延续和传递下去,这也不枉费我来这世上走一遭了。然后我发现,当我带着这种心态去生活,生活也就变容易了许多,无论是人际关系还是事业等等,一切都步入了正向循环。正如我做这幅海报的时候,我会去回忆我的小时候,回忆我走过的那些石头路,我幻想着石头缝隙里能开出花儿来,我不希望过那种一眼就能望到头的生活,所以我需要自己学会创造乐趣。这就是为什么背景的石头路被我处理成了暗色调,这也是为什么我会在拍照的时候故意放了一些多肉在石头缝隙里,这也是为什么我故意让一盆多肉伸出了竹编的篮子,这也是为什么我在最后海报完工的一刻给它画上了一条弯弯绕绕的线条。这张海报里有我的回忆,也有我想打破常规的乐趣。当然,以上这是从情感表达的角度来解说我的设计思路。而从设计原理的角度来说,因为石头路背景是比较杂乱的,所以通过调暗背景的方式可以让画面变得更干净,不至于影响到前面的文案,尤其是当你的文案比较多的背景又比较杂的时候,不妨试试这种方法,可以让画面层次更分明。照片三:这张照片依旧是拍的多肉,跟第一张照片是同一个系列的,也是同一天拍的。因为我刚好在年前的时候买了好多陶瓷的盘子,形状各异,本来是准备拿来盛菜用的,但是这次买了这么多多肉,我就干脆用来养多肉了,没想到出来的效果还不错。而且摆在一起很像一道道菜有没有?所以我当时就想把这张照片当作一道美食主题的海报来做来着,而且瓷器啊陶瓷什么的都是比较有古韵气息的物件,所以我想到了要把水墨这种元素运用进去(虽然我不会写毛笔字哈哈哈)。然后一张日系海报就出来了,我给它取名叫《多肉盛宴幸福日》:这张海报从情感上来说没有啥好说的,因为该说的我在前面已经说了,主要给大家说一下设计原理层面的知识吧。首先,我们做设计的时候有几个手法是需要记住的,比如:对比、重复、特异等这几个手法是最常用的,它可以让你的画面更灵动更耐看,而且可以让你的信息层级更分明(关于它们具体的解释和用法我会在文章结束后面贴出我之前写的一篇关于排版和平面构成的超级干货的,先不要着急)。我这里其实就是运用到了好几处的对比:比如各种不同形状的陶瓷盘子放在一起本身就是一种形状上的对比,视觉上看起来不枯燥不容易视觉疲劳;再比如文案大小比例的对比,目的也是为了让我想要突出的文案信息更醒目一点的同时让画面更有节奏层次感,视觉上不会疲劳;再比如左边我用画笔添加了一笔s形的笔墨,和右边陶瓷盘子排在一起形成的直线又存在一种对比关系。总而言之,做设计玩来玩去就是那么些基本法则的,你把这些基本原理搞透了,做出来的设计会更耐看不说,做起设计来也会更容易些,你到时也好跟客户解释你为什么要这么做,从而更容易过稿。就,先传授到这里吧,我们接着往下看。照片四:我发现啊,大家现在看待我发的朋友圈照片的反应变了,以前只要我一发照片,大家就会在下面喊:“做海报吗?”“做海报做海报!~。结果,现在变成了:“接下来婷姐会pick哪张照片做海报呢?”“我猜第X张照片会变成海报!”。你看,从这些留言就能看出来,以前大家是不确定我会不会做海报,现在大家是确定了我一定会做海报,但是不确定我会挑选哪张做海报,甚至有的人在我的朋友圈呆了这么久以后,都可以猜出我会选哪张做海报以及做出什么样的风格了。你看,这不就是最好的证明吗,证明多看还是有好处的,在我的朋友圈熏陶一段时间后,你们已经对设计有一种潜意识了,这其实是一种很难得的东西,你们以后会明白的。也许突然开窍就在某个阳光正好的下午,哈哈。不过,如果每次都让大家猜中那就太没意思啦,毕竟,永远不按常理出牌,永远出其不意,才是我所追求的有意思的人生。就好比上面这张照片,是我发的6幅照片里的其中一张,没有人觉得我会对它下手,但是,我偏偏就对它下手了,简直毫无人性。。。。然后,做成海报后,我给它取了个名字叫《野花的回忆》。一开始我并没有打算将它做成这种结合手绘的形式,一开始我只是单纯的觉得这照片其实只需要调个色然后再加点日文,一张海报就出来了。但是我的内心忧有一个声音提醒我:“难道你现在对自己的要求这么低了嘛?你确定要重复你以前早就玩过的东西吗?”好吧,确实,我不应该这么没有追求。因为我一开始决定做这种形式的设计本来就是为了发掘生活的美,设计的美,并且希望通过设计的形式来展现生活的美,同时也希望自己能够永远对设计保有热情,并且手不至于生疏。所以我放弃了那种偷懒的想法。最终权衡后,觉得还是结合一点手绘吧,这样子画面会比较有意思,而且我摘的是野花,野花的魅力在于它是具有一种野性美,比较张扬比较追求自由的感觉的,所以我在绘制的这些花花草草都是伸展出来的,毕竟它们是野花,野花是不喜欢被束缚的。同时,如果你们有去观察一下野花,你会发现野花的颜色其实都是比较亮眼的,其中以白色、玫红、亮黄、蓝紫色居多,然后粉色、红色之类的野花也有一些,但你几乎很难见到那种很柔和颜色的野花。这其实跟生长的环境有关,因为野花大都是在恶劣的环境里长出来的,它们经历过大风大雨,也受过烈日的烤打,这反而造就了他们顽强的生命力:虽然生活越是残酷,它越是要开的娇艳,你看,这种不服输的劲儿多么迷人啊。而温室的花朵,看起来它们的生活环境要好得多,人们会给她最适合阳光、温度和土壤,但其实人们出于私心,会通过改变光照、土壤的酸碱度、温度等等来控制温室里的花朵的颜色和形状,人们可以任意决定她们的去留,这迫使她们不得不使自己看起来温柔、听话、可人,可是一旦离开了这种温室,这些花儿很容易就会凋谢,容颜不再。就像我从花卉市场买回的的盆栽,那些看起来长势很好的花开的也很漂亮的反而没几天就全都死了,反而那些看起来不咋滴的或者买的幼苗却全都活了,适应了我这里的环境。你看,这些花儿们的人生,是不是像极了我们很多人的人生?好了,扯远了。其实关于这幅海报,排版也很简单啦,主要在于想法,所以我也没有什么好继续解说的了,因为该说的我都在上面说了,不知道你们能够理解几分其中的深意。不过我这里倒是可以再分享一段我在设计这幅海报时候写下的一段文字,如果你不嫌弃的话,也可以把它当作一首诗:照片五:这张照片,是在我的书房里拍的,作为爱花的人,我的瓶瓶罐罐可真的买了不少,那天我摆了些瓶瓶罐罐放桌上,我买的花被我养了几个星期了还活的好好的,真的相当难得了,所以干脆给它们来了几张合影,然后发到朋友圈,准备得瑟一番。谁知,这帮面粉一个个都成思维惯性了,一看到我在朋友圈发照片,就喊着:“做海报做海报做海报!~”我的天,我真的说实话,我这人还蛮懒的,我每次拍照片也都是一种习惯,压根就没有想过要做什么海报,结果呢,到目前为止我都做了60多张海报,全都得亏大家经常在我的朋友圈里喊:“做海报做海报做海报!~”你们说,我是该感谢你们还是感谢你们还是感谢你们啊,我的勤奋和努力活生生是被你们给逼出来的,造么?(嗯,容我抹一下眼泪)。废话不多说,做海报就做海报吧,发朋友圈没几个小时,硬是熬夜做了张海报出来了,呐,如下图所示:嗯,一张很日系的海报。为什么我会做成日系,因为这张照片给我的感觉就是东西很多很杂,但是又杂而不乱,还有点生活气息在里面 ,所以我很容易就会往那种文艺气息方面去调色,调着调着,不知怎么滴,就给调成日系了。心想,得了,日系就日系吧,日系就日系到底吧,于是啪啪啪打了些日文上去了,看起来好像还有那么点感觉,性冷淡。另外我要说下这张海报的重点,其实是在于把控画面的透气性,也就是注重留白,原照片其实画面比较堆在一起的感觉,但是我没办法,因为我书房里桌子距离那些隔板的高度就是那样的。但是当我意识到这个问题之后,我就在ps里把画面里很多元素的位置给挪了,然后就这么个小变动,整个画面立马就透气了,你会感觉这个画面里虽然东西很多,文字也很多,但看起来还挺舒畅的,对吧?秘诀就在这里,注重留白。对了,做这张海报的时候一直在听李荣浩的《年少有为》,所以那些文字就是这首歌的歌的歌词截取的部分啦。所以,如果你也听着这首歌来看这张海报,也许会更容易跟我产生部分共鸣,因为我的海报是伴随着这首歌做出来(嗯,此处应该响起背景音乐《年少有为》)。照片六:这应该是我第n次拍自己的腿子,并且第三次决定把它做成海报了吧。嗯,武汉开始降温了,那天我准备出门吃饭,就随意套了一件卡其色大衣,鞋子也是追求舒适的马丁靴,包包嘛就是简洁轻奢范儿啦,包上的挂饰是在日本买的(这个小娃娃我还另外买了2个当作礼物送给了面粉,收到礼物超喜欢的因为实物比照片还要精致好看,hiahiahia~),你看我这一身随意的搭配,除了显腿短,整个色调还是蛮舒服的吧,哈哈哈~嗯,刚好在拍这张照片之前,我经过了一片银杏树,很多杏叶撒落在一条一条的木质地板上,画面很有秋天的味道,所以当我吃完饭回到家,我就赶紧打开ps,把我脑海里的画面做成了海报:不过我并没有用银杏叶这个元素,而是用了秋天,而且依旧是用的日文,大概是9月份去了趟日本,感受了一下那边的景色,虽然没能有眼福见到大片大片的枫叶,但是心里还是有念想吧,所以不自觉的用了日文和枫叶来做这幅海报,整个卡其棕色系也是很有秋天的韵味。而且假装有几片枫叶溜进了我的包包口袋,哈哈哈,每当我做完一幅照片海报,我就感觉当设计师可真好啊,我好像有了一双有魔力的双手,想要的画面我可以自己去创造,顿时幸福感满满。不知道你们在看到我做的这些海报的时候,是不是也可以感受到与我一样的心情呢?感觉生活都变有意思了吧?如果真是这样,那就太好了呢。另外再对比一下我之前做的几张关于腿的海报,其实你会发现,不要局限自己的思维,排版真的有很多种玩法:走路时的照片:做成了海报:走路时的照片:做成了海报:是不是很有意思?同样的腿和姿势,不同的排版、配色、元素、字体的运用,得到的画面感觉真的很不一样。那么,你也可以这样玩起来的,排版没那么难,不信你也试一试?照片七:我有一只萌宠喵咪,名字叫小面团,虽然来到这个新家才十几天,但是她真的太可爱太萌了,所以作为一枚爱拍照片的设计师,我真的就跟中毒了一样,给它拍了好多照片和视频,而且还总是发朋友圈分享(导致最后有不少面粉都说我成了晒猫狂魔了)。其实我也不想的啊,我原本只是想拥有一个花园,然后我真的打造了一个花园,有了花园之后我又觉得也许再配上一只白猫会更美,然后我就拥有了一只白猫,可谁知道,猫咪会这么可爱呢,她老是喜欢趴我腿上睡觉或玩耍,尤其是当那一双圆溜溜的眼睛看着我的时候,我完全没有抵抗力啊。于是,我决定做一张海报,人生中第一次为喵咪做海报,就贡献给小面团啦。设计成海报后:哈哈哈,设计完这幅海报后,觉得好搞笑。因为这个小面团特别机灵,她只要看到我们吃东西或吃饭,她就特别特别着急,一边噔着个大眼睛看着你,一边喵喵直叫,所以我在做这幅海报的时候就假想:“小面团现在肯定满脑子都是小鱼干,鱼儿游来游去,她好想吃哦,再给她配上一双发亮的大眼睛,就更形象啦”。然后我拍的好多照片基本都是白底的,或者是比较简洁的,而且有时又比较有趣味,所以第一感觉就是这张喵咪照片很适合做成日系海报,自然而然也就配了一些日文上去。可能很多人看了我这么多期的海报文章后也发现了,我好像经常喜欢做日系的海报,但我觉得这没有什么不可以的啊,因为我每次做海报都会遵循我自己的2个原则:一个就是根据照片原有的气质来设计,一个是根据我自己当时的心境和喜好来设计。在我的理念里,设计就是无国界的,英文的、日文的、中文的我都喜欢设计着玩,反正,甲方就是我自己。照片八:上面这张照片是我在自己的工作室里拍的雪柳的一部分截图,大概是长时间开空调的缘故,我的雪柳都开爆了,当时觉得超美就怕了下来。然后看完照片莫名觉得这花好儒雅好有气质,特别适合做一张淡雅气质的海报,然后我想到了一首古词《念奴娇·雪柳》,觉得文人好像都特别喜欢借景抒情,所以我很自然的想到了要不这一次的海报就运用上毛笔字吧。可是,虽然我知道自己要什么感觉气质的毛笔字,但我就是写不出来啊,因为毛笔字我不会写,然后我问了我的助理们,她们也不会写,那怎办呢,我只好硬逼着她们写了,赶鸭子上架。我就给她们说:“你看雪柳的形态,有非常多的纤细的枝条绕来绕去的,所以你可不可以给我写出那种带一点潇洒又带一点女性柔美气质的毛笔字出来?并且字不能写的太瘦高了,因为我的画面有点杂,所以文字不能看起来太细碎,同时还需要能体现出一点傲骨的气势”。(啊,这个甲方要求也太多了吧!~)然后,虽然助理们尝试写了好多毛笔字,但是我都不太满意,因为全都写的太规矩了,不够潇洒有气质。最后大家都已经越写越不像了,我只好说:“干脆停下来吧,不要继续写了”。然后我不得已在那一堆毛笔字里挑出了几个大致符合我要的感觉的字,放进ps里稍微又做了一些调整,尤其是“柳”那个字没有一个满意的,我干脆就把好几字拆开后再把他们拼接起来,这才算完事了。还有,原本照片里的雪柳枝条是比较凌乱的,所以我就把该去除的去除,该补上的补上,该虚化的虚化,再运用我的调色技巧给画面润个色,一张比较亲新淡雅气质的海报就出来啦。设计成海报后:我个人还是比较喜欢这张海报的整体感觉的,因为是我喜欢的气质,感觉有一位冰清玉洁的年轻美女站在了我的面前,而这位美女是我创造出来的,哈哈哈。当然,如果我会写毛笔字,可以任意写出自己想要的字型就更好啦,可是,写毛笔字真的好难啊,放弃了放弃了。。。羡慕那些会写毛笔字的大佬!~照片九:这张照片也是我11月份在深圳拍的,那天结束了花艺课,准备离开的时候,看了一眼天空,刚好看到这幅画面,一支藤蔓再往对面的树丛里延伸,与对面隔树相望,仿佛是要与什么相见但见不到,仿佛是要得到什么东西但是得不到等等。总之,这张照片我总觉得很适合拿来做海报,但是刚好那2个月一直在外面跑,没有时间和精力拿出来做海报,所以就一直搁浅了。直到昨天,我又把这张照片翻了出来,按着我联想的思路,“求而不得”、“距离”等这些关键词,我就做了下面这幅海报:我给这张海报取名叫《最遥远的距离》,最遥远的距离是什么?“世界上最遥远的距离,不是生与死,而是我就站在你眼前,你却不知道我爱你。”做这张海报的时候,莫名就想到了这句电影台词,所以那些攀爬的藤蔓啊,就像一个个求而不得的思绪,怎么努力也抵达不到对方那里,所以那些文字被设计成了那样扭扭捏捏的感觉,所以那些文字间距是那么的不规整,所以海报的色调是冷冷的。所有求而不得的情绪都包含在了这幅海报里。诶,打住,前面的海报明明都是快快乐乐的,为啥最后结尾的这幅海报是这么悲凉的呢?这不符合我的尿性啊!~来吧,我又调了一个稍微暖一点色调,想要告诉大家,不要那么悲伤,人间还是值得的(当然。。。也有人说这个色调看起来更悲伤了怎么回事?(喂,别这样拆我的台太好嘛,哈哈哈)照片十:这张照片是我11月份在深圳学花艺的时候拍的,那天我是要做一个水滴状的手捧花,然后需要非常多的花材,我就去外面院子里摘了很多野花,野花是用一根根铁丝穿起来的,然后外面还要用绿色的胶布绑起来,看起来会比较好看。当时我也是第一次做这种事情,而且很耗费手工,所以把这些野花穿好好我就拿手上拍了一张照片,留作纪念。这时候你看这照片,你觉不觉得很眼熟?没错,它看起来像极了我们过年喜欢玩的烟花,我们会把烟花拿手上甩或转圈圈,像个孩子一样,感觉很快乐。所以,我回到家就做了一张海报,呐,如下图所示:看到这张海报,你有什么感觉?有没有感觉很快乐?嗯,反正我是很快乐地做着一张那个海报的,因为我这可是真的花啊,哈哈。我假想当我挥舞手中的这束花,它真的会有源源不断的花瓣掉落下来,就像放烟花一样。而且花的量得够,要不然没气氛的,但原来照片手里的花有点太单薄了,我就干脆拿出我的杀手锏——抠图,给它多加了一份花,看起来画面饱满一点。至于为什么这次的文案用了英文,我就是觉得英文给我的感觉比较浪漫吧,而且是这种手写体英文,更活泼自在俏皮一点。ok,一张照片就这样变成海报啦,看完,有没有感觉到很快乐,哈哈~然后,尤其是当看到这些海报又变成了明信片和版画之后,内心无比有成就感诶,也超好看。所以看到这里,我问大家几个问题呀:大家觉得做设计难吗?如果没有素材就不会做设计了嘛?没有高质量的图片就不能做设计了嘛?嗯,我想用实际行动证明,答案不是这样的。如果我们想摆脱对于素材的依赖,如果我们也想做原创的有思想的设计,那么是时候开始培养自己擅于发现美的眼睛和勤于思考的脑袋了。虽然一开始这么做很难,但是一步一步走下去,坚持下去,你会发现无论是做设计也好,还是生活也好,都会变的越来越容易和快乐的。ok,今天的手机随手拍照片变海报系列文章,就先分享到这里吧,我们下期再见!~(附上我家喵主子的表情包,哈哈哈哈!~)

    做设计的面条做设计的面条 3312 40 9
  • 文章/经验用户体验设计的价值——感悟和反思

    作者:苏大牙丨百度资深UI设计师原文链接:https://www.zcool.com.cn/article/ZOTgxOTcy.html文章包括:什么是用户体验;2.用户体验为什么需要被企业重视;3.如何衡量用户体验设计。听到“用户体验设计”,大家再熟悉不过,无处不在的“提升用户体验” ,张口闭口的“用户至上”,时不时飙出的“以人为本”,近几年“重视体验”这股风,吹的设计师心里美滋滋,心想终于知道老子的重要性了。然鹅,当膨胀中的你发现,有些产品的体验做的极为相似,但其中一款的用户量,照样被另一款碾压时;有些产品的设计明明做的很烂,依旧有很多用户乐此不疲的使用时,你内心会不会觉得那“重视体验”有毛用。工作时间越久越发现,比起产品出现的时机、定位、战略,所谓的“用户体验设计”有时显得非常无力。所以,在无数次因为我跟迪丽热巴一样晚上坚持不吃宵夜而失眠的夜里,都会忍不住比较有深度的问题,比如:“用户体验设计的价值真的有那么大吗”?今天撸篇文章,跟大家分享一波夜深人静中大牙的相关思考。什么是用户体验设计? 有没有人跟我一样,被近几年各种的“UX”、“UE”、“UI”、“GUI”      、“UXD”、“HCI”等不同的专业名词搞的一脸懵逼,闹不懂究竟有什么本质区别,吓得自己赶紧捂住Z罩杯的胸口喊:我是谁,我在哪,我是不是要失业了!更不用说什么是用户体验设计了。我们在谈“用户体验设计”之前,首先要弄懂“什么是用户体验”,官方对它的定义是:用户在使用产品过程中建立起来的一种纯主观感受。“用户体验”这一概念第一次是在Donald Norman 2010年在Uxdesign.com发表的《UX Design Dedined》一文中被提起的。 那“什么是用户体验设计”呢?官方定义是:以用户为中心的一种设计手段,以用户需求为目标而进行的设计。官方定义总有一种魔力,就是里面字都认识,但就是看不明白、记不住。所以,贴心的牙把它翻译成大白话:好的用户体验设计就是围绕着用户目标,设计出让他们觉得真香、还想要的使用感受。为什么要重视用户体验设计? 道理都懂,大家都知道对用户来说,产品当然越好用越好,但是对于以商业化为最终目标,在资源有限情况下的企业来说,为什么需要优先重视用户体验设计呢?经过分析,我把它大致分为以下两个原因:1.“用户体验”不止于外观;2.“重视体验”是必来趋势。1.“用户体验”不止于外观  很多人提到“用户体验”,下意识的觉得就是设计师做的事儿嘛,比如:交互合不合理,视觉好不好看。真的是这样么?我们想象一个场景:当让你评价淘宝和京东哪个体验更好时,你会怎么评价?你会发现,你更关注的是网站上有没有你要买的东西?价格ok不?能不能快速找到?质量靠不靠谱?支付方不方便?商品多久能到?出问题了有没有服务保障?因为任何一个环节,都会影响着你对体验的评估。可以看出,“用户体验”不仅限于人机交互,它是用户使用产品时整个过程的体验和感受。《用户体验要素》这本书,把影响用户体验的因素分为5个层次:a.战略存在层;b.能力范围层;c.资源结构层:d.框架层;e.感知层。tips:大家都见过上面这个框架,但有多少人会在日常工作时代入式的去思考呢?今天又拿出来说它,其实是想着大家平常在做设计时,一定要有产品框架思维的意识去做设计,不要仅停留在好不好看层面,捡了芝麻丢了西瓜,抓不住问题本质,而盲目的成为这条gai上,最单纯的画图仔。)我们拿美团举例:因为最近关于美团“变黄”了的文章,在我公众号列表里刷屏了,下面我们尝试着拿“用户体验五要素”来看这件事儿。a.战略层战略层是一切产品体验的根本,在这一层要考虑的两个问题:1.产品想得到什么?2.用户想得到什么?如果这一趴都想不清楚,就别再想后面的体验了。那么美团的战略是什么呢?可以看出,近几年美团已经从以前的“团购产品”,把战略聚焦为Food+Platform,正以“吃”为核心,建设生活服务业从需求侧到供给侧的多层次科技服务平台。它的这个战略,跟用户最基础的“食”、“住”、“行”需求完美匹配(“衣”的话应该也不是美团的优势,已经被阿里满足的很好了)。因此,找到“产品定位”和“用户需求”之间的平衡点,是保证用户体验的第一步。这也就解释了为什么有很多产品明明交互视觉体验很烂,还是会有很多人使用,是因为它们在战略层做对了。a.范围层范围层指的是:1.我们要做哪些事;2.我们不做哪些事。如果没有清晰的战略,产品就会出现什么都想做,什么都做不好,别人做啥我做啥,用户一脸懵逼的看着跟自己毫无关联的功能。有了清晰的战略,“范围层”就可以朝着战略的方向变化、拓展。比如,美团明确了自己的战略后,就一直围绕着“战略层”拓展自己的功能和服务。“吃”前你要干吗?对,出行,因此有了打车和骑行服务;“吃”后你要干吗?唱唱歌,看个电影吧,因此有了娱乐相关服务;“吃”太多胖了怎么办?游泳健身服务了解一下...再比如,支付宝战略是:链接和“钱”有关系的一切服务。因此,在范围层就不在对“社交”抱有太大的执念,而是也不断扩充相关功能服务,例如:转账、余额宝、记账本、彩票、生活缴费、发票管家,等等...(他们这种多维交锋超级场景的打法,还使支付宝在2019年3月份,移动互联网app用户规模增长排行中,排名第二,同比增长1.3亿,仅次于抖音。)可以看出,有了清晰的战略,“范围层”不仅不会被竞争对手牵着鼻子走,且使产品带来正向收益,同时还给用户提供了更聚焦的服务体验。c.结构层结构层是根据“范围层”确定下来的功能和信息,通过分析这些信息之间的关系,进行结构化的归纳组合,使其符合用户心里心智。下面是美团目前涉及到的大概的功能信息结构:有一个问题大家可以思考下,“订单”其实是属于“我的”范畴内,在大众点评和淘宝里,它们只是“我的”里面的一个入口,而在美团确单独拎出来一个tab来承载它。所以在结构上,不仅要分清楚功能信息之间的从属关系,同时也要考虑自己产品的特性,进行处理。合理的结构层,能够使产品功能得到合理的曝光,同时也能让用户快速找到他们想要的内容。d.框架层框架层是基于我们上一趴“结构层”梳理出来的功能信息,进行可视化的框架设计,这部分一般是由交互设计师来完成的。这块我想说的是,有趣的、创新的交互形式固然重要,但是解决产品真正问题,才是最核心的。比如,拿美团首页的框架举例,来看看交互设计师应该如何思考。我把整个首页分为了:基础功能区、生活服务区、广告区、内容<img src="http://www.zhisheji.com/static/image/smiley/default/006.gif">区、导航区。首先我们看下“基础功能区”,由于它在不太易操作顶部,所以把位置留给操作频率较低的功能,比如:“位置切换”、“+”功能;或者给更加全局性的功能:“搜索”。然后,左上角的个人头像,点击进去里面是产品的“积分体系”,这是给运营同学,让他们通过一些积分任务手段提升产品的留存和活跃,因此在首页露出(但感觉也没什么人用)。“生活服务区”,“生活服务”是整个产品战略的核心,也是用户来这个产品的首要目标,因此要放在金刚位。“广告区”,是担负着产品收入目标的,放在生活服务区下面,能够确保在小屏手机也能漏出,不然广告方会不同意,这毕竟是商务同学好不容易谈来的合作(但如果广告质量不好的话,会很影响用户体验)。“内容<img src="http://www.zhisheji.com/static/image/smiley/default/006.gif">区”,不仅为用户<img src="http://www.zhisheji.com/static/image/smiley/default/006.gif">了优质的内容,同时也给优质的商家更多曝光机会。这样同时鼓励其他的商家,告诉他们如果你好好干、好好服务,用户口碑好了,你也能上<img src="http://www.zhisheji.com/static/image/smiley/default/006.gif">位,上来后就会有大波流量过去,你就能赚更多的钱。这样商家开心、用户开心、平台也开心,良性循环。“导航区”这块就是全局的导航,大家都很熟悉,就不过多介绍了。因此你可以看出,框架层要考虑的因素包含着:产品战略、商务合作、运营玩法、商家流量、操作体验等。<img src="http://www.zhisheji.com/static/image/smiley/default/004.gif">的交互设计师,在框架层不仅要权衡好功能之间的主次关系,同时还要平衡好产品目标和用户体验的之间的关系。e.表现层最后一趴“表现层”,也是用户最直观能感受到的地方了。虽然这层经常被称为“视觉效果”,但是,它绝对不是说好看、好炫就完事儿的。而是你有没有清晰的传递产品定位和业务目标。比如,像开头所说的“美团变黄了”,不仅在线上的APP整体升级。线下的周边产品也全黄了。他们为什么要变黄呢?这个时候,如果你仅仅局限在视觉设计师思维里说:“因为黄色代表这生机、活力、充满正能量...”,我想说:“这位太太那边请..”。因为这个理由太表层。那么,视觉设计师应该怎么思考呢?首先,这个问题你要分两层来看:1:它为什么要变?2:为什么是黄色?1.它为什么要变?从战略角度上来看,他们定位是生活服务平台,那么也就意味这是线上和线下相结合的。目前美团的产品线在品牌认知上比较散,没有统一的认识,如何做到线下品牌和流量和线上品牌和流量的认知形象达到一个点上,才是核心问题。他们应该是想形成自己的视觉锤,让用户有统一的认知,所以才要变。2.为什么是黄色?美团的四大支柱业务分别是:外卖、到店、酒店/旅游、出行,其中外卖是流量最大的,而且大街上无处不在的穿着黄色衣服的外卖小哥,一看就知道是美团外卖,已经无形中扎根于用户心智中,在很多人心中美团外卖=美团,所以选择黄色,看起来是最合适的,教育成本最低的选择。所以,视觉设计师在日常工作中要学会抓住问题的本质,要抱着解决业务问题的心态,去做设计,才能给用户传递更优的体验。总的来说,“用户体验”不止于外观,它不仅包含“框架层”和“表现层”,还包含着战略层(我们想得到什么和用户能得到什么)、范围层(我们做什么和不做什么)、结构层(信息怎么归纳更合理)。只有把每一层都配合好,才能打造出让用户感觉“真香、还想要”的产品体验。只有更多人愿意使用,产品才能更好的实现最终商业目标,因此,企业需要重视它。2.“重视体验”是必然趋势  除了上面说的原因,往外看大的环境,“重视体验”将成为必然的趋势“。这是为什么呢?因为:a.互联网红利期已过;b.体验经济时代的到来。a.互联网红利期已过大家应该都知道,互联网企业的高速发展,离不开互联网人口红利期。但是目前红利期已过,再也不是那个就算你体验做的很烂,先把用户框进来就完事儿的时候了。那在好日子到头的时候,企业该咋办呢?目前很多企业都在寻找突破口,它们开始从之前的“追求增量”,转化为“挖掘存量”用户价值。怎么提高存量用户价值呢?就像开头所说,企业的最终目的都是为了商业化的话,怎么能从存量用户身上赚更多的钱呢?拿产品的增值服务举例,很多企业采用不同营销手法,让用户感觉产品“便宜”;或者运用价格歧视,最大限度地降低消费者剩余,让他们从腰包里掏出自己能付的最高的价格,等等的方式...但是不管怎么搞,身为企业最核心的还是为用户提供真正好用的产品体验,让用户愿意留下(留存)、愿意常来(活跃)、最终愿意花钱(商业化),最终觉得值(复购),才能成为一个长期且良性的循环。b.体验经济时代的到来人类的经济社会经历着从农业经济时代、工业经济时代和服务经济时代到体验经济时代的过程。拿妈妈为小孩准备生日蛋糕为例:在农业经济时代,妈妈拿自己家农场的面粉和鸡蛋等材料,亲手做蛋糕;到了工业经济时代,妈妈到商店花钱买混合好的盒装粉回家,自己烘烤;进入服务经济时代,妈妈是去超市订购做好的蛋糕;到今天,妈妈不仅不需要自己哼哧哼哧买蛋糕,甚至都不用自己费事办生日晚会,只用花钱把生日晚会交给别人去做,对方提供一条龙的服务,让他们为熊孩子筹办一场难忘的生日晚会,这就是体验经济的诞生。体验经济时代,“用户体验”为什么该被重视?因为在这个时代,顾客/用户购买的不仅仅是产品本身,而是一种服务,是一种情绪上,情感上,精神上的体验。比如,下面这几款APP,从互动的形式,到文案的互动,都是更像是跟真人对话,而不是停留在满足功能就ok的层面。像“52赫兹”这个APP,它的灵感来自“世界上最孤独的境遇Alice”,说很多时候我们就像这只鲸一样跟别人频率不同,无人收听。它希望成为复杂网络海洋中的信号中转站,顺着频率寻找或遇到最同频的人。你会发现近两年,一些产品从品牌故事、玩法、到文案都更加情感化的趋势。因此,在这个高度同质化物质化的时代,能够重视用户全流程体验,提供真正用心的服务,是企业竞争的核心要素,也是在市场红海中制胜的法宝。总的来看,不管是企业本身要意识到用户体验的重要性,从大的环境和所处的经济时代来看,"重视体验"对企业的发展也是不可忽视的。如何衡量用户体验的价值? 上面说了“什么是用户体验设计”,以及“为什么需要重视用户体验设计”,接下来面临的难题就是该如何衡量它的价值。就像开头所说的,用户体验是一种纯主观的感受,如此主观的感受,我们如何衡量它的好坏呢?怎么才能判断资源投入进去值不值得呢?目前,常见的衡量方式大致有两种:1.定性;2.定量。1.定性常用的定性分析方法有:用户访谈、用户体验地图、焦点小组,等等。定性分析,是调研用户对自己产品整体体验的主观感受。这个方法的优点就在于:你能够近距离的、比较自然的环境下,跟用户进行深度沟流和观察他们行为反应,是“卧槽,牛逼”的感叹,还是“尼玛,傻逼”的抱怨,还是一脸茫然的困惑。2.定量常见定量分析的方法:用户问卷、数据试验等等。它是对大体量的代表性用户,进行封闭问卷访问,或者对产品进行数据埋点。然后,将把相应的数据进行整理,通过数据统计等方式量化出来结论,优点就是比较客观。比如:我们常用的A/B测试法,在绝大部分条件不变的情况下,只改变少量用户体验相关的条件,对比产品的相应指标在修改前后的数据变化:用户完成任务所需要操作步长是否减少?用户使用时间/频率是否增加了?等等...但是,如果把上面这两种方式,单独去使用去验证用户体验价值的话,定性(访谈、焦点小组)相对有点主观,而定量(A/B实验等)又偏向于微观层面。所以今天跟大家<img src="http://www.zhisheji.com/static/image/smiley/default/006.gif">一个衡量方法:Google的HEART模型,它的优点在于整个模型中包含着定性和定量,能够收集到用户的主观感受,也可以获得客观的数据呈现。HEART模型包含以下5个维度:分别所要评估的内容是:网上对这个模型的介绍文章还挺多的,我就不啰里八嗦的重复介绍了,感兴趣的自己去查一波。衡量用户体验价值的方法有很多,但我们要意识到,不同方法具有相应的优缺点,采取最适合自己的,从而通过结论指导着产品前进方向,验证着体验设计的价值,才是最重要的。总结  总的来说,用户体验设计是以用户为中心的设计手段,企业需要重视它的原因是:它不仅停留在表现层及框架层,而是深入到战略层、范围层、结构层;同时,用户体验设计也随着互联网红利期过去及体验经济时代,而成为企业的核心竞争力。最后,被认为相对主观的用户体验设计价值的衡量标准,也陆续以客观的、可量化的模型进行科学验证,目的是为了证明体验设计所带来的价值,使企业有方向的去支配资源,同时实现最终的产品目标。希望这篇文章对你有所帮助。

    Tian_丹丹Tian_丹丹 1562 7 1
  • 文章/经验管理学 - 神奇的帕累托法则

    本文非商用转载至:https://www.zcool.com.cn/article/ZMTAwMDE2OA==.html 如有侵权请联系删除感谢@罗耀_管理  分享设计师要懂得管理学 - 帕累托法则我还没有忍住又开了个号,大家也不要担心,其他号罗耀_UI、罗耀_平面、罗耀_系列一定会更新的。那节约点时间说点重点,以后这个号会更新除设计专业外的其它与设计相关的知识,如管理学、个人管理、高效学习、心理学、微表情、MBA知识等等,全部知识都围绕着设计方向来讲。另外我只帮助大家开拓思维,并提升设计师们的认知,文章内容需要根据自己的理解去尝试思考,我不会主观的根据个人判断,来对大家进行错误的引导。这一点也还请大家多注意,多理解。这个号的知识面相群体比较广,职场新人可以学习如何高效学习和自我管理的知识;职场老手/管理层可以学学管理和MAB的知识;不管怎么说肯定是对大家有一定的帮助知识,讲课方式也与之前相同,没有水分全部都是真真实实的干货。废话不多说了,直接奔主题,上干货。目录   1.什么是帕累托法则     1.1帕累托法则的发现     1.2帕累托不平衡原则   2.如何高效学习与管理   3.朱伦的关键少数法则   4.吉普夫的最省力法则   5.突破思维惯性   6.成功乃成功之母   7.优胜路汰的社会机制   8.先来先享受1.什么是帕累托法则1.1帕累托法则的发现19世纪末(1987年)意大利经济学家帕累托偶然的注意到英国人的财富与收益模式,于是埋头研究这一模式,并在后来提出了著名的“二八法则”。我们常说的“82定律”或“28定律”指的就是帕累托法则。帕累托法则也称为“巴莱特定律”、“朱伦法则”、“关键少数法则”、“不平衡原则”等。这一法则也被广泛应用于社会学及企业管理学中。这里我称其为“帕累托法则”是因为这一法则是帕累托提出并发现的,要保持对他人的尊重。1.2帕累托不平衡原则帕累托研究发现啊,社会上大部分的财富都掌握在少数人手里,并且富人与穷人的财富比极其不平衡。他还发现这种不平衡的模式会重复出现,而且是可以提前预测的。于是,他从大量的具体事件中总结出一个让人非常神奇的结论:社会上20%的人拥有社会80%的财富。所以我们根据定律推理得知:我们付出的80%的努力,绝大多数都没有回报。我们80%的回报仅来源于20%的努力。通过定律我们知一个真理,投入与产出、努力与收获、原因与结果之间普遍存在不平衡的关系。小部分的努力,可以获得大部分的收益。抓住关键的小部分,就可以主宰整个组织的产出、收益与成败。2.如何高效学习与管理2.1设计师如何高效学习我们清楚了20%的努力能产生80%的回报时,就应该考虑如何利用帕累托定律来高效学习,产生高回报。学习就是吸收知识,我们需要阅读大量书籍和文章来获取所需知识,这时我们需要尽量做得更快,没必要把一本书从头到尾全部读完,除非你很享受读书的乐趣。在读书时应该领悟到这本书的精髓,这要比读完一整本书要有价值的多。一本书80%的价值已经在20%的页数中阐明了。我们可以省出这部分的精力去创造其他价值。2.2设计师如何管理项目帕累托法则告诉我们要对影响个人、企业和其他机构的资源做合理的评估,把每一项资源都用在刀刃上,让它最充分、最有效的发挥自己的作用,同时去除那些会带来消极作用的资源,增加那些能够创造价值的资源。对项目进行分析你们会发现,80%的利润实际上是被那20%的功能创造的,所以要重视后者弱视前者。对员工也是如此,应该放弃表现一般的员工,把更多的时间和精力用于对自己更有价值的人身上。3.朱伦的关键少数法则朱伦在1924年加入了西屋电器,是内尔电话公司负责制造的分部。他担任公司的工业工程师,并通过自己的研究分析,发现了产品品质中隐含的帕累托法则。他使用了帕累托法则解决了产品品质上的问题,提升了产业与生活消费品可靠度与价值。但在当时,美国大部分企业家对朱伦的理论不感兴趣。1953年,朱伦应邀前往日本进行演讲,获得了热烈的反响。于是他留在日本,与日本公司合作,并将理论应用到生活消费品的价值与品质的提高上。1970年后,日本经济迅速起飞,美国经济受到威胁,朱伦才受到西方的尊重。他重回美国怀抱,并为美国工业做了他为日本人所进行过的改革。在朱伦的倡导和实践下,帕累托法则成为全球品质革命的中心思想。4.吉普夫的最省力法则吉普夫是哈佛大学的语言教授。1949年,吉普夫发现了“最省力法则”。从某种意义上来讲,最省力法则实际上是对帕累托法则的重新发现与解释。吉普夫认为:资源(人、货物、时间、技能、或任何有生产力的东西)总是会自我调整,以求将工作量减少,而大约20%~30%的资源,与70%~80%的资源活动有关。吉普夫利用人口统计、书籍、文献与工业行为来说明这种一致且重复出现的不平衡现象。举例来说,他分析了1931年费城20个街区内发出的结婚证书,发现其中70%的婚姻,产生于该区域中30%的人身上。吉普夫提供了一个科学的理由:使用频率较高的东西比较靠近我们。我们应该对高频率使用的东西加强管理。5.突破思维惯性在人们的潜意识中普遍对帕累托法则处于抵触心理,从心理学角度考虑,帕累托法则与我们的认知背道而驰,不符合对事物的一般判断。人们总是认为:-所有甲方都是上帝,我们要一视同仁-我们应该对待每一个客户和面试者-生活中的每一个天都是同样重要-企业制造的每一个产品和利润都一样好人们的认知常常片面而稳定的,认为什么样的原因就能导致什么样的结果,是绝对公平的,50%的投入和产生50%的回报。但在这个世界,总是强者占少数,弱者占多数,这种不平衡的状态其实在我们生活中广泛存在。帕累托法则提升我们应该重视这些不平衡的存在,打破那些束缚我们的基础认知,从而提高生活水平和工作效率。6.成功乃成功之母这里提到的“成功乃成功之母”的现象,是指在运动、娱乐和专业等领域里,最顶尖的人物所得到的酬劳越来越高,他们拥有了资源、人脉和影响力,一旦成功做其他事情也均会成功,所以他们与其他人的差距就会越来越大。有证据显示,位居前10%的工作人口,收入加速增加,而最后那10%的人,收入增加的速度就慢很多,几乎不动。有些经济学者认为,在未来的美国,20%受过高等教育的专业人才,可以担任起重要的高薪工作,一年可赚8万-60万美元。其余80%的人,现在一年收入约3万美元,将继续窝在自己的工作中,看着生活品质逐年下降。德国畅销书《全球陷阱》也提出过类似观点,认为当不平衡的情形蔓延后,会迎来“帕累托型社会”,只有那20%幸运的人才可以当主角。那这样的趋势来临,那些80%的人该怎么办。专家说,新的社会秩序将出现,这会是一个没有中产阶级的富国,没有人不会同意。根据我个人预测影响肯定会比想象中的要大,现在我们会存在“公平竞争”,但帕累托法则的趋势一旦形成,富人富到能修筑宫殿,而穷人依旧会辛苦劳作,其实现在已经显露出这种趋势,只是表象看上去“这是一个公平竞争的社会”。7.优胜略汰的社会机制随着帕累托法则的影响逐渐变大,优胜劣汰的影响也越来越大,再加上人工智能施加的压力,对企业没有任何帮助或无法带来显著价值的设计师必定会被淘汰,而依然在工作着的设计师但没有一技之长的人们,随着时间的推移也会被市场需求的变化所淘汰。尤其在中国人力资源丰富,竞争力大,如果设计师不做自我管理并提升自身技能与认知,也势必会被大趋势所淘汰。如何从众人之中脱颖而出的唯一办法就是提升自我认知,要不断的学习与积累,知识形成体系并与同行存在知识差异化,同行懂得你都懂,你懂的同行未必会懂。适者生存,物竞天择,要想改善自己的生活水平与自身技能,只有不断努力学习与积累,没有其他的快速通道,像什么“0基础教你学UI”,“30天学会UI设计”,“跟某某总监学设计,30天年薪30万”,这种不切实际贩卖焦虑与标题党不要信,只要努力坚持,提升自己的眼界,成功就是必然。8.先来先享受先来先上享受比较好理解,就像抖音的“一招鲜吃遍天”,一旦你先占用市场份额,那以后就是你的天下了。就像腾讯一样,刚开始腾讯只做社交软件,而且国内也只有这么一家做社交软件的,只要不强行在体验上虐待用户群体,基本上维持并改进就可以被大众所接受。用户群体稳固后就推出附属产品,由于依赖关系的产生,这些新产品也更容易被用户接受,就给了腾讯很多次试错的机会,才有了今天的成就。一家公司,在市场早期就能提供优于竞争对手10%的产品,就可能得到100%~200%的市场占有率,即便对手后来提供了更好的产品。所以我觉得不管是设计师还是管理者应该有开拓思维,一旦创造出一种能被大众接受的设计风格,你就可以重新定义设计与艺术(极简主义);一旦研发出一种能迎合市场需求的产品,就可以独步天下(抖音)。要记住打破常规,满足基础需求的基础上追求极致与差异化。谢谢阅读感谢支持此文章内容大量引入《二八法则》- 维佛雷多·帕累托 书中的内容。我的想法很简单,我想做设计界的通识教育,通识教育培养人的全面思维能力和自主学习能力,我觉得身为设计师应该需要懂得这些知识,设计师不能局限于“设计思维”,应该开拓自己的眼界,并站在不同的角度去看待事物或产品本身。我也是单纯觉得书中的内容好,值得大家理解和学习,也希望能帮助大家提升认知。谢谢大家的支持记得点个赞哦∨

    火华火华 1755 15 5
  • 文章/经验那些年,我做过的动效设计

    这是一篇非硬核文,只是我这两年在做动效时的一些故事而已。开篇现在关于讲解动效的文章越来越多,说明动效在日常工作中使用到的占比也在随之增高。今天我就从我的角度按照时间的顺序,与大家分享一下我在动效设计方面的一些小小想法。首先我要强调一点,这不是一篇纯干货的文章,为了避免枯燥,我会以我的工作经历为故事线,中间会穿插一些我曾经参与的案例或者做过的练习,也会放一些我认为比较<img src="http://www.zhisheji.com/static/image/smiley/default/004.gif">的动效与大家共同讨论。我在这里把我要讲的大纲提前预告一下,如果不喜欢我的故事,看完这一部分就可以退出了。大纲伴随着移动终端设备的快速普及以及工作流程的不断更新迭代,传统的信息呈现方式在移动设备上的短板愈发明显。动效设计的目的:1.降低用户焦虑情绪应用场景:刷新加载动画,启动页2.吸引用户注意力相对于静态图形或交互,动画更容易捕捉用户的眼球3.丰富场景取悦用户通过动态效果使主题更加富有生命力,达到身临其境的目的4.向用户传递有效信息通过动效短时间内视觉上分清主次,让用户第一时间感知重要信息5.告知当前所处状态/关联上下级信息关联上下层级的内容,使之看起来具有视觉的连贯性和逻辑性,从而优化体验好的动画传递情感,好的动效提升用户体验动画可以更加夸张的表达,动效更加客观规律,符合用户的真实操作反馈动效设计交付实现的方式:1.GIF:Demo展示,小动效输出优点:直观体现缺点:体积大,存在色彩偏差2.PNG序列帧:直接引用优点:可控性更强缺点:文件过大3.代码形式(Lottie生成json文件):小动画输出优点:高还原度,占空间小缺点:对于制作要求高4.Demo+文档:页面大型交互(属性动画)优点:更好的进行交付,适用场景不受限制缺点:制作周期长动画动效严格意义上来说是动画的一个分支,只是这部分具备了与使用者之间建立数据交互的关系,所以称之为交互动画,这也是在互联网大时代背景下发展开来的产物。既然如此,那我们就先从动画说起。我在接触动画这块的时候还是在大学时期上的《多媒体设计》课程里了解到动画设计,使用的软件为Ae和flash。由于课程的缘故,当时的制作方向还比较偏向于影视包装这一块,而我又比较喜欢扁平化一些的设计,所以向老师诉求了我以后要做的内容,也得到了老师的肯定,这才让我真正的能“学以致用”。学以致用第一份工作我是在一家广告公司从事网页设计,但其实工作的内容远不止网页设计的内容,由于公司人员配比的原因,所以我会经常做一些LOGO动画的提案,在这里我就讲一个比较经典的案例。OPGclub的影视短片包装,有幸参与短片的分镜和片尾的动画制作。其实早期我并未参与这个项目,当时的情景比较焦灼,片尾的LOGO演绎动画方案一直未通过,时间一直在消耗,离截稿的时间也越来越近。最后我临时受命,制作了这个方案,比较意外的是竟然一稿过!虽然制作周期比较短,但依然是考虑了它自身的品牌元素(六边形),以及品牌特质(多元化,灵动感),上海的朋友应该是会在地铁或者公交上看过这个短片的。不难看出,为了适应影片的场景,我还是做了一些空间纵深感以及在影视包装中经常用到的流线高光,使得其切合品牌的调性,增强其品牌的特有属性。其中用了3Dstroke插件实现手写字母的流畅效果。现在看起来,可能背景略显陈旧了点。在我的作品《2017动效设计—LOGO篇 》有我当时做的其他LOGO动效设计方案,后期还做了也写MG动画,在今天很多的品牌升级发布基本都会如此制作一段宣传视频。其实在网页时代已然存在交互动效,只是不像今天这般,得到大量的应用与宣传。在一次网页案例中我也局部的应用了交互动效,当鼠标悬停选项按钮,即触发PNG到GIF形式的转变,这也增加了一定的趣味性,更好的捕捉用户的注意力,同时也将其与未选中状态大大的拉开差距。这是在17年做的吉凯基因检验所官网上的几个动态icon,当然PC端的交互还有很多可以讲的地方,但它不是今天的主角。在大屏终端上的应用时间来到2018年,这一年我从“乙方公司”正式来到“甲方公司”,这是一家互联网健身公司(likingfit)有幸接触更多的不同终端设备。以跑步机为例,作为大屏终端(iMac同等尺寸),和PC端以及移动端都有所不同,宽大的屏幕上需要用户触发操作得到很好的反馈就需要动效的加入。当时跑步机的项目大部分UI部分为另一个设计师完成,我主要负责动效部分以及补充剩余页面。后来我又做了一个改版,发布的作品《COMMAFIT 智能跑步机1.1.0》中有详细说明。,以这个作品中的动效为例,如果制作较大的页面跳转动效,就需要给到前端动效参考,如何给?我当时的方法是直接给的principle源文件,不懂的地方再沟通,在今天看来有点太考验开发的功底了。这是当时上线版我所做的principle源文件。严格来说应该是要给出principle源文件/Demo样式+动效文档,这种比较适合制作大型页面交互的属性动画,只是这样对于设计师整理文档的能力很考验,同时也会在一定程度上加大制作周期,不过实现效果会更佳。其中的开机LOGO动画由于开发环境的缘故,我则是利用的PNG序列图片,在制作完成LOGO动画后,利用AE导出PNG序列图片,打包给到开发即可实现效果。这种方式可控性比较强,不够由于每张图片的尺寸比较大,所以整体文件也比较大。当时在制作的过程中也用到了json文件制作,在这里我简要说一下,后面会有对这种制作方式的说明。平面/PC端到移动端的转变由于前面主要接触的多以影视类动画,PC端和大屏终端为主,所以当时制作移动端动效的机会并不多,于是我开始利用工作之余做了大量的练习,为了以后能够用上,也让自己不至于被行业淘汰。其中我以两个练习稿《上海机场APP重设》《小当家APP设计-在线找厨师的美食社交软件》的制作为例。小当家APP起初是公司有一款类似的产品,由于战略转型已被边缘化,所以我个人也就当作了一次练习机会。在这里我首次制作了标签栏的弹性动画,有很多人问我标签栏的动画如何制作,其实标签栏icon的动效注重连贯性和格调的一致性,在一组icon中找到一个自己最有想法去实现的icon(实在没想法就多看,找参考)作为突破口,实现了一个,其他自然而然就实现了。当然并不是刻板的复制,而是根据不同的icon的状态名称进行合理的变换,不然赋予它的动效也将失去意义。一般的手法无非体积变换,纵向横向的体积伸缩,针对特殊形态加以具备特殊属性的变换,最后加一点点修建路径即可很好的实现。局部的交互动效也是当下很多应用注重的细节点,拿这个点赞的动效为例,和前面讲到的,当鼠标悬停选项按钮,即触发PNG到GIF形式的转变形式类似,只是这里的鼠标变成了手指,悬停变成了点击。左右滑动banner的同时连带着地步轮播点的变化也不失是一件微妙的动效语言。对于这一类的交互动效,方式有两种,一种是在AE中制作好动效利用Lottie插件导出json文件直接给到开发即可,体积一般都不大,还原度还是比较高的。但是这对制作的源文件也有移动的要求,例如说遮罩样式,透明度,表达式等都对导出json文件有影响,所以一般的弹性动画不是很难,我都会用K帧实现。另一种就是导出GIF,不过这种应该是无奈之下才会用,毕竟本身体积大,还有一定的色彩偏差。人脸识别的动效也是多个当时也是灵光一现,为啥这么说,其实刚好当时我们线下在做一款自动售卖的产品,需要采集用户头像,不过当时那是线下终端,在这里我将它融入到移动端,后来在阿里系的产品中经常看到人脸识别的功能了。在制作一款产品的动效部分是要契合产品调性,考虑使用场景的。做上海机场APP这款产品重设练习的背后故事就不在这说了,说多了都是泪。首先从最初的静态设计就要为后面的动效实现考虑充分,不然前面的图形完全不适应动效的实现,那就要哭了。如果有好的参考当然是要利用起来的,参考是参考它的想法实现,并不是直接照抄,那样意义不大。为了使用户更好的等待页面加载过程,或是说属性页面时得到较好的反馈,可以加入比较有趣味性的加载动画和下拉刷新动画,结合产品的属性进行发挥,总有一些内容可做。在loding动画和刷新动画中加入品牌特属元素,使其具备一定的独特性,同时也具备一定的品牌宣传效益。从飞机稿到实际落地的考虑前面做了一些练习后,发现了一些问题,比如说移动端页面的大幅度交互动效,这种就比较飞机稿,难以落地,由于移动端的特殊属性使其不太适用大幅度的交互动效,微动效或者趣味动效都有所克制的去用。所以经历了一些移动端的实战后就会发现哪些动效能够加入到应用中,哪些是难以实现或者根本不需要的。这个案例是我一份短暂的工作经历中参与的项目,当时的动效需求比较急,而且产品的需求也不是特别明确,所以我是口头描述+动效样式去和前端沟通的。这种情况比较常见,大多时候的非正规流程都是压缩时间所导致,但是我们要清楚,动效的加入是要怎样呈现的,这样才能更好的与前端沟通。(由于动图的问题可能有些卡顿)后来在参加UI中国APP设计大赛中就克制的去做动效了,因为不落地的动效无非就是炫技,不是否定这种行为,而是既然选择靠近真实,就要有所取舍。好东西要分享在这里分享一下同为讲动效方面的硬核文章动效/动画在直播类应用中的运用和落地——大宝蛋——https://www.zcool.com.cn/work/ZMjYyOTgxNjQ=.html通过动效助力业务拿结果——大宝蛋——https://www.zcool.com.cn/article/ZOTcwODA0.htmlSVGA礼物动效设计指南——Tomato_——https://www.ui.cn/detail/460267.html谷歌推出最新Material Design UX动效设计宝典 https://mp.weixin.qq.com/s/2f3RgRIv2ygP3Y09ZhdMFg犸良动画平台 https://design.alipay.com/emotion/editor结语无论是视频还是交互动效,其实都有很多的共同点,比如说都需要一个试用环境,视频需要写脚本画分镜,动效需要逻辑框架。为了达到一个终极诉求,需要完整输出解决方案。我在这里不是和大家分享什么技能,而是一种想法,驱动来源不是为了完成任务。慢慢的会发现,做设计,软件只是实现想法的工具,并不是你会了软件就能有好的想法,所以在以前的作品中经常会有人问“用了什么软件”,“动效用什么做的”诸如此类的问题,大多数的时候也是一个人在探索,硬着头皮做。设计之路任重而道远,希望能与各位同成长,共突破!

    古月设计1993古月设计1993 6082 19 5
123 ...
更多灵感

创意灵感

更多职位

职位推荐

致设计 - 百万电商设计师交流平台

深耕电商设计领域5年,聚集超过100万+优秀设计师持续分享原创作品,设计欣赏,文章经验教程等

0

热爱设计的小伙伴

/
0

作品 / 文章 / 灵感

/
0

30日内更新优秀作品

合作伙伴