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