設(shè)計(jì)的影響僅僅是一個(gè)來自于我們的文化和用戶界面感知的反饋。觀念上這些趨勢(shì)代表了在網(wǎng)頁設(shè)計(jì)社區(qū)最受喜愛的點(diǎn)子?？墒钱?dāng)提到設(shè)計(jì)團(tuán)隊(duì)時(shí)，就會(huì)想到設(shè)計(jì)師擁有他們獨(dú)立的觀點(diǎn)，所以要有保留的接受這些想法.
 

1.響應(yīng)式布局

響應(yīng)式設(shè)計(jì)已經(jīng)變成了一個(gè)最終來使設(shè)計(jì)的布局適配各種數(shù)字媒體視窗的入口。此想法是用來支持所有的來自筆記本電腦，臺(tái)式機(jī)，智能手機(jī)，平板和任何將來將要發(fā)布的設(shè)備。

你應(yīng)該想象這個(gè)趨勢(shì)更像是一份單一的代碼，完美地運(yùn)行在所有環(huán)境下統(tǒng)一網(wǎng)頁的設(shè)計(jì)中。響應(yīng)式站點(diǎn)被經(jīng)常想象為是向手機(jī)瀏覽器迎合，但那不是唯一的目的。你也可以擁有一個(gè)讓瀏覽器窗口更大，可以讓你的頁面布局添加鮮艷的插圖和圖案的響應(yīng)式站點(diǎn)。

這里的重點(diǎn)是思考站點(diǎn)設(shè)計(jì)作為一個(gè)動(dòng)態(tài)和自然流體的單一畫板，css3媒體查詢?cè)试S開發(fā)者在有限的或者擴(kuò)展的屏幕之上自定義布局，用這個(gè)來增加你的優(yōu)勢(shì)同時(shí)也看看其他設(shè)計(jì)師是如何實(shí)用它的。
 

2.視網(wǎng)膜支持

隨著響應(yīng)式支持網(wǎng)站布局，同時(shí)我也發(fā)現(xiàn)在為視網(wǎng)膜設(shè)備建站的人有明顯的增加。蘋果第一次實(shí)踐這個(gè)想法是在iphone4上，從那以后蘋果在他們的其它設(shè)備包括ipad和一些macbooks上也應(yīng)用了視網(wǎng)膜屏。

視網(wǎng)膜屏像素基本上是其他任何普通LCD的兩倍，雖然它們有相同的物理尺寸，但是視網(wǎng)膜屏可以使用兩倍的數(shù)字像素來適應(yīng)相同的物理尺寸。

這意味著“像素完美”的網(wǎng)頁設(shè)計(jì)師將要制作兩套圖片格式.以此來支持視網(wǎng)膜設(shè)備。首先你需要使你的樣本圖片兩倍于普通圖片的分辨率，接著保存標(biāo)準(zhǔn)版本的圖片。大分辨率的圖片將會(huì)在標(biāo)準(zhǔn)分辨率的屏幕上縮小并且在視網(wǎng)膜屏上看上去更鮮明。

我最喜歡的一個(gè)響應(yīng)式網(wǎng)頁設(shè)計(jì)工具retina.js,它是一個(gè)javascript庫，用來使你的用戶無論何時(shí)在使用視網(wǎng)膜設(shè)備時(shí)，自動(dòng)的展現(xiàn)視網(wǎng)膜圖片。

盡管它不檢測(cè)CSS背景圖片，但它依舊是用來避免在媒體查詢里寫下所有情況代碼的最方面資源.
 

3.固定的頭部條目

使用CSS position:fixed屬性是使你的頭部條目固定在網(wǎng)站最好的方法。當(dāng)用戶往下滾動(dòng)你網(wǎng)頁的時(shí)候，此方法會(huì)提供一個(gè)靜止不動(dòng)的導(dǎo)航和一個(gè)回主頁的路徑。這個(gè)趨勢(shì)已經(jīng)有一段時(shí)間，但是我們現(xiàn)在才看到它全部的力量。

