當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

1月網(wǎng)頁設(shè)計基本趨勢觀察

2018-05-17 1614 0
以下是1月份的設(shè)計趨勢:

 

1) 使用夸張的留白

適當(dāng)?shù)牧舭卓梢詣?chuàng)造或是突破你的設(shè)計。無論是白色,背景顏色還是包圍文本或圖像,“空白”設(shè)計處理方式總能為你的設(shè)計增色不少。

夸張使用空間留白是目前其中一個設(shè)計趨勢。當(dāng)使用恰當(dāng),可以很有趣,它可以相當(dāng)有效地幫助用戶知道如何瀏覽或使用網(wǎng)站/應(yīng)用程序。開放式空間處理是一種已經(jīng)流行了一段時間了的,但是有一個重點需要注意:這些設(shè)計不是具有空間的對稱輪廓,而是以更不對稱的格式平衡圖像或文本與空間。

從用戶的角度考慮你的設(shè)計。無論是否有意識,用戶可能會立即被吸引到設(shè)計的留白部分。然后再從留白那里,眼睛將再跳到更加密集部分的設(shè)計。這兩個步驟可以把握住用戶的注意力,幾乎指引他們往哪里看。很聰明的處理方式,不是嗎?

這個簡單的平衡處理可增加視覺上的趣味性,及更能產(chǎn)生強烈的視覺沖擊力。看看下面的例子,并思考你看到的空間關(guān)系,并驗證下是否如上述那樣的視覺走向的步驟:

Vera Wang: 關(guān)注點會由左側(cè)的留白空間,轉(zhuǎn)移到美女模特的衣服上。這只是時裝設(shè)計師所希望的完美效果。

Big Youth: 文本周圍的留白空間將用戶吸引到標(biāo)題上。 標(biāo)題也正應(yīng)該是瀏覽者在頁面上看到的第一樣?xùn)|西之一。

David Robert: 空間首先把眼睛拉向人,然后到他的簡介。 元素明暗對比也有助于強調(diào)這種關(guān)注點的移動。 之所以覺得有趣,是因為你從右到左閱讀的這個過程,會感覺很有創(chuàng)意。 在設(shè)計師身上你可能能尋找到的某些你想要的東西。

2) 購物體驗

當(dāng)談到在線購物時,經(jīng)驗往往分為兩類:像亞馬遜這類主流零售商提供的是幾乎無縫的優(yōu)質(zhì)體驗,而普通小網(wǎng)店一般是點擊很多次才能成功到達結(jié)帳頁面較笨拙的體驗。

但你也許會說,介于這兩者之間,其實還有很多不同的購物網(wǎng)站,對吧?

更多零售商會選擇為他們的在線商店提升視覺化,并注重用戶體驗的設(shè)計風(fēng)格。這種趨勢似乎最適合只有為數(shù)不多商品可供選擇的商店,能給用戶干凈利落的用戶體驗。

下面的例子選擇的是相對較高端的商店,從一打開就不是見到巨大的導(dǎo)航菜單和數(shù)百個選項(的那種多品類的綜合網(wǎng)店)。其著重點是商品的美觀或獨特性,以及它背后的故事。然后在滾動或懸停,你就能發(fā)現(xiàn)可以買到那個商品。

此類設(shè)計具有更多的視覺感,使用便于Instagram收錄的照片,以及吸引用戶點擊的卡片式界面。這些網(wǎng)店設(shè)計中的商品通常不會有過多的選項;而有很的選項會是簡單地引導(dǎo)你直接下訂單。

盡管這種風(fēng)格不適用于具有大量庫存或復(fù)雜類目或定制的商店,但對于希望通過高端設(shè)計呈現(xiàn)高端感覺的商家來說,這是一個不錯的選擇。

這些示例中的每一個產(chǎn)品的展示都是使用很棒的懸停效果來顯示定價,這樣的目的是使用戶在未聯(lián)想到自己錢包前,更引起對展示的商品的興趣。其他共性?在未滾動前,通常是見不到任何價格相關(guān)的,第一屏的內(nèi)容旨在通過產(chǎn)品故事來增加購買欲 。

 

3) 柔和的配色

柔和的配色風(fēng)格正強勢回歸。明亮,強烈的配色風(fēng)格已經(jīng)持續(xù)一段時間了,但似乎正在轉(zhuǎn)變。
單純使用柔和配色?好吧,并不只的。柔和的色調(diào)組合扁平化和material design項目一起使用,為這些設(shè)計風(fēng)格帶來新的活力。

雖然你可能認為柔和的顏色最好保存為背景,這也不總是這樣。雖然柔和的背景可以很容易地配合,例如許多對文本處理的風(fēng)格的是淺色背景搭配深色字以增強可讀性,但他們也可以使用其他方式。

基于淡色的圖像用以突出標(biāo)題和主導(dǎo)圖像的方式是比較流行的處理方式。許多設(shè)計師似乎都在從這些圖像中提取調(diào)色板?;蛘呤窍喾吹姆绞??無論哪種方式,圖像和照片與柔和配色匹配可以是一個驚人的組合,設(shè)置一個更柔和的風(fēng)格,如下面的Bridal Planner網(wǎng)站。Infinity Foods使用類似的技術(shù),將柔和的中性色調(diào)與具有相似顏色主題的圖像配對。

其他一些設(shè)計師會使用飽和度較低的配色作為一種新的趨勢,但部分人可能會認為這種方式是有點使用過度。 Rentberry使用一種有趣的配色,具有明顯的質(zhì)感風(fēng)格。真正使設(shè)計流行的是,它的工作原理和外觀正如你所期望的,而通過對顏色的觀察幾乎才讓你恍然大悟。這種柔和配色的搭配方式,對于普通用戶來說可能算是是一個有意思的變化,而對于設(shè)計師來說只僅是設(shè)計美學(xué)中一個普通不過的處理方式。

結(jié)論

雖然趨勢可以在某些時間段內(nèi)流行,但它們不一定是持續(xù)得很久的。如上述你認為哪些趨勢最適合你的項目?對于他們的演變你有什么見解?歡迎在文章底下的發(fā)表留言來討論。我覺得購物相關(guān)的用戶體驗是很有趣的,并在低庫存的高端網(wǎng)店中很具潛力。


20
評論區(qū)(0)
正在加載評論...