2019-09-24
網(wǎng)站設(shè)計最吸引人的地方是它在不斷變化。技術(shù)的發(fā)展使設(shè)計師和工程師能夠不斷實驗和創(chuàng)新,帶來更好和更流暢的使用體驗和無處不在的驚人感官享受。
2019年哪些有趣的風(fēng)格將主導(dǎo)我們的屏幕?我們整合了媒體和網(wǎng)站設(shè)計公司的預(yù)測,如網(wǎng)絡(luò)流量、下一個網(wǎng)絡(luò)、AWWWARDS等。,整理出網(wǎng)頁設(shè)計的十大趨勢,2019流行的十種網(wǎng)頁設(shè)計方法!你看對你有幫助嗎?
1.打破框架的布局
在過去的幾年里,網(wǎng)頁的不斷布局已經(jīng)開始讓人厭倦,但幸運的是Flexbox和CSS網(wǎng)格!鉻和火狐等技術(shù)的出現(xiàn)預(yù)計將于今年3月開始支持,這使得布局設(shè)計更加靈活,給設(shè)計師和工程師帶來了更多空間。今年,更多的網(wǎng)站將能夠打破通常的“對稱”和“有序”規(guī)則,擁有各種各樣的網(wǎng)頁,分層布局肯定會很棒。
然而,不變的原則是設(shè)計的重點是對比“內(nèi)容”。內(nèi)容是有血有肉的,是人們訪問網(wǎng)站的主要原因。因此,設(shè)計也應(yīng)該考慮到它的規(guī)模。除了無拘無束的風(fēng)格之外,設(shè)計不應(yīng)該反顧客和剝奪內(nèi)容的優(yōu)雅。
2、極簡出,色彩是常態(tài)
色彩作為表達個性的一個重要元素,在極其簡單的風(fēng)格成為一種趨勢時被剝離了。然而,從去年開始,大面積的漸變顏色塊似乎已經(jīng)強勢回歸。Instagram、Asana和Stripe都以飽和的漸變重塑了品牌的主要視覺色調(diào)。鮮艷的顏色和流暢的漸變今年會變得更加流行。此外,用雙色調(diào)制作圖像也可能是今年的趨勢。設(shè)計師莎拉·休頓預(yù)測今年將是非?!皶r髦”的一年,期待強烈的色彩刺激人們的視覺。
與前兩年的亮色和亮色以及上述亮色和濃色相比,相對平靜的黑色也是越來越多網(wǎng)站的主要選擇顏色。只要“強調(diào)色”搭配得當(dāng),黑色一點也不無聊,而是可以在一個輝煌的世界中脫穎而出。
3.華麗實用的動態(tài)效果
動態(tài)效果在當(dāng)代網(wǎng)頁設(shè)計領(lǐng)域發(fā)揮著重要作用。今年,沒有受歡迎程度下降的跡象。相反,它們將得到更廣泛的應(yīng)用。適當(dāng)?shù)膭討B(tài)效果有助于突出重點和吸引注意力。今年,SVG和CSS創(chuàng)造的動態(tài)效果預(yù)計會大幅增加,視差滾動(Parallax Scrolling)也變得越來越華麗。然而,設(shè)計師應(yīng)該考慮品牌或內(nèi)容的內(nèi)涵以及每個動態(tài)效果的意義,以避免“為行動而行動”
4.創(chuàng)造小驚喜的“微觀互動”
“微交互”在網(wǎng)頁上也變得越來越流行。例如,當(dāng)鼠標(biāo)在各種網(wǎng)頁部件(如按鈕)上移動和點擊時,滾動滑動過程中會有及時和詳細的變化,這也可以作為關(guān)鍵點的提醒。當(dāng)然,就像動態(tài)效果一樣,設(shè)計師必須掌握“運動”的含義和范圍,以免畫蛇添足。
5.無失真快速加載的矢量圖形文件很受歡迎
與傳統(tǒng)的由像素組成的圖像格式JPG、巴布亞新幾內(nèi)亞、吉福相比,近年來出現(xiàn)的可伸縮矢量圖像支持向量機在網(wǎng)頁上具有更大的優(yōu)勢。使用標(biāo)記語言來組合圖形并繪制矩形、圓形和直線是一件小事。復(fù)雜的填充和形狀無法擊敗它,動態(tài)效果可以很容易地制作,而不受分辨率的影響。無論使用何種屏幕或設(shè)備觀看,圖像質(zhì)量都不會受到損害。SVG成功的關(guān)鍵在于它不需要HTTP請求,可以大大提高網(wǎng)站的加載速度。例如,這是一個用SVG畫的背包客。
6.巨大的字體準(zhǔn)確地傳達了品牌的含義
第一頁以巨大字體展示了品牌主題,這也是今年隨處可見的趨勢。然而,“巨大”一詞并不意味著擴大和增厚。相反,它是用適當(dāng)?shù)淖煮w設(shè)計的,以簡潔準(zhǔn)確地表達產(chǎn)品的精神,而不是冗長。也可以嘗試字體和背景或顏色之間的交互,或者對字體的動態(tài)效果建模。
7、虛擬現(xiàn)實技術(shù)與內(nèi)容相結(jié)合
虛擬現(xiàn)實的話題從去年到今年一直升溫,科技巨頭在虛擬現(xiàn)實領(lǐng)域的投資實力沒有減弱的跡象。特別是,臉譜網(wǎng)將在未來十年花費30億美元專注于虛擬現(xiàn)實的研發(fā)??梢灶A(yù)見,技術(shù)將變得更加成熟,越來越多的多媒體或品牌將使用虛擬現(xiàn)實技術(shù)來“講述故事”,并為人們創(chuàng)造更有經(jīng)驗的感覺。
8.為不同用戶量身定制的內(nèi)容
對于內(nèi)容網(wǎng)站來說,向“正確的用戶”有效傳遞“正確的內(nèi)容”的能力近年來受到了廣泛關(guān)注。但是沒有多少能擊中核心。因為為了根據(jù)情況給出具體的內(nèi)容,需要考慮不同用戶的不同特征,例如,用戶訪問網(wǎng)站的目的是為了個人使用還是為了工作?用戶來自哪里?用戶現(xiàn)在在做什么?他們以前在網(wǎng)站上的行為是什么?他們用什么電子設(shè)備上網(wǎng)?他們當(dāng)前是登錄還是注銷?
這些特性的結(jié)合增加了復(fù)雜性。一些媒體使用“推薦閱讀”機制,或者,例如,臉譜網(wǎng)使用算法為個人確定不同的信息流。例如,F(xiàn)ubiz使用“創(chuàng)意查找器(Creativity Finder)”允許用戶自行設(shè)置“身份”、“地區(qū)”和“目的”三個條件,過濾最符合要求的內(nèi)容,并將其交給不同的用戶。
9.“注冊頁面”比“主頁”更重要
登陸頁面和主頁的區(qū)別在于前者有一個非常明確的目標(biāo),比如希望用戶注冊、訂閱電子報紙,甚至購買,而主頁就像是自己家的門,表明網(wǎng)站包含什么內(nèi)容或功能,并作為一個大綱。前者變得越來越重要。為了有效地引導(dǎo)用戶完成設(shè)計中的“轉(zhuǎn)換”,幾乎沒有“導(dǎo)航”組件,因為我們不想讓用戶分心到其他地方。最重要也幾乎是唯一的目的是促進皈依。
10.設(shè)計共享
像項目領(lǐng)域的熱情分享文化一樣,近年來越來越多的小公司或大企業(yè)愿意公開分享他們內(nèi)部的設(shè)計團隊協(xié)作和工作技能流程,這不僅具有招聘人才的效果,而且充分展示了品牌特征,塑造了設(shè)計領(lǐng)域的互助氛圍。
谷歌設(shè)計、臉譜網(wǎng)、商店化和空中設(shè)計都是可以借鑒的例子。