网页美工设计教程

     网页美工教程涉及了很多方面的教程，例如有Banner设计教程、导航设计教程、主题按钮设计教程、栏目框架设计教程等多个方面的内容，下面让我们来了解一下，有关这些方面的内容吧。

    Banner规格尺寸大小不一样，文件大小也会有一定的限制，这样就使得在设计上增加了许多障碍，颜色不能太丰富，不然会在文件大小的限制下失真，软文不能太多，否则会没有重点，得不偿失，怎么样在方寸间把握平衡，变得十分重要。Banner的设计，Banner和环境对比，试想一下如果在一个以浅色调为基准的网站上投放Banner，是不是从明度上拉开对比会很好的提高用户的注意力呢(相反亦然)。以此也可推想出，倘若在一个有颜色基调的网站上投放补色或者对比色的Banner，效果就会变得更加瞩目，Banner颜色简单至上，颜色过度使用会打乱色彩节奏，并且，减弱了颜色间的对比，使整体效果变弱。使用颜色越多，最后保存时文件体积越大，加载起来越慢，让用户等待就意味着和用户说再见了，如果靠降低品质来达到Banner的上传要求，那展现给用户的是低质量的banner，也一样会丢失一些用户。所以，颜色简单有力，加载清晰快速，对于banner的视觉传达很重要，只要让用户产生点击欲望，我们推广的目的就达到了。

    构图的定义以及规则，构图其实就是经营画面，进行布局，怎么样在你构图的引导下吸引用户点击，产生欲望，了解内容，如果都能达到，那说明你的构图成功了。构图的基本规则是：均衡、对比和视点。均衡：均衡不是对称，是一种力量上的平衡感，使得画面具有稳定性。视点：就是如何将用户的目光集中到画面的中心点上，我们可以运用构图去引导用户的视点，将视点集中引导到slogan上面去。均衡不是对称，在构图上说就是大小对比，粗细对比，方圆对比，曲线与直线对比等等。

    构图的样式，构图大概分为以下几种：垂直水平式构图 、三角形构图(正三角和倒三角)、渐次式构图 、辐射式构图 、框架式构图 、对角线构图。对角线构图：一个产品或者两个产品进行组合对角线构图，产品的空间感强，每个产品所占比重相对平衡，构图的动感活泼稳定，运动感空间感强。这类构图给用户心情：动感十足且稳定。渐次式构图：多个产品进行渐次式排列，产品展示的空间感强，各个产品所占比重的不同，由大及小，构图稳定，次序感强，运用透视引导指向slogan。这类构图给用户心情：稳定自然，产品丰富可靠。垂直水平式构图：平行排列每个产品，每个产品展示效果都很好，各个产品所占比重相同，秩序感强，此类构图给用户心情：产品规矩正式、高大、安全感强。正三角形和倒三角构图：多个产品进行正三角构图，产品立体感强，各个产品所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情：安全感极强、稳定可靠。框架式构图：单个或多个产品框架式构图，产品展示效果好，有画中画的感觉。构图规整平衡，稳定坚固。此类构图给用户心情：稳定可信赖，产品可靠。辐射式构图：多个产品进行辐射式构图，产品空间感强，各个产品所占比重不同，由大及小。构图动感活泼，次序感强，利用透视指向slogan，此类构图给用户心情：活泼动感，产品丰富可靠。