因?yàn)樗麄儙缀蹩梢怨ぷ髟谌魏尉W(wǎng)站，所以看上去很有趣。它們包括社交網(wǎng)絡(luò)、博客甚至有設(shè)計(jì)工作室又或者是私人公司。這種設(shè)計(jì)非常的流行并且看上去和許多布局很搭配。但是從美學(xué)角度看，這個(gè)固定的條目提供了一個(gè)減小操作網(wǎng)站距離感的特別用戶體驗(yàn)。
 

4.大圖片背景

攝影師或者攝影愛好者肯定很享受這種設(shè)計(jì)趨勢(shì)。我已看過無數(shù)的案例來討論使用超大圖片來作為背景的這種想法。這是獲取用戶注意力極佳的方法并且當(dāng)恰如其分的完成時(shí)會(huì)看上去很棒。

當(dāng)大圖賞心悅目的時(shí)候我就慢慢的喜歡上了它們，當(dāng)你把這種大圖做背景的想法融合進(jìn)你的設(shè)計(jì)的時(shí)候，這樣的設(shè)計(jì)技術(shù)，在市場(chǎng)上會(huì)使你的網(wǎng)站顯得更專業(yè)。談到這時(shí)我總會(huì)想到曾經(jīng)很流行的Kerem Suer的設(shè)計(jì)作品，為每一個(gè)登到他網(wǎng)站的用戶設(shè)計(jì)一個(gè)非常具有個(gè)性的背景圖片。

5.CSS透明

CSS3的新屬性已經(jīng)允許編輯網(wǎng)頁上任何元素的不透明，這意味著你可以在不使用photoshop的情況下，在現(xiàn)代瀏覽器中實(shí)現(xiàn)透明。這種透明性的網(wǎng)頁設(shè)計(jì)趨勢(shì)最近在codrops上討論帶有一些非常生動(dòng)的話題。

一個(gè)極佳的例子是在Squarespace Blog上，它頁面中間的層給了一個(gè)background:transparent;屬性,典型地它可以應(yīng)用在生成一些其他平鋪背景上，又或者設(shè)置內(nèi)部元素當(dāng)背景。

另一個(gè)來操作透明度的設(shè)計(jì)技巧是通過rgba()顏色語法，在css書寫時(shí)你可以指定具體的紅，綠，藍(lán)以及透明度，所以使用rgba(255,255,255,0.6)會(huì)生成60%的不透明白色，這確定是一個(gè)設(shè)計(jì)趨勢(shì)，所以在2013以及以后我們?nèi)钥梢员в衅诖?br /> 

6.極簡(jiǎn)的著陸頁面

任何一個(gè)花一些時(shí)間調(diào)研市場(chǎng)的人都會(huì)明白網(wǎng)絡(luò)銷售是既簡(jiǎn)單又聰明的，你可以接觸到世界上任何地方的消費(fèi)群體，另外你還可以賣一些非實(shí)體產(chǎn)品，例如視頻或有創(chuàng)造性的東西。

在網(wǎng)上創(chuàng)建一個(gè)簡(jiǎn)潔的著陸頁面就是為了獲取指引到你的產(chǎn)品或服務(wù)的引導(dǎo)線。這個(gè)新趨勢(shì)奉行極簡(jiǎn)主義的信條：保持所有東西簡(jiǎn)單同時(shí)專注你的核心產(chǎn)品。

在PictoPro webpage上提供了許多精美的低價(jià)圖片示例資源，這個(gè)頁面使用矢量圖標(biāo)作為背景是相當(dāng)靈巧效果，同時(shí)文本也容易閱讀，事實(shí)上它是一個(gè)一次單擊結(jié)算的流程，你不可能做的比那更簡(jiǎn)潔了。
 

7.數(shù)字快速響應(yīng)編碼

隨著智能手機(jī)的充足導(dǎo)致QR（快速響應(yīng)）應(yīng)用程序的激增。它代表Quick Response Code，始于早期的UPC二維碼,你可以從餐館通知事件的地點(diǎn)和汽車銷售好多地方發(fā)現(xiàn)這種標(biāo)簽。

