欧美成人粉红派对在线不卡_亚洲精品口爆av美女_国产成人乱码一二三区性色qery_日韩加勒比无码成人精品_国产口爆骚妇一区色色

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

1月網頁設計基本趨勢觀察

2018-05-17 1703 0
以下是1月份的設計趨勢:

 

1) 使用夸張的留白

適當的留白可以創(chuàng)造或是突破你的設計。無論是白色,背景顏色還是包圍文本或圖像,“空白”設計處理方式總能為你的設計增色不少。

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

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

這個簡單的平衡處理可增加視覺上的趣味性,及更能產生強烈的視覺沖擊力??纯聪旅娴睦?,并思考你看到的空間關系,并驗證下是否如上述那樣的視覺走向的步驟:

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

Big Youth: 文本周圍的留白空間將用戶吸引到標題上。 標題也正應該是瀏覽者在頁面上看到的第一樣東西之一。

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

2) 購物體驗

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

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

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

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

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

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

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

 

3) 柔和的配色

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

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

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

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

結論

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


20
評論區(qū)(0)
正在加載評論...
相關推薦