2012年15個(gè)網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)分析(2)

5、絲帶和橫幅

雖然這種設(shè)計(jì)體例是不完全的“新”，它歷來(lái)沒(méi)有真正爆發(fā)，直到最近才通過(guò)主流。你可能已經(jīng)看到角落彩帶，旗幟導(dǎo)航欄和小絲帶徽章的例子 。

6、高級(jí)WordPress的主題

WordPress已經(jīng)成長(zhǎng)到了3.0+版本。已經(jīng)有越來(lái)越多的公司在使用它架構(gòu)網(wǎng)站。一個(gè)高級(jí)的WP主題可以吸引很多人。而且它有著簡(jiǎn)單的安裝過(guò)程，即便不曉得代碼也能夠輕松搞定。

展望到2012年，我只能想象WordPress將變得更容易使用。這意味著要釋放更多的高品質(zhì)的主題，并推出更驚人的博客。

7、在線雜志

關(guān)于WordPress主題，我們還應(yīng)該帶上通過(guò)它架構(gòu)的雜志模式網(wǎng)站 。

8、易陰影

作為對(duì)CSS3的各個(gè)方面，它比以往任何時(shí)候都更容易實(shí)現(xiàn)?？蛑械奈谋竞涂蚴皆乜梢赃\(yùn)用各自的屬性來(lái)顯現(xiàn)鮮明的陰影效果。文字陰影語(yǔ)法是很容易記住，如下沿箱的影子?，F(xiàn)在不需要的渲染這些影響的圖像，Web開(kāi)發(fā)人員可以專(zhuān)注于進(jìn)一步擴(kuò)大這些基本思路 。我個(gè)人喜歡馬特哈姆的卷頁(yè)，這是完全用CSS3 。你可以找到所有在其網(wǎng)站上的代碼重復(fù)的效果，并落實(shí)到自己的網(wǎng)頁(yè)氣概類(lèi)似。

9、動(dòng)態(tài)排版

字體的領(lǐng)域包含網(wǎng)頁(yè)設(shè)計(jì)傳統(tǒng)的重要組成部門(mén) 。已經(jīng)泛起了多年來(lái)最顯著的字體包含宋體，黑體，格魯吉亞，和投石機(jī)MS。雖然他們繼續(xù)為在Web尺度了深刻的目的，也有大量先進(jìn)的替代方案，網(wǎng)頁(yè)排版。

Typekit為例如只需要幾行代碼包含在您的文檔頭部 。在此之后，您可以指定字體名稱(chēng)，包含追加到你的CSS 。關(guān)于這項(xiàng)技術(shù)的最好的部門(mén)是，它主要依賴(lài)于JavaScript，所以最終用戶(hù)不需要安裝這些字體 。

另一種體例是Google Web字體的行為，以類(lèi)似的體例來(lái)Typekit 。我建議有興趣的設(shè)計(jì)師，以檢核對(duì)CSS3的@ font - face的媒體查詢(xún)，您將獲得更多的創(chuàng)作發(fā)現(xiàn)力。此代碼可以用來(lái)導(dǎo)入一個(gè)。TTF或OTF字體文件從您的Web服務(wù)器，包含作為一個(gè)可用的樣式表字體！這么多的備用系統(tǒng)，用于建設(shè)動(dòng)態(tài)字體，我期待2012年舉行的立異和設(shè)計(jì)人才，在這方面的激增。

10、圖片畫(huà)廊幻燈片

隨著jQuery的普及，我發(fā)現(xiàn)越來(lái)越多的圖像幻燈片被結(jié)構(gòu)到網(wǎng)頁(yè)中 。讓瀏覽者更快更直觀的看到訊息和圖片。

我相信，在2012年將看到這類(lèi)趨勢(shì)的上揚(yáng)。

11、模式彈出盒

許多開(kāi)放源碼的圖片廊腳本使用的燈箱效果布景變淡比彈出框較深的類(lèi)型。我真的很喜歡這個(gè)功能，每當(dāng)我看到，盡管它尚未被廣泛使用。

12、列表

列表項(xiàng)的集合，因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)的早期泛起。正如我們搬進(jìn)新世紀(jì)的設(shè)計(jì)師開(kāi)始使用HTML有序和無(wú)序列表設(shè)計(jì)導(dǎo)航菜單。

13、生成的圖像縮略圖

在網(wǎng)頁(yè)中，我們可以同意，內(nèi)容為王。但大大都設(shè)計(jì)師也會(huì)同意，一個(gè)空白的文本頁(yè)面變得乏味。圖像可以添加額外的香料。其中的一個(gè)體例是使用動(dòng)態(tài)縮略圖，為每一頁(yè)或文章預(yù)覽。

作為另一個(gè)例子Dribbble提供了整個(gè)畫(huà)廊的每個(gè)設(shè)計(jì)拍攝的縮略圖列表。在這樣一個(gè)表排式結(jié)構(gòu)，它的超級(jí)容易趕上窺見(jiàn)每個(gè)縮略圖和滾動(dòng)來(lái)查找你要找的 。這種戰(zhàn)術(shù)已被證明是搶了整個(gè)設(shè)計(jì)界的關(guān)注 ！呃，至少Dribbble的成員最好的。

14、超大圖標(biāo)

這種怪異的趨勢(shì)半源于Mac OS X的圖標(biāo)設(shè)計(jì)的普及。作為軌范員開(kāi)始推出他們的Mac應(yīng)用軌范的網(wǎng)站，巨匠都過(guò)于頻繁地看到在品牌所代表的巨大尺寸。因此，這種趨勢(shì)也被拾起通過(guò)IOS開(kāi)發(fā)。

15、夸張的超鏈接

錨鏈接，固然在任何網(wǎng)站最重要的五大元素。這些顯然是很長(zhǎng)的路要走，因?yàn)?0世紀(jì)90年代流行的設(shè)計(jì)趨勢(shì)一直呈幾何級(jí)數(shù)增長(zhǎng)。

來(lái)源：http://www.jackchen.cn/blog/?p=6442