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

超全面!原来电商设计中有这么多的合成玩法

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

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

我在电商设计师里发现一个现象,很多人,尤其是很多店铺新手,拿到一个设计需求后,第一反应不是分析需求适合什么效果和样式,而是直接玩合成,为什么?因为他们觉得合成效果很炫酷,觉得合成是件很容易的事,其实这就有点本末倒置了,在这种思想下产出的成果往往也不是设计,而是炫技。

那做设计的正确思路到底是什么样?到底什么情况下才适合玩合成效果?合成在设计里到底该怎么玩?针对以上问题,今天我就来跟大家汇报总结一下吧~

1. 先说一说,做设计的正确思路到底是什么样?

要想知道合理的设计需求是什么样的,那你就先得知道为什么会有这个设计需求。

先看一个活动的流程:我们一般是先有活动目的,然后根据活动要达到什么目的效果来确定定位方向,再根据定位方向和想达到的效果出策划方案和文案,有了文案以后才有设计需求。

也就是说你的设计结果最终是要传递正确的定位信息和合适的氛围给到目标用户的,而设计的形式和创意也都应该围绕着这个文案和活动目的来,比如刚过去的京东618某会场的页面设计。

我们可以来分析一下需求:

  • 目的:平台年中去库存、刺激全名消费从而积累资金发力、培养用户忠诚度。
  • 定位:所有有购物需求的人。
  • 氛围要求:要热闹、要嗨、要给人有档次的感觉的同时又有亲和力的感觉,从而包容和吸引各种层次群体的购物需要。

我们再来看一些基本的设计规则:

  • 排版:无非是居左、居右、居中等等。
  • 色彩:无非是单一色、多彩色、无彩色、渐变色、同色系、冷暖色、撞色。
  • 形式:无非是错叠、穿插、对称、斜对角、特意、对比、重复、分离、拼接、混合、剪切等等。
  • 执行:无非就是通过手绘、建模、合成、摄影、手工等等各种技能形式的配合来玩构图。
  • 创意要求:无非就是要吸引眼球、要特别要体现平台的调性等。

以上所有这些规则任意排列组合也便有了成百上千种设计创意,所以最终跟我们要的活动定位相符合的设计结果肯定也就不止一种了,设计师可以结合自己的擅长点、客户的喜好、用户的喜好、项目时间长短来综合评判给出一个设计方向。

所以你最后能看到的呈现在你面前的设计结果,不一定就代表它是唯一的或最好的了,可能它也有很多其他的呈现方式,只是大家最终敲定的是这个创意方向和结果罢了:

总结一句话说明就是:做设计首先是要有一个正确的思维方向,然后假想你手里有很多种武器,你可以在有限时间内挑选出你最擅长的一种武器或几种武器配合使用,来达到目的。

接下来,我们回归到这次着重要讲的关于合成的知识点及运用吧,let’s go!~

2. 到底什么叫合成?

我知道一提到合成,你们脑海里肯定都是这种画面:

或这种画面:

再或者这种画面:

但百度百科对合成的释义是这样的:合成是指由几个部分合并成一个整体。所以接下来我举几个例子,估计会颠覆你们对合成的认知~

根据合成的释义,其实下面这种是不是也属于合成?(C4D建模+摄影)

这种照片是不是也属于合成?(多张摄影照片合成)

这种是不是也属于合成?(多素材堆叠成一个形状)

这种是不是也是合成?(图形元素和商品摄影素材的合成)

这种是不是也是合成?(摄影素材的合成)

这种蒸汽波风格的是不是也属于合成?

总之,合成就是指几个部分合并成一个整体,嗯~

为了带大家更好的认知合成,我们接着来欣赏一波国外合成大师的作品

△ ?来自Behance上的牛人Mike Campau

所以我们会发现,合成其实也分种类和实现方式的:

几张摄影图片拼接合成

C4D建模+摄影+素材

素材+手绘+摄影

图形+素材+摄影

还有如手工+摄影+手绘等等,照这么看,其实基本上任何技法或元素的组合拼接运用都可以叫做合成作品。

3. 所以合成作品都有哪些特点?

我们观察发现,优秀的合成作品都有以下特点,我从功能层面和技术要求方面给大家总结一下吧:

功能层面的特点:

脑洞大开吸引眼球、直观表达意图、场景代入感,比如下面这些:

△ ?用了这罐调料,相当于请了一个大厨

△ ?爱看书的人,掰开后身体里都充满了知识,反之,你们拆是啥?

△ ?一半身处卧室,一半深处户外,呼应“穿越时空出去嗨”

技能要求层面的特点:

好的合成需要掌握的知识挺多的,比如构图协调/光影巧妙/透视统一,找到合适角度和主题的素材也是个技术活,然后将不同元素拼接在一起:

很多科幻冒险类的电影海报在光影的运用和构图方面都是运用的比较好的,给人惊险神秘莫测的感觉:

4. 那么合成在电商设计里该怎么玩?

首先,电商设计其实涉及的范围挺广的,但不管它范围怎么广,从服务对象看,归根结底就两类,一类是为平台服务的,另一类是为店铺服务的。

服务于店铺的:比

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

  • 超全面!原来电商设计中有这么多的合成玩法

相关文章

  • 2018-11-02关于app端rem适应不同手机屏幕计算方法
  • 2018-08-23六篇文章彻底掌握直方图:基础色彩原理
  • 2017-08-06对div盒子模型使用心得总结
  • 2018-08-23从这些基本的字体排版规则入手,搞定网页排版这件事
  • 2018-08-23最常见的Tab该怎么设计?来看这篇超全的总结
  • 2018-08-23人气好文!写给网页设计师的视觉设计基础手册
  • 2018-08-23今年都在学!聊聊有关服务设计的10种工具(方法+案例)
  • 2018-08-23设计师装备指南之 iMac 电脑全方位科普篇
  • 2017-08-06MIME的编码介绍(由网上资料和实践经验整合)
  • 2017-08-06手机浏览器不支持position: fix的解决方法

文章分类

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

最近更新的内容

    • 超详细的《Design Systems》读书笔记
    • 让你脑洞大开的创新思维方法系列:水平思维
    • 有哪些值得思考的用户体验现象?
    • 分享10个最新的Web前端框架(翻译)
    • 超实用!6个小技巧帮你打造高转化的网站落地页
    • 甲方骗我喝了杯奶茶,喝完告诉我这就是设计费?
    • 专访三部曲!这两天刷屏的Teamlab艺术展创始人猪子寿之
    • 交互基础小课堂!全面的筛选功能设计总结
    • 判断浏览器版本的语句且可兼容多个浏览器
    • 网页编码为什么不用gbk或者gb2312而用utf-8

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

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