從網(wǎng)站制作公司獲悉：不僅有技術(shù)的重大進(jìn)步，但對(duì)設(shè)計(jì)師的需求已成倍增加。客戶正在學(xué)習(xí)指望一個(gè)網(wǎng)站可以做任何事情之前那樣，但是一切從多個(gè)設(shè)備的兼容性視網(wǎng)膜屏幕分辨率與新的或增值的重點(diǎn)。所以，我已經(jīng)放下剩的火雞，觀看本賽季的壓軸國(guó)土，自己做了一杯茶。我在下面列出的只是一些什么，我相信有強(qiáng)烈的影響，2013年和到2013年及以后可以期望看到。確保你看看我的外部鏈接的底部后，我遇到一些偉大的博客和視頻在圣誕節(jié)假期。

響應(yīng)的設(shè)計(jì)與開發(fā)
2013年已經(jīng)看到了'響應(yīng)性的Web設(shè)計(jì)成為最好的全方位解決方案，在多個(gè)設(shè)備上顯示網(wǎng)站。不同于建立獨(dú)立的移動(dòng)網(wǎng)站或捏和縮放的方式解決了全尺寸的網(wǎng)站（像他們建議在舊iPhone廣告），響應(yīng)意味著您可以創(chuàng)建一個(gè)單一的網(wǎng)站，可以進(jìn)行調(diào)整以適應(yīng)所使用的設(shè)備來訪問它。

我不想太多響應(yīng)性的Web設(shè)計(jì)胡扯，只是說，谷歌推薦，如果你想知道更多，我推薦這個(gè)簡(jiǎn)單的文章解釋了為什么2013年響應(yīng)性的Web設(shè)計(jì)在Mashable 。我目前正在上新的響應(yīng)Creare網(wǎng)站與我的同事，雖然它耗費(fèi)的時(shí)間，這是一個(gè)很多的樂趣，結(jié)果是有益的。
視網(wǎng)膜/ HI-DPI屏幕設(shè)計(jì)
2013也看到了崛起的高清晰度畫面。有了它，高DPI的網(wǎng)站設(shè)計(jì)。我記得在2013年4月，當(dāng)我第一次審議的影響時(shí)，HI-DPI設(shè)計(jì)一個(gè)客戶問我：“為什么我們的新網(wǎng)站在我的視網(wǎng)膜iPad的模糊元素？”。雖然矢量元素，如文本和CSS脆，任何光柵文件，如標(biāo)志PNG或JPEG照片只是看起來模糊。這是因?yàn)樗鼈儽伙@示在72DPI，他們現(xiàn)在能夠被顯示在一季度的決議。

Currys.co.uk是一個(gè)網(wǎng)站，開始采用的Retina / HI-DPI技術(shù)的一個(gè)很好的例子。雖然他們大部分產(chǎn)品照片和橫幅仍然是72dpi的光柵JPEG文件，他們使用矢量技術(shù)的幾乎一切：

他們的各種小圖標(biāo)，網(wǎng)頁圖標(biāo)字體字體真棒
SVG（可伸縮矢量圖形）像他們的英國(guó)地圖項(xiàng)目在他們的頁腳
CSS3創(chuàng)建按鈕，導(dǎo)航和紫色的淚滴式貼紙
不要假設(shè)，然而像柯里斯網(wǎng)站，根本就沒有得到全面使他們的產(chǎn)品圖形視網(wǎng)膜尚未準(zhǔn)備。所有網(wǎng)站網(wǎng)頁的速度仍然是一個(gè)巨大的目標(biāo)，從而增加每個(gè)JPEG圖像文件的文件大小四，不一定是一個(gè)可喜的前景。更高分辨率的圖形需要更長(zhǎng)的時(shí)間來加載，這應(yīng)該是考慮到，因?yàn)楝F(xiàn)在，最HI-DPI分辨率通常依賴于一個(gè)緩慢的移動(dòng)連接的移動(dòng)設(shè)備上找到。

