2010网页设计{zx1}流行趋势Web Design Trends-网页设计

 来源:不™态度纸品 iLoovee.cn Edic   收集 2010-02-06

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

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

With a new year on the horizon, it’s time to pack away the old, worn web designs and prepare for the brave, new face of tomorrow. Although trends don’t start and stop on January 1st, there is a definite shift from what we craved at the beginning of the year to what we are seeking tutorials for at the end of the year. Most of the time, this shift is subtle. It’s a perfection or re-interpretation of a currently hot trend. Trends help us evolve as designers. As we master the skills of design aesthetic, we continue to push forward to what’s next or what needs to be fully discovered.

Make no mistake about it, you will recognize the ideas behind these trends. Although this list isn’t a drastic departure from what was popular in 2009, it marks different trends that will be expanded upon and made better as a result. As you think of how you will incorporate new trends into your designs, focus on the main idea of each trend. Be encouraged to dabble into these trends so that you become part of the movement.

1. 超大Logo/页眉题头(Oversized Logos/ Headers)

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

核心创意: 超大的页眉题头令人xxxx!

Splash pages are so yesterday. To make an unforgettable impression on the visitor, the trend for 2010 will be oversized logos on an equally oversized header. These types of headers can take up the entire screen, but with one important note. Visitors will not need to click anything, just scroll down. Visitors often having a clicking phobia (due to years of poor navigation), so big headers do the job of a splash page without forcing your visitors to click anything.
Main Idea: Huge headers that make your visitors remember you.

2. 速写/手绘风格的设计(Sketch/ Hand-drawn Design)

速写手绘风格并不算新花样,但他还在流行。很多设计师都很艳羡这种风格,但是却怕自己亲自画,因为自己觉得“画不了”。如果你看看{zlx}的手绘风格网站(相对于其它类型的流行趋势,你会发现手绘风格的比较少),你就会知道大多数像你一样的设计师都不会自己画。做这种风格的网站又不是要开个艺术博物馆,但大家还是怕露怯,很牛的网站和个人互动网站没那么大区别,互动才是网络的{zg}目标,所以,如果你敢涂鸦,你就能做一个手绘风格的网站设计。

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

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

Hand-drawn design is not exactly new on the horizon, but we all know that it is still on the fringes of web design. Many designers admire the style but are afraid to create their own sketches because of the “I can’t really draw” attitude. If you look at the most popular hand-drawn websites (and relative to other types of trends, there are only a few), you will notice that most of your fellow designers can’t draw. These designs are not exactly headed to an art museum, but they do convey a sense of whimsy, and blur the line between cold web and personal interaction– the ultimate goal of the internet. If you can doodle, you can sketch for web design.

Sketch in 2010 will become more elemental, and not as much the main focus of a web design. It will be used to personalize standard web copy in new and exciting ways.

Main Idea: Sketch becomes an elemental part of corporate design.

3. 铸造字体(Slab Typefaces)

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

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

Slab typefaces are relatively new, although they’ve been around for over 200 years in traditional media. To get a good visual definition of slab typefaces, think of the old Wild West “Wanted” posters. Those bold letters are slab typefaces. Slab typeface is commonly all capital letters and are bold and imposing. Many designers have shied away from slab typefaces in the past because logos and headers were smaller and more understated. However, combined with the trend toward larger headers, slab typefaces demand the reader to take notice.

Main Idea: Slab typefaces is used to bravely express who you are.

4. 字体设计(Typography)

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

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

Typography is one of the most difficult trends to tackle which is why it will remain fresh in 2010. With all the cries for usability, web designers are afraid of using new and different fonts. The idea of mixing varying font sizes together is completely unthinkable. Fonts are meant to be explored, twisted, and molded to fit your purposes. With the correct placement, a website that utilizes Typography as its main design element will be more interesting to a reader than overloading the same site with tons of photos.

Main Idea: Typography is young, but will continue to be a part of web design.

5. 一页搞定(One Page Layouts)

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

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

One pay layouts challenge you to edit away what’s unnecessary. In 2010, this trend will move away from the quirky navigation and become more minimal in its approach. Think of these websites as business cards. These websites will be more of a one-stop-shop for how to locate you and your work on various other sites– your blog and your social media hangouts.

Main Idea: One page layouts will be more about personal profiles and less corporate.

6. 大画面(Huge Images)

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

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

A close relative to the oversized logo/ header, the huge image does much the same thing. It creates an visual impact that the visitor won’t soon forget. Unlike the oversized header from above, huge images are not part of the site’s branding. Instead, these images draw the visitor into your site, if not for their content then for their humongous size. In 2010, web designers will find themselves more comfortable using these big statements in their design to convey the site’s tone.

Main Idea: Huge images will be used to invite visitors in.

