2017-07-26 09:54

移动互联网下的视觉设计

今天的主题是,“移动互联网下的视觉设计”,主题有些大,我也不知道是不是能讲好,但是既然定了这么个主题,我也试着开始准备了一番。所以,针对我们部门的情况以及我的职业经历,想从以下三个方面来谈谈这个主题,不过也主要是概括类的切入,因为这三个方面同样包含着很多内容。



一、是初步了解平面视觉类职业分类


二、是移动互联网环境下的多种视觉类型及我们如何去做视觉传播


三、是线下活动视觉展示材料的主要形式



为什么会选这三点?


有的人会说,为什么你不去跟他们讲讲设计的各种知识点,比如色彩啊,文字设计啊,对比对齐、版式啊等东西。后面我只是想,我越来越意识到尊重个人审美的重要性,不是试着吐槽他人的审美馆,因为审美这东西,你一时半会是改不了,也难以说服别人,就算他懂这些,有时候,也仅仅只会懂这些,而不会去变通,这也是弊端。所以,我试着不去讲这块。同理,很多对很多初步学设计的人来说,不要太多去看技术类的东西,而应该多去看思考,背后逻辑类的文章。

因为技法是无穷的,但设计背后的逻辑却是简单深刻,又趋同的。


-


在开始讲这三个方面的内容前,我想讲个题外话。

什么是设计?及其好的设计又是什么样的?

我觉得说点这个,可以更好理解欣赏后面的一些设计案例。

可以说,设计前面可以加很多前缀,就比如大家熟知的平面设计,室内设计、服装设计,接触比较少的建筑设计,产品设计,动漫设计等等,还有在互联网比较火的UI设计,交互设计,用户体验设计等。


总之各种设计,所以设计是什么?

78b75951b53ca8012193a39d6308.jpg

这里,分享我以前看过的一句话,觉得可以很好的概括什么是设计,或者可以去定义“设计”。这么定义,其实有点掉书袋,但广义上讲,设计就是这样。


“设计,其实就是一种解决事情的方案”


想要包装好看,海报吸引人,给公司设计个logo,可以找平面设计、想要房子好看,可以找室内设计,软装设计等等,这些设计,就是提供一种解决方案的存在。通过各种设计,来解决各种问题。


那与此同时,设计的商业价值可以怎么认识,或者我们的职业价值何在?


这里想分享一张图,觉得可以在这张图里可以得到一些认识。图片来自于阿里巴巴UED总监《设计增值再现》的主题分享里。


9fd65951b55da8012193a35f178a.jpg

像我们日常的设计,大部分是在第一层,还仅仅是视觉领域。对很多企业来说,设计起的作用大多是业务协同效应,招聘出个招聘海报,活动宣传,出个宣传海报,还有各种视觉海报,第第一层并不简单,在一个简单的设计项目里,第一层影响很大。第二层,则已经不仅仅是停留在视觉层面上,有些接近产品思维,用户研究,数据分析,交互分析,各种体验改善等,还有第三层,就是在做好前面两层的基础上,能让人别人感受到你的设计,这里的设计已做出风格,最著名的就是苹果,从骨子里透露着设计的精神。


企业里设计的价值停留在哪里主要还是看企业发展的核心驱动力。就比如大家认识的苹果,从内而外都是设计考虑,可以说它是设计型企业,深圳有一家比较著名大疆无人飞机,也是世界比较厉害的了,它则属于技术驱动型企业,视觉对于它很重要,但不是决定因素,是锦上添花的存在。还有在目前大的互联网公司,基本都会有个UED部门,就是用户体验设计部,里面有着用户调研,视觉设计,UI设计,交互设计等岗位,它的主要作用已不仅仅是停留在包装企业,包装APP上,更多体现在业务增值,从各种设计体验角度,来促进业务的发展。


知道什么是设计,那什么样的可以算是好的设计,好的视觉设计,看过比较多的观点,在这里觉得综合整理下,可以总结概括为下面一点:


就是站在商业的角度,把”本质的”的信息以一种合适(兼具美学、理性、创意)的视觉内容传达到“目标用户”。


当然,这是比较理性的,商业化的概括,因为实际中,多多少少并不是那么能考虑周全的。因为设计项目主体的不同,比如有些则可能就需要考虑文案,风格类型,投放环境等就可以了,有些则侧重艺术表达,有些侧重商业表达,有些也会因项目的大小,周期,沟通质量,技术水平,项目背景等等,这些都会造成设计背后考虑、决定因素的不同。


