八个网页设计的趋势

2012-10-30 14:34:50 来源：36氪 浏览：108次

本文译自网站设计公司weavora.com ，介绍了在他们眼里8个Web设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体，每个趋势后面都附了数个案例，相信对网站设计师会有一定的参考价值。 一些事

　　单页面

yixieshi

　　单个长页面的设计一度不受人待见(无论是客户还是设计师)，但现在整个互联网随处可见。一个合理的解释是，用户现在早已习惯于使用鼠标滚轮了，比起在多个页面间来回查看，用滚轮上下浏览要省事得多。 互联网的一些事

　　包括苹果在内的一些知名大公司也使用了相当长的页面来展示产品，获得了很不错的效果。 一些事

　　更多例子： yixieshi

　　http://www.apple.com/iphone/features/

　　http://www.visualboxsite.com/

一些事

　　http://www.versapay.com/

yixieshi

　　http://www.fitbit.com/ 互联网的一些事

　　http://cageapp.com/ 一些事

　　http://www.squarespace.com/ yixieshi

　　用照片做背景

yixieshi

　　出于品牌或展示的目的，把照片用作网站的背景，这样可以形成强烈的视觉表达效果。这也是为何你能在时尚、服装品牌、旅游业等等行业看到这样的设计办法。

互联网的一些事

yixieshi

　　更多例子：

yixieshi

　　http://www.biamar.com yixieshi

　　http://alexarts.ru/en/index.html

　　http://www.davidia-int.hr/

一些事

　　色块设计

　　这一设计方法主要是引入了方块的网格设计，这些方块要么是纯色块配上文字，要么是方形照片配上文字。"简洁"是吸引用户的一大原因。不同的色块放在一起形成强烈的对比，容易引起用户的视觉兴趣，进而继续探索下去。

一些事

互联网的一些事

　　更多例子： yixieshi

　　http://dynamit.us/ yixieshi

　　http://lithium.com/

　　http://landor.com/

　　http://www.pepsi.com/

yixieshi

　　超大号的图片

　　这一潮流的兴起多少与Mac OS X 图标设计的流行有关。当程序员为自己的Mac 程序推出网站时，这样配有超大号图片、突出品牌的设计再常见不过。自然地，这一潮流后来也被iOS 开发者继承了下来，成为现代设计文化的一部分。

　　更多例子：

互联网的一些事

　　http://www.zennaware.com/cornerstone/index.php 一些事

　　http://panic.com/ 一些事

　　http://versionsapp.com/

一些事

　　http://www.piictu.com/ yixieshi

　　http://www.enstore.com/

一些事

　　聚焦简洁 一些事

　　对简洁的追求贯穿了整个2012年，许多的网站开始寻求明快、直观的设计。极简设计旨在通过整合或是删除多余的页面实现简化，只给用户需要的东西。极简设计通常会用到大号的加粗字体、以及超大号的图片，清晰地把重要的东西传达出来。 互联网的一些事

一些事

　　更多例子：

一些事

　　http://basecamp.com/

　　https://www.dropbox.com/

yixieshi

　　http://www.checkoutapp.com/

一些事

　　http://www.htc.com/

yixieshi

　　响应式设计 互联网的一些事

　　随着手机和平板设备越来越多地进入人们的生活，响应式设计也成为了当下网站开发不可忽视的一股力量。一个可自适应任何设备的网页是很了不起的。响应式设计能确保用户无论是在移动设备还是在PC上都能按你的意愿浏览内容。

互联网的一些事

　　更多例子： 互联网的一些事

　　http://www.nealite.fr/ 一些事

　　http://twitter.github.com/bootstrap/

　　http://www.fork-cms.com/

　　http://www.floridahospital.com/ 一些事

　　视差滚动 一些事

　　所谓"视差滚动 (Parallax Scrolling)"就是让多层背景以不同的速度移动，形成运动视差 3D 效果。随着越来越多的浏览器增加对视差的支持，这一技术也很有可能会更加流行。

一些事

yixieshi

　　更多例子：

一些事

　　http://benthebodyguard.com/index.php yixieshi

　　http://www.tokiolab.it/#/ 互联网的一些事

　　http://chartbeat.com/

　　http://inze.it/ 互联网的一些事

　　http://titanic.q-music.be/

一些事

　　http://www.noleath.com/noleath/

　　强调字体

yixieshi

　　从前，设计师所能使用的字体受用户电脑本地已有的字体所限。现在，借助Google fonts 和Typekit 等服务，从理论上说，你能使用的字体是无限多的，极大增强了网站设计的吸引力。设计师利用这一机会也已有了一段时间了，越来越多的网站也体现了对字体的重视。甚至有些网站如Typographica ，字体就占了整个网站设计的绝大部分，出来的效果也相当不错。 yixieshi

互联网的一些事

　　更多例子：

yixieshi

　　http://nicehair.org/

yixieshi

　　http://bitfoundry.ca/

一些事

　　http://daneden.me/type/

　　相信以上的这些设计方法会流行相当长的一段时间，当然，你也可以发挥创造力，有机地组合它们，做出优秀的网站。

　　via weavora

一些事

上一篇：2012年10月百度调整后的新规则！
下一篇：让模糊图像变清晰，你也可以！