您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

2012年15個網(wǎng)頁設計的趨勢分析(2)

5、絲帶和橫幅

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

\

6、高級WordPress的主題

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

\

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

7、在線雜志

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

\

8、易陰影

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

9、動態(tài)排版

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

Typekit為例如只需要幾行代碼包含在您的文檔頭部 。在此之后,您可以指定字體名稱,包含追加到你的CSS 。關于這項技術的最好的部門是,它主要依賴于JavaScript,所以最終用戶不需要安裝這些字體 。

\

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

10、圖片畫廊幻燈片

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

\

我相信,在2012年將看到這類趨勢的上揚。

11、模式彈出盒

\

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

\

12、列表

列表項的集合,因為網(wǎng)頁設計的早期泛起。正如我們搬進新世紀的設計師開始使用HTML有序和無序列表設計導航菜單。

\

13、生成的圖像縮略圖

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

\

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

14、超大圖標

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

\

15、夸張的超鏈接

錨鏈接,固然在任何網(wǎng)站最重要的五大元素。這些顯然是很長的路要走,因為20世紀90年代流行的設計趨勢一直呈幾何級數(shù)增長。

\

來源:http://www.jackchen.cn/blog/?p=6442

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di1028.html
十二個有效的網(wǎng)頁設計的重要提示
網(wǎng)頁設計中運用黃金分割(Golden Ratio)
圖趣網(wǎng)微信
建議反饋
×