电商配色怎么设计(网页程序设计中如何配色)

电商设计怎么入行

电商的目的是卖货，设计的目的是营销。以下是我创原的干货文章，希望可以帮到你。

营销型设计要怎么做？

我有一个哥们小东，是做设计的，做了快十年的设计，几乎关于设计的工种都做过。有一天，我问小东，从包装设计到互联网的各个设计，为了什么？小东回答我说，用户体验好。

这很对，现在大家都在讲用户体验，但从运营和营销人的角度去看，设计的最终目的是为了卖货，卖不出说什么都没用！

我不会设计，但是，我懂得什么样的设计是好设计。

现在，市面上有的UI也好，平面也好；有的人甚至不能称之为设计者，应该是组合者；各大网网站上现成的东西，拼一拼就成了自己的东西，我可以美其名曰，伪创新。

我用了大概一个多小时，给小东讲营销型设计的定位，怎么才能做一个好的营销型设计方案。

以实体产品，为例子，我总结了关于营销型设计的几个步骤：

第一步、要想着吸引人

我买过一本书《参与感》，小米的黎万强写的，先不说书的内容怎么样，就从设计上，就非常符合营销型的设计。

1、颜色的差异化；

《参与感》这本书，书得整体是荧光得那种橙色，我的书架上，有各种书，每一次看到书架，第一眼看到就是这本《参与感》，因为颜色很独特，吸引眼球。

2、特别的元素

还是以《参与感》来举例，这本书的封面，三个大字就是“参与感”，然后，是一只猪在飞的图案，应那句话广大人民都知道的话。这种元素的组合，很能引起人的兴趣。

第二步、设定诱惑

这是决定客户是否购买的主要因素，有一些东西卖不好的原因，是因为诱惑不强。如何过行诱惑，我总结了几个方法：

1、简单易懂的口号

这一点对于文案有要求，文案不能高深，要第一遍就能读懂；在《参与感》这本书的封面上，有一句话“小米口碑营销内部手册”，无论你是什么样的运营人，看到这句话，都会产生好奇，更会有一种神秘感，你会想知道，这个“内部手册”到底是什么样的，这就是诱惑。

2、特别的感觉

有了诱惑，还要给你感觉。这个感觉决定你要掏钱了。《参与感》这本书的作者是，黎万强；在书的封面上，并没有直接写“黎万强”这三个字，而加上了“联合创始人”，这就很牛逼，这种感觉是，你想跟他一样牛逼吗？那就买一本书吧。

第三步、“心锚”营销

我上一篇文章中介绍了“心学”营销的一种方法是“心锚营销”；“心锚营销”用到设计上就是诱惑。要怎么做？

1、购买暗示

这个购买暗示是让你继续购买的意思，这里在有很多技巧，小米做的就很厉害了，那就是它把不同的产品串了起来，从一本书了解小米，再到购买小米的其他的产品，再从其他产品到更多的产品，这就是一种暗示。

2、强大的后端营销

你肯定遇到过这样的事情，那就是，你会看到一个产品上面，有限购或者限量，比如，前100名购买，会得到什么什么的东西（谁特么知道到底是多少名？），并且会描述这个东西很有价值。这就是一种后端营销的方法。

小东问我，为什么我不会设计，能总结出“营销型设计”的步骤。

第三步、“心锚”营销

我上一篇文章中介绍了“心学”营销的一种方法是“心锚营销”；“心锚营销”用到设计上就是诱惑。要怎么做？

3、购买暗示

这个购买暗示是让你继续购买的意思，这里在有很多技巧，小米做的就很厉害了，那就是它把不同的产品串了起来，从一本书了解小米，再到购买小米的其他的产品，再从其他产品到更多的产品，这就是一种暗示。

4、强大的后端营销

你肯定遇到过这样的事情，那就是，你会看到一个产品上面，有限购或者限量，比如，前100名购买，会得到什么什么的东西（谁特么知道到底是多少名？），并且会描述这个东西很有价值。这就是一种后端营销的方法。

电商设计要会什么

电商设计师，俗称美工，们的工作内容大而全，什么都要会。一开始与大多数淘宝美工一样满足于基本的后期修图，把摄影公司拿出来的图磨皮调色然后做直通车图。

可以实际具体了解一下：网页链接

2.图像合成技术。

做海报、店铺装修、各类站内站外推广图都需要用到图像合成技术。图像合成水准也有高低之分。这考察到对软件功能的理解和应用。不是学会了PS就可以做美工了(虽然一开始就是这么个观点但实际上做了老长一段时间的“PS美工”)一开始走了弯路，学图像合成的时候总是去找美工合成教程，后来领悟到了，开始去找专业的图像合成大师的教程。学一个东西，有了软件基础之后，就从根本上去学，学高级的、专业的东西。如果只将自己的学习范畴限定在美工这个职业之内，很难有长足的进步。

需要具备会设计LOGO技能

字体设计与Logo设计技术电商美工必备的基本技能电商美工必备的基本技能。

难免会做一些营销字体，或帮忙做一下品牌Logo。不要满足于现有字体，也不要满足于拾人牙慧从素材网站上找现场的东西。主观上讲，一个有了进步的设计师总要有自己的东西、脱离了简单的模仿阶段进入到自主创意阶段;客观上讲，一幅图有它特定的、具体的设计需求，或许现成的东西都不能很精准的表达你的创意，也或许去找现成的东西的时间都能够用来发挥原始创意了需要具备色彩搭配与视觉统筹的技能

色彩搭配与视觉统筹

有不少美工的技术层面是不错的，但做出来的版面缺乏“品牌感”。有品牌感的页面里的商品，买家看了就比较信任，想买。所谓“品牌感”通常是公司老板或者运营人员的话语，用们自己的话说，就是色彩搭配和视觉统筹。色彩搭配能力是基础，不仅仅是“审美”这种个人化和感性的东西，还是“逻辑”这种严格的、有明确层次的东西，这是的理解。对于非科班出身的们，培养色彩搭配的方法最好是买几本大学美术专业的课程，或者听听大学里教授们是怎么讲色彩的电商美工必备的基本技能文章电商美工必备的基本技能由此延伸，美术里的三大基础，平面、色彩、立体，都可以学一学。将自己的工作经验与这些基础理论契合，是件很有意思的事情。

要熟练掌握后台代码、图片、文字如何上传

1.网页布局与排版。

网店版面在进行了适当的色彩搭配和视觉统筹之后，就要进行布局和排版了。布局和排版，与色彩和视觉统筹是一体的，相辅相成的。除此之外，布局和排版还要考虑到买家的想法，买家点击某个东西方不方便，点进去之后是不是她想看到的东西，会不会有心理落差。以数据魔方等数据工具去考察布局和排版的质量，凭感觉是行不通的。

2.网页代码应用基础。

主要涉及到一些简单的网页特效。网店对店铺设计人员特效能力的要求并不高，大多数东西都是后台现成的，但们在装修过程从有了某个关于特效的构思的时候，还是要会做出来。认为，一个高端的页面，是简洁的、明了的，特效很少或很平缓，美工要做的就是作出这些不那么夸张的特效电商美工必备的基本技能即使们使用一些美工工具替代了诸如DW之类的软件，也要会修改工具生成的代码，为自己所用。

3.需要具备摄影基础

手里有台单反，周末去拍拍片。们每天修图，要知道自己修的这些图的光影来源。快门，光圈，曝光，焦距，都要理解。实际操作一台相机，有助于加深们对图片的理解;学习摄影基础，有助于们修出更好的图片

网页程序设计中如何配色

网页程序设计中如何配色

对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。那么就由我带来网页程序设计颜色搭配的教程吧。

一个网页最好不要超过三种颜色，但是这么说是不准确的，这里所谓的三种颜色指的是三种不同色相的颜色，色相也就是颜色的长相，是辨别颜色名称的属性，如黄色、橙色、蓝色等。

