关于宏蓝
最新新闻
 叽里呱啦借助AI 科技…
 科技网站Gizmodo靠A…
 腾讯刘炽平:互联网…
 腾讯全球数字生态大…
 美国零售巨头同阿里…
 各位商家看过来,支付…
 星巴克终于要与阿里…
 阿里巴巴多有钱,京…
 ofo被滴滴和蚂蚁金服…
 腾讯暴跌1400亿美元…
 又一电商巨头“倒下…
您当前的位置:首页 >> 网站专题(广州专业做网站公司服务热线:020-85562980)
2013网页设计趋势:滚动视差网站设计
时间: 2013/11/5 17:16:13  点击: 3225

10

毕竟视觉设计师输出的视觉稿都是静态图片,而滚动视差网站时一个随着滚动不断变化的,所以设计时与传统网页有很多不同。在设计初期设计师要判断这个 页面适不适合采用滚动视差。在决定采用滚动视差之后就需要设计者整理现有的内容资料,将其故事化或场景化,然后根据构思设计出关键状态的视觉设计稿。传统 网页设计师做到这一步基本上工作就已经完成,可以交给其他人不管了。但是滚动视差的网站不行,视觉设计的工作才刚刚开始,这时,你需要负责跟重构设计师讲 解你的设计思路,你需要怎么分层怎么运动。在重构设计师实现的时候通常并不会一帆风顺,通常会因为实现成本等各种问题需要设计师返回去重新修改设计稿。通 过反复的沟通,反复的磨合才能完成预想中的漂亮的滚动视差网站。

滚动视差网站设计中的一些小技巧和小细节:

1. 别忘了loading 。

滚动视差网站由于内容分层会用到很多大尺寸图片或者png图片,所以体积往往比较大,所以这个时候千万别忘了设计loading动画。

2. 斜线的巧妙运用。

当斜线从底部向上划入的时候,通常视觉上会给人一种是从右下角以一定角度划入的错觉。所以斜线的布局也经常被采用在滚动视差网站的设计中去。

3.纯色的运用

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式
纯色比渐变和图片更容易延展,并且纯色很容易区分视差区间。在使用时我们可以调整颜色的透明度,来达到各种视觉效果。所以纯色的运用也是滚动视差设计者的大爱。

写在最后想说一句:作为一个视觉设计其实做设计的时候有很多束缚,能够遇到一个可以玩滚动视差的项目不容易,遇到了就不要轻易放掉,好好玩一把,它会让你的设计增色不少。

 
上一页    123  下一页


本文标签:2013网页设计趋势:滚动视差网站设计
上一篇: 网站运营经验:如何判断网站综合得分
下一篇: 网页设计经验:让网站设计有规律可循
宏蓝首页 网站建设 网站推广 客户案例 网站新闻 人才招聘 支付方式 网站论坛 网站地图   关于宏蓝 联系宏蓝
 
电话:020-85562980 传真:020-85563269 邮箱:service@macroblue.net
联系地址:广州市中山大道89号国家软件产业基地天河软件园华景园区12S-05 邮编:510630
版权所有 (C) 2003-2011 www.macroblue.net 网站ICP备案号:粤ICP备05020325号-8