設計(jì)師(shī)們都(dōu)知道一個(gè)賞心悅目的(de)網站有(yǒu)多重要,好的(de)網頁設計(jì)不僅給用(yòng)戶良好的(de)第一印象和(hé)體驗,還能(néng)引導用(yòng)戶行(xíng)爲、創造品牌效應 。
出于各種原因,設計(jì)趨勢每年都(dōu)在改變,有(yǒu)的(de)設計(jì)趨勢在演進中逐漸消失,有(yǒu)的(de)則在逐步被大(dà)家熟練運用(yòng)的(de)過程中漸入佳境,甚至蛻變成爲設計(jì)主流。
2017年可(kě)以說是網頁設計(jì)行(xíng)業(yè)快速發展的(de)一年,而剛剛到(dào)來的(de)2018網頁設計(jì)行(xíng)業(yè)将會(huì)面臨怎樣的(de)發展和(hé)趨勢演變呢?哪些設計(jì)元素又(yòu)将會(huì)成爲時代新寵呢?
1.
Theater level interactive experience.
影院級别的(de)交互體驗
大(dà)幅的(de)視頻錄像背景在2015年開(kāi)始成爲網頁設計(jì)的(de)趨勢,并且越來越流行(xíng)。如(rú)今,技術(shù)的(de)進步使得視頻加載時間大(dà)大(dà)縮短,同時,WebGL(一種3D繪圖技術(shù))讓這種背景變得更具互動性。
2.
Colour Renaissance.
色彩複興
過去兩年中,灰色大(dà)規模劫持了我們的(de)網站。從前的(de)白色網頁背景變成了淡灰色;黑(hēi)色文(wén)本變成了暗(àn)灰色;都(dōu)說時尚是一種輪回,2018,是時候讓更多的(de)顔色回來了。可(kě)以預見的(de)是,複古色調将受到(dào)極大(dà)的(de)追捧。
無論你(nǐ)最終決定用(yòng)紅色還是黃(huáng)色,可(kě)以再試著(zhe)給它加上(shàng)一個(gè)“濾鏡”,爲用(yòng)戶制(zhì)造一種溫暖、懷舊的(de)感覺,提升網站的(de)整體氛圍與質感。
3.
The illustration still occupies the center stage.
插畫仍占領中心舞台
2017年,插畫在網頁上(shàng)的(de)大(dà)量使用(yòng)是有(yǒu)目共睹的(de), 經驗豐富的(de)設計(jì)師(shī)們根據品牌調性來制(zhì)作個(gè)性化的(de)插畫。
無論是在配合文(wén)字,還是将實物(wù)與插畫相(xiàng)結合,都(dōu)能(néng)夠更清晰準确的(de)傳遞網站想要表達的(de)信息、讓畫面更具有(yǒu)張力。插畫的(de)作用(yòng)很強大(dà),往往文(wén)字難以表述的(de)場(chǎng)景,利用(yòng)插畫可(kě)能(néng)就直白得多。
4.
Split screen.
屏幕分(fēn)割
垂直将屏幕界面分(fēn)爲左右相(xiàng)等的(de)兩塊,用(yòng)撞色等方式進行(xíng)分(fēn)割,營造清晰的(de)視覺分(fēn)離(lí)效果,這種直截了當的(de)網站風格會(huì)成爲2018年一大(dà)趨勢。簡單的(de)垂直分(fēn)割看似千篇一律,其實充滿想象力和(hé)發揮空間,适用(yòng)于各類網站。
5.
Half a flat design.
半扁平化設計(jì)
在過去兩年左右的(de)時間,扁平化設計(jì)可(kě)以說是最受歡迎、但(dàn)又(yòu)最具争議的(de)設計(jì)趨勢。
不管哪種設計(jì)趨勢,顯然會(huì)受到(dào)媒體、技術(shù)及實用(yòng)性的(de)綜合影響,最後會(huì)以一種漸進的(de)方式逐步滲透進我們的(de)設計(jì)中,周期一般在1到(dào)2年。其實目前已有(yǒu)很多設計(jì)師(shī)對扁平化設計(jì)理(lǐ)念進行(xíng)了再創造,于是形成了當下新的(de)設計(jì)趨勢——半扁平化設計(jì)。
6.
Animation and interaction.
動畫與微交互
無論是粒子背景,令人(rén)驚喜的(de)滾動,或是有(yǒu)趣的(de)頁面切換,更加普及的(de)交互與動畫是2018年網站設計(jì)中的(de)重頭戲。這些都(dōu)将提升訪問者在頁面浏覽時的(de)整體體驗,也(yě)在引導視覺焦點時起到(dào)了重要作用(yòng)。

※ Heco

※ HeyStack.is
7.
The rise of barbarism and extremism.
野蠻主義、極端主義的(de)興起
野蠻主義(Brutalism)來自法語的(de)單詞“raw”。這種最早在建築設計(jì)中興起的(de)概念特征十分(fēn)明(míng)顯:不斷重複的(de)元素(線條,形狀)拼湊組合,雖然外形奇特但(dàn)都(dōu)追求嚴格對稱。
避開(kāi)所有(yǒu)你(nǐ)學習(xí)的(de)設計(jì)知識以及優化建議,不斷突破邊框,大(dà)膽使用(yòng)想要嘗試的(de)顔色組合,難以找到(dào)的(de)鏈接入口,被覆蓋半張的(de)圖片……“極端主義”中的(de)手法被完美(měi)的(de)放(fàng)在了這裏。下面這些品牌網站,正在成爲先鋒:
這确實是一種别有(yǒu)風味的(de)嘗試,瘋狂怪誕的(de)新事物(wù)成就了這個(gè)美(měi)麗(lì)的(de)世界。不過反過來說,稍有(yǒu)差池這又(yòu)會(huì)是一種新的(de)精神污染。
文(wén)章(zhāng)來源網絡
版權歸原作者所有(yǒu)
如(rú)涉及版權問題請及時聯系處理(lǐ),謝謝!