<progress id="rb7v6"></progress>
<div id="rb7v6"></div>

    <div id="rb7v6"></div>
    <dl id="rb7v6"></dl>

      <dl id="rb7v6"></dl>
      <div id="rb7v6"></div>

            <dl id="rb7v6"></dl>

              <progress id="rb7v6"></progress>

                让人看了就想买的设计,是怎样用对?#35745;?#30340;?

                作者:研习设K先生
                分类: 观点/经验
                2019-01-30
                6228

                今天给大家分享的是和设计师的工作息息相关的一个内容——在这个信息高速发展的今天,生活节奏加快,每个人都匆匆忙忙,慌慌张张

                @研习设K先生 :今天给大家分享的是和设计师的工作息息相关的一个内容——在这个信息高速发展的今天,生活节奏加快,每个人都匆匆忙忙,慌慌张张,就连视频大家都喜欢看短视频,每个人好像都在争分夺秒地去生活,所以在一秒钟能抓住消费者的视线,是商家吸引顾客的第一步,这就延伸到我们今天所讲的主题了,相对于文字而言,?#35745;?#26159;最直观传递信息的载体,一页DM,一本画册,或是一个电商详情页,我们第一眼看的一定是?#35745;?#32780;这一瞬间的注视,就能决定消费者是否购买你的商品,所?#36816;擔?#20170;天我就带大家来了解商业照片在设计中如何应用。

                1.jpg

                你逛商场时,商家为了促销,会发各种DM,我们会通过DM当中产品的「诱人」程度而做出选择,比如这两张面馆的DM,你会选择去哪家吃饭呢?

                2.jpg

                这两个女鞋的网页banner,你又如何做选择?

                3.jpg

                这两个画册内页呢,是不是显而易见,让我们知道没有对比就没有伤害。

                好的商业照片具有哪些优点?

                4.jpg

                商业照片的角度特点

                ? 1. 自然视角

                5.jpg

                6.jpg

                7.jpg

                这个角度不是绝对的平视,也不是绝对的俯视,所以我们称为自然视角,也就是消费者看一眼就能知道是什么。这个角度有稳重、安定的性质,算最常用的?度,通过这个?度可以展现商品无瑕疵,美观的外形,并且可以表明商品具有较强的实用性。

                ? 2. 正面视角

                8.jpg

                9.jpg

                10.jpg

                这个角度就像一个人拍照,他敢把正面给你,证明他很自信一样,?#35825;?#38754;展示商品,可以彰显出品牌的自信,传递出?#20998;?#24863;。

                ? 3. 45°视角

                11.jpg

                12.jpg

                13.jpg

                14.jpg

                这个角度想必是大家拍照的常用?度,显脸小,又很漂亮,在商品照片的展现上,也是一样?#35272;恚?#23427;更具变化性,会给消费者留下较深的印象,传递出现代感、时尚感。

                ? 4. 侧面视角

                15.jpg

                16.jpg

                17.jpg

                人们在拍照的时候,侧面的视角,可以展现出不被人们日常所留意的一面,从侧面?度来拍摄产品,也是可以将商品外观美的自信强化到最大,比如这里车子侧面流线型的外观。

                ? 5. 俯视视角

                18.jpg

                19.jpg

                20.jpg

                这算是一个特殊视?,这个视?具有较强的视觉冲击力和变化性,让消费者对产品?#34892;?#40092;感,在食物摄影方面应用的比较多。

                ? 6. 使用者视角

                21.jpg

                22.jpg

                23.jpg

                站在实际使用时的视?来拍摄产品,营造亲身使用,身临其境的感觉,突出展现产品的功能,和消费者产生互动性。

                ? 7. 产品内部实物视角

                24.jpg

                25.jpg

                26.jpg

                这个视?会给人安心的感觉,比如我们现在去餐厅吃饭,你会发现很多餐厅的厨房都是透明的,厨房很干净整洁,工作人员的穿着也很干净,并且可以直接观看到做菜的过程,那这顿饭你吃的会很安心。针对于产品?#35745;?#32780;言也是同样?#35272;恚?#20999;开月饼,看到里面的馅,让消费者放心购买,这?#30452;硐址?#27861;特别适用于食品。

                ? 8. 局部特?#35789;?#35282;

                27.jpg

                28.jpg

                29.jpg

                展现商品局部特写,会流露出一种凝聚感和压迫感,拉近消费者和产?#20998;?#38388;的距离,暗示出商品整体的高级感,增强消费者对商?#20998;?#37327;的信赖。将商品细节部分的照片加以放大,比如看到围巾上针织的纹理,汽车上的一颗螺丝,这体现了商家对商品精益求精的态度,以及商品本身的高度专业性。

                商业照片的表?#20013;?#24335;

                ? 1. 去底照片

                30.jpg

                31.jpg

                32.jpg

                去底照片就是抠下画中的产品放到一个背景中,这类型照片会给人舒畅、理性的感觉,表现出很强的实用感,当然,也是商家对产品的充分自信。这种照片的表?#20013;?#24335;,适合的是哪类人群呢?他不是凭?#34892;?#26469;选择商品,是通过仔细地观察,仔细地研究后而购买的理?#36816;?#32771;的人。

                ? 2. 去底后加背景

                33.jpg

                34.jpg

                35.jpg

                去底加背景,这个背景可以是色块,图形,文字,或者是肌理等等,一般加产品的同类色,作为背景,强调风格的一致性,视觉冲击力会更强。

                ? 3. 产品使用环境

                36.jpg

                37.jpg

                38.jpg

                展现商品使用时外在环境的画面,会觉得使用产品的这种代入感更加具体形象,商品与消费者之间的距离更近了一步,消费者感觉能?#35789;?#30340;体验到商品的优质性能。比如衣服穿起来,包包拿手上,食材放在碗中,这都属于使用时的环?#22330;?/p>

                ? 4. 逆光加深色背景

                39.jpg

                40.jpg

                营造出整体画面的神秘感,逆光拍摄只有一些轮廓光,像即将登场的演员,这?#30452;硐质址?#24456;适合大牌的产品拍摄。比如苹果产品,大牌的香水化妆品等。

                ? 5. 正在使用时

                41.jpg

                42.jpg

                43.jpg

                展示人物在使用商品时候的照片可以体现?#36136;?#24863;,亲切感,增强真实性,容易引起共鸣,表现了商品卖点(风筒的风力大,吸尘器操作方便等),就像消费者亲身在体验一样。

                ? 6. 添加人物

                44.jpg

                45.jpg

                46.jpg

                常用到的就是偶像明星和商品一起出现在画面中,对于粉丝来说,喜欢的爱豆代言的产品也属于爱豆的一部分,但是这种?#22336;?#20250;让消费者把目光集中在明星身上,容易忽略产品本身传递的信息。 还有一种,普通人出现在画面中,会拉近消费者和产品的距离。

                ? 7. 展现象征意义

                47.jpg

                48.jpg

                49.jpg

                这?#30452;硐质址?#27604;较难,属于?#21254;?#34920;达,画面中不一定会出现产品实体,或者 logo 非常小放在角落,要设计出与产品调性相符合的场景画面,如果这个画面气质传达的不够明确的话,很容?#36164;?#28040;费者对商品产生怀疑。

                ? 8. 照片组合

                50.jpg

                51.jpg

                52.jpg

                这也是电商和DM当中最常用到的?#22336;ǎ?#23558;同一品牌或同一产品的照片以多种角度、多?#20013;?#24335;排列,全方位展现商品的信息,如果说单一产品所呈现的是有格调,高?#20998;?#30340;感觉,那多张产品会有节奏变化,会让人感觉很有亲切感,这种?#22336;?#20250;让消费者觉得产品就在身边一样,会更加放心的购买。

                多张商品照片编排注意事项

                ? 1. 统一?#35745;?#22823;小与位置

                53.jpg

                如果有一些同类?#35745;?#36825;里以这组美食?#35745;?#20026;例,把它们编排到版面中:

                54.jpg

                55.jpg

                首先把?#35745;?#35268;划一下放置?#35745;?#30340;区域,然后把?#35745;?#32622;入同等大小的色块当中,把文字编排进去,这样完成之后有什么问题?照片在色块中的大小没有统一,并且位置也没有统一,造成我们在看的时候视线的流动不顺畅。

                56.gif

                统?它们的??,外轮廓统?成均等的尺寸,再置?版?,这样视线才是流畅的。

                57.jpg

                两张单页放?起对比一下,不难看出哪个更好。

                ? 2. 注意?#35745;?#33394;调与?#36739;?/p>

                58.jpg

                这里我们以原研哉与阿部雅世的对话为例,当要使用的照片具有?#36739;?#24615;时,要根据内容和照片主?的角度来摆放,两位设计师面部的朝向都是向外,这样就不符合对话的这?#20013;?#24335;了。

                59.jpg

                60.jpg

                好,我们把朝向转过来,统一?#35745;?#20869;人物大小,再看色调,阿部雅世是偏明色调,原研哉是暗色调,不妨给他们统一为黑白色调,这样整体画面就更加统一协调了。

                ? 3. 表现时间的流动或对比

                61.jpg

                如果给你看一个这样的绘画流程图,想必你会很迷茫,这是个高手,完全不按套路画,我要?#30740;?#21495;标注上你就知道步骤的顺序是怎样的了,可是这样视线会非常跳跃,影响信息的接收。

                62.gif

                步骤流程从左至右?#26469;?#25490;列,这样就不乱了,也就是说,多张?#35745;?#25353;照时间流程排列,能突出照片关联性,可以表现时间流动或者对比。

                63.jpg

                拿个?案例来说,这是被打乱的编发步骤。

                64.gif

                首先给它规划时间顺序,让人一目了然,这样再编排到版面中,就很清晰了。

                用多张照片进?#20449;?#29256;时,需要根据作品的用途和目的,将照片分为「主」和「次」等层级,对其提示的信息进行调整,要强调关联性的时候可以就近摆放,要弱化时则远离摆放,这样明确显示出信息的不同。

                65.jpg

                这里我们以日本四张旅游景点照片为素材,做一页画册设计。

                66.jpg

                当我想突出日本人文情怀时,就?#24310;?#20043;相关的照片放大,其他照片缩小,这样?#35745;?#30340;对比就能更准确的传递信息(文字为模拟)。

                67.jpg

                如果我想表现都市?#34987;?#30340;感觉,放大这张照片,其他照片缩小为同等比例。

                68.jpg

                想表现建筑特色和特别著名的旅游景点时,选择它放大。

                70.jpg

                如果突出?态环境呢,就放大动物的自然环境的?#35745;?/p>

                70.jpg

                如果把所有照片按照同样大小、同样距离摆放,所有信息会均等的传递给受众,使整体氛围很平淡。但是同样有两点需要注意。

                71.jpg

                第一,类似内容或类似色调要靠近放置,这里左边两张是街道?#35745;?#25918;在一起,右边是关于风景的?#35745;?#21516;样放在一起,色调相近?#37096;?#20197;靠近摆放,左边是暖色调,右边是冷色调。

                72.jpg

                73.jpg

                第二,放置?#35745;?#26102;要意识到视线移动,视线在横排时候是从左至右Z字?#25105;?#21160;,竖排时是从右上到左下N字?#25105;?#21160;,要意识到这种移动规则,人的阅读习惯来诱?#38469;?#32447;,才能做出更好的版面。

                案例演示

                设计一个网页。

                74.jpg

                用这些大小不一、?度不同、色调不一致的?#35745;?#35774;计一个宜家的网页。

                75.jpg

                这个网页我们来一屏一屏的设计,首先就是头图,头图我们选择一个场景图也就是前面我们讲过的,产品使用场景图,使用产品的这种代入感更加具体形象,?#36816;?#20316;为背景,加入文字与网页组件以及logo。

                76.jpg

                这部分我们想放跳往二级目录的指引,分三个部分,?#20154;?#20135;品、限量发售、畅销推荐,以三个角度不同的去底照片来展示,区分各项的类别。

                77.jpg

                中间可以穿插一个视频作为过度。

                78.jpg

                这一屏是座椅,因为?#35745;?#26412;身大小不一,所以我们划分六个相同的色块,统一大小,展示三个不同?度的照片,然后有两个局部特写,让消费者有个直观的感受,增加消费者对产品的信赖。

                79.jpg

                下一屏我们来展现儿童的玩具,在此之前,需要一个主图,作为过渡,小孩抱着玩?#38469;?#20110;使用时的照片,有种真实性和亲切感。然后我们配以?#20013;?#30340;英文字体,来呼应画面传递的气质。

                80.jpg

                展?#23601;?#20598;商品,调整成同样的?度,大小一致,放入产品信息。

                81.jpg

                这一屏是家居使用场景图,色调一致,看来不需要做任何调整了,但是我们在上面加文字就很难突显出来,所以,加个暗色调,做透明的处理,再加入相关的文字。

                82.jpg

                底部规范一下文字信息。

                83.gif

                本篇教程到这里就结束了,我们来回顾一下这节课所讲的知识点。第一,我们从各个角度来分析了照片,每个角度会传递出不同的心理感受;第二,我们从照片表?#20013;?#24335;出发,包含了8点内容,还有多张照片在一起编排时候,需要注意哪些事项。当然,这些照片在做设计时,很多是摄影师提供给你的,不一定是设计师亲自参与,所以为了避免出现后期多次反复改稿的情况,还是需要大家在拍摄之前和摄影师进行沟通,尽量拿出一些?#36947;?#26469;给摄影师看,这样才会更?#34892;?#29575;更好的完成工作,所以,设计师需要学习的东西非常多,我们经常说,设计师要是个杂家,你的知识储备越丰富,你在设计时?#20132;?#24471;心应手,设计这条路走到最后拼的就是知识的广度。


                分享到: 收藏
                ×

                赛事服务联系方式

                0371-86068866

                4008887269

                [email protected]

                好的,我知道了

                官方微信

                联系我们

                • QQ:
                • 电话:0371-86068866
                • 投稿:[email protected]
                • 地址:郑州市国家大学科技园东区9号楼2层

                版权信息

                  移动 Android 版 豫 ICP 备16038122号-2 豫公网安备 41019702002261号

                福建十一选五现场