搜课云网 > 上海非凡学院 > 资讯总汇 > 网页制作之滚动视差设计

网页制作之滚动视差设计

机构:上海非凡学院 时间:2015-12-29 11:12:37 点击:518

  在这里我们来了解一下滚动视觉差的设计流程

  1、了解需求分析交互需求

  前期需要了解用户的需求,决定是否采用滚动视觉差设计,chuandesign因为并不是所有的项目都适合。一般在制作一些游戏专题的时候使用这种设计手法比较多!

  2、整理内容构思场景

  需要通过需求来在自己的大脑中构建一个框架,这个框架可以不完美,但是要足够符合客户需求和用户体验

  3、设计页面,图像化场景

  设计稿毕竟不能动,但是这个时候需要输出关键状态的设计稿,比如banner中最能体现出滚动视觉差的一帧特效

  4、沟通讲解,阐述思路

  尤其是滚动视觉差设计,网页设计师需要把自己的设计思路和客户进行详细的讲解,包括前期的思路以及后期特效的实现。不仅仅是用户,还有就是重构人员,在动画效果上最大限度的表现

  5、优化设计,修改反馈

  精品是修改出来的,而不是一次成型的,zzxueyi当一些特效无法实现或者成本过高时候,需要即使的修改设计稿或者请求帮助,尽量的优化。

  6、不断优化,追求完美

  不断和重构开发人员进行沟通,调整设计师,调整动画效果,直到完美

  在这这里给大家总结一些滚动视觉设计的一些小技巧

  1、加载动态加载特效

  在重构开发人员重构过程中,会发现我们使用最多的是PNG图片,那么这种类型的图片往往很大,记得给图片添加一个加载状态

  2、色块点运用

  在页面的背景上可以使用不规则的色块来进行平铺,在视觉上会给人从下网上的角度错觉从而体现出来立体感

  3、纯色使用

  纯色往往图片更容易平铺在背景,而且相同的颜色不同的透明度,可以体现出来各种视觉效果,所以纯色的应用也是设计师最爱!

  了解更多关于网页设计培训方面的知识,访问上海网页设计培训学校

师资介绍