2011年值得注意的5個(gè)Web設(shè)計(jì)趨勢
在過去的12個(gè)月里,我們已經(jīng)看到Web設(shè)計(jì)領(lǐng)域發(fā)生了許多變化。 包括智能手機(jī)和平板電腦(如iPad)這些移動(dòng)設(shè)備的日漸普及已經(jīng)改變了用戶對(duì)內(nèi)容的訪問和交互方式。還有,像HTML5、web字體和CSS這些新標(biāo)準(zhǔn)的正式通過意味著越來越多的用戶可以使用網(wǎng)絡(luò)上最新最強(qiáng)大的功能。
原文標(biāo)題:5 Design Trends That Small Businesses Can Use in 2011(查看原文推薦)
原文鏈接:http://mashable.com/2010/11/22/small-biz-design-trends/
原文作者:ckqee
小企業(yè)往往因?yàn)橹匦略O(shè)計(jì)的成本和必須照顧大眾用戶而無法跟上最新的Web設(shè)計(jì)潮流。不過,下面列舉的這些關(guān)于web設(shè)計(jì)領(lǐng)域的技術(shù)趨勢,我們認(rèn)為小企業(yè)有必要注意一下并考慮把它們納入自己的網(wǎng)站。
1、拋棄Flash
無論Adobe與蘋果的Flash之戰(zhàn)你站在哪一邊,越來越多的網(wǎng)站和開發(fā)者開始遠(yuǎn)離非Flash不可的視頻、動(dòng)畫和網(wǎng)站導(dǎo)航這都是一個(gè)不爭的事實(shí)。
Flash的主要應(yīng)用還是在多交互設(shè)計(jì)和RIA(富互聯(lián)網(wǎng)應(yīng)用程序),而小企業(yè)一般不需要提供這類用戶體驗(yàn),只要簡單地展示信息,使用HTML5、Javascript和CSS3來替代Flash也許更有意義。
大多數(shù)的移動(dòng)設(shè)備無法訪問Flash,甚至有些支持Flash的也不能完美地支持。作為一名客戶,沒有什么比這個(gè)情況更加糟糕:當(dāng)我從手機(jī)訪問一個(gè)網(wǎng)站卻發(fā)現(xiàn)無法瀏覽聯(lián)系信息、產(chǎn)品列表和服務(wù)或者是位置信息,而原因是網(wǎng)站的導(dǎo)航或核心內(nèi)容是Flash創(chuàng)建的。
對(duì)于某些任務(wù),F(xiàn)lash確實(shí)是個(gè)好工具,例如捕獲音頻或視頻、展示復(fù)雜動(dòng)畫或運(yùn)行游戲。如果你還在使用陳舊的circa-2005 Flash模版,2011年可能是升級(jí)使用一些更現(xiàn)代化工具的時(shí)機(jī)了。
2、網(wǎng)絡(luò)字體
字體排印是任何網(wǎng)頁設(shè)計(jì)的關(guān)鍵組成部分。以前,在網(wǎng)站上使用自定義字體是件復(fù)雜而且讓人頭疼的事情。其結(jié)果是,大多數(shù)設(shè)計(jì)師要么使用為數(shù)不多的web安全字體,要么使用類似文字的圖片或Flash替代的方法。
令人興奮的是,在過去12個(gè)月里,字體和網(wǎng)絡(luò)都有了很大的發(fā)展。感謝TypeKit、Fonts.com和Google網(wǎng)絡(luò)字體這些服務(wù),現(xiàn)在可以在網(wǎng)站上以微小的改動(dòng)來使用免費(fèi)的網(wǎng)絡(luò)字體。
3、針對(duì)手機(jī)兼容/優(yōu)化網(wǎng)站
越來越多大大小小的網(wǎng)站都開始修改自己的網(wǎng)站增強(qiáng)其對(duì)小屏幕的友好性。一個(gè)做過移動(dòng)設(shè)備兼容和優(yōu)化的網(wǎng)站意味著不僅會(huì)讓網(wǎng)站在蜂窩數(shù)據(jù)網(wǎng)絡(luò)中加載地更快,也讓網(wǎng)站內(nèi)容更適合小型設(shè)備的屏幕規(guī)格,使其更容易訪問和理解。
隨著智能手機(jī)不斷普及,我們越來越多的在線時(shí)間花在手機(jī)上。對(duì)小企業(yè)來說,確保網(wǎng)站的良好手機(jī)體驗(yàn)是個(gè)提高網(wǎng)站可用性的好機(jī)會(huì)。
4、來自Tumblr的靈感
微博Tumblr是一個(gè)快速、輕易發(fā)布更新、分享內(nèi)容和獲得反饋的平臺(tái)。Tumblr已經(jīng)成為一個(gè)受歡迎的平臺(tái),很多小企業(yè)都在使用它作為公司博客或者網(wǎng)站。
Tumblr有很多面向小企業(yè)用戶的優(yōu)秀主題,而它本身在web設(shè)計(jì)領(lǐng)域也是很有影響的一個(gè)作品。
如果你不使用Tumblr作為官方博客或網(wǎng)站,也可以去山寨它的設(shè)計(jì)風(fēng)格——獨(dú)特的發(fā)布類型icon圖標(biāo)、漂亮的大標(biāo)題以及簡約的布局。
5、觸摸未來:HTML5和CSS3
正如引言中所指出,非設(shè)計(jì)行業(yè)相關(guān)的小企業(yè)很難使用設(shè)計(jì)領(lǐng)域的前沿思想去解決他們對(duì)部分潛在用戶會(huì)否被拒之門外的擔(dān)憂。
雖然還有一些企業(yè)網(wǎng)絡(luò)和一小部分家庭用戶在使用那些陳舊、衰老、幾近滅絕的瀏覽器,但目前主流瀏覽器(Internet Explorer、Firefox、Google Chrome、Safari和Opera)的最新版本都支持CSS3和HTML5。
此外,幾乎每一個(gè)現(xiàn)代化智能手機(jī)也都支持先進(jìn)的CSS3、JavaScript和HTML5的功能。
在這個(gè)階段,完全可以嘗試在你的小企業(yè)網(wǎng)站上實(shí)驗(yàn)一下HTML5或CSS3的威力??梢允褂眉夹g(shù)在趨近標(biāo)準(zhǔn)的新瀏覽器上提供增強(qiáng)閱讀體驗(yàn),并在那些破舊的瀏覽器上降低體驗(yàn)。
來源:http://dongxi.net/b03sM
- 目前還沒評(píng)論,等你發(fā)揮!