我的建議是，如果你不這樣做的話，是開始改變自己的習(xí)慣。使用CSS Web字體，圖標(biāo)字體和的SVGs的的在可能的情況下。當(dāng)你開始看增加您的光柵圖形的分辨率，不要有什么非凡的雜志做模板項(xiàng)目，如網(wǎng)站標(biāo)志開始。標(biāo)準(zhǔn)和最佳實(shí)踐，無疑將如何處理圖像出現(xiàn)在2013年，但在此期間，你可能希望檢查出Retina.js WP視網(wǎng)膜X2，兩個(gè)我最喜歡的插件，我最近嘗試用。
Web字體和圖標(biāo)字體
Web字體已經(jīng)與我們合作了幾年，但他們已經(jīng)與設(shè)計(jì)師在2013年真正實(shí)現(xiàn)了起飛。痛苦與SIFR或Cufon異國(guó)情調(diào)的字體嵌入，這是一個(gè)痛苦的設(shè)置，風(fēng)格和工作的日子已經(jīng)一去不復(fù)返了。 Web字體今天利用CSS3的@ font-face的，漂亮的都沒有行李或副作用。今天，設(shè)計(jì)師們的靈活性，具有廣泛的溢價(jià)和異國(guó)情調(diào)的字體，而無需進(jìn)入圖形，把它們弄平。

目前擁有613字體，簡(jiǎn)單UX的網(wǎng)站將使用Web字體分鐘各級(jí)設(shè)計(jì)師。北京做網(wǎng)站
值得注意的圖書館是谷歌的免費(fèi)Web字體和Adobe的Typekit服務(wù)，為設(shè)計(jì)人員提供訪問成千上萬的開源和溢價(jià)字體。

大多是輕量級(jí)的Web字體，兼容背到IE6，并且可以在幾分鐘之內(nèi)安裝到您的網(wǎng)站添加幾行HTML和CSS。如果你是新的Web字體，我建議你開始與谷歌的Web字體看著我公司生產(chǎn)的視頻博客今年早些時(shí)候。

類似標(biāo)準(zhǔn)的Web字體，圖標(biāo)字體，今年真正實(shí)現(xiàn)了起飛。這些純粹的基于圖標(biāo)的字體嵌入現(xiàn)代矢量圖標(biāo)在您的網(wǎng)站上，而無需使用圖形完美。我不想重復(fù)什么我和同事最近發(fā)表的，所以我建議徹底觀看視頻博客，我們?cè)趲讉€(gè)星期前，這可以解釋為什么如此輝煌的Web圖標(biāo)字體。

結(jié)論
因此，我挑出了三件事情可能不會(huì)來盡可能多的驚喜給任何人。為什么我側(cè)重于反應(yīng)靈敏，視網(wǎng)膜和Web /圖標(biāo)字體的原因是因?yàn)槲覉?jiān)信，他們將繼續(xù)成為2013年的關(guān)鍵影響力。智能手機(jī)和平板的使用無疑將繼續(xù)增長(zhǎng)，隨著可用性和安全性的信任問題，我們看到在移動(dòng)設(shè)備上的低轉(zhuǎn)換率目前占。電腦，平板電腦和智能手機(jī)的進(jìn)展也將在2013年繼續(xù)發(fā)展。高DPI屏幕上的智能手機(jī)將成為標(biāo)準(zhǔn)，蘋果可能會(huì)推出一個(gè)高度覬覦，苗條，視網(wǎng)膜的iMac范圍。

跟上這樣一個(gè)快速發(fā)展的行業(yè)，是不容易的，但它是令人興奮的，它可以很有趣。

額外的閱讀
如果你在網(wǎng)上瀏覽更多有用的概述了2013年和2013年的預(yù)測(cè)，我建議你檢查出一些以下列出的職位，在過去的一周，我發(fā)現(xiàn)有趣的。

10 UX記得在2013年的事情，我們
顯而易見的，但值得注意的UX考慮一個(gè)不錯(cuò)的職位，涵蓋，卡住了今年。
國(guó)家的媒體 - 社會(huì)化媒體報(bào)告2013。
舌頭在臉頰，這個(gè)'Leveson查詢“風(fēng)格報(bào)告實(shí)際上是一個(gè)非常有趣的，30頁的圖文資訊，統(tǒng)計(jì)的2013年社會(huì)化媒體報(bào)告。
NET MAG的前20個(gè)會(huì)議講座
如果你有一個(gè)iPad，耳機(jī)和幾個(gè)小時(shí)，我建議你看從2013年開始，至少有幾個(gè)這些會(huì)議談判。
ginormous一詞最佳2013名單（SEO）
不管你是愛它還是恨它，搜索引擎優(yōu)化包括一切從社交媒體CRO是密切相關(guān)的網(wǎng)站設(shè)計(jì)和開發(fā)的。這個(gè)巨大的博客文章目錄'優(yōu)化'在世界上的一些關(guān)鍵崗位和視頻。