网页首屏抓人眼球的设计技巧

一、层次感
# ~( `: m0 `! A# _6 ]　　画面的层次感，说白了就是主次之分，有空间感和距离感，有虚实之分，光影层次清晰，这样的画面看起来才真实、丰富，而且通过一些特殊的处理手法，可以进一步拉开画面中不同元素的层次，使得主体更加突出。
! {/ G7 m# E, t' q$ }/ F: u1 r　　1、强化对比
　　首先网页首屏中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是常见的强化对比。
- T* l9 r# `" O7 l/ B2 j2 S　　2、模糊背景
　　模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片，而照片的模糊带来的直接效果就是让产品本身更加突出，以上的两个案例就是如此。
　　二、色调
　　色调的作用是传达画面所要表达情感的有效途径。不同的色调可以给人带来不同的体验，正是因为有了不同的色彩，才使得我们的设计更加丰富。
; R; {8 R8 ]: F$ P4 X  ~* H- r　　1、色调统一处理
# P! t' x* ~, c/ C& y' T5 E　　2、色彩对比
% q2 O! |/ D2 s2 a$ w　　通过色彩对比可以提高整个首屏的趣味性。以上的两个案例中，一个降低了背景图的色彩对比度，令文字更加突出，而另一个则让这种对比出现在文字内。两种方法同样有效。
　　3、调色
2 l3 C/ a& N: t2 `& }; K　　通过调色让照片的色彩更适宜文字呈现是最近越来越流行的玩儿法。虽然这种方式有点投机取巧，但是它可能带来极其惊艳的效果。
* a( N2 e/ F2 Q( \: k5 U0 ^* Z  本文转自热点手机广告联盟（www.redianad.com）
7 C& e. j; n% T, f; o  ]
2 a; O+ v# h( N4 E# V* V5 R- Y/ B

说的很对，szsxbj支持

楼主太厉害了，整理得这么详细，必须支持

分析得很透彻，很多细节都说到点子上了～

内容很干货，没有多余的废话，值得反复看

完全赞同，我也是这么认为的，英雄所见略同～

蹲了这么久，终于看到有价值的讨论，支持一下！

这个分享太实用了，刚好能用到，感谢楼主！