找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1716|回复: 0

[杂谈] 网页首屏抓人眼球的设计技巧

[复制链接]
发表于 2016-12-26 10:27:02 | 显示全部楼层 |阅读模式 来自 中国–河北–石家庄
  网页首屏是网站用户看见的第一眼,决定着用户是关闭网站还是在网站继续待下去!所以网页设计的时候,首屏必须出彩,要设计得抓人眼球,要在瞬间捕获每一位用户的心!看起来很难实现,但只要掌握了技巧就会很容易实现。下面分享页首屏抓人眼球的设计技巧:
  一、层次感
  画面的层次感,说白了就是主次之分,有空间感和距离感,有虚实之分,光影层次清晰,这样的画面看起来才真实、丰富,而且通过一些特殊的处理手法,可以进一步拉开画面中不同元素的层次,使得主体更加突出。
  1、强化对比
  首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是常见的强化对比。
  2、模糊背景
  模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出,以上的两个案例就是如此。
  二、色调
  色调的作用是传达画面所要表达情感的有效途径。不同的色调可以给人带来不同的体验,正是因为有了不同的色彩,才使得我们的设计更加丰富。
  1、色调统一处理
  2、色彩对比
  通过色彩对比可以提高整个首屏的趣味性。以上的两个案例中,一个降低了背景图的色彩对比度,令文字更加突出,而另一个则让这种对比出现在文字内。两种方法同样有效。
  3、调色
  通过调色让照片的色彩更适宜文字呈现是最近越来越流行的玩儿法。虽然这种方式有点投机取巧,但是它可能带来极其惊艳的效果。
  调色的时候,尽可能选择与图片相近的色彩来调整,确保图片中的内容能够透过又不影响文字的阅读就好了。要掌握好这一”花招”你可能需要尝试不同的色彩,”玩坏”好几张图片才行。不知道用什么色彩?试试从你最喜欢的颜色开始吧。
  三、简化
  那些历久弥新的平面设计向我们证明了”保持简洁”也是一种有效的设计手段。玩儿太多花哨可能会适得其反,简洁地将图文放到一起可能就很和谐了。处理图像的时候,使用简单直观的排版和清晰明了的照片,确保照片是最重要的组成部分,文字与图片主体之间没有阻碍和干扰,并且文字清晰可读。
  四、创意
  设计生活中,创意是比不可少的,形式创新、素材处理、文字烘托,大到整体的形式,小到文字或素材的细节处理,都是可以学习并且运用到网页设计中的。
  最后还要说的一点,不管网页首屏设计的风格是什么样的、展现方式是什么样的,但浏览的时候,都要让用户读出“我是谁”也就是这个网站是做什么的,否则就是空架子。金色方向-石家庄网页设计:http://www.hbjsfx.com

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 19:32 , Processed in 0.050723 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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