首頁?>?知識?資訊?>?國際網(wǎng)站設(shè)計目前的3個基本設(shè)計趨勢。?>?正文

國際網(wǎng)站設(shè)計目前的3個基本設(shè)計趨勢。

2018/10/15 0:00:00 · 稿源:傳誠信

目前國際網(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ī)會

也許這是因?yàn)樘鞖廪D(zhuǎn)涼。(許多這些黑暗的背景確實(shí)有一種很酷的感覺。)或許它只是一個轉(zhuǎn)變,以嘗試不同的東西。(深色背景提供了與白色完全不同的設(shè)計機(jī)會。)

無論哪種方式,這是一個需要堅持一段時間的趨勢。

深色背景可以以多種不同的方式使用 - 每種方式都提供了以完全不同的方式創(chuàng)造事物的機(jī)會。

  • 黑色,平坦的背景:簡單的黑色背景營造出寬闊的帆布。Denys Loveiko使用黑色背景為動畫元素和干凈的白色排版設(shè)置基調(diào)。它很容易接觸。

loveiko

  • 深色背景:亞特蘭大釀酒公司采用深藍(lán)色調(diào)的背景,強(qiáng)調(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)題和文本,然后滾動。

anchour

  • Ascend使用半屏的空白區(qū)域來告訴您他們對兩個號召性用語的處理方式(根據(jù)您來自哪個部分的觀眾)。下面是一個全屏視頻,顯示了學(xué)校的實(shí)際情況。這是一種有趣的方式來講述故事,而不會讓用戶過多地使用太多信息。

登

  • 45royale采用另一種方法,帶有沉重的白色標(biāo)題,然后是白色背景上的圖像拼貼。標(biāo)題仍然包含徽標(biāo),導(dǎo)航和文本塊,突出顯示用戶訪問該網(wǎng)站的原因。頂部的文本塊超大,周圍有足夠的空間,因此很容易關(guān)注。

45R

3.卡的新申請

卡片式界面引起了很多關(guān)注,因?yàn)椴牧显O(shè)計已經(jīng)開始起飛,但有點(diǎn)像雷達(dá)一樣??ㄆ瑫俅畏祷仨椖?,但不能用于整體設(shè)計。這些卡稍微小一點(diǎn),專為特定的交互而設(shè)計。

卡片的優(yōu)點(diǎn)在于它們可以很好地指導(dǎo)用戶做某事。如果設(shè)計得很好,卡片幾乎要求用戶點(diǎn)擊或點(diǎn)擊它,使它們成為轉(zhuǎn)換CTA或輔助導(dǎo)航的絕佳工具。

  • 曼哈頓邁阿密使用卡片作為不同類型用戶的號召性用語。該主頁有三張卡片,每張卡片都有一個針對不同觀眾群體的動作。由于背景的分層效果,它們很簡單但引人注目。

曼哈頓

  • “死亡之日”在整個設(shè)計中使用迷你卡引導(dǎo)注意(請注意橙色卡上的箭頭指向其右側(cè)的鏈接)并提供其他信息。每張小卡都包含一個懸停動畫,可進(jìn)一步鼓勵點(diǎn)擊。

一天的最死

  • Malka完全以不同的方式使用卡片。屏幕底部的四張卡片實(shí)際上是導(dǎo)航元素。與實(shí)際播放的視頻卷軸相關(guān)的卡片會彈出更高的值并變?yōu)辄S色。用戶還可以通過移動到相應(yīng)的卡來更改卡(以及屏幕上的視頻)。

馬爾卡

結(jié)論

我喜歡經(jīng)典設(shè)計元素的新款。這就是本月的設(shè)計趨勢所捕獲的內(nèi)容。任何這些技術(shù)都很容易融入項目中(總是獎金)。?

本文章翻譯自網(wǎng)絡(luò),內(nèi)容有偏差請諒解!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354