教你从层次/色调/创意3个方面设计出酷炫网页(2)

    氛围关系

　　图1通过烟雾来拉开女主与远处机器人的层次，烟雾既弱化了远处机器人，同时突出了女主，让两者有一个明显的层级关系;图2中人物本身颜色较暗，背景也是暗色，这时候如果直接把人物置入，人物就会与背景融为一体，这里利用人为添加的光效、碎片等氛围元素，凸显了人物的边缘轮廓，背光的效果使人物从黑暗中分离出来;图3也是同理，只不过它通过光影和烟雾一起来区分众多人物之间的层次关系。那么氛围关系运用到网页设计当中如下：

　　通过上面的例子可以看出，合理利用一些氛围元素的渲染，例如光、烟雾、云等素材，不仅可以起到烘托页面气氛的作用，而且可以突出主体，同时弱化主体外的其他元素，成功地拉开主体与其他非主体元素之间的层次关系。

　　2、 色调

　　画面的色调，是传达画面所要表达情感的有效途径。不同的色调可以给人带来不同的体验，正是因为有了不同的色彩，才使得我们的设计更加丰富。

　　色调统一

　　上两图中，左图统一的暖色调彰显了画面的热情激昂，而右图统一的冷色调则表现出画面的冷酷。在处理时切记对画面中所有的元素都要进行统一的环境色处理，运用到网页设计当中如下：

　　上面几个例子中，为了更进一步的融入大环境中，设计师都对原始素材进行了色调上的二次处理，整个网页的风格在色调上保持统一。

    冷暖对比

　　上三图中，在色调处理上都运用了冷暖对比的形式，使画面的细节更加丰富，同时，冷暖的对比可以表达出超强的对抗性。运用到网页设计当中如下：

　　通过上面的例子可以看出，冷暖的对比在网页的场景打造过程中，可以用来很好的表现“对抗”和“战斗”方面的主题，另外，整个冷调的场景中适当加入些暖调，也可以起到突出主体的作用。

　　3、创意

　　丰富的海报创意不仅可以抓人眼球，而且可以很巧妙地表达出主题。大到整体的形式，小到文字或素材的细节处理，都是可以学习并且运用到网页设计