技术帮
 

网页原型设计

本网站内容基本都是原创作品,未得到作者同意也欢迎转载
转载请注明出处:技术帮
说你呢,赶紧长按二维码,然后点击识别图中二维码

任何技术难题可进QQ群提问:【小崔说编程
对于提问的原则是:没有你不能问的,只有我不会答的

1472955908895017376.png说两句


今儿下雪了~~~嗯,我都替老天爷不好意思,就跟没下雪一样,都看不见几片儿雪。

想起个故事:说很久很久以前。久以前。久以前。久以前,有一个温暖的冬天,冬天里有一个私塾老师和学生。天也是下着这样的毛毛雪,私塾老师感慨的吟诗:

老天下雪不下雨,学到地上变成雨,早知如今变成雨,当初为何不下雨。

学生很得老师的真传,马上吟诗对道:

老师吃饭不吃屎,饭到肚里变成屎,早知如今变成屎,当初~嗯~ 哼~嗯~哼~哼。

老师很欣慰啊,这学生我教的太好了。。。。


说到下雪,我就给大家先普及一下雪花的知识,说水到天上遇到冷空气变成了雪,雪花一共有三种:雪花清爽,雪花纯生,还有一个 勇闯天涯 。


1472955908895017376.png言归正传


水变成雪花是为了追求美丽,我们把文字编码成H5+CSS+Javascript也是为了追求美丽的人生。做一个网站,最重要的就是要漂亮,访客才会将眼球聚焦到你的页面,才会回头照顾你的生意。

小崔不擅长UI设计,只能从技术角度来说说怎么做网站布局,但确实做不出漂亮的页面,凑合看,凑合看。

image.png

上图是页面原型,最终效果可以看 http://www.jiisb.com/tmpspider/index.html


该页面原型采用的UI框架和插件如下:

1 基于H5设计的响应式页面。

2 页面基于BootStrap框架制作的

3 页面元素采用的瀑布流,瀑布流用的 salvattore 插件。

4 页面滚动的时候自动加载下一页的模板素材,使用的是 waypoints 插件

5 当模板素材加载的时候将动态弹跳一下,使用的是 jquery-easing 动画插件


具体的可以直接查看页面的源代码。这里不做太多的解释。