天猫店铺首页怎么做(天猫首页怎么做)

本文主要介绍天猫店铺首页怎么做(天猫首页怎)，下面跟着东辰网详细了解一下吧。

前面说:

我在上一家公司工作的时候，发现一些设计的朋友很迷茫，有时候他们没有不知道从哪里开始做店铺首页，一直停留在抄袭其他店铺的阶段，无法突破。后来，我想总结我的个人经历，但我没有我没有时间写它。现在终于有了暗号。下面也有很多不足，仅代表个人经验。唐如果你不喷。;不喜欢~

接下来，让我们让我们来看看淘宝上的两张海报(如果原作者看到，请见谅，it这只是一个技术交流，没有批)

从元素、排版、配色等方面说说这张海报的问题:

1.选择背景没有依据。根据背景，应该是餐厅的背景，所以和产品本身无关，即不是产品的食用场景，也不是基于产品本身的卖点，所以不考虑这个背景的选择。其次，背景颜色过于绚丽，色调不均匀，会打乱整个画面的色调，这一点也是不被注意的。

2.产品的透视与背景的透视不匹配。产品是立面拍摄的，但是它要找的背景是平视背景，视觉上造成了混乱，消费者看到后的开始反应自然是不舒服。

因为我;;我胆小，我我担心我会选太多问题海报，被原作者追。让让我们为您分析优秀的海报作品。

这么一对比，是不是觉得这张海报简直太**高个子和高个子？

1.色调统一，采用手绘风格的背景元素，在模特图片的融入上没有违和感。

2、左右排版，对称统一又不失变化，请注意上图中左边的两棵小树和右边的单棵小树，作者特意在这里做了一些改动，用量变来增加画面的节奏。

3.元素的视觉引导，鸟指向的位置右边的s口，正是海报中需要突出的宣传卖点，可以合理的在视觉上引导消费者，突出重点。

好了，听完我的BB，isn现在不是说干货的时候吗？让让我们言归正传如何让天猫店铺首页高大上

我个人总结了以下五点:

1.定调2。阻挡表面3。设置元素4。找到材料5。使之成为一个整体。

一.确定基调

1.确定整体页面基调，根据节点和主题制定主页基调(我赢了关于节点用什么颜色就不细)，然后用更整体的色调展开相似的颜色，而不是随意使用颜色。

2、小习惯:可以把已经在软件里设定好的色块画出来放在最上面，从明度渐变做35个色块，以便随时吸色和填充。它也可以定义为在颜色库中，个人更喜欢放在页面上。为什么？这样比较方便(就是懒)。

3.合理利用补色(即辅助)来丰富画面。从字面上看，互补色的运用意味着色彩的互补和丰富。色调要统一，要有变化。消费者在浏览页面时，如果色调过于统一，很容易让他们视觉疲劳，找不到重点。这时候就需要引导一下，突出重点，互补色的运用就来了。图中主色可以占70%，再加30%的补色(科学)，实际情况更多看图。

(对比彩色圆环是不是更容易理解)

2.块状表面

(你是不是又忘了黄金比例？帮大家复习)

1.店招高度150px，天猫上边框200px，开始个焦点的高度要控制在750px以内，最大高度不能超过一个屏幕的910px。

2.优惠券的正常尺寸和高度是150px，高度也可以根据图片的风格来定。尽量尝试不同的形状和排版。(人都是视觉动物，注意力会一直停留在差异化和突出性的焦点上，所以我们需要时不时的对优惠券或者其他模块做一些改变，突破以往死板的形式，这样才能吸引消费者注意)产品一屏两好，多乱少空。

三。固定元素

设计页面的时候，元素多不容易，要精准。

根据主题拓展思路，将页面主题相关的元素进行关联。一开始可以打个草稿，写上相关术语，越多越好，然后结合页面设计的实际情况，做出选择，再进行深入描述。

第四步:寻找材料

素材可以是小图，PSD，百度上的右键文案，当然还有其他店铺的截图。

动词（v:可以在软件里画一个设定的色块放在上面，从明度渐变做35个色块，这样可以随时填充，也可以在颜色库中定义。我个人更喜欢放在页面上。你为什么这么做？这样比较方便(就是懒)。

3.合理利用补色(即辅助)来丰富画面。从字面上看，互补色的运用意味着色彩的互补和丰富。色调要统一，要有变化。消费者在浏览页面时，如果色调过于统一，很容易让他们视觉疲劳，找不到重点。这时候就需要引导一下，突出重点，互补色的运用就来了。图中主色可以占70%，再加30%的补色(科学)，实际情况更多看图。

(看彩色圆环，看是否更容易理解。然后呢)

2.块状表面

(你是不是又忘了黄金比例？帮大家复习)

1.店招高度150px，天猫上边框200px，开始个焦点的高度要控制在750px以内，最大高度不能超过一个屏幕的910px。

2.优惠券的正常尺寸和高度是150px，高度也可以根据图片的风格来定。尽量尝试不同的形状和排版。(人都是视觉动物，注意力会一直停留在差异化和突出性的焦点上，所以我们需要时不时的对优惠券或者其他模块做一些改变，突破以往死板的形式，这样才能吸引消费者注意)产品一屏两好，多乱少空。

三。固定元素

设计页面的时候，元素多不容易，要精准。

根据主题拓展思路，将页面主题相关的元素进行关联。一开始可以打个草稿，写上相关术语，越多越好，然后结合页面设计的实际情况，做出选择，再进行深入描述。

第四步:寻找材料

素材可以是小图，PSD，百度上的右键文案，当然还有其他店铺的截图。

动词（verb的缩)总产量

关键是如何把素材和自己的页面结合起来，让它们融入自己的作品。这里需要我们平时的积累和努力。剪切、模糊、颜色匹配、混合选项、透明度等。这时候考验的就是一个设计师如何综合运用自己掌握的技能。唐不麻烦，多花点时间尝试，会有意想不到的结果。

好了，码字真累。让先分享一下吧。有些人喜欢听我的BB，所以让下次继续~

了解更多天猫店铺首页怎么做(天猫首页怎么)相关内容请关注东辰网。