下面来说说色彩搭配吧，其实分两个步骤，第一步选色，第二步是分配颜色。

选色：

这是最基本的一步，当我们开始设计网页的时候就应该要规划好选取哪些颜色，颜色的选取不是无中生有的，而是根据网站的产品定位、风格、以及需要传达出的理念等为基础进行选取，而不是无中生有随着自己的喜好来选取。

1、公司色

在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。

2、风格色

许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。

3、习惯色

这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的.时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。

分配颜色：

这是第二步，当你选好颜色之后就该考虑怎么把他们分配到网页的每个角落，分配颜色也是很讲究的。有句话说的好叫红配绿赛狗屁，其实这句话还是不准确的，如果在红绿两色之间加其他颜色(白色或者黑色)进行调和是可以搭配的很好看的，大家可以脑补一下圣诞节各大电商的banner。

回到正题，之前已经选好颜色，这个时候就考虑分配颜色，知道色彩基础的都知道色彩分为主色、辅助色、点缀色这三个叫法(还可以分得更细，这里就不细说了)。主色是能够传达出网站整体风格的颜色，面积最大，所以你之前在选色阶段选取的几个颜色中选一个作为主色，然后用在网页中需求最多的地方，如banner的颜色，导航的背景色、文字标题的颜色等等，辅助色是比主色百分比略少的颜色，点缀色一般是饱和度较高的颜色，一般用在网页中的强调内容或者突出的内容，如按钮、链接等，三种颜色在整个网页的比重大概是60%、30%、10%。

在线电商详情页设计-电商产品详情页如何设计流程来了

如何打造电商详情页设计？

随着移动电商的迅猛发展,视觉营销这一传统行业的惯用手段也逐渐融入移动电子商务,并越来越受重视,这都由移动电子商务特殊的购物方式所决定。在移动端App上购物,由于接触不到商品实物,消费者只能通过色彩、图像和文字来判断商品是否符合自己的需求。因此,视觉营销在移动电子商务中的作用,就是通过色彩、图像、文字等形成的强烈冲击力来吸引消费者点击进店,提升店铺流量,刺激消费者的购物欲望,最终成交。因此,视觉营销对移动端店铺提升有效流量非常重要。那么移动端店铺视觉营销该如何打造呢?

首先配色技巧

移动端店铺整体配色一定要给人以统一、协调的感觉。统一的颜色是指主色调只有一种,在此基础上搭配一些其它颜色。黄金配色比例是70%∶25%∶5%。其中70%为大面积使用的主色,25%为辅助色,5%为点缀色。

常见的色彩搭配有同类色搭配、邻近色搭配、互补色搭配和对比色搭配。同类色搭配使得整个页面看起来色彩统一,又有层次感;邻近色搭配的效果比同类色搭配更加丰富;互补色搭配对比最为强烈、醒目和鲜明;对比色搭配色彩的对比更加有诱惑力。在移动端店铺配色过程中背景和文字内容对比不强烈、色彩过多及过分强调色彩的刺激度,这些都是在移动端店铺配色过程中存在的问题。

其次店铺风格的形成

移动端店铺风格的形成要素包括店铺的主要风格、店铺主题气氛及店铺的包装色彩。经营不同的产品就需有不同的店铺风格,否则就会让人觉得不伦不类。常见的店铺风格有简约清爽型、商业型、炫酷型、可爱型和特色型等。例如,商业型的店铺促销产品位置明显,直截了当,适合中性、男性人群浏览,适用于虚拟产品、手机、数码产品和家居等行业;可爱型的店铺通常为暖色调,以卡通图案或者动物花草为装饰元素,适合小女生人群浏览,适用于饰品、毛绒玩具、居家日用和鞋子等行业。

移动端店铺的主题气氛主要通过店铺的配色和装饰来烘托。例如,以国庆节为主题的店铺配色大多采用红色,然后通过灯笼和烟花等元素来体现国庆节的节日气氛;以七夕节为主题的店铺大多采用紫色、粉色等颜色来营造浪漫和甜蜜的气氛,然后通过鹊桥等元素来体现七夕的节日气氛。