但这背后的思路其实应该是大同小异的,都是要基于一定的思考点来开展设计的。这里大家可以欣赏下我在网上找的几个优秀海报。看看他们的优秀点在哪?


35205951b57ba8012193a382dedc.jpg

电影《黄金时代》文化内在和《喜欢你》创意画面


像《黄金时代》,出了不少海报,但这一张,我最喜欢。一个“黄金色”的笔,人的勾勒也恰好吻合钢笔的构造,正负形设计很巧妙。同时,一个孤单的人影,一只笔,黑色的背景,也很贴合故事的内核表达。《喜欢你》的海报设计,则很惊艳挑逗人,看完了整部电影,会更喜欢这张海报的。


fe505951b58fa8012193a391a4f0.jpg

趣味新年恭贺海报和电影《哆啦a梦:伴我同行》的情感触发点




好了,接下来进入正题,讲讲在平面视觉设计领域有哪些岗位,这里可以分为两大类,一是传统的平面视觉设计,就比如我们日常接触到的宣传单,墙上的海报,折页,书籍,杂志,logo等都是这类岗位设计,二是互联网诞生以来,产生的界面设计,UI设计,网页设计,电商设计等,其实还有交互设计,不过交互设计其实并不能算是视觉范畴,但是因为随着现在人机交互的发展,ui设计这块,也是必须要学习交互设计,用户体验这块的,而且在以后的未来,随着科技的发展,UI设计中可能还会衍生出VR虚拟设计。


当然上面,讲得都是静态的视觉,动态的视觉,比如动画,广告等在这里就先不提了。



这里想着重介绍UI设计(界面)设计,交互设计(用户体验设计),插画设计三个板块。这些可能你们不太了解或认识到,虽然你们几乎天天会接触。


UI设计:

954f5951b5cfa8012193a3d3e207.jpg

UI(界面)设计


A一个APP每个页面,每个小按钮,小细线都是ui设计的产物。其实界面设计和UI设计两个称呼越来越模糊,界面设计可能包含的会多些,比如网页的一些小按钮,图标,或者一个软件的各种界面,以前就好做界面设计,也叫GUI。


交互设计(用户体验设计):


交互动效


交互,用户体验这块的知识其实很大,对逻辑性要求很高,也涉及到很多学科,最关键的一点,就是用户研究调查和做个生活有心人了,因为觉得它的交互背后需要找到依据,不能想当然,这就需要我们学习心理学,人机交互学,设计学等等一系列的知识。在生活中,当我们有些不好的体验时,我们是不是心里会想有么有一种方法可以去改善他,而不仅仅是抱怨就过去了。这里可以给大家举些例子,就比如宜家的空间布局,是比较老的梗了,按照路线的行走,顾客不会错过任何展区,也有时还会走回头路,重复浏览。


6ace5951b661a8012193a3e9a1e7.jpg


一些APP强制登录注册,不注册,就无法使用等,漫画的上下滑动手势,结束了以前观看漫画方式的时代,还有现在微信端消息提醒由以前的数字变成红点,减轻用户的阅读压力,火车上作为座位号码与挂衣架的钩子设计在一起,这样一旦挂上衣服,座位号就挡住了等等。


插画设计:


37955951b67da8012193a3c189a1.jpg

插画的应用越来越多


app情感闪屏,APP内部的小插画,或者插画形象IP,微信表情,微信公众号的代表卡通形象,或者各种插画类的海报。可以说,在互联网时代插画是遍地开花,再也不只是以前杂志上或者书本的配图了。




进入第二个分享主题内容,就是移动互联网环境下的多种视觉类型。这里,我分为七种类型:

3D,  插画,创意合成,漫画,摄影,手工,动态影像


6e175951b699a8012193a32ef847.jpg


3D设计(软件C4D,目前比较流行的)


20445951b6c2a8012193a3cc216f.jpg


各种各样的插画风格


ef7d5951b6e4a8012193a3bc4a93.jpg


           海报合成(技术点在哪)


  

         这个合成的关键点在哪?



82e85951b795a8012193a3179317.jpg

漫画

146a5951b7b4a8012193a367d5b8.jpg

                                                    经过构思好的摄影一直都是设计的主要辅助形式




                                                                以构思好的摄影为主要形式



0de75951b835a8012193a3e0da3d.jpg


                                                       

                                                       粘土,乐高,定格动画,折纸(纸雕)等等




