當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)資訊 > 理論文摘 > 正文

10個(gè)創(chuàng)意爆棚的會(huì)議和活動(dòng)類網(wǎng)頁(yè)設(shè)計(jì)

2017-12-04 4154 0

我特別喜歡設(shè)計(jì)活動(dòng)類網(wǎng)站。這類網(wǎng)站通常有著明顯的時(shí)效性,存在的時(shí)間一般不會(huì)太長(zhǎng),而網(wǎng)站在界面上不會(huì)使用復(fù)雜的UI設(shè)計(jì)。但是與此同時(shí),這類網(wǎng)站非常適合探索新的導(dǎo)航模式、不一樣的布局以及有趣的動(dòng)效和全新的技術(shù)。它們并不復(fù)雜,但是有著全然不同的可能性;看起來簡(jiǎn)單,然而常常拿來做新技術(shù)和新思路的載體。

我特別喜歡設(shè)計(jì)活動(dòng)類網(wǎng)站。這類網(wǎng)站通常有著明顯的時(shí)效性,存在的時(shí)間一般不會(huì)太長(zhǎng),而網(wǎng)站在界面上不會(huì)使用復(fù)雜的UI設(shè)計(jì)。但是與此同時(shí),這類網(wǎng)站非常適合探索新的導(dǎo)航模式、不一樣的布局以及有趣的動(dòng)效和全新的技術(shù)。它們并不復(fù)雜,但是有著全然不同的可能性;看起來簡(jiǎn)單,然而常常拿來做新技術(shù)和新思路的載體。

接下來所推薦的10個(gè)活動(dòng)網(wǎng)站都是此中翹楚,它們創(chuàng)意爆棚,設(shè)計(jì)精美,還適時(shí)的將新的技術(shù)同設(shè)計(jì)融為一體~

EPICURRENCE

1.png

這是一個(gè)長(zhǎng)達(dá)四天的設(shè)計(jì)師和開發(fā)者聚會(huì),地點(diǎn)在美國(guó)猶他州摩押地,這個(gè)活動(dòng)是邀請(qǐng)制的,整個(gè)頁(yè)面的設(shè)計(jì)相當(dāng)?shù)膸洑?,布局也相?dāng)富有創(chuàng)意。為了整體的體驗(yàn),設(shè)計(jì)師針對(duì)注冊(cè)頁(yè)面進(jìn)行了專門的優(yōu)化,讓人不會(huì)覺得突兀和單調(diào)。

SONNY’S SMOKIN’ SHOWDOWN

2.jpg

雖然這個(gè)燒烤錦標(biāo)賽看起來并不是什么“高科技”的賽事,但是它們的網(wǎng)站出乎意料地設(shè)計(jì)得相當(dāng)高科技。你可以借助網(wǎng)站立體化地探索整個(gè)比賽的現(xiàn)場(chǎng),雖然每個(gè)不同的部分都有相應(yīng)的文字說明,但是你幾乎不需要看這些說明就能看明白。
 

GLOBAL WAVE CONFERENCE

3.jpg

全球沖浪峰會(huì)的網(wǎng)站的頁(yè)面設(shè)計(jì)充滿了簡(jiǎn)約的設(shè)計(jì)美學(xué),其中的細(xì)節(jié)設(shè)計(jì)充滿了創(chuàng)意。動(dòng)態(tài)的LOGO設(shè)計(jì)質(zhì)樸而養(yǎng)眼,看起來拙稚有趣,但是并不會(huì)給人以粗糙的感覺。頁(yè)面內(nèi)的圖標(biāo)使用的都是SVG素材,在排版布局和設(shè)計(jì)上非常的考究。

整個(gè)網(wǎng)贊的文案設(shè)計(jì)令人印象深刻,遣詞造句明顯是精心設(shè)計(jì)過的。
 

FESTIBIERE

4.jpg

雖然Festibiere 的網(wǎng)站并不是列表中最突出的一個(gè),但是它的導(dǎo)航設(shè)計(jì)著實(shí)是太了不起了。作為一個(gè)典型的活動(dòng)網(wǎng)站,始終浮動(dòng)于頁(yè)面頂端的導(dǎo)航中的“注冊(cè)”按鈕,對(duì)于網(wǎng)站的用戶轉(zhuǎn)化率和門票的銷售是有著明顯提升的。不論用戶在網(wǎng)站中瀏覽什么內(nèi)容,這個(gè)按鈕都可以很輕松地找到。

