想要炫酷的滚屏式网站?这还不容易……

            时间: 2017-08-10 16:05:06   点击数: 5283   来源: 耐思尼克

            近来网页设计界中十分流行的滚屏式网站,感受下。


             

             

             

            利用视觉差效果做出类似电影动画之类的动感效果,是滚屏式的优势之一。上面两个案例,都是利用一些让人惊叹的插画,或者是一个类似故事情节的画面,让多层背景以一定速度移动,形成一种仿立体的运动效果,让人犹如置身其中,在千篇一律的规定化模板中让人不觉眼前一亮。

             

            一个好的视觉滚动网站,可以有很多不同的创意展示,这样的创意、创新很容易吸引用户留下深刻的印象。那这样炫酷的视差滚动到底是怎么做的呢,告别呆板,一起试着做出这样的效果吧。

             

            在建站宝盒中挑选好模板后,在首页中的栏目中进行添加新栏目,设置名称以及选定滚屏类型。例如做美术培训网站,可以从老师作品展示或者学生的作品展示入手,做一个作品展示页面;如果做服装商城网站,可以选一个节日活动或者特价活动,对活动内容进行具体宣传。


             

             

            选定需要的画面页数后,接下来就是进行简单的添加模块系列,即将作品或者宣传图上传,再添加模块中添加上文字或者图片模块。操作十分简单,直接将模块类型拖拽到空白栏,拉动设置大小,双击即可上传图片。


             

             

            其中可以对文字的字体、大小、进入风格类型以及速度等一些基础进行设置。上面的文字就是在图画背景下进行添加文字模板,在动画效果中选择从左弹入的方式,如果文字字体类型比较特殊,可以运用起他软件进行设计,做成动画或者图片形式上传,也会有不错的效果。


             


            以此类推,将所有画面都设置完后确保没有多余空白页后进行保存,之后就是预览效果了。下面就是一个十分简单的以宫崎骏动漫世界为主题的绘画展示,点击屏幕右边小点可以进行快速切换。


             

            还有很多类似于多层次图片设置、鼠标经过画面、页面跳转等功能,如果有好想法都可以适当用上来增加动画效果,使用建站宝盒解锁更多滚屏式网页功能,做出更多好看炫酷的滚屏式网页!

             

            开始设计H5响应式滚屏式网页:http://www.iisp.com/design/

             

                 广东省互联网协会理事会员  cdn加速服务  备案系统认证    举报不良网站 高新企业证书编号:GR201644000568
            旗下网站: 耐思尼克 - 耐思尼克国际 - 淘域网 - 我的400电话 - 商务吧 - 域名片 - 中文域名: 耐思尼克.cn 耐思尼克.top 耐思尼克.网址
            耐思尼克 © 版权所有 Copyright © 2000-2017 NiceNIC.net,Inc. All rights reserved
            本公司代理"NICENIC INTERNATIONAL GROUP CO., LIMITED"公司注册域名服务
            备案号码: 粤ICP备09063828号-38 公安备案号: 粤公网安备 44049002000123号
            本站程序界面、源代码受相关法律保护, 未经授权, 严禁使用; 耐思尼克 ® 为我公司注册商标, 未经授权, 严禁使用
            法律顾问: 珠海知名律师 广东盛夏律师事务所 夏天风 律师
            耐思尼克诚意为:用户提供网络服务