首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

2011年网页设计最新时兴趋势

2012-10-13 
2011年网页设计最新流行趋势新的一年已经来临,是时候该辞旧迎新。虽然设计新趋势并不是从新年的第一天开始,

2011年网页设计最新流行趋势

新的一年已经来临,是时候该辞旧迎新。虽然设计新趋势并不是从新年的第一天开始,但这种转换确实是在在地发生着,从我们渴望的年初到进行总结的年尾。大多数时候这种变化是微妙的。眼下最热潮流的趋势要么完美,要么是重新演绎。潮流趋势帮助我们这些设计师不断进化。对于我们掌握设计美学来说,我们不断地将设计潮流向前推进,并不断探索下一波设计趋势。

先澄清一个事实,在看完这些设计趋势后你会明白是什么意思。虽然这些趋势与2009年的设计趋势相比并没有急剧变化,但是这些趋势会逐步蔓延并且结果会越来越好。如果你想在你的设计中融入这些新的趋势,你可以仔细阅读每个趋势前面的核心创意。一起加入到这些趋势中来,你也可以塑造趋势!

1. 超大Logo/页眉题头(Oversized Logos/ Headers)
还用形象页也太过时了。要让访问者印象深刻,2010年的趋势是来个超大size的logo摆在同样超大的页眉题头上。这种超大的页眉题头会占满整个屏幕,但有一点需要注意:浏览者不用点击任何地方,光向下滚屏就行。浏览者都有点击恐惧症(这是以前长期使用不好用的导航条造成的),所以超大页眉题头代替了原来形象页面的功能,不用强迫浏览者点击任何按钮。

核心创意:超大的页眉题头令人过目不忘!
2011年网页设计最新时兴趋势?
2. 速写/手绘风格的设计(Sketch/ Hand-drawn Design)
速写手绘风格并不算新花样,但他还在流行。很多设计师都很艳羡这种风格,但是却怕自己亲自画,因为自己觉得“画不了”。如果你看看最流行的手绘风格网站(相对于其它类型的流行趋势,你会发现手绘风格的比较少),你就会知道大多数像你一样的设计师都不会自己画。做这种风格的网站又不是要开个艺术博物馆,但大家还是怕露怯,很牛的网站和个人互动网站没那么大区别,互动才是网络的最高目标,所以,如果你敢涂鸦,你就能做一个手绘风格的网站设计。

速写手绘风,在2010年会变得更基本,不太会是网页设计的主要焦点。他将会以新的好玩的方式成为个人网站设计的标配。

核心创意:速写手绘正渐渐成为公司设计的一个基本元素!

2011年网页设计最新时兴趋势?
3. 铸造字体(Slab Typefaces)
铸造字体风格相对新一些,虽然它在200年前就用在传统媒介上了。要达到不错的视觉效果你就想想以前的西部电影里边的《通缉》告示的样子。铸造字体字母较粗,一般都是大写字母又粗又有冲击力。很多设计师以前都不太用铸造字体,因为logo和页眉题头的尺寸都比较小而且比较低调。然而随着加大的页眉题头尺寸,铸造字体更能引起人们的注意。

核心创意:用铸造字体大胆地喊出你是谁!

2011年网页设计最新时兴趋势?
4. 字体设计(Typography)
设计字体是最难的设计风格之一,这就是为什么设计字体仍然是2010年的潮流趋势。鉴于可用性的主流要求,网页设计师都害怕应用新字体或是不一样的字体。混搭多种字体字号的想法简直是完全不可想象。字体意味着放大、扭转、挤压以适合你的设计意图。如果安排合理,一个用各种设计字体组合起来作为主要设计元素的网站,要比动不动就加载一大堆图片的网站好玩多了!(iLoovee 说:中文字体的网页设计首先要基于电脑默认安装的基本字体来进行设计,比如:黑体、宋体、楷体、隶书、幼圆,但这些字体真的不好看,尤其是小于12px的时候,基本能看的就剩宋体了。并且如果设定中文默认字体,其所附带的英文部分又超级难看,所以,如果网站有相当内容的英文,倒是可以尝试变化变化英文部分的字体来试验效果。默认字体的改善就拜托微软了。)

核心创意:字体设计比较新,但是会逐步成为网页设计的一部分!

2011年网页设计最新时兴趋势?
5. 一页搞定(One Page Layouts)
一页搞定就是要挑战你把那些没必要的信息搞下去。在2010年,这种风格会摆脱花哨的导航变得更加短小精悍。把它当成名片试试看。这样的网站对于了解你和你的作品比其它网站更像是一个一站式购物店,而你的博客和社交信息搁在别的地方。

核心创意:一页搞定,更适合个人简介和以少部分商业用户!

2011年网页设计最新时兴趋势?
6. 大画面(Huge Images)
把这个风格和超大logo/页眉题头进一步比较,大画面风格干的是一个事。强烈的视觉冲击让人过目不忘。但和上面提到的超大页眉题头风格不一样的是巨图表现的不是网站的品牌。实际上这些巨大的图片吸引浏览者进入你的网站,如果不是因为内容那就是因为巨大的图片尺寸。2010年,设计师们会发现他们越来越习惯于在他们的设计中使用这种大画面,进而传达网站的基调。

核心创意:大画面的作用就是吸引访问者!

2011年网页设计最新时兴趋势?
7. 改变透视——实景效果(Change of Perspective)
我们之前讨论过,桌面透视已经完了。2010年,我们将会看到非常明显的改变——透视上更接近实景效果。同时也会朝着斜角度透视效果发展。

核心创意:2010年会出现各种透视的效果
2011年网页设计最新时兴趋势?
2011年网页设计最新时兴趋势?
8. 交互/直观风格(Interactive/ Intuitive Design)
Flash 已经渐入佳境。有时,你会因为没能打开一个烦人的Flash界面而不能访问一个网站。现在Flash 已经变得更简单、专业。即使一些设计师更喜欢用jQuery来设计表单和弹出页面,Flash 仍然在设计上拥有一席之地,特别是一些微妙的效果。Flash还是没有在交互性上名实相符。2010年,网页设计师会继续寻找Flash的替代元素。因为现在浏览者都更精明了,所以设计师就要设计出更加直观的网站。

核心创意:交互设计将东山再起
2011年网页设计最新时兴趋势?
9. 对话框(Modal Boxes)
对话框Modal boxes风格将在2010年几乎无处不在。对话框Modal boxes就像是老式弹出式对话框的升级版——变得光滑、漂亮、流行。对话框Modal boxes非常简单而且用起来也很方便,任何关注应用性的设计师都会设计出完美的风格。

核心创意:对话框Modal boxes在2010年的设计中会继续弹出
2011年网页设计最新时兴趋势?
10. 极小主义(Minimalism)
忘了旧式学校的小网站吧。2010年的极小主义风格的网站设计还会留出很多空白,但是却变成了粗大的字体和惊艳的色彩搭配。不是所有的极小主义网站都只喜欢黑白简约。即使极小主义风格都很安静,但是也会秀出亮丽的颜色。极小主义并不冷峻,它可以是温暖的。

核心创意:极小主义试探字体风格!

2011年网页设计最新时兴趋势?
11. 超大页脚(Oversized Footer)
超大页脚可能已经到处都是了,但是2010年你会发现这些大脚还在变大。今后的页脚不再是注脚那么简单,他已经变成设计的有机组成部分。页脚上面包含了动态信息,比如各种社交网站上的最新反馈信息feed updates,daily polls,Flickr feeds。

核心创意:超大页脚加入了更多个人信息而少了重要信息!

2011年网页设计最新时兴趋势?
2011年网页设计最新时兴趋势?
12.复古(Retro)
复古设计一直流行,即使很多设计网站都很赞赏复古设计,完全使用复古风格而没有放弃是很难的。这期中的关键是——从复古的基调中获得灵感然后从基本感觉入手。2010年,设计师将尝试新方法来实现陈酿葡萄酒艺术一样的风格,复古设计会进一步扩大。

核心创意:复古再生!

2011年网页设计最新时兴趋势?
13. 自我介绍框(Intro Boxes)
“嗨,我是……” 2010年醉着设计师认识到对浏览者做一个自我介绍既简洁又漂亮,这种趋势会扩大。如果你挣扎在写一个“关于我”的页面,自我介绍框使你更好的选择。这个小框强迫你浓缩你的自我介绍。2010年,自我介绍框会进一步扩大应用范围。相对于一个讨厌的招呼,设计师会设计出一个可选显示条pick-up lines来代替。同时代替侧边栏上的介绍块,2010年,我们会发现很多不寻常的放置方法,没准就放在网站的页面中间。

核心创意:用新招儿打招呼!

2011年网页设计最新时兴趋势?
14. 杂志版式风格(Magazine Layouts)
由于越来越多的人从传统的印刷读物转移到在线信息娱乐,设计师需要解决如何帮助这部分人更容易地转换阅读方式。这个趋势就是向杂志一样排版——这样的页面可以让信息很好地组织在网站主页上,从而令访问者以一种有趣的方式来浏览内容。相似的版式会吸引以前习惯看杂志和报纸的访问者,甚至更好用——不用翻页!2010年,杂志版式风格会特别流行。

核心创意:杂志版式风格会被用于信息娱乐类网站!

2011年网页设计最新时兴趋势

热点排行