分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

网站设计与图片素材的相关性
2019-09-15 14:44:52

1. 权威高质量相关性图片

 

网站设计与图片进行组合搭配。如果只有背景的画,图片的魅力是不太够,这时候我们需要引用人物的造型。

 

人物和静谧这个主题相关,我们找到了有静音动作的图片,具体如下图所示。

 

我们直接将这张图片抠出来,放到我们之前整理的背景里的话,明显是显得有点格格不入了。因为两种画面的风格不太一致,这就需要进行统一的调整。

 

 

调整会利用到photoshop 里面的曲线工具,色阶工具以及曝光工具。分别针对亮色系跟暗色系做了两套版本进行对比。做出来的结果,亮色系对整体的界面更有帮助。

 

 

 

 

2. 能引起行为的动作按钮

 

还记得小酷之前发布过的一编文章吗?,一个令人引起动作的手势,是很重要的行为吗?

 

我们可以通过眼神和手部动作,进行视觉焦点的锁定,类似下图所示的结果,并且结合图片合成的技巧进行一致性的输出。

 

对于眼神望向右边而言,『80%和购买按钮』显得就非常明显。

 

 

 

 

3. 减少视觉噪音

 

完成上面那一步还是不够,我们试图减少一点视觉噪音。什么是噪音呢?就是对整体画面没有帮助,却能吸引观众目光的元素。往往这些东西都会出现在背景里。

 

我们都知道,如果背景越复杂的话,前景的重点性会减弱。这一步可以对背景进行简易化的处理。最终形成的样子,如下图所示。

 

 

 

 

 

4. 款式一致

 

除了上述能为图片加分的选项以外,还有一点,就是当多图片使用时,一定要注意款式的一致。

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: