Toggle navigation
首页
关于我们
微站开发
服务项目
APP开发
商城网站
响应式网站
企业网站
软件开发
产品案例
网站策划
新闻中心
联系我们
一站式网站解决方案
将想法与焦点和您一起共享00002
当前位置
>
首页
>
一站式网站解决方案
>
详情
西安网站设计趋势让图片活起来
来源:未知
时间:2018-04-13
现场照片、Cinemagraph、动画等,对于
西安网站设计
来说,这个趋势有太多不同的名字,主视觉图的影响和运用,仿佛正在以一种微妙的方法不断存在并发展着。现实上,它不是一张照片,也不是一段视频。通过设计技术,将在图像上限定某一个动作,能够很容易吸引用户的注意力,并将其注意力集中在图像上。这种趋向在网站设计、可分享的gif和社交媒体上都产生了影响。
1、趋势的发展
我们很难定夺这种“活动的”照片的创意具体是从哪里开始的,但你可能会知道Apple的产品让它更受欢迎。在包括iPhone等产品的功能和特点的相关简介页面的拍照作品中,你经常会看到这种趋势的运用。网站设计上“活动的”照片具有相同的概念,大概有点区别的是,网站中的图像中往往会有一些额外的信息让你看得更久一点。这种趋势的概念已经开始出现在更多不同的领域。比如,在数字化广告牌上,看似静止的广告中,经常会出现一个眨眼睛的人。
为什么要运用这种技术?目的很简单,它能够使用户的注意力更持久,并提供一个更风趣的视觉参考点。依据所统计的数据表现,运用这种设计趋势所输出的照片能让用户的注意力保持在9秒,相比之下,静止的图像的时间仅仅为1秒。
2、图片或插图
“活动的”图像或cinemagraphs图能够运用照片或插图。这里并没有规则说你只能运用一种类型的图像。看看上面的两张图片,你能够看到,任何一种风格都是十分有效的。另一个需要思考的是,并不一定要一直循环发生。在上面的Hillmann Living网页设计中,主页上的一部分产品上具有活动的投射光。这是该图片上独一一个活动的元素,撤除这个元素,照片便是静止的照片。你能够看到这里的效果很好,它让你直接关注到该公司正在出售的产品,该技术向用户展现了页面上的内容,通过一种微妙而有趣的方法。
3、使用技巧
这种技术可以通过多种办法和多种设计使用来发挥它租用,一些比较好的例子往往是来自那些简单的场景或风景,其中,一张漂亮的照片是全部后续工作的起点。草可能会在风或风景中移动、通过任务展示的时候可能会使用眨眼的动作、产品可能会倾斜或旋转或在一定时间段中完成设计的动作。
· 专注,你需要只针对某一个事情;
· 它需要看起来很现实;
· 运动需要遵循物理定律;
· 运动应该是微妙而明显的;
· 不要添加声音或需要大量的点击操作来完成;
· 考虑使用微妙的用户体验技巧,比如鼠标滑动或触发的动作;
· 设计一个可以在多个活动或主题中使用的移动图像,而不仅仅是你的网站。
4、你应该怎么做
在
西安网站设
计中有很多办法能够产生这种效果。
创造微妙运动的一些技巧包括:
· 创立一张GIF图;
· 使用在线工具(目前有很多软件或应用可以根据你不同的需求,提供不同的定制服务);
· 通过限制视频的动作来创建图像;
· 使用一个应用程序,甚至是你的iPhone;
· 以视频格式将静止图像串在一起。
5、一个完美的例子
Monochrome Paris的网站设计是这一趋势的完满典范。在它的主页上。你可以看到一个很简单的图像,僵硬的元素简直看起来要融化了,并且你会看到在风中移动的面料。效果足够引人注目,并吸引用户参与到设计中。
这种效果有助于以一种微妙的方法让用户产生兴趣。因为活动,想象的视觉看起来更真实。
这个网站是一个很好的案例研究,以有效的方式使用这一趋势。
总结:
不管你怎样看它,这种趋势很可能会持续下去。这是一种将动画添加到
网页设计
中而不必生成视频的办法。它很有效,并且比视频制造成本低好多。
这一趋势的诀窍在于确保它看起来是有认识的和真实的。加入一些毫无意义的运动并不一定会给你想要的效果。回过头来看看上面的案例,看看这些动画会让你在设计中得到什么。在每个案例中,都可以帮助用户获得特定的元素或执行特定的操作。这种有意和指引性的才是是有效的设计关键。
上一篇:
网站建设中域名选择要注意些什么?
下一篇:
西安网站建设如何做到精细