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

一、层次感
, N) L0 O4 _) B' S　　画面的层次感，说白了就是主次之分，有空间感和距离感，有虚实之分，光影层次清晰，这样的画面看起来才真实、丰富，而且通过一些特殊的处理手法，可以进一步拉开画面中不同元素的层次，使得主体更加突出。
5 C- {2 V( o" b4 h3 R8 R　　1、强化对比
4 X6 c4 K' S6 U& W& u　　首先网页首屏中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是常见的强化对比。
  |9 ]( x, }) Y; A　　2、模糊背景
　　模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片，而照片的模糊带来的直接效果就是让产品本身更加突出，以上的两个案例就是如此。
　　二、色调
! l) F6 F; y: a% @　　色调的作用是传达画面所要表达情感的有效途径。不同的色调可以给人带来不同的体验，正是因为有了不同的色彩，才使得我们的设计更加丰富。
　　1、色调统一处理
6 S7 O" G& B% m2 ^1 Q8 T, [7 n　　2、色彩对比
　　通过色彩对比可以提高整个首屏的趣味性。以上的两个案例中，一个降低了背景图的色彩对比度，令文字更加突出，而另一个则让这种对比出现在文字内。两种方法同样有效。
$ S% h9 ^2 E6 c2 L! E. q; R　　3、调色
　　通过调色让照片的色彩更适宜文字呈现是最近越来越流行的玩儿法。虽然这种方式有点投机取巧，但是它可能带来极其惊艳的效果。
  本文转自热点手机广告联盟（www.redianad.com）
6 d8 G* w, o8 S' S
& g6 }6 F$ ~9 R" n

说的很对，szsxbj支持

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

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

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

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

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

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

学习到了，之前一直没注意过这个点，受教了

这个思路很新颖，打开了新世界的大门，谢谢分享