人们对一个店铺色彩的记忆往往更倾向于其包装,包装本身也代表着整个店铺的风格定位。例如,如店铺主营18-30岁的女性时尚女装服饰,那么比较适合的主题色就是偏粉色、红色的柔和浪漫色系;如店铺主营手机、相机等数码类产品,那么蓝色、黑色和灰色往往会给消费者以理智、高贵、沉稳的感觉。在配色的过程中需要巧用VI配色技巧,一般可分为单色VI、双色VI和多色VI设计,主要表现在店铺的整体色彩效果与店铺Logo色彩的对应性,使得页面整体风格协调、统一。

确定页面风格

页面风格主要是根据产品本身来定的,如产品的属性、产品功能等。如果产品没有特定的风格属性,可以根据目标销售人群、季节、节日或主题活动来定。

产品和素材搜集

前期实拍素材,进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库,做好备份。

构架布局框架

根据文案内容,结合实际产品,进行有效的布局建立,可以从下面八个方面入手操作:

产品海报--引起注意。

产品属性功能--提升兴趣,了解产品。

产品全景--提升兴趣。

产品细节展示--提升兴趣,了解产品。

痛点挖掘--拉近客户。

检测报告--建立信任。

卖点优势--体现产品价值。

好评分享展示--进一步加强购买欲望。

确定配色方案

已有店铺视觉规范的可以直接延续使用。如果没有,可以从产品本身提取,或者从Logo中提取或从产品联想属性提取。在配色过程中,无论用几种颜色来组合,首先要考虑用什么颜色作为主色调。

选择合适字体类型

字体相当于一个桥梁,相当重要。主要用来对产品进行解释说明,方便顾客阅读,同时,也是起重要信息的引导作用,可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示,以加深买家对该信息的印象程度。

整个详情页排版

怎么对图片和文案内容进行排版设置,要考验我们平时积累下来的设计的水平。越是简约大气的页面,元素务必不要太多,清爽舒适的页面多留白,参考优秀案例,多多借鉴和学习。学习是没有止境的,同样,详情页的设计排版也是。多学习,多总结,扩展想法,拓展思维,建立自己的设计风格。

关于电商产品详情页设计流程,青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图形处理等有浓厚的兴趣,希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。

亲,您好,请允许拥有5年电商美工经验的我,回答您这个问题吧。

?

·?

个人最大的经验总结:一个好的电商详情页的设计最主要结合三个大方向(这边用小编的一些个人经验通俗地发表意见)——1,自家产品的市场调研情况;2,你家运营或设计总监的产品需求;3,个人积累的美术感

·?

1.?自身产品的市场调研情况:一般来说要多参考自家产品同行卖得好的产品详情页面,切记是要看卖得好的,多客户看的图,多找几家,看看市场现在流行什么图稿。例如今年的图稿比较注重实拍、客户体验图,那你可以尽量多选择这方面体验在你的页面上。始终要记得电商的图稿要符合市场的走势这是最为重要的一点!没有之一的!

2.?其次你家运营或设计总结的产品需求:这个一般就是说你的运营想要什么风格、什么色调、突出产品质感还是使用效果或是其他,一般运营会把需求给到你,你必须把他的要求适当融合进去,但是永远不要抛离第一点——不能远离市场走向。

3.?该产品衍生出来的个人美术感:这就要求你多平时积累一些优秀排版、设计类的基础,这里小编推荐你关注一个叫“大美工”的网站或者站酷什么的都可以,这个应该是做美工的都知道的,里面每天都在更新优秀的电商页面,平时要养成一个好习惯,看到好看的图稿要保存下来,积累着下次要做图说不定你就有灵感参考了!

?

再次感谢头条邀请,以上纯个人全手打通俗解释的,希望对你有帮助,有任何问题不懂得可以问我,希望看到的能帮我点个赞,

第二次过任务了,希望好心人看到帮我点赞一下!好人一生富贵!感谢您!