技术教研组

技术资源

学科建设 >>技术教研组 >>技术资源

选修课:网站设计之初级篇(Web设计的8大趋势)

来源:葛鸿鸣|编辑日期:2012-11-01 10:49:44|点击数: |发布:45

weavora网站近日发表一篇文章《Web design trends we love》,文中总结Web设计的8大趋势:单页面、照片背景、Metro、超大尺寸图片、注重简洁、响应式Web设计、视差滚动、“活版印刷”。如果你有不同的意见或推荐,请在文章下方评论处写出,让我们一起探讨。

注:文章内部分链接需要翻墙。

单页面

现在的单页面都需要频繁的滚动才可以浏览,这一点让客户和设计师十分不满。但是却随处可见,有一种合理的解释是,用户习惯用鼠标滚轮浏览页面。但实际上,如果把一页的内容分成若干页显示,反而让用户寻找起来更麻烦。一些成功、著名的企业,包括苹果在内,都在使用单页面展示他们的产品,其实这一点很成功。

点击查看实例:

照片背景

这种设计方式已成功存活了很久,该理念由时尚品牌摄影师所创。此设计是目前所有行业中使用最多并且相当成功的一种方式。以照片为背景给予视觉强烈的冲击,还可突显出品牌和展示效果。多用于时装、服饰品牌、旅游行业,以及其他行业中。

点击查看实例:

“Metro”

这一设计基本上是引入了“方块”元素,如同网格样式的纯色块加上照片或文本。因为它的清晰简易从而获得用户认可。结合图像、文本的纯色块之间产生强烈视觉对比,容易引起用户视觉兴趣,刺激用户探索下去。

点击查看实例:

超大尺寸图片

这种设计半源自于Mac OS X图标设计的流行。当程序员推出Mac应用程序网站时,我们经常能看到这种超大尺寸图像的设计。这一趋势已被iOS开发者继承下来,成为一种现代设计文化。

点击查看实例:

注重简洁

化繁为简已成为2012年主要设计趋势,很多网站都采用了圆滑、直观的设计。简洁设计旨在整合或去除不必要的页面,实现简化,只给用户所需要的东西。往往是通过大号字体、大胆的排版和超大尺寸的图片来传达他们认为最重要的东西。

点击查看实例:

响应式Web设计

随着智能手机和平板电脑访问Web的增长趋势,响应式Web设计已成为现代网络发展的重点之一。一个页面在任何设备上能自动调整最合适的尺寸和格式是至关重要的。响应式Web设计确保了你想要的方式,无论是移动设备或是台式机,都可以正常呈现出网站内容。

点击查看实例:

上一篇:

下一篇: