2011 Web設(shè)計(jì)趨勢
2011-11-10 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(
m.sillybuy.com
)是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的
BS界面設(shè)計(jì)
、
cs界面設(shè)計(jì)
、
ipad界面設(shè)計(jì)
、
包裝設(shè)計(jì)
、
圖標(biāo)定制
、
用戶體驗(yàn)
、交互設(shè)計(jì)、
網(wǎng)站建設(shè)
、平面設(shè)計(jì)服務(wù)
遵循最為時興的設(shè)計(jì)原則是開辦設(shè)計(jì)事務(wù)所的重要一環(huán)。過去的一年或多或少造就了這樣的觀念,即設(shè)計(jì)越簡單就越好越有效。
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)極為流行,連那時的男用背包也是如此。但今天,這兩者都風(fēng)光不再了!何不用一個超大的LOGO來營造醒目頁面的感覺呢?你可以把頁首(header)做得比普通的尺寸大一點(diǎn),來獲得同樣的效果。沒錯,我們說的是,你可以把Logo弄到屏幕的一半那么大!如果你想要更好的用戶體驗(yàn),就得這么做。
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.
簡單風(fēng)格也存在了一些時日了。像Facebook、Twitter這些大牌們一直在引導(dǎo)“少就是多”這一理念。大批的媒體網(wǎng)站追隨著他們的腳步,在設(shè)計(jì)模板上使用大量的留白。這與擁擠型設(shè)計(jì)截然相反?,F(xiàn)代派的真經(jīng)是破除左導(dǎo)航、右導(dǎo)航的糾結(jié),讓用戶盡可能專注在頁面內(nèi)容上,而不要被分心!如果哪天你的網(wǎng)站發(fā)達(dá)了,設(shè)計(jì)中的空白區(qū)再來用于廣告用途也為時不晚啊。
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!
網(wǎng)站以擁有Flash動畫為傲的日子一去不返了。今天的用戶有著太多的動畫在吞噬他們的帶寬。的確,F(xiàn)lash能做的不僅僅是讓你多了一種展示方式,它還增加你頁面的載入時間,而今天的互聯(lián)網(wǎng)用戶比之前的任何時間都缺乏耐心。你大概只有2秒時間來給你的初次用戶留下印象!此外,flash動畫在很多移動設(shè)備上面無法播放,而我們都知道在2010年這點(diǎn)有多么的重要。今天人們要的是可以通過電話或i-tablet很容易地訪問頁面。
4. Ever thought of spending MORE time on Typography?
四、有沒有想過在版面設(shè)計(jì)上多花點(diǎn)時間?
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.
這點(diǎn)恐怕可以看作是最重要的一個設(shè)計(jì)趨向,同時也可能是最為棘手趨向之一。設(shè)計(jì)師需要了解這些趨勢,選擇某些邏輯模型來配合其字體大小,并作出適當(dāng)?shù)男拚苑显O(shè)計(jì)模板的美學(xué)需要。版面設(shè)計(jì)被認(rèn)為是吸引初次訪客的主要影響因素!如果這一最重要的因素弄錯了,其造成的影響不難想象。
5. Social Media Rules
五、社交媒體規(guī)則
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“喜歡”按鈕即可將你網(wǎng)站的流量翻好幾番。今天的互聯(lián)網(wǎng)用戶希望成為社區(qū)的一份子,而不會僅僅因?yàn)槟闶且粋€博主而采納你。他們想要知道其他網(wǎng)友對你所謂的“專業(yè)水準(zhǔn)”是如何看待的。沒錯,你盡可以將之稱為“從眾心理充斥網(wǎng)絡(luò)”,但是,既然現(xiàn)實(shí)如此,那它就是現(xiàn)實(shí)!
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!
你的站點(diǎn)能用移動設(shè)備訪問嗎?如果能,其功能是否最佳發(fā)揮了?2010年里,移動設(shè)備變得越來越便宜,也越來越容易使用。我們也可以這個趨勢會在2011年繼續(xù),人們會通過各種各樣的設(shè)備保持連線,無論是通過手機(jī)、iPad或者i-Tablet。如果你還沒有考慮移動化,相信我,你的競爭者們已經(jīng)這么做了,而且很可能已經(jīng)領(lǐng)先于你,就算你的站點(diǎn)比他們的優(yōu)秀也沒用----就因?yàn)槟愕恼军c(diǎn)不方便用手機(jī)訪問。
7. Think Magazine Design
七、想想雜志的設(shè)計(jì)
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!
自然,雜志的排版最初并非是為移動設(shè)備比如iPad而設(shè)計(jì)的。不過,由于用戶喜歡這些簡練的設(shè)計(jì),因而這些設(shè)計(jì)模板也就逐漸在網(wǎng)上流行起來。優(yōu)美的雜志模板的確可以撥動用戶的心弦。想想看,通過加粗字體、豐富的子標(biāo)題、大量的圖片、類型多變的文章和文字,讓用戶產(chǎn)生手不釋卷的閱讀欲。想想雜志版面、想著更多的用戶,再想想怎樣努力達(dá)成!
8. Larger than usual Logos
八、大于常規(guī)的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!
這聽上去和第一點(diǎn)很像,但也不盡相同。干嘛不用logo和文頭來抓住人們的注意力呢?畢竟logo是公司視覺形象中最重要的元素啊。如果你所服務(wù)的公司已經(jīng)有一個廣為人知的logo,那就只要把尺寸稍微放大一點(diǎn)來抓住普通用戶的注意力。如果這間公司正在考慮重整公司形象,這招尤其有效。除非公司想要把logo全部換掉,否則大膽地突出logo的呈現(xiàn)可以讓用戶感覺到他們正在訪問的站點(diǎn)是正確的,對常來訪問的老客戶也有強(qiáng)化的作用。
9. Hand Drawn Designs
九、手繪設(shè)計(jì)
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!
少一些幾何形,多一點(diǎn)手工作業(yè),這就是我們想說的。干嘛不試試完全用手繪來做設(shè)計(jì)模板呢?只要一個手寫筆,會有卓爾不群的效果!
10. Pinpointing Typography
十、精準(zhǔn)的字體設(shè)計(jì)
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.
完美的字體設(shè)計(jì)恐怕是2011年設(shè)計(jì)師所需面臨的最大挑戰(zhàn)之一。干嘛不花一點(diǎn)點(diǎn)精力創(chuàng)造你自己的新字體呢?它會給人一種非常專業(yè)與個性化的感覺,這種技能是不折不扣的專業(yè)水準(zhǔn)。