2011 Web设计趋势

2011-11-10    蓝蓝

转载蓝蓝设计( www.lanlanwork.com  )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的 BS界面设计 cs界面设计 ipad界面设计 包装设计 图标定制 用户体验 、交互设计、   网站建设 、平面设计服务

遵循最为时兴的设计原则是开办设计事务所的重要一环。过去的一年或多或少造就了这样的观念,即设计越简单就越好越有效。

1. Use Larger Logos

一、更大的LOGO

At one time, splash pages were extremely popular. But then so were man-bags, and both are not much in demand today! Why not use an over sized logo to end up with the feel of a splash page? You could get the same effect with a larger than normal header design. YES, we are saying you could make the logo as large as half of the screen size! If you wish for a better overall UX, this is the way to go.

曾几何时,醒目页面(Splash page)极为流行,连那时的男用背包也是如此。但今天,这两者都风光不再了!何不用一个超大的LOGO来营造醒目页面的感觉呢?你可以把页首(header)做得比普通的尺寸大一点,来获得同样的效果。没错,我们说的是,你可以把Logo弄到屏幕的一半那么大!如果你想要更好的用户体验,就得这么做。

2. Keep it Simple

二、保持简单

Simple themes have been around for quite some time already, what with big names like facebook and twitter having influenced users with the ‘less is more’ train of thought. A large number of media sites today follow in their footsteps, using a lot of blank spaces on their design templates. The idea is to have the opposite of a cluttered design. The modern mantra is to do away with left-nav and right-nav and keep the user as occupied as possible on page content rather than distractions! Blank space on a design can later always be used to offer advertising space if your site kicks off big time.

简单风格也存在了一些时日了。像Facebook、Twitter这些大牌们一直在引导“少就是多”这一理念。大批的媒体网站追随着他们的脚步,在设计模板上使用大量的留白。这与拥挤型设计截然相反。现代派的真经是破除左导航、右导航的纠结,让用户尽可能专注在页面内容上,而不要被分心!如果哪天你的网站发达了,设计中的空白区再来用于广告用途也为时不晚啊。

3. Lose the Flash

三、去除Flash

Gone are the days when Flash animations were the pride of a web site. Today’s users have had more than enough of animations eating up their bandwidth! Yes Flash is a versatile tool than can give you some great display options. But it also increases the page load time on your site, and today’s Internet users are losing patience like never before. You have maybe two seconds to impress a first time user on your site! Further, flash animations do NOT play on many mobile devices, and we all know how important this has become in 2010. People want web pages they can access with ease on their phones and I Tablets today!

网站以拥有Flash动画为傲的日子一去不返了。今天的用户有着太多的动画在吞噬他们的带宽。的确,Flash能做的不仅仅是让你多了一种展示方式,它还增加你页面的载入时间,而今天的互联网用户比之前的任何时间都缺乏耐心。你大概只有2秒时间来给你的初次用户留下印象!此外,flash动画在很多移动设备上面无法播放,而我们都知道在2010年这点有多么的重要。今天人们要的是可以通过电话或i-tablet很容易地访问页面。

4. Ever thought of spending MORE time on Typography?

四、有没有想过在版面设计上多花点时间?

This can probably be defined as one of the most important emerging design trends. It is also probably one of the tricky ones! Designers would need to learn about trends and follow some kind of logical pattern to match their font sizes and modifying them appropriately to fit into the design template esthetically. Typography has been observed to be the MAIN influencing factor that attracts a fresh visitor to a site for the first time! If you get this most important factor WRONG, you can imagine what the impact could be.

这点恐怕可以看作是最重要的一个设计趋向,同时也可能是最为棘手趋向之一。设计师需要了解这些趋势,选择某些逻辑模型来配合其字体大小,并作出适当的修正以符合设计模板的美学需要。版面设计被认为是吸引初次访客的主要影响因素!如果这一最重要的因素弄错了,其造成的影响不难想象。

5. Social Media Rules

五、社交媒体规则

Today, if your blog does not have an integration feature with social media sites like facebook and twitter, you are losing out on a huge chunk of web traffic. A simple facebook ‘like’ button can lead to multiplying your web traffic many times! Today’s Internet user wants to be a part of a community, and does NOT want to take YOUR word for it simply because you are a blogger! They want to know what their peers feel about your so called expertise! Yes, you could call it the herd mentality spilling over to the Internet, but if it works, it works!

