一站式网站解决方案

将想法与焦点和您一起共享00002

当前位置>首页> 一站式网站解决方案 >详情

西安网站设计趋势让图片活起来

来源:未知 时间:2018-04-13
现场照片、Cinemagraph、动画等,对于西安网站设计来说,这个趋势有太多不同的名字,主视觉图的影响和运用,仿佛正在以一种微妙的方法不断存在并发展着。现实上,它不是一张照片,也不是一段视频。通过设计技术,将在图像上限定某一个动作,能够很容易吸引用户的注意力,并将其注意力集中在图像上。这种趋向在网站设计、可分享的gif和社交媒体上都产生了影响。

1、趋势的发展 
我们很难定夺这种“活动的”照片的创意具体是从哪里开始的,但你可能会知道Apple的产品让它更受欢迎。在包括iPhone等产品的功能和特点的相关简介页面的拍照作品中,你经常会看到这种趋势的运用。网站设计上“活动的”照片具有相同的概念,大概有点区别的是,网站中的图像中往往会有一些额外的信息让你看得更久一点。这种趋势的概念已经开始出现在更多不同的领域。比如,在数字化广告牌上,看似静止的广告中,经常会出现一个眨眼睛的人。
为什么要运用这种技术?目的很简单,它能够使用户的注意力更持久,并提供一个更风趣的视觉参考点。依据所统计的数据表现,运用这种设计趋势所输出的照片能让用户的注意力保持在9秒,相比之下,静止的图像的时间仅仅为1秒。

2、图片或插图
“活动的”图像或cinemagraphs图能够运用照片或插图。这里并没有规则说你只能运用一种类型的图像。看看上面的两张图片,你能够看到,任何一种风格都是十分有效的。另一个需要思考的是,并不一定要一直循环发生。在上面的Hillmann Living网页设计中,主页上的一部分产品上具有活动的投射光。这是该图片上独一一个活动的元素,撤除这个元素,照片便是静止的照片。你能够看到这里的效果很好,它让你直接关注到该公司正在出售的产品,该技术向用户展现了页面上的内容,通过一种微妙而有趣的方法。

3、使用技巧
这种技术可以通过多种办法和多种设计使用来发挥它租用,一些比较好的例子往往是来自那些简单的场景或风景,其中,一张漂亮的照片是全部后续工作的起点。草可能会在风或风景中移动、通过任务展示的时候可能会使用眨眼的动作、产品可能会倾斜或旋转或在一定时间段中完成设计的动作。
· 专注,你需要只针对某一个事情;
 
· 它需要看起来很现实;
 
· 运动需要遵循物理定律;
 
· 运动应该是微妙而明显的;
 
· 不要添加声音或需要大量的点击操作来完成;
 
· 考虑使用微妙的用户体验技巧,比如鼠标滑动或触发的动作;
 
· 设计一个可以在多个活动或主题中使用的移动图像,而不仅仅是你的网站。

4、你应该怎么做
西安网站设计中有很多办法能够产生这种效果。
创造微妙运动的一些技巧包括:
· 创立一张GIF图;
 
· 使用在线工具(目前有很多软件或应用可以根据你不同的需求,提供不同的定制服务);
 
· 通过限制视频的动作来创建图像;
 
· 使用一个应用程序,甚至是你的iPhone;
 
· 以视频格式将静止图像串在一起。

5、一个完美的例子
Monochrome Paris的网站设计是这一趋势的完满典范。在它的主页上。你可以看到一个很简单的图像,僵硬的元素简直看起来要融化了,并且你会看到在风中移动的面料。效果足够引人注目,并吸引用户参与到设计中。
这种效果有助于以一种微妙的方法让用户产生兴趣。因为活动,想象的视觉看起来更真实。
这个网站是一个很好的案例研究,以有效的方式使用这一趋势。

总结:
不管你怎样看它,这种趋势很可能会持续下去。这是一种将动画添加到网页设计中而不必生成视频的办法。它很有效,并且比视频制造成本低好多。
这一趋势的诀窍在于确保它看起来是有认识的和真实的。加入一些毫无意义的运动并不一定会给你想要的效果。回过头来看看上面的案例,看看这些动画会让你在设计中得到什么。在每个案例中,都可以帮助用户获得特定的元素或执行特定的操作。这种有意和指引性的才是是有效的设计关键。