• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 紧跟趋势!聊聊C4D 在电商设计中的实战运用

紧跟趋势!聊聊C4D 在电商设计中的实战运用

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含c4d教程,电商设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

之前我给大家写了一篇关于手绘在电商设计里的运用的文章:解锁新姿势!我有一百种方法教你撩出满意的BANNER,这篇文章给很多插画师以及电商设计师提供了很多灵感和开图思维的知识点,那今天我继续给大家说说现在很火的C4D在电商设计里的运用以及我对它的看法吧。

欢迎关注@TTTing1?的微信公众号「做设计的面条」,一个干货与文笔俱佳的美女设计师。

1.C4D为何会如此受追捧?

从我的观察来看,C4D之所以现在这么受追捧,主要有以下3个方面:

(1)头部设计师的推动分享

目前各种C4D作品给我最深的印象就是三维立体/炫酷/灵活,但其实作为一名工业设计出身的电商设计师,对于三维立体效果我是一点都不陌生的,毕竟当年我的Rhino三维建模+key shot渲染玩的也是还可以的,只是一毕业我就从事了UI设计所以就弃用了,那时候是2011年。

而我真正接触电商设计是在2012年,记得有一次我特地想利用一下我的三维建模优势做了一个立体效果的字体设计专题页,最后被批得很惨说立体效果已经过时了很 low,从此以后我就再也没用过三维软件,老老实实玩ps玩扁平和轻质感的设计效果去了。

可没想这2年三维立体效果又火起来了,其实这种现象跟时尚圈的是一样的,设计、时尚这些东西永远都是互相借鉴、风水轮流转的,比如在中国标志性的农民工行李袋被国外借鉴去一改造,摇身一变成了抢手的时尚宝物了:

而你现在觉得好看的效果也许突然就过时了,然后过个几年稍微改改又成了新流行,比如东北大棉花袄被高级服装设计师胡光社设计成了张馨予的红毯礼服,国内外纷纷掀起了一股浓浓的乡土气息的时尚风潮。

△ ?胡光社&张馨予

其实无论是啥,穿的好不好看还是看脸和身材。。。。咳咳,话题扯远了,我们继续聊C4D。。。

而决定一件东西是流行还是不流行的往往就是那些少数有话语权或号召力的人,设计圈跟时尚圈也是一样的情况,越是头部的设计师就越爱逛一些比较尖端的网站或论坛寻找灵感,比如他们很早之前就会去逛behance等等国外的网站学习比较前沿的设计知识,然后又会把这些知识分享到国内,所以C4D受追捧绝对少不了站酷/各个设计大神或大号的分享和运用的,包括培训也起到了一些推波助澜的作用。

比如先有站酷推荐设计师Edisonwong7的这几个Ai教程:

然后这种效果在设计圈里引起了不小的反响,之后大家纷纷发现用C4D做出类似的效果同样大受欢迎:

比如站酷推荐设计师白无常的C4D教程:

教程:

  1. 高手的C4D教程!教你快速制作酷炫的流动线条
  2. C4D教程!教你创造酷炫的3D字体(附建模软件科普)

再之后又有站酷推荐设计师tczhang的C4D教程:

教程:《教你用C4D+PS绘制炫酷的2017特效字体海报》

当然还有站酷推荐设计师灰昼前辈的C4D教程影响力也巨大,总之以上所有这些效果又被各大电商平台借鉴应用,比如2016年的京东618(不过这效果不是用C4D做出来的,具体解释我后面会说的):

这样一来互相影响,它在整个设计圈的影响力和热度也就起来了。

(2)功能确实强大

虽然以前我提到过,同样一个页面我们其实有很多种方式和技能去实现,比如摄影、手工、合成、C4D建模、手绘、PS等等当中的一种或几种都可以,但很现实的是:

对于很多店铺来说:很多小作坊式的店铺往往经费有限,人力也有限,产品要上新就涉及到产品拍摄和页面设计,而你要他经常花钱去特地买一些拍照道具或去搭建场景是不太现实的,而C4D几乎能把设计师想到的任何场景或画面都建模渲染出来,这样自然也就节省了成本,当然,前提是设计师会用这个软件。

另一方面,因为这玩意儿并不是人人都会的,所以如果你会用而别人不会,整个页面的视觉感受就会大不一样,有可能更容易脱颖而出来提高点击率或销量。

对于很多设计师来说:一部分设计师是真的觉得它好用好玩强大,并去学习运用到自己的工作项目当中,比如你用ps画一个立体效果至少需要画三个面然后还要画好几层阴影,可是人家三维软件拉伸一下再打个光或贴个图,一个逼真的三维立体效果就出来了,当然,前提是你会用这个软件。

而有一部分设计师其实只是为了跟风或装下逼而已,其实你的平面基础不打好,你的创意能力不去培养,三维软件也救不了你。

2.C4D运用在哪些地方?

那不管怎么说,事实证明C4D还是有它存在的价值的,那么它的运用范围到底有多广呢?我们可以通过一些实例来看下:

看到这里,我又要搬出一张我几年前做的图了,我们先看一下一个Banner设计以及专题页设计所包含的元素:

接着看一下专题页组成要素:头部Banner+至少1个楼层模块+背景+氛围点缀

弄清楚了这些组成要素后,我们会发现,其实这些组成元素全部都是可以通过C4D来实现的,无论是标题文案/模特商品/背景/点缀元素还是LOGO等,下面我们举例来说明下:

标题(字体或数字的设计都可以运用):

商品图(其实很多包装设计还有修图都是建模完成的):

点缀元素(也就是做氛围渲染和点缀的元素):

下面这种扭曲的围绕着标题缠绕的线条就属于点缀元素,具体的关于点缀元素的讲解和运用可以去看我以前写的这篇文章:Banner设计终极宝典!6招搞定点缀元素的运用!

△ ?设计师白无常

场景(背景)搭建:

这里需要说明几点:

(1)我这里只是给大家讲解和介绍C4D在电商设计里的运用而已,不是手把手教大家学习C4D的,所以我这里没有具体的C4D学习教程提供给大家,想学的话你们可以自己去报班或自学。

(2)无论你是用何种方式实现你的页面效果图,基本的平面构成知识以及色彩构成知识等等都是通用的,这个我在之前的上百篇文章里都已经写过很多次了。

然后,我们接着往下看更具体的讲解咯!

3.C4D适合用在什么类型的电商页面里呢?

前面说的是C4D能运用在什么设计里,接下来我想要阐述的是,C4D能实现的一些效果适用于哪些类目哪些类型的电商页面里,而又因为C4D是几乎任何效果都可以实现,比如折纸效果、金属质感、玻璃水晶、毛绒塑料水滴质感等等,所以我将主要从以下2个角度来说明:

(1)平台vs店铺

平台的活动页设计,比如男装节、女人节、618

您可能想查找下面的文章:

  • 紧跟趋势!聊聊C4D 在电商设计中的实战运用
  • C4D教程!教你创造酷炫的3D字体(附建模软件科普)
  • 高手的C4D教程!教你快速制作酷炫的流动线条
  • 这个超简单的教程,帮你学会C4D 制作动效的基础方式和流程

相关文章

  • 2018-08-23我花了五个小时,完成了iOS 11新版App Store的交互探索
  • 2018-08-23超实用!12 条提高产品可用性的动效设计原理(附案例)
  • 2018-08-23表单经典原则是错的?来看这5个表单设计新规则
  • 2018-08-23想提高可用性?看谷歌Material Design 的官方教程是怎么做的!
  • 2017-08-06前端开发中一些常用技巧总结
  • 2017-08-06让你的网站IE8浏览自动用IE7兼容模式
  • 2018-08-23每次看到这些不禁感叹!手绘好的妹子真的可以为所欲为…
  • 2018-08-23想让你的网页设计脱颖而出,可以从这5个维度入手
  • 2018-08-23这3种独特的趋势,能让网页设计增色不少
  • 2018-08-23腾讯好文!如何设计内容精确、体验友好的Dashboard?(上篇)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 腾讯高级交互设计师:什么是优秀的设计思维与方法?
    • 你需要知道的18个Web可用性原则
    • 超全面!可能是最详细的电商首页设计总结
    • 超全面的移动端顶部栏设计分析
    • 高手的C4D教程!教你快速制作酷炫的流动线条
    • 新姿势!用自然灵活的波纹曲线来柔化你的设计
    • 如何在网页制作中给网页字体文件增加矢量图标
    • 怎样设计网页?怎样制作网页?
    • 如何在网站中插入天气预报
    • 布局太死板?6个小技巧让你的网页设计活力十足!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有