如何打造电商详情页设计?
在电商设计工作中,详情页的设计一直都是衡量电商设计师能力的重要指标,正是因为它的重要程度,所以也就成了困扰很多设计师的难题。目前详情页基本上都采用了分屏式的设计,目的为了提升视觉流畅度以及减少阅读障碍。这种方式就将详情页设计转变为具有组合效应的单屏海报设计。所以做好每一屏海报就成了终需要解决的问题。那么有哪些实用的详情页设计技巧,可助我们一臂之力?
电商色彩怎么打_电商设计配色方案
电商色彩怎么打_电商设计配色方案
电商色彩怎么打_电商设计配色方案
在写这篇文章之前,我翻阅了很多比较不错的详情页首焦设计,发现这么多不同产品和类目的详情页,在设计手法上竟有很多相似之处!不信你来看!
上面是我在翻阅的过程中随机筛选的12张详情页首焦,从视觉角度来看,每张首焦都给人一种干净舒服的感受,元素虽然不多,但却一点也不单调、层次感很强。
从实现难度来看,没有很复杂的设计手法让你望而却步,整体来看实现起来都不算难,明白原理之后,只需多加练习就可以。那么该有同学问了:为什么我看完之后还是不会?这时候,再回过头看上面的12张首焦,着重观察每张图的明暗关系,光影变化!哇!很丰富所以说,简单的场景一样可以做出很有层次感的首焦海报,场景的复杂与否和终的视觉效果没有直接关系。通过设计手法表现出场景元素间的明暗变化在详情页设计中用到的非常多。简而言之就是:营造明暗变化。
什么是光就不解释了,生活中随处可见:灯光、日光、月光……并且物理老师也告诉我们:同种均匀介质中,光是沿直线传播的!无论是在设计,还是现实生活中,我们通常会把光与影放在一起说,即光影,两者密不可分,有光就要有影,有明就要有暗。只是体现光影、明暗关系,就足以让设计作品变得丰富、有层次感,比如现实生活中的汽车:在详情页设计中,光影并不是越复杂越好,反而越实用的越简单。注意:在详情页设计中,一般情况下不会用到直观的光源,大多都是拟定光源位置,一但光源位置确定,画面中的所有元素(包括背景)都要遵循:靠近光源的位置亮,远离光源的位置暗。那么如果光源位置确定,应该在背景上如何体现?上图所示就是拟定光源位置后,背景明暗关系对照图,其实做起来很简单,就是通过渐变叠加实现的,相比纯色底,这种渐变的背景是不是更实用?在详情页设计中,一些有模特的场景图,大部分都使用渐变的背景,下面看两个案例:
渐变的背景增加了整体的层次感,模拟了一个设计上的环境感,而且模特的形象因此也更加立体,作品整体也不显单调。
产品特写或者局部放大时,渐变背景用到的也很多!
一、产品即是场景详情页设计,核心还是产品,很多时候产品素材本身通过修图,明暗变化就很强,这时就可以完全依靠产品素材,做好背景处理及文字排版就可以了,下面看几个案例:
看似案例很简单,实则很考验设计功底,渐变的背景用的恰到好处,模拟了一种有光源的视觉变化,从而提升了画面整体的视觉层次感。简洁大气的作品也更易于大众接受。下面我们看个实案例:
终成品
如上图案例所示,依靠产品自身丰富的明暗变化,利用简单的构图形式,一张详情页首焦轻松完成。但这种形式受产品自身影响,有一定局限性,并不是所有的产品都适用。接下来我们继续!
二、搭建小场景搭建小场景在详情页设计中也是非常实用的,为什么要说小场景呢?小不是代表体积小,而是场景要简约,无需特别复杂,简约并不意味着简单,重点是要有层次感、把控好整体的明暗变化和光影。还是不太懂?下面看一个基础的小场景搭建:
上图案例是不是给你的感觉很简单,除掉产品和文案,几乎没有任何多余的元素装饰,那么有个问题:为什么一点也不单调呢?剖析一下:
看似简单的场景,对设计功底的考验一点也不少,小场景设计中,如何体现光影是非常重要的。说完基础的小场景,我们继续往下延伸。很多产品的详情页设计都用到了更真实的使用或者摆放场景,目的是让用户更加直观的了解产品,视觉上更有代入感。在偏真实的小场景设计中,对于光的表现还可以再丰富,比如现实生活中的窗户格、植物、阳光等等,都是对光的一种加强体现,下面我为大家总结一些实用的表现形式:
类似上图中的光的表现形式有很多种,在详情页中都非常实用,它能起到加强光感、赋予整体环境感的作用,并且对提升作品层次感有很大帮助。下面我们看下在设计中的使用。窗户格形式
光照效果
素材影子
不管是哪种表现形式,其目的都是在营造一种光影的环境感,提升作品整体视觉变化强度,避免单调!也让产品更贴合现实,易于解读和表达。
下面再看个实案例:
终成品
在实案例中,对于场景的搭建并不难,如何体现光的感觉才是重要的一笔,光赋予了作品环境感,视觉上的明暗的变化使得作品给人的感觉丰富有层次。
对于详情页中的小场景搭建,前后遮挡用到的很多,根据实际情况选择合适的遮挡物即可。
在详情页设计中,对于光的表现形式远不至于文中所说到的,这里只是为大家提供一些实用的设计思路。不妨找一些不错的详情设计,对应着本文内容,自己再验证、总结一下,这样印象会更深刻。
电商海报如何根据设计素材选择颜色_电商海报背景素材
一、产品的色彩属性
很多电商产品都会自带色彩属性,比如服饰类产品,本身就是以外观和实用性来吸引用户的。尤其是外观,如果服饰类产品无法带给用户美的视觉体验,很难吸引用户点击购买。
在设计这类以产品外观为首要评定标准的产品,可以利用其本身的色彩定位去选择电商海报的主要色彩元素。比如产品的主打色,款式,亮点元素中的主要颜色等。
二、产品的素材属性
通常在设计一款电商海报前,我们都会收集一些相关设计素材。比如产品的各类照片,跟产品相关的元素,或者是产品周边素材。在收集到这些素材后,可以先从中选出设计项目所需要的主要表现素材(如,图案等)。
如果已经在素材中确定了一张照片作为海报的主题,在确定色彩元素时,就可以用Photoshop中的吸管工具,从选好的素材里吸取合适的色彩作为主要设计色。
三、产品的受众定位
每件电商产品都拥有自己的受众群体,而这些受众群体也都带有不同的属性。比如不同年龄属性,职业属性,偏好属性等等。我们设计电商海报的首要目的,也是为了让产品更好地贴合用户属性,得到用户的青睐。
色彩作为电商广告中的主要视觉要素,如果选择时能以受众的特性为依据,会大大提升海报的宣传效果。比如在设计一些针对年轻受众产品海报时,选择鲜明亮丽的颜色。而对待偏好沉稳风格的受众,则选择低调、稳定的色系。
关于电商海报如何根据设计素材选择颜色,环球青藤小编就和您分享到这里了。如果您对影视后期有浓厚的兴趣,希望这篇文章可以为您提供帮助。如果您还想了解更多关于摄像技巧、后期剪辑的方法及素材等内容,可以点击本站的其他文章进行学习。
电商海报到底怎么设计才吸引人
电商海报到底怎么设计才吸引人呢?电商海报是电商界不可或缺的部分。在我们的生活中,不仅是商家和购物中心会有一套相同的电商海报,并且这些海报中也包含了电商品牌和各种服务。电商海报能让我们更加直观的感受到商品的质量和特点,让我们直观的了解它的质量是否是合格的。电商海报中的一些海报设计,需要注意很多细节,这样才能让商品的内容得到更好的展示,从而增加商品的价值。那么的电商海报设计应该注意什么问题呢?如何设计好?一、电商海报中的色彩对比色彩是海报设计中比较容易使用的一个元素,也是海报中重要的视响要素。色彩对比一直以来都是重要的设计手段之一。在红色、白色和蓝色的基础上。通应不均衡地使用色彩对比可以使画面。如果在视觉网络和屏幕上使用红色,也要。
电商平台用途颜色模式通常设为
RGB。电商平台用途颜色模式通常设为RGB,RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是运用广的颜色系统之一。
京东字体颜色代码是多少?就是那个红色
R=201G=22B=35另,你个小工具,fast stone capture ,有屏幕颜色提取工具的。
R=201
G=22
B=35
另,你个小工具,fast stone capture ,有屏幕颜色提取工具的。
新的
R:201
G:22
B:35