目前國際網(wǎng)站設(shè)計行業(yè)精英們設(shè)計網(wǎng)站的趨勢有一些共同之處:你以前可能已經(jīng)看過所有這些想法,也許只是以略微不同的方式呈現(xiàn)。設(shè)計師回歸深色背景,大標(biāo)題和卡片以鼓勵參與,并讓用戶對屏幕上的內(nèi)容感興趣。
以下是趨勢展示:
1.黑暗的背景
網(wǎng)站設(shè)計師似乎長期專注于淺色,白色的簡約風(fēng)格,但那個時代已經(jīng)開始結(jié)束。黑暗的背景正在以一種巨大的方式卷土重來。
深色背景提供了與白色完全不同的設(shè)計機(jī)會
也許這是因為天氣轉(zhuǎn)涼。(許多這些黑暗的背景確實有一種很酷的感覺。)或許它只是一個轉(zhuǎn)變,以嘗試不同的東西。(深色背景提供了與白色完全不同的設(shè)計機(jī)會。)
無論哪種方式,這是一個需要堅持一段時間的趨勢。
深色背景可以以多種不同的方式使用 - 每種方式都提供了以完全不同的方式創(chuàng)造事物的機(jī)會。
黑色,平坦的背景:簡單的黑色背景營造出寬闊的帆布。Denys Loveiko使用黑色背景為動畫元素和干凈的白色排版設(shè)置基調(diào)。它很容易接觸。
深色背景:亞特蘭大釀酒公司采用深藍(lán)色調(diào)的背景,強調(diào)其品牌色彩,突出明亮的產(chǎn)品設(shè)計。暗色的好處在于它比平坦的黑色背景稍微柔和一些。
深色疊加背景:雖然這種趨勢的大部分都集中在單色背景上,但圖像疊加同樣有效。在這里,黑暗的背景提供了一個機(jī)會,可以滿足作為網(wǎng)站主題的人,但有空間來展示文字,標(biāo)識和號召性用語等元素。
2.重型白色標(biāo)題
雖然一些設(shè)計師全身心投入深色背景,但仍有很多白色空間趨勢。重型白色標(biāo)題正在取代所有白色設(shè)計。
這種趨勢的例子是幾乎超大的標(biāo)題占據(jù)了第一個屏幕的近一半,其次是具有更多顏色,圖像或視頻的其他元素。
一種創(chuàng)造最小風(fēng)格并同時使用高價值圖像的好方法
這是創(chuàng)建最小風(fēng)格并同時使用高價值圖像的好方法。白色空間可以很好地創(chuàng)造一個簡單的第一印象,為品牌和關(guān)鍵信息提供空間,同時在最初的一瞥之外還有一些更具吸引力的東西。
這種設(shè)計風(fēng)格鼓勵滾動。大多數(shù)這些設(shè)計以這樣的方式分割屏幕,即用戶同時看到重的白色標(biāo)題和下一級內(nèi)容的一部分。
以下每個示例都以稍微不同的方式使用此技術(shù):
Anchour使用一個沉重的白色標(biāo)題,其中包含大約三分之二的屏幕,并帶有重要的文本塊。重要的是要注意使用圖形將用戶指向上述信息。這個關(guān)鍵方向有助于確保網(wǎng)站訪問者首先查看標(biāo)題和文本,然后滾動。
Ascend使用半屏的空白區(qū)域來告訴您他們對兩個號召性用語的處理方式(根據(jù)您來自哪個部分的觀眾)。下面是一個全屏視頻,顯示了學(xué)校的實際情況。這是一種有趣的方式來講述故事,而不會讓用戶過多地使用太多信息。
45royale采用另一種方法,帶有沉重的白色標(biāo)題,然后是白色背景上的圖像拼貼。標(biāo)題仍然包含徽標(biāo),導(dǎo)航和文本塊,突出顯示用戶訪問該網(wǎng)站的原因。頂部的文本塊超大,周圍有足夠的空間,因此很容易關(guān)注。
3.卡的新申請
卡片式界面引起了很多關(guān)注,因為材料設(shè)計已經(jīng)開始起飛,但有點像雷達(dá)一樣??ㄆ瑫俅畏祷仨椖?,但不能用于整體設(shè)計。這些卡稍微小一點,專為特定的交互而設(shè)計。
卡片的優(yōu)點在于它們可以很好地指導(dǎo)用戶做某事。如果設(shè)計得很好,卡片幾乎要求用戶點擊或點擊它,使它們成為轉(zhuǎn)換CTA或輔助導(dǎo)航的絕佳工具。
曼哈頓邁阿密使用卡片作為不同類型用戶的號召性用語。該主頁有三張卡片,每張卡片都有一個針對不同觀眾群體的動作。由于背景的分層效果,它們很簡單但引人注目。
“死亡之日”在整個設(shè)計中使用迷你卡引導(dǎo)注意(請注意橙色卡上的箭頭指向其右側(cè)的鏈接)并提供其他信息。每張小卡都包含一個懸停動畫,可進(jìn)一步鼓勵點擊。
Malka完全以不同的方式使用卡片。屏幕底部的四張卡片實際上是導(dǎo)航元素。與實際播放的視頻卷軸相關(guān)的卡片會彈出更高的值并變?yōu)辄S色。用戶還可以通過移動到相應(yīng)的卡來更改卡(以及屏幕上的視頻)。
結(jié)論
我喜歡經(jīng)典設(shè)計元素的新款。這就是本月的設(shè)計趨勢所捕獲的內(nèi)容。任何這些技術(shù)都很容易融入項目中(總是獎金)。?
本文章翻譯自網(wǎng)絡(luò),內(nèi)容有偏差請諒解!