网页制作之滚动视差设计
在这里我们来了解一下滚动视觉差的设计流程
1、了解需求分析交互需求
前期需要了解用户的需求,决定是否采用滚动视觉差设计,chuandesign因为并不是所有的项目都适合。一般在制作一些游戏专题的时候使用这种设计手法比较多!
2、整理内容构思场景
需要通过需求来在自己的大脑中构建一个框架,这个框架可以不完美,但是要足够符合客户需求和用户体验
3、设计页面,图像化场景
设计稿毕竟不能动,但是这个时候需要输出关键状态的设计稿,比如banner中最能体现出滚动视觉差的一帧特效
4、沟通讲解,阐述思路
尤其是滚动视觉差设计,网页设计师需要把自己的设计思路和客户进行详细的讲解,包括前期的思路以及后期特效的实现。不仅仅是用户,还有就是重构人员,在动画效果上最大限度的表现
5、优化设计,修改反馈
精品是修改出来的,而不是一次成型的,zzxueyi当一些特效无法实现或者成本过高时候,需要即使的修改设计稿或者请求帮助,尽量的优化。
6、不断优化,追求完美
不断和重构开发人员进行沟通,调整设计师,调整动画效果,直到完美
在这这里给大家总结一些滚动视觉设计的一些小技巧
1、加载动态加载特效
在重构开发人员重构过程中,会发现我们使用最多的是PNG图片,那么这种类型的图片往往很大,记得给图片添加一个加载状态
2、色块点运用
在页面的背景上可以使用不规则的色块来进行平铺,在视觉上会给人从下网上的角度错觉从而体现出来立体感
3、纯色使用
纯色往往图片更容易平铺在背景,而且相同的颜色不同的透明度,可以体现出来各种视觉效果,所以纯色的应用也是设计师最爱!
了解更多关于网页设计培训方面的知识,访问上海网页设计培训学校