今天,如果你的博客没有整合诸如Facebook,Twitter这些社交媒体功能,你会损失一大块流量。一个简单的Facebook“喜欢”按钮即可将你网站的流量翻好几番。今天的互联网用户希望成为社区的一份子,而不会仅仅因为你是一个博主而采纳你。他们想要知道其他网友对你所谓的“专业水准”是如何看待的。没错,你尽可以将之称为“从众心理充斥网络”,但是,既然现实如此,那它就是现实!

6. Go Mobile

六、移动化

Is your site accessible on mobile devices, and if it is, does it function optimally? 2010 saw mobile devices getting cheaper to buy and easier to use. We can only imagine this trend spilling over into 2011, and people are going to be wanting to stay online through various devices, be it a mobile phone or a iPad or I-tablet. If you are not thinking mobile yet, believe us, your competitors are, and they will probably get ahead of you even if you run a better site – simple because your site may not be easily accessible over a mobile phone!

你的站点能用移动设备访问吗?如果能,其功能是否最佳发挥了?2010年里,移动设备变得越来越便宜,也越来越容易使用。我们也可以这个趋势会在2011年继续,人们会通过各种各样的设备保持连线,无论是通过手机、iPad或者i-Tablet。如果你还没有考虑移动化,相信我,你的竞争者们已经这么做了,而且很可能已经领先于你,就算你的站点比他们的优秀也没用----就因为你的站点不方便用手机访问。
 

7. Think Magazine Design

七、想想杂志的设计

Magazine layouts were of course, originally made for mobile devices such as the iPad. However, users have gotten to like the simplicity of these designs and thus the design templates are now getting popular on the web as well. A sleek and glossy feel of a magazine template can really hit the right chords with a user. Think bold fonts, loads of sub headers, definitely lots of images, numerous articles and text; making it so much more inviting for a user to wish to read. think magazine layout, think more users, and think hard work!

自然,杂志的排版最初并非是为移动设备比如iPad而设计的。不过,由于用户喜欢这些简练的设计,因而这些设计模板也就逐渐在网上流行起来。优美的杂志模板的确可以拨动用户的心弦。想想看,通过加粗字体、丰富的子标题、大量的图片、类型多变的文章和文字,让用户产生手不释卷的阅读欲。想想杂志版面、想着更多的用户,再想想怎样努力达成!

8. Larger than usual Logos

八、大于常规的LOGO

This may sound like our first point, but it isn’t the same. Why not use the logo and header to grab people’s attention? After all, the logo is one of the most important elements of the visual identity of a company. If the company you are designing for already has a well known logo, enhance the size slightly to grab the attention of the average user. This can work especially well if the company is looking to revamp their corporate identity. Unless they are changing the logo altogether, the presence of it in a bold fashion can reassure the users that they are on the right site, and it provides a reassuring feeling to a customer accustomed to the site. it rings a familiar bell somewhere!

这听上去和第一点很像,但也不尽相同。干嘛不用logo和文头来抓住人们的注意力呢?毕竟logo是公司视觉形象中最重要的元素啊。如果你所服务的公司已经有一个广为人知的logo,那就只要把尺寸稍微放大一点来抓住普通用户的注意力。如果这间公司正在考虑重整公司形象,这招尤其有效。除非公司想要把logo全部换掉,否则大胆地突出logo的呈现可以让用户感觉到他们正在访问的站点是正确的,对常来访问的老客户也有强化的作用。

9. Hand Drawn Designs

九、手绘设计

Think less geometrical and more manual is what we mean by this. Why not try an entirely new design template by hand drawing your design outlines? If you have a stylus for this, nothing like it!

少一些几何形,多一点手工作业,这就是我们想说的。干嘛不试试完全用手绘来做设计模板呢?只要一个手写笔,会有卓尔不群的效果!
 

10. Pinpointing Typography

十、精准的字体设计

Getting the perfect typography could well be the biggest challenge designers may face in 2011. Why not spend a little more effort by making your own fonts for the design? It gives a very professional and individual touch, speaking of your skills as a true professional.

完美的字体设计恐怕是2011年设计师所需面临的最大挑战之一。干嘛不花一点点精力创造你自己的新字体呢?它会给人一种非常专业与个性化的感觉,这种技能是不折不扣的专业水准。 

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档