最后一个,动态影像,是一种很有趣的应用,这种形式用的比较少,因为创意难度和技术比较复杂,但动态影像,我觉得应用到电商,或一些静物展示,会有一种很好的展示效果。




这里再分享些有意思的海报,并不是说他们有多么优秀,但是在移动互联网时代下,这些设计足够创意有趣,吸引人。








                                        这些精彩的视觉形式案例,也是我们在今后活动可以多加运用的。


视觉表达是以内容核心为载体的

不过这些视觉形式,只是形式而已,只是表现方法而已,并不是真正的项目解决方案。我们通过这些海报所了解的活动目的及它的策划运营和文案才是本质的项目解决方案。

罗列方法很简单,但执行到具体内容方案就很复杂。

一个好的内容策划,一个好的文案,才能让视觉更大的发挥效果。所以当我们创作出好的内容策划,好的文案,我们该如何去做视觉传播呢? 这里我觉得有三个点,可以考虑:


一是常规的以时间,节日,热点等特别时间点,来举办活动或者分享相关主题内容




二是自身品牌事件点为契机,如活动宣传,品牌合作项目活动,重大事情公布等,就比如我们最近的app大改版,就可以做一个系列活动来预热,倒计时海报,悬念预热,主要名师背书海报等


三.是品牌价值输出,创作内容,通过文章,海报,影视广告短片,各种形式来塑造自己品牌形象,宣传自己。这一块也是最重要的,你在创作内容,在品牌塑造的同时,也提供了内容供用户消费,记住你。




这里分享个小案例



这是飞利浦和天猫合作一系列海报。它属于第一种,在超级品牌日这个时间点宣传自己。从海报设计上,我们就可以得出以下信息点。


基本:它的尺寸和投放路径

活动目的:在5月8号超级品牌日宣传曝光吸引人

视觉创意点:是现在流行的3D设计且加动图。

文案点:主题统一,三个文案贴近主题,表达了“从美好开始一天”的内涵。也同时也体现了品牌的价值所在。

且文案层级清晰,这也是好的文案的基本点,做到信息主次分明,不要是一大段话,却没有个标题来诠释这段话。也要看活动内容和性质,来对文案的文字数量进行控制。


另外,这里,我们可以稍微谈下文案,虽然可以说很多,但可以选两点来说,觉得对视觉相对比较重要的,如果可以,第一就是它的画面感,第二是它的共鸣(赞同)性。



接下来,想谈一个沟通问题,其实不管面对的是运营,文案,程序,还是领导,这里都可以比作一种设计师与客户的交流。一个设计项目的共赢主要的关键还是在于有效的流程和沟通,而反复的改稿的主要原因也是沟通的不到位、不充分引起的。

这里可以给个我从网上搜来的一个设计日常:


04915951bacfa8012193a3830026.jpg


这里可以虚拟三种客户形象,来说说:


一是,知道设计要点的,注重参与设计的,会跟你多多沟通设计要点,比如要什么风格,什么具体素材等,甚至具体到TA喜欢想要的案例参考等,这种客户了解设计,或者本身就是学习过设计,这样的局面一般都是双赢。


二是只是知道一种大概的样子,表达不来,或表达不好,这时,面对这种客户,设计师要多去引导沟通,提供多种案例等,才能逐渐靠近客户心里想要的,不然在这种不清不楚的条件下,设计一般都会反复折腾。


三是你看着办的类型,这种客户有两种心理,一是完全信任你,二是比较漠然吧,等交稿时,才说说自己的想法,一般结果不是小改,就是推翻重来。


不过,既然是一种双方的沟通,而沟通结果的好坏,其实双方都有责任。好的沟通,需要我们用心了解项目,分析项目,也要了解沟通的技巧,站在项目商业目标和岗位同理心的角度,去梳理沟通的矛盾,积极沟通,进而推进项目的进展顺利。





最后,就是线下活动的视觉展示材料,除了我们日常设计的易拉宝,折页,展架海报等,我也在最近的学习中,发现了一些比较不常用的,但是效果确实是比较好的展示材料。


4d155951bbd6a8012193a33fa9e9.jpg


就比如异型的折页,kt海报,

这些异型成本都比较高,除非量大,不然就会不划算。电影瓦楞纸立体海报,还有我们也可以设计一套美陈设计,大型活动如果可以用得上,现场效果可以更好。



     好了,今天的分享内容就是这样,谢谢大家。