2016年網(wǎng)站設(shè)計趨勢匯總 |
|
自從iOS7發(fā)布以來，網(wǎng)絡(luò)設(shè)計世界主導(dǎo)的現(xiàn)代極簡主義的改進(jìn)之外，還有一些前瞻性的變化 - 其他人并不是那么有利。 這里有一些趨勢將使互聯(lián)網(wǎng)遭受暴風(fēng)雨，而其他一些趨勢將僅僅是繼續(xù)當(dāng)前的進(jìn)化過程： |
1、扁平化設(shè)計
2010年平面設(shè)計的一個主要趨勢 - 在這里留下來，但沒有一些明顯的改進(jìn)。
雖然平面設(shè)計似乎是一個相對較新的時尚，但是當(dāng)瑞士風(fēng)格成立時，您可以將其起源追溯到20世紀(jì)40年代和50年代。
像大多數(shù)設(shè)計趨勢一樣，平面風(fēng)格僅僅是一種舊設(shè)計趨勢的再現(xiàn)，它們具有一些相同的特征：極簡極簡，網(wǎng)格布局，圣襯線字體，以及沒有任何三維元素，如陰影和漸變。
正如Ryan Allen所說，平面設(shè)計正在演變成被稱為Flat 2.0的。換句話說，它是平面設(shè)計，但更好。
要更清楚地了解兩者之間的確切差異，只需查看上面的圖像。在左側(cè)，您可以看到完全沒有任何三維元素的設(shè)計。另一方面，右側(cè)的設(shè)計包含亮點(diǎn)，漸變陰影和陰影。
根據(jù)UX設(shè)計平臺UXPin，平面設(shè)計的新版本和改進(jìn)版使用了以下引人注目的元素，同時仍然主要是扁平化的：
- 長陰影
- 明亮的色調(diào)
- 無襯線字體
- 按鈕
- 極簡主義
2、功能簡約
跟隨其當(dāng)前進(jìn)化軌跡的另一個趨勢是功能極簡主義。 由于消除了將用戶從網(wǎng)頁的主要內(nèi)容分散的元素，簡約和優(yōu)雅，極簡主義將繼續(xù)主導(dǎo)網(wǎng)絡(luò)。
雖然看起來這個趨勢應(yīng)該使設(shè)計人員變得更容易，但實(shí)際上也是如此。 由于極簡主義吸引了更多的關(guān)注頁面上的幾個對象 - 無論是三個，兩個還是一個主要的元素 - 這些必須以極為謹(jǐn)慎和審慎的方式來選擇。
3、獨(dú)創(chuàng)性
根據(jù)目前用定制產(chǎn)品代替大量生產(chǎn)的東西的趨勢，諸如手繪元素的原創(chuàng)作品可能會增加人氣。
那些將自定義插圖與詳細(xì)動畫結(jié)合在一起的網(wǎng)站，最有可能跟隨那些希望將自己與數(shù)千個提供類似用戶體驗(yàn)的其他網(wǎng)站區(qū)分開來的人。
4、集裝箱式設(shè)計
在2016年，我們可能會看到更多由Pinterest和Google+等網(wǎng)站流行的卡片UI模式。 這種基于網(wǎng)格設(shè)計的和諧功能非常適合一個支持功能極簡主義和優(yōu)雅的網(wǎng)絡(luò)世界。
在上面的例子中。 攝影雜志“Contrastly”使用這種網(wǎng)格圖案來實(shí)現(xiàn)直觀的用戶界面，用戶立即檢測到信息的視覺層次結(jié)構(gòu)（最新信息位于頂部，而每個連續(xù)的行以新穎的順序下降）。
使用這種設(shè)計的主要優(yōu)點(diǎn)之一是能夠以邏輯和易于理解的格式呈現(xiàn)自包含的信息。 在缺點(diǎn)上，如果沒有做到這一點(diǎn)，這個設(shè)計可能看起來很混亂，并且像Facebook或Pinterest那樣出現(xiàn)太多風(fēng)險。
5、具有戲劇氣質(zhì)的排版
除了可讀性之外，排版是另一種設(shè)計選擇，它自己傳達(dá)信息。
這種排版的一些特征包括：
極大或非常小的排版
- 排版疊加在圖像上
- 以非常規(guī)方式使用的排版
- 設(shè)計您自己的排版，以反映您的品牌
- 結(jié)合上述技術(shù)（例如：非常小和大的排版）
6、增加互動性
為了為用戶提供更加身臨其境的體驗(yàn)，互動將繼續(xù)表征旨在吸引和吸引訪問者的網(wǎng)站，從他們登陸頁面到他們離開或購買的那一刻。
互動和沉浸式網(wǎng)站中的一些功能包括：
卡UI模式
微觀互動（用戶和網(wǎng)站之間的小型互動，加起來創(chuàng)造整體體驗(yàn)，如填寫表單）
長滾動
視差滾動
點(diǎn)擊并滑動
動畫和視頻
平穩(wěn)過渡
7、創(chuàng)新動畫
Flash的消亡并沒有導(dǎo)致動畫的消失; 恰恰相反，CSS動畫越來越受歡迎，為網(wǎng)絡(luò)開發(fā)人員和設(shè)計師開辟了一個全新的可能性世界
2016年使用最多的動畫將繼續(xù)包括：
載入動畫
- 用于顯示隱藏菜單的動畫
- 幻燈片
- 微妙的動作
- 運(yùn)動由鼠標(biāo)移動激活
8、大膽使用顏色
使用充滿活力，大膽的色彩不僅在日益普及，而且在所謂的專業(yè)場所也變得越來越接受。 這種趨勢特別適用于平面設(shè)計原則，因?yàn)樗柚沽藰O簡網(wǎng)站的顯示過于無聊和簡單化。
繼續(xù)主導(dǎo)網(wǎng)頁設(shè)計世界的幾個趨勢包括：
單色方案
- 鼓勵使用重音色
- 顏色根據(jù)卡片布局進(jìn)行修改
- 當(dāng)光標(biāo)懸停在元素上時，顏色會改變
9、英雄標(biāo)題
在2016年的另一個趨勢是使用大型高清英雄圖像，從一開始就抓住你的注意力。 這些通常顯示為英雄頭，通過使用驚人的攝影結(jié)合文本，圖像滑塊，動畫或視頻沉浸訪客。
10、講故事和互動
將精心設(shè)計的網(wǎng)站與異常網(wǎng)站分開的其中之一是促進(jìn)與用戶交互的方式。
在上面的例子中，“奴隸制足跡”網(wǎng)站不僅僅是提供了一個平滑的用戶體驗(yàn)，使訪問者感覺像一個故事中的人物。 這不僅允許增加交互性 - 使用指導(dǎo)性問卷作為使訪問者的網(wǎng)站而不是組織的原因的手段 - 它還實(shí)現(xiàn)講故事，這是一種強(qiáng)有力的技術(shù)，多次顯示，吸引觀眾，而不是脫節(jié)的信息 缺乏敘述。
11、長滾動
雖然有些人不太喜歡長期的滾動趨勢，但似乎在未來的一年中，我們將繼續(xù)看到更多的這種趨勢。
這種策略的主要優(yōu)點(diǎn)之一是，它與較長時間的用戶相比，在同一數(shù)量的信息分散在多個頁面上的網(wǎng)站相比。
以上面的例子為例。 通過使用漫長的滾動功能，作者能夠在屏幕上以讀者自己的速度講述一個無縫自然的豐富故事。
對網(wǎng)站設(shè)計有興趣的朋友歡迎關(guān)注：力英網(wǎng)站設(shè)計公司
