一、页面的风格现在比较流行的

①手绘插画风：代表品牌【百雀羚三生花】【老金磨方】等

②不安常理出牌的没有风格的风格：代表品牌【卫龙】反正涂鸦啦、名国风啦、苹果风，关注卫龙总会打到你的三观。

③吊炸天的霓虹灯风格：很多类目，很多品牌都用过。

④新型的剪纸风格：

⑤高冷风格：

⑥牛皮鲜风格：各大运营老板最喜欢的风格。

⑦3D建模，塑模：

反正现在是百家争鸣、百花齐放的现状；每种风格都能拿捏最好，技多不压身。像手绘、3D这些实在不会也没有关系，可以通过PS合层去仿；其实扎扎实实学好版式平面，然后灵活运用，擅长一种风格就足够应对公司需求了。

二、页面的框架

做一个页面就像起一栋房子一样，先把地基和框架建好，房子才能建的又好又快。

页面的组成部分通常是：版头banner + 活动区（包括优惠卷、满额送、抽奖、等活动）+ 楼层区 + 页尾区

1、版头banner：

不管是手机端还是电脑端，顾客来到你家店铺第一眼看到的东西，所以氛围一定要足，吸引眼球。banner的组成就和海报是差不多的，产品（有的有代言人或模特）+主文案+辅文案+活动时间+背景+装饰。

版头banner的排版方式通常有：左右排版，居中（或左右对称）排版，左中右排版3种；根据产品的排版来选择适当的版式。当然足够个性的不规则排版方式也有使用，不过设计师对版式的把控能力要很高，不然会显得乱。

2、活动区：

活动区的组成：优惠券+满送活

动+抽奖+送礼+其他类互动活动等，其中的1个或多个优惠方式组合。

搞完版头的气氛，就来点实在的优惠，优惠券基本是都有，那满送活动要看实际有没有，抽奖和其他活动一般都只在618、双11、双12、年终大促这种世纪活动才有的。

3、楼层区：

楼层区是页面最长的一个板块。就像超市的货架一样，摆产品卖东西；主推款会放在最显眼的位置，也就是前面几屏黄金位置；我们通过电脑和手机买东西，拖动鼠标或滑动屏幕，一般都在前几屏，所以前面的产品要有足够的优势，肯定是店铺的主打款爆款，希望买家多买的产品。也是有足够优势打动买家的产品。

讲真，一个几十款产品的页面，顾客能看到中间位置已经是给你面子了，后面基本不会去看的。

主推款一般会有很多信息需要展示：降价信息、赠品信息、产品卖点、文案、价格等等，这些信息的层级怎么去把控，怎么样有主有次层次分明的展示给顾客而不显得乱，也是一个重点。这个后面再专门写一篇来说。今天主要讲页面的整体框架。

楼层虽然长但是就是铺货，版式确定后，直接复制铺货复制铺货就好了。能做些灵活变化，让画面不那么死板最好，但是切记变化不要太大，要在统一中求变化，不要整个页面乱的没有办法控制。

要注意：

①每款产品的促销标、功能标等都要保持一致，大小一致，位置相对一致（有的楼层版式左右变化的）

②每款产品的文案、价格等字体大小一致，颜色相对一致（楼层区不同小板块背景颜色可相对变化、那字体颜色也会相对变化）

3、页尾

页尾常用的处理方式无非就是：①做个返回顶部的按钮。②售后保障之类。③品牌slogan之类。④没有页尾。

返回顶部这种记得和版头做好呼应

1.不要将所有颜色都用到，尽量控制在三种色彩以内。

2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容

装修设计中，可以选择自己喜欢的颜色，这样看起来更柔和一些

保持画面均衡，内容协调才行，相近色和对比色，用的时候注意排布。

首先，要有美术基础，也就是色彩搭配和构图基础，这个是基本的基本，因为必须要有比较好的审美观才能做出漂亮的网页。如果没有这类基础，可以平时多看好的设计网站来学习也是可以的。

第一步，具备了以上条件后，拿到一个项目，首先看他给你的什么题目，整个儿页面按照一个主题来做。
举例来说，我是做电商的，要做一个春节大促的页面，那么，首先要确定整个页面的色彩基调，过年，红色。然后，想想用什么元素来表现更贴切，那么，剪纸风格是个不错的选择。好，整体基调确定了就开始细化自己的方案。{切记，一个页面颜色不要太多，不要超过三种色调，否则就很花}

颜色主次分明，确定主色后再用辅色进行填充

色彩搭配在网站设计中是相当重要的，色彩的取用更多的只是个人的感觉和经验，当然也有一些是视觉上的因素。

背景与前景文字应尽可能地避免色彩的亮度、色调及饱和度的接近，这样可以让页面信息能够被正确阅读，同时要避免高饱和度的文字与明亮的背景配合，否则会使页面看起来比较刺眼，如果背景比较暗淡，使用很亮的文字有很好的效果。在使用表格背景色或网页背景色这类大面积的色块时，最好使用低饱和度的颜色，如果是给表格边框设置颜色，就没有必要像处理大面积色块那样去处理了，但是起码要看起来舒服。

如果要使设计充满生气，稳健，或具有冷清、温暖、寒冷等感觉，就必须从整体色调的角度来考虑。只有控制好构成整体色调的色相、明度、纯度关系和面积关系等，才可能控制好整体色调。

首先，要在配色中确定占大面积的主色调颜色，并根据这一颜色来选择不同的配色方案，从中选择最合适的。如果用暖色系进行整体色调，则会呈现出温暖的感觉，反之亦然。如果用暖色和纯度高的色彩作为整体色调，则会给人以火热、刺激的感觉；以冷色和纯度低的色彩为主色调，则会给人清冷、平静的感觉；以明度高的色彩为主色调，则会给人亮丽、轻快的感觉；以明度低的色彩为主色调，则会显得比较庄重、肃穆；如果是色相和明度对比强烈的主色调，会显得活泼；如果取类似或同一色系，则会显得稳键；如果主色调中色相数多，则会显得华丽；如果主色调中色相少，会显得淡雅、清新。整体色调的选择都要根据网站所要表达的内容来决定。

新手配色往往都是难题，喜欢在色板上选来选去。最后搭配下来 颜色灰暗 又脏又不显眼。

除了比较优秀的美术生天赋异禀在这块没有过多的忧虑 其他的普通设计师还是老老实实的抄吧

根据产品 先把安全配色用熟用透，再去考虑新颖创意的玩法