但是最近我發(fā)現(xiàn)一些站點(diǎn)巧妙的將編碼融入到設(shè)計(jì)中，因?yàn)樗鼈兘?jīng)常出現(xiàn)在打印中，所以你很少注意到它們。但是隨著時(shí)間的增長(zhǎng)，由于數(shù)據(jù)傳輸越來越快，QR 編碼會(huì)成為流行趨勢(shì)。你可以在Keith Cakes聯(lián)系頁面看到此技術(shù)鮮明的例子。
 

8.社交媒體標(biāo)記

網(wǎng)絡(luò)營(yíng)銷是網(wǎng)站成功或失敗的基本決定因素。社交化媒體和病毒式營(yíng)銷在許多不同的網(wǎng)站爆發(fā)，Digg 曾經(jīng)是這一領(lǐng)域的霸主，但是現(xiàn)在已經(jīng)被對(duì)手Reddit所取代。但是這并不意味著僅僅有兩個(gè)可以在線分享心情故事的網(wǎng)站資源。

你可以在任何社交社團(tuán)上檢索到分享標(biāo)記，這樣就有可能發(fā)現(xiàn)很好的解決方案。你可以把這些分享標(biāo)記放在你的布局的任何地方。這種設(shè)計(jì)對(duì)于一些急迫想在Facebook，Twitter更或者是LinkedIn上分享內(nèi)容的讀者或粉絲也是有積極一面的。

下面我列出了一小部分社交媒體標(biāo)記，你可以在自己的網(wǎng)站布局上嘗試一下。

§ StumbleUpon Badges

§ Google +1 Button

§ Pinterest Buttons

§ LinkedIn Share Badge

§ Hacker News Vote Badge

§ Dzone Vote Buttons

§ Free Social Media Icon Sets – Best Of

§ 100+ Remarkably Beautiful Twitter Icons And Buttons
 

9.詳細(xì)的插圖

新的設(shè)計(jì)趨勢(shì)都是為了抓住和控制某人的注意力，我個(gè)人感覺插圖能出色的完成此任務(wù)。但問題是找一位能做出如此完美無瑕藝術(shù)品工作的設(shè)計(jì)師，并且還可以教自己。

插圖可以應(yīng)用在多種各式各樣的方法中，以此給你的網(wǎng)站帶來不同的感受?？纯椿ヂ?lián)網(wǎng)，你就會(huì)發(fā)現(xiàn)許多畫廊和插圖網(wǎng)站都集中在電子插圖上。你能看到這么有美感的工作最終完美的融入網(wǎng)站的品牌中，MailChimp或許是擁有黑猩猩郵遞員商標(biāo)最具代表性的例子了。
 

10.無限滾動(dòng)

無限滾動(dòng)加載至少存在許多年了,但是此技術(shù)直到今年才成為主流，我想在2013年還會(huì)繼續(xù)。

Pinterest已經(jīng)為他們的布局采用此加載技術(shù)并且運(yùn)行的很完美，你可以搜索任何東西而且當(dāng)你往下滾動(dòng)時(shí)結(jié)果頁會(huì)不斷地加載，分頁基本上不是問題，甚至不會(huì)對(duì)用戶體驗(yàn)造成影響，討論為簡(jiǎn)約設(shè)計(jì)。

但是另一個(gè)非常棒的或許是我最喜愛的例子是在Tumblr。你可以發(fā)博客同時(shí)可以摘錄所有出現(xiàn)在你面板上你跟隨人的照片。所以當(dāng)你登陸之后所有最近的帖子會(huì)出現(xiàn)且無線的往下滾動(dòng)頁面。

這是一個(gè)極好的技術(shù)，可是并不能應(yīng)用在每一個(gè)布局上。但是對(duì)于能適應(yīng)此方法的網(wǎng)站從視覺和表現(xiàn)上都相當(dāng)驚人。