使用对比创建完美的英雄图像

善微科技 2016 12月08日 发布


想要做出伟大的第一印象吗?它从您的网站的标题开始。用户看到的图片会留下良好或不好的印象,并确定用户是否点击并继续,或完全离开网站。

这是一个单一的图像的高顺序。

创建英雄形象的关键因素是吸引用户并让他们围绕设计移动。 (真的!这一切都回到设计理论101.)一个头部,大小,颜色和规模的对比元素,提供了视觉兴趣的正确组合,告诉用户如何与设计交互。这里有几个方法来最大限度地提高对比度,创造一个完美的英雄形象。

 

作战策略

英雄图像不必填充设备上的“第一”屏幕。不要陷入陷阱。

基于其中的内容裁剪图像的影响。考虑其他对用户来说很重要的元素,当他们登陆页面并为他们提供住宿。根据这个框架,这可能意味着英雄图像被缩放为大于或小于浏览器窗口(让我们考虑更多的标准分辨率为了参数)。

在你嘲弄这个想法之前,请考虑一下。

浅的图像将有助于预览其他内容。

异常深的图像将鼓励用户滚动更多。

任何不寻常的形状将引起注意。

考虑动画

您不必创建一个全方位的电影摄影体验,以将移动图像添加到英雄标题。 最小的运动触摸创造恰到好处的对比,抓住眼睛。

微妙的运动,如飞机飞越Bar Z酒庄的图像,提供对比度的元素,而不是压倒性的。 这是一个简单的替代,一些更闪亮的视频头已成为流行。 对比的元素是双重的:设计是不同的,许多其他人,用户暴露在微妙的运动是令人愉快和意想不到的。

另一方面,你可以去所有的动画或视频的英雄形象。 运动可以是特别有吸引力,是一个流行的选择。 在添加效果(如排版和号召性用语)时,以与静态图片相同的方式使用它。


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/248.html