7. 改变xx——实景效果(Change of Perspective)

我们之前讨论过,桌面xx已经完了。2010年,我们将会看到非常明显的改变——xx上更接近实景效果。同时也会朝着斜角度xx效果发展。

核心创意: 2010年会出现各种xx的效果!

As we’ve discussed before, the desktop perspective has been done to death. 2010 will see a definite change in perspective to a more realistic view. There may also be a move toward side-shot aerial.

Main Idea: 2010 will play around with different perspectives.


8. 交互/直观风格(Interactive/ Intuitive Design)

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

核心创意: 交互设计将东山再起!

Flash has seen better days. There was a time when you couldn’t visit a website without running into an annoying Flash interface. These days Flash is a lot more relaxed and much more professional. Although some designers prefer jQuery for forms and popups, Flash still has its place in design, especially when done subtly. Flash still has no equal to its interactivity. In 2010, web designers will move toward the more redeeming elements of Flash. Because the average visitor is more web savvy these days, designers will also create sites that are slightly more intuitive than in the past.

Main Idea: Interactive design will make a come-back.

9. 对话框(Modal Boxes)

对话框Modal boxes风格将在2010年几乎无处不在。对话框Modal boxes就像是老式弹出式对话框的升级版——变得光滑、漂亮、流行。对话框Modal boxes非常简单而且用起来也很方便,任何xx应用性的设计师都会设计出xx的风格。

核心创意: 对话框Modal boxes在2010年的设计中会继续弹出!

Modal boxes are a trend that’s picking up steam and will be virtually everywhere in 2010. A modal box is like the popup’s more sophisticated older brother– it’s smooth, good looking and popular. Modal boxes are so easy to design and easy to use, making them the perfect solution for any designer concerned with usability.

Main Idea: Modal boxes will continue to pop up in 2010 designs.

10. 极小主义(Minimalism)

忘了旧式学校的小网站吧。2010年的极小主义风格的网站设计还会留出很多空白,但是却变成了粗大的字体和惊艳的色彩搭配。不是所有的极小主义网站都只喜欢黑白简约。即使极小主义风格都很安静,但是也会秀出亮丽的颜色。极小主义并不冷峻,它可以是温暖的。

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

Forget the old school minimal websites. Websites of 2010 will continue to feature lots of white space but with bold typology and surprising color schemes. Not all minimal websites will agree with the notion of black and white simplicity. Although minimalism is by nature muted, it will also showcase fresh colors. Minimalism isn’t cold, it’s warm and too the point.

Main Idea: Minimalism will venture into typology.

11. 超大页脚(Oversized Footer)

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

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

Oversized footers may be everywhere already, but 2010 will find them even more exaggerated. The footers of tomorrow will be less of an after-thought and more of an integral part of the design. Look for footers that feature contain random information, such as feed updates from various social media, daily polls, and Flickr feeds.

Main Idea: Oversized Footers will feature less important, but more personal information.


12.复古(Retro)

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

核心创意: 复古再生!

Retro designs are here to stay. Although a lot of the design community admires retro web design, it can be difficult to fully embrace this style without coming across “undone.” The key to retro designs is to be inspired by its tone and underlying playfulness. In 2010, retro design will be expanded as designers find new ways to honor vintage art.

Main Idea: Retro is new.

13. 自我介绍框(Intro Boxes)

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

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

“Hi, my name is…” will find an even bigger stage in 2010 as designers recognize the beautiful simplicity of introducing yourself to your visitor. If you’re struggling with making a creative “About” page, the intro box will be your best bet. It forces you to condense who you are into a relatively small about of space. In 2010, intro boxes will push its own boundaries. Instead of the boring hello, designers will find new pick-up lines. And, instead of the left-flanked intro block, 2010 will see boxes in unusual placement, perhaps even in the middle of a page.

Main Idea: New ways to say “hello.”

14. 杂志版式风格(Magazine Layouts)

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

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

As more and more people migrate from the comforts of traditional press to online infotainment, designers are challenged to welcome them in with an easy transition. There is a move toward the magazine layout, where information is carefully organized on a single home page, giving the visitor an opportunity to explore as interested. The familiar layout will appeal to appeal to anyone who’s ever read a magazine or newspaper, but it will also be easier to use– no flipping pages! In 2010, magazine layout will become very huge for blogs in particular.

Main Idea: Magazine layouts will be used for infotainment sites.

About the Author

JacquelineJacqueline is an artist and a writer who spends an inordinate amount of time playing Super Nintendo and watching Star Trek. You can find out more about Jacqueline on her , and follow her updates on .

英文作者:Jacqueline;翻译:  译文来自:

郑重声明:资讯 【2010网页设计{zx1}流行趋势Web Design Trends-网页设计】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——