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