网页設計是網站建設中非常重要的一环,网页設計的技术要求越来越高,目前视觉差特效是目前网页設計最流行的元素之一。视觉差特效增加了用户的粘度,也提高了用户的参与度,这是提升用户体验的基本手段之一。
目前,在網站建設,网站开发的市场上,视觉差特效的5种运用技巧,让网页設計增加了一个档次。
技巧一、采用動畫效果來展示變化。
随着人们欣赏水平的提高,人们越来越喜欢带有动感的图片,这大大增加了图片的效果也增加网页設計师的难度。如上述保时捷图片,不同时间的车型随着时间的变化而变化,背景图片也会随之变化,这种变化会驱使用户滚动浏览,因为人人都有好奇心,人们都好奇接下来会发生什么。在目前这种视觉差滚动和时间轴的搭配下,用户可以来回浏览,感觉很好玩,很有意思。
技巧二、鼓勵用戶滾動浏覽。
在以往我們浏览网页都喜欢翻页,然后一页一页的浏览,但是随着移动端的发展,人们慢慢更倾向于滚动浏览,上下滚动浏览。
視覺差的有效利用,用戶更喜歡來回滾動浏覽,因爲同處于一個頁面上,只要手指上下輕輕滑動一下,就能很好的視覺效果,滾動浏覽頁面,讓用戶更好的參與其中。許多采用視覺差滾動的網頁就在首頁言明通過閃動的光標來回滾動,吸引用戶的注意,並且鼓勵用戶滾動浏覽。現在流行的H5頁面就是一個很好的例子,H5頁面只能上下了,來回滾動,根本無法翻頁,這樣的頁面看上去更加直觀,更加有趣。
技巧三、運動和色彩。
在网页設計中,让不同的内容和色彩融合在一起,用来展示不同的项目和元素,颜色的变化和互动组合在一起,用交互来出发,产生一种全新的体验。
多變的色彩是吸引人的最佳工具,色彩在吸引用戶的注意力上有很好的效果。
技巧四、讓信息更容易被消化。
設計师在設計网页中,把更加庞大和复杂的信息或者大块信息,分割成小分,让人更加易读,也更加容易被消化,当設計随着页面运动元素,视觉差就会非常有用。
如上述是一个订餐网页的設計风格,設計者按照一般的阅读习惯和订餐方式,将菜单划分为单独的模块,动画很简单,背景鱼起到了很好地装饰作用。让用户在浏览的时候,更加方便的浏览订餐信息。
技巧五、營造一種視覺奇觀。
越来越成熟的3D設計技术让卡通接近现实的設計元素設計成本更加低廉,設計师通过合理的素材搭配,借助动效和不同的設計技巧来展现不同的视觉效果。
当用户在浏览时候,如上图,因为元素间的不同的运动速度而产生仿真的体验,这样的設計是教育性的,也是冒险的,这也是网页設計的一种革新,但是它确实创造了前所未有的体验,令人难忘。