人妻少妇精品无码专区漫画_亚洲国产精品一区二区sm_内地无码毛片手机在线_亚洲av大精永久无码精品

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

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

 

1) 使用夸張的留白

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

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

從用戶的角度考慮你的設(shè)計(jì)。無(wú)論是否有意識(shí),用戶可能會(huì)立即被吸引到設(shè)計(jì)的留白部分。然后再?gòu)牧舭啄抢铮劬⒃偬礁用芗糠值脑O(shè)計(jì)。這兩個(gè)步驟可以把握住用戶的注意力,幾乎指引他們往哪里看。很聰明的處理方式,不是嗎?

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

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

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

David Robert: 空間首先把眼睛拉向人,然后到他的簡(jiǎn)介。 元素明暗對(duì)比也有助于強(qiáng)調(diào)這種關(guān)注點(diǎn)的移動(dòng)。 之所以覺得有趣,是因?yàn)槟銖挠业阶箝喿x的這個(gè)過(guò)程,會(huì)感覺很有創(chuàng)意。 在設(shè)計(jì)師身上你可能能尋找到的某些你想要的東西。

2) 購(gòu)物體驗(yàn)

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

但你也許會(huì)說(shuō),介于這兩者之間,其實(shí)還有很多不同的購(gòu)物網(wǎng)站,對(duì)吧?

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

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

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

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

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

 

3) 柔和的配色

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

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

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

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

結(jié)論

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


20
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