Web设计的8个趋势

JasonZheng · 2012-10-29
Web设计公司Weavora介绍了在他们眼里8个Web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后面都附了数个案例,相信对Web设计师有一定的参考价值。

本文译自网站设计公司
weavora.com,介绍了在他们眼里8个Web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后面都附了数个案例,相信对网站设计师会有一定的参考价值。单页面
单个长页面的设计一度不受人待见(无论是客户还是设计师),但现在整个互联网随处可见。一个合理的解释是,用户现在早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看,用滚轮上下浏览要省事得多。

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

Web设计的8个趋势

更多例子:

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

*http://www.visualboxsite.com/

*http://www.versapay.com/

*http://www.fitbit.com/

*http://cageapp.com/

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

Web设计的8个趋势

更多例子:

*http://www.biamar.com

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

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

Web设计的8个趋势

更多例子:

*http://dynamit.us/

*http://lithium.com/

*http://landor.com/

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

Web设计的8个趋势

更多例子:

*http://www.zennaware.com/cornerstone/index.php

*http://panic.com/

*http://versionsapp.com/

*http://www.piictu.com/

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

Web设计的8个趋势

更多例子:

*http://basecamp.com/

*https://www.dropbox.com/

*http://www.checkoutapp.com/

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

Web设计的8个趋势

更多例子:

*http://www.nealite.fr/

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

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

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

Web设计的8个趋势

更多例子:

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

*http://www.tokiolab.it/#/

*http://chartbeat.com/

*http://inze.it/

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

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

Web设计的8个趋势

更多例子:

*http://nicehair.org/

*http://bitfoundry.ca/

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

via 
weavora

+1

好文章,需要你的鼓励

参与评论
登录后才能参与讨论哦...
后参与讨论
提交评论0/1000

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言。

下一篇

卡内基·梅隆大学的研究员研发出一种系统,可以分析出视频中的物体动作。这个系统来自研究论文《视频监控下的自动动作识别》,其主要内容就是:通过技术把视频分割成一定的块,然后电脑确定物体的运动过程并对每块视频中的动作加上某个提前设定好的含义,比如“捡起”、“埋”等。 这样当摄像头中出现变化时,电脑首先鉴别出视频中是什么物体,比如“人”、“四肢爬行动物”、“袋状物体”等,然后分析动作变化来与研究人员提前定义好的动作名字相匹配,比如“拖动”、“跑”、“扔”等。最后计算机会把这些信息以语言的形式输出给监控者,比如:视频中“一个人在拖动袋子,然后挖了一个坑,然后把袋子埋了起来。”

2012-10-29

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

为你推送和解读最前沿、最有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚集全球最优秀的创业者,项目融资率接近97%,领跑行业