找回密码
 加入怎通
查看: 342|回复: 4

[其他] 网页首屏抓人眼球的设计技巧

[复制链接]
麦田甜心 发表于 2016-12-28 10:39:56 | 显示全部楼层 |阅读模式
一、层次感  V6 y6 l7 U( i
  画面的层次感,说白了就是主次之分,有空间感和距离感,有虚实之分,光影层次清晰,这样的画面看起来才真实、丰富,而且通过一些特殊的处理手法,可以进一步拉开画面中不同元素的层次,使得主体更加突出。
- E, [& I$ r5 w" e. t0 u  1、强化对比$ ^4 g) |$ o$ l4 g! X  L- f" R
  首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是常见的强化对比。. ~4 y7 F: K, Y$ N( R3 W
  2、模糊背景) m7 n! g1 u6 B" D+ u
  模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出,以上的两个案例就是如此。
  J# Q" z* T5 u: Y  二、色调
8 V9 S" N8 E4 G, A' H. A  色调的作用是传达画面所要表达情感的有效途径。不同的色调可以给人带来不同的体验,正是因为有了不同的色彩,才使得我们的设计更加丰富。
5 ^* u2 ^' I5 T. ~" [4 M- p  1、色调统一处理- {3 R6 i+ y/ F4 k8 M& \+ }- H
  2、色彩对比/ a8 e. \: b1 K  q% m
  通过色彩对比可以提高整个首屏的趣味性。以上的两个案例中,一个降低了背景图的色彩对比度,令文字更加突出,而另一个则让这种对比出现在文字内。两种方法同样有效。
! F* ]. E0 a  w' \3 j6 ^; W  3、调色
. a" K# q; K5 X; j( v$ \  通过调色让照片的色彩更适宜文字呈现是最近越来越流行的玩儿法。虽然这种方式有点投机取巧,但是它可能带来极其惊艳的效果。8 {1 C& W" h! X3 Q
  本文转自热点手机广告联盟(www.redianad.com). u6 o$ u6 j  ]/ j5 g  f
/ o# [& r; [, ^* o5 U4 j
回复

使用道具 举报

szsxbj 发表于 2016-12-28 10:40:23 | 显示全部楼层
说的很对,szsxbj支持
回复 支持 反对

使用道具 举报

早餐饼 发表于 2026-01-14 02:21:37 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复 支持 反对

使用道具 举报

网医院 发表于 2026-01-24 01:05:58 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复 支持 反对

使用道具 举报

拓宽动力小H 发表于 2026-01-24 14:47:31 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-3-24 20:14 , Processed in 0.180555 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表