這個(gè)網(wǎng)站所宣傳的活動(dòng)其實(shí)每年有2次,冬夏各有一次。你可以在頁(yè)面的頂端左側(cè)看到歷次活動(dòng)的頁(yè)面,每個(gè)頁(yè)面都是設(shè)計(jì)師精心設(shè)計(jì)過的。不同的頁(yè)面雖有差異,但是延續(xù)性很強(qiáng),統(tǒng)一而易于區(qū)分。

LOOP

5.jpg

設(shè)計(jì)師在首頁(yè)上擺上了一個(gè)巨大的Futura 字體的“Loop”字樣,雖然字體會(huì)讓人想起大眾的廣告,但是實(shí)際上這是一個(gè)長(zhǎng)達(dá)3天的音樂技術(shù)類的峰會(huì)。網(wǎng)站簡(jiǎn)約的字體和漸變的背景搭配在一起并不顯得單調(diào),反而看起來相當(dāng)漂亮。

STRUCTURE

6.jpg

這個(gè)挪威的活動(dòng)網(wǎng)站不僅展現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)師的創(chuàng)意,而且其中所使用的jQuery UI托拽庫(kù)讓頁(yè)面的交互性得到了強(qiáng)化,你可以將頁(yè)面中的元素托拽到不同的位置,仔細(xì)查看。它讓用戶在瀏覽網(wǎng)站本身之余,還能做更多的事情。

VALIO CON 2016

7.jpg

許多大型活動(dòng)現(xiàn)場(chǎng)拍攝的照片,即使是在同一背景下的特寫也很少能夠保持高度的一致,這種問題對(duì)于設(shè)計(jì)而言可以說是極大的困擾。而ValioCan——圣地亞哥設(shè)計(jì)師年度會(huì)議網(wǎng)站則很好的解決了這一問題,確保了所有的與會(huì)人員特寫都足夠的統(tǒng)一和一致,整體感極強(qiáng)。
 

BLOOMBERG BUSINESSWEEK DESIGN 2016

8.jpg

看到彭博商業(yè)周刊的年度會(huì)議的頁(yè)面,不得不承認(rèn)它成功地忽略了幾乎所有的排版設(shè)計(jì)的準(zhǔn)則,雖然從文本到鏈接全部都是無差別的黑色,但是大膽的版式設(shè)計(jì)和簡(jiǎn)約的配色使得整個(gè)頁(yè)面出奇的好用。創(chuàng)意,打破習(xí)慣與常規(guī),也許是一個(gè)不錯(cuò)的嘗試。

ELEVATE SUMMIT

9.jpg

Elevate 峰會(huì)是一個(gè)客服和社區(qū)管理人員的大型峰會(huì),網(wǎng)站本身的設(shè)計(jì)稱得上是簡(jiǎn)約到位,而注冊(cè)表單和“值得你參加的5個(gè)理由”的列表設(shè)計(jì)非常的走心。網(wǎng)站上甚至還有個(gè)聊天對(duì)話的按鈕,這種設(shè)計(jì)在這類網(wǎng)站上很少見,通常只見于電商網(wǎng)站。

HASHTAGS UNPLUGGED

10.jpg

這個(gè)網(wǎng)站是紐約的一個(gè)畫廊所舉辦的活動(dòng)網(wǎng)站,設(shè)計(jì)現(xiàn)代而簡(jiǎn)約,版式也足夠簡(jiǎn)潔。網(wǎng)站的導(dǎo)航設(shè)計(jì)非常令人討喜,每個(gè)藝術(shù)家在頁(yè)面中都會(huì)被加上一個(gè)#,當(dāng)你點(diǎn)擊的時(shí)候能夠看到相應(yīng)的藝術(shù)家的簡(jiǎn)介。頁(yè)面的每一個(gè)過渡動(dòng)效都相當(dāng)?shù)暮疃F(xiàn)代,不會(huì)讓你覺得突兀。



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