2022卡塔爾世界杯官網(wǎng)設(shè)計(jì)的如何?一起來賞析!

靜電說:本期設(shè)計(jì)開眼欄目來啦,恰逢卡塔爾世界杯,本期我們賞析本屆世界杯的相關(guān)設(shè)計(jì),要了解一項(xiàng)賽事,先看官網(wǎng)是最直觀方便的。所以,今天我們就來看看世界杯的官網(wǎng)設(shè)計(jì)的如何吧!
官網(wǎng)地址很容易搜到,打開google,搜索Qatar 2022,就可以很方便的打開了。

卡塔爾世界杯官網(wǎng)打開后,映入眼簾的就是首頁的極具沖擊力的高質(zhì)量的視頻,大概講的是一個(gè)老爺爺93歲的生日禮物是去看球,然后在球場(chǎng)上發(fā)生的事情。




首頁視頻下方是Now is All 這樣的宣傳語,大意就是,現(xiàn)在就是一切。下方是一個(gè)天數(shù)的倒計(jì)時(shí)。

上方的菜單欄采用了兩條細(xì)線分隔,優(yōu)雅不違和。

接下來看看第二屏,同樣使用線條化的設(shè)計(jì),三個(gè)模塊分別是票務(wù),住宿,還有一個(gè)“”Hayya Card“,相當(dāng)于一個(gè)可以享受卡塔爾便利服務(wù)的卡片。

值得注意的是,網(wǎng)站中的按鈕都采用了一個(gè)六邊的形狀,全站皆是如此

下方開始介紹世界杯期間卡塔爾有啥好玩的。這個(gè)板塊采用了靜電的深色枚紅色呈現(xiàn)。

接下來的模塊是世界杯相關(guān)的一些資料,吉祥物,音樂等等

下方是交通相關(guān)的介紹。

然后我們分欄目來看看吧!下面是比賽日程表界面,這次設(shè)計(jì)師使用了比較多的線框設(shè)計(jì)元素,就是我們之前說的“草圖風(fēng)”,但是估計(jì)是考慮到是官網(wǎng),所以更加規(guī)整了一些。

比賽場(chǎng)館頁面

探索卡塔爾頻道,采用了全屏紫色的設(shè)計(jì)

交通引導(dǎo)頁面

你可能會(huì)發(fā)現(xiàn)不同的頁面的右上角使用的抽象圖形元素。

典型的列表欄目,上方的篩選框有一點(diǎn)點(diǎn)獨(dú)特。

總結(jié)一下,卡塔爾世界杯的官網(wǎng)使用了鮮艷且不失莊重的顏色,呈現(xiàn)出充滿運(yùn)動(dòng)氣息的氛圍,同時(shí)又不失莊重的氣氛,大面積視頻的使用讓畫面充滿沖擊力,且傳遞了友好的人文氣息。
草圖風(fēng)線框的加入讓畫面更加通透靈動(dòng),具有呼吸感。
一些獨(dú)特的圖形是讓用戶記住網(wǎng)站的要點(diǎn),獨(dú)特的六邊形按鈕遍布各處,非常具有特點(diǎn)。
各位小伙伴不妨親自來看看這些大手筆的官網(wǎng)設(shè)計(jì),在看球之余別忘了提升一下自己的設(shè)計(jì)能力哦~

↓↓長按二維碼加靜電老師咨詢↓↓
純小班教學(xué) 新一期開始報(bào)名啦
??報(bào)名送價(jià)值199元正版Eagle軟件??
11月下旬即將火爆開課
