2014年最热门的网站设计趋势展望(4)
2014-01-24 14:49:40

9、SVG图片和图标

基于矢量的图形不适用像素组成的,而是由直线和坐标。单个的图形有数学方程式绘制,这允许你把矢量图拉伸到任何尺寸。SVG图片看起来像适量图片,他们可以被没有任何精度损耗的变形。

最大的问题是所有浏览器对他的支持。许多人还在使用老旧版本的IE以其他一些被淘汰的浏览器。但是在将来的几年中,事情正在改变。

10、唯一的网络拷贝

网络开发中最酷的一个特性是字体声明。你可以从位于本地或远程的另一台服务器上导入字体文件。这些字体在CSS中定义,你可以把它们写入font-family特性来定义网页文本。

这也包括基于字体的图标,他们被用在网页上面需要图标渲染的地方。他们不想实际的图形一样是被精心设计的,实际图形可能会包含大量的不同颜色。然而仅有定制网页上任何字体的能力就已经是一项激动人心的技术了,它可帮助你的网站从众多的网站中脱颖而出。

11、延时加载动画

有一天我浏览模板网页时,我看到了很多Wordpress模板,他们具有绚丽的视觉效果,但是他们只在你翻到他所在的位置时才显示。这类似于延时加载图片,出了一点不同:这些动画已经被加载到了页面只是暂时被隐藏了。

使用JavaScript可以很容易知道这些元素何时显示,用的CSS3还是JavaScript实现的动画效果。

如果你使用Chart.js向下翻转网页,你会看到成块的内容加图片开始慢慢显示出来。除非你要等待加载新内容,否则这项技术不会节省带宽。那更多的是出于页面美观的考虑,为访客提供一个预览界面。