從網(wǎng)站制作公司獲悉:不僅有技術(shù)的重大進(jìn)步,但對(duì)設(shè)計(jì)師的需求已成倍增加??蛻粽趯W(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è)備來(lái)訪問(wèn)它。
我不想太多響應(yīng)性的Web設(shè)計(jì)胡扯,只是說(shuō),谷歌推薦,如果你想知道更多,我推薦這個(gè)簡(jiǎn)單的文章解釋了為什么2013年響應(yīng)性的Web設(shè)計(jì)在Mashable 。我目前正在上新的響應(yīng)Creare網(wǎng)站與我的同事,雖然它耗費(fèi)的時(shí)間,這是一個(gè)很多的樂(lè)趣,結(jié)果是有益的。
視網(wǎng)膜/ HI-DPI屏幕設(shè)計(jì)
2013也看到了崛起的高清晰度畫面。有了它,高DPI的網(wǎng)站設(shè)計(jì)。我記得在2013年4月,當(dāng)我第一次審議的影響時(shí),HI-DPI設(shè)計(jì)一個(gè)客戶問(wèn)我:“為什么我們的新網(wǎng)站在我的視網(wǎng)膜iPad的模糊元素?”。雖然矢量元素,如文本和CSS脆,任何光柵文件,如標(biāo)志PNG或JPEG照片只是看起來(lái)模糊。這是因?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)頁(yè)圖標(biāo)字體字體真棒
SVG(可伸縮矢量圖形)像他們的英國(guó)地圖項(xiàng)目在他們的頁(yè)腳
CSS3創(chuàng)建按鈕,導(dǎo)航和紫色的淚滴式貼紙
不要假設(shè),然而像柯里斯網(wǎng)站,根本就沒(méi)有得到全面使他們的產(chǎn)品圖形視網(wǎng)膜尚未準(zhǔn)備。所有網(wǎng)站網(wǎng)頁(yè)的速度仍然是一個(gè)巨大的目標(biāo),從而增加每個(gè)JPEG圖像文件的文件大小四,不一定是一個(gè)可喜的前景。更高分辨率的圖形需要更長(zhǎng)的時(shí)間來(lái)加載,這應(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í)踐,無(wú)疑將如何處理圖像出現(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的,漂亮的都沒(méi)有行李或副作用。今天,設(shè)計(jì)師們的靈活性,具有廣泛的溢價(jià)和異國(guó)情調(diào)的字體,而無(wú)需進(jìn)入圖形,把它們弄平。
目前擁有613字體,簡(jiǎn)單UX的網(wǎng)站將使用Web字體分鐘各級(jí)設(shè)計(jì)師。北京做網(wǎng)站
值得注意的圖書館是谷歌的免費(fèi)Web字體和Adobe的Typekit服務(wù),為設(shè)計(jì)人員提供訪問(wèn)成千上萬(wàn)的開源和溢價(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)站上,而無(wú)需使用圖形完美。我不想重復(fù)什么我和同事最近發(fā)表的,所以我建議徹底觀看視頻博客,我們?cè)趲讉€(gè)星期前,這可以解釋為什么如此輝煌的Web圖標(biāo)字體。
結(jié)論
因此,我挑出了三件事情可能不會(huì)來(lái)盡可能多的驚喜給任何人。為什么我側(cè)重于反應(yīng)靈敏,視網(wǎng)膜和Web /圖標(biāo)字體的原因是因?yàn)槲覉?jiān)信,他們將繼續(xù)成為2013年的關(guān)鍵影響力。智能手機(jī)和平板的使用無(wú)疑將繼續(xù)增長(zhǎng),隨著可用性和安全性的信任問(wèn)題,我們看到在移動(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è),我建議你檢查出一些以下列出的職位,在過(guò)去的一周,我發(fā)現(xiàn)有趣的。
10 UX記得在2013年的事情,我們
顯而易見(jiàn)的,但值得注意的UX考慮一個(gè)不錯(cuò)的職位,涵蓋,卡住了今年。
國(guó)家的媒體 - 社會(huì)化媒體報(bào)告2013。
舌頭在臉頰,這個(gè)'Leveson查詢“風(fēng)格報(bào)告實(shí)際上是一個(gè)非常有趣的,30頁(yè)的圖文資訊,統(tǒng)計(jì)的2013年社會(huì)化媒體報(bào)告。
NET MAG的前20個(gè)會(huì)議講座
如果你有一個(gè)iPad,耳機(jī)和幾個(gè)小時(shí),我建議你看從2013年開始,至少有幾個(gè)這些會(huì)議談判。
ginormous一詞最佳2013名單(SEO)
不管你是愛(ài)它還是恨它,搜索引擎優(yōu)化包括一切從社交媒體CRO是密切相關(guān)的網(wǎng)站設(shè)計(jì)和開發(fā)的。這個(gè)巨大的博客文章目錄'優(yōu)化'在世界上的一些關(guān)鍵崗位和視頻。
【 微信掃一掃 】