轉(zhuǎn)眼就要和2014年說再見了，這一年湖南競網(wǎng)科技建站團(tuán)隊(duì)為諸多客戶帶去了不少精品網(wǎng)站，而面對即將到來的2015年，為了更好地服務(wù)客戶提升自身競爭力，我們也沒閑著，競網(wǎng)的各大設(shè)計(jì)師早已高瞻遠(yuǎn)矚放眼2015年的流行網(wǎng)頁設(shè)計(jì)行情了。因此就與大家一起談?wù)?015年網(wǎng)頁設(shè)計(jì)到底要哪般。
　　1、響應(yīng)式網(wǎng)頁設(shè)計(jì)
　　響應(yīng)式Web設(shè)計(jì)(Responsive Web design)的理念是：頁面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。換句話說，頁面應(yīng)該有能力去自動(dòng)響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這樣，我們就可以不必為不斷到來的新設(shè)備做專門的版本設(shè)計(jì)和開發(fā)了。2014年越來越多的網(wǎng)站選擇響應(yīng)式的方向，2015年也還會(huì)繼續(xù)。這已經(jīng)不是種趨勢，而是常態(tài)了。
　　2、幽靈按鈕
　　幽靈按鈕也叫透明按鈕，顧名思義，也就是在設(shè)計(jì)網(wǎng)頁中的按鈕之時(shí)，不再設(shè)計(jì)復(fù)雜色彩、樣式和紋理，而是外僅以線框示意輪廓，內(nèi)只用文字示意功能，背景透出，與整個(gè)頁面/背景合而為一的設(shè)計(jì)方式。“薄”和“透”是這種設(shè)計(jì)的最大特色。不設(shè)底色不加紋理，按鈕僅有一層薄薄的線框標(biāo)明邊界，確保了它作為按鈕的功能性，又達(dá)成了“纖薄”的視覺美感。2015年幽靈按鈕將繼續(xù)，特別是用在大背景和背景視頻上更適用。
　　3、字體
　　這永遠(yuǎn)是網(wǎng)頁設(shè)計(jì)中要重點(diǎn)關(guān)注的一塊，同時(shí)也是最考驗(yàn)設(shè)計(jì)師功力及網(wǎng)頁優(yōu)劣的點(diǎn)睛之筆。傳統(tǒng)的一些Web字體價(jià)格昂貴，意味著網(wǎng)站排版需要更多的預(yù)算。如今，這種情況在改變，設(shè)計(jì)師只要更少的預(yù)算甚至免費(fèi)（如Google Fonts）的字體集就能在網(wǎng)頁上自由設(shè)計(jì)。
　　4、更大的圖片/視頻背景
　　得益于移動(dòng)互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁設(shè)計(jì)更偏向移動(dòng)化，因此會(huì)帶來更有效和愉悅的移動(dòng)體驗(yàn)，如滾動(dòng)主導(dǎo)點(diǎn)擊。這種方式更直觀，易于實(shí)現(xiàn)，減少加載時(shí)間，允許網(wǎng)站與用戶之間更多的交互。
　　5、卡片式設(shè)計(jì)
　　隨著移動(dòng)技術(shù)的發(fā)展以及各種屏幕圖形和尺寸的出現(xiàn)，越來越多的人通過API和SDK來訪問各種源數(shù)據(jù)，因此也讓內(nèi)容逐漸被分解成各個(gè)獨(dú)立的組件，好比一張張獨(dú)立的卡片，最后再把這些卡片進(jìn)行聚合。讓W(xué)eb拋棄了傳統(tǒng)的把許多內(nèi)容頁面鏈接在一起的做法，從而形成新的卡片式的Web用戶體驗(yàn)。卡片式設(shè)計(jì)是響應(yīng)式網(wǎng)頁設(shè)計(jì)的最佳實(shí)踐。它能重新編排欄目也不會(huì)草率或紊亂，在瀏覽器中能瀏覽大量數(shù)據(jù)，但是要提示用戶深入了解。總之，卡片設(shè)計(jì)干凈簡單，具備多功能性。正是網(wǎng)絡(luò)的需求，2014和2015年你將能看到更多卡片式風(fēng)格設(shè)計(jì)。
　　6.、扁平化繼續(xù)
　　扁平化設(shè)計(jì)在過去兩年里勢頭迅猛，2015年在持續(xù)。扁平化設(shè)計(jì)中所有的元素的邊界都干凈利落，沒有任何羽化、漸變，尤其在手機(jī)上，更少的按鈕和選項(xiàng)使得界面干凈整齊，使用起來格外簡潔。這種設(shè)計(jì)可以更加簡單直接的將信息和事物的工作方式展示出來，減少認(rèn)知障礙的產(chǎn)生。隨著網(wǎng)站和應(yīng)用程序在許多平臺(tái)涵蓋了越來越多不同的屏幕尺寸，創(chuàng)建多個(gè)屏幕尺寸和分辨率的設(shè)計(jì)既繁瑣又費(fèi)時(shí)。因此設(shè)計(jì)正朝著更加扁平化方向進(jìn)行，可以一次保證在所有的屏幕尺寸上它會(huì)很好看。
　　7、微交互
　　微交互也是個(gè)很好的勢頭。 它們通常用在產(chǎn)品的體驗(yàn)和瞬間，網(wǎng)站簡單的用戶任務(wù)處理也會(huì)用到。一個(gè)簡單的例子是注冊的時(shí)候彈出框效果。微交互促進(jìn)了用戶的參與，這種趨勢在未來幾年將進(jìn)一步滲透到網(wǎng)頁設(shè)計(jì)中。
　　8、個(gè)性化用戶體驗(yàn)
　　使用cookies技術(shù)向用戶展示相關(guān)內(nèi)容不是什么新鮮事。使用cookies顯示特定的內(nèi)容給用戶比垃圾郵件和無恥的銷售有效的多。一些傳統(tǒng)的大網(wǎng)站會(huì)使用側(cè)邊欄小工具，以便你快速訪問你喜歡的內(nèi)容或評論的文章或者突出查看過的內(nèi)容，但未來更會(huì)出現(xiàn)更優(yōu)雅的技術(shù)讓用戶體驗(yàn)更具個(gè)性化，那么2015年這又是網(wǎng)頁設(shè)計(jì)要發(fā)力的一個(gè)方向。