您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)欣賞 >> 瀏覽設(shè)計(jì)教程

20個(gè)來自澳大利亞的優(yōu)秀網(wǎng)頁設(shè)計(jì)欣賞

不同的國情和歷史軌跡造就了不同國家的網(wǎng)頁設(shè)計(jì) 風(fēng)格,這也是為什么我們可以在紛繁的網(wǎng)絡(luò)世界當(dāng)中,清楚地分辨出不同國家設(shè)計(jì)師所設(shè)計(jì)的網(wǎng)頁作品。

  澳大利亞的網(wǎng)頁設(shè)計(jì) 風(fēng)格其實(shí)也很明顯,這塊大陸的設(shè)計(jì)師受到過當(dāng)?shù)赝林∶袼囆g(shù)的影響,同時(shí)也因?yàn)檫@個(gè)移民國家的獨(dú)特歷史,當(dāng)?shù)卦O(shè)計(jì)師受西歐藝術(shù)的影響也極大。結(jié)合澳大利亞堅(jiān)實(shí)的技術(shù)積累,這里的網(wǎng)頁設(shè)計(jì) 作品不僅擁有華麗的視覺,而且有堅(jiān)實(shí)的技術(shù)支持。雖然以現(xiàn)代主義運(yùn)動(dòng)為代表的藝術(shù)運(yùn)動(dòng)已經(jīng)過去多年,但是現(xiàn)代主義和殖民藝術(shù)(維多利亞時(shí)期)在澳大利亞設(shè)計(jì)領(lǐng)域留下了不可磨滅的印記。

  雖然從整體上來來,澳大利亞和主流的藝術(shù)和設(shè)計(jì)事件距離很遠(yuǎn),但是豐厚的文化遺產(chǎn)作為靈感來源依然支撐著當(dāng)?shù)卦O(shè)計(jì)項(xiàng)目穩(wěn)定向前發(fā)展。澳大利亞的設(shè)計(jì)師也一直努力地融入主流設(shè)計(jì),追隨目前頂尖的互聯(lián)網(wǎng)設(shè)計(jì)團(tuán)隊(duì)的作品,緊跟潮流,并作出貢獻(xiàn)。

  Haigh and Hastings

20個(gè)來自澳大利亞最優(yōu)秀的網(wǎng)頁設(shè)計(jì) 三聯(lián)

  設(shè)計(jì)師在進(jìn)行視覺設(shè)計(jì)的時(shí)候頗為巧妙,典雅的版面和多媒體內(nèi)容進(jìn)行了完美的融合,為了保持愉悅而舒適的用戶體驗(yàn),每個(gè)圖片和視頻所搭配的文字內(nèi)容之間的對(duì)比度都控制的非常適中。

  Twofold

  網(wǎng)站的整體外觀精巧美觀,設(shè)計(jì)師在細(xì)節(jié)把控上頗為自如。精致的排版和微妙的光線控制讓汽車看起來非常豪華高端。

  Smokehaus

  Smokkelaars 是一個(gè)美食相關(guān)的網(wǎng)頁,整體的設(shè)計(jì)風(fēng)格復(fù)古、繁復(fù)而精致。雖然主要的物品都集中在頁面中段,但是網(wǎng)站的所有的細(xì)節(jié)處理得非常到位。

  View 9

  和許多同類網(wǎng)站一樣,View9在背景圖的挑選上非常用心,充滿澳洲風(fēng)情的背景細(xì)節(jié)豐富而均衡,和整體排版相得益彰。網(wǎng)站的整體布局沉穩(wěn)協(xié)調(diào),不算突出但是非常到位。

  Bellroy

  Bellroy 這個(gè)網(wǎng)站設(shè)計(jì)獨(dú)特,格調(diào)高雅。這個(gè)令人難忘的網(wǎng)頁不僅是靜態(tài)的圖片制作得細(xì)致到位,搭配著動(dòng)態(tài)的雪花,讓整體的逼格拉到了六層樓那么高。這些強(qiáng)大的設(shè)計(jì)技巧對(duì)網(wǎng)站的產(chǎn)品銷售起到了明顯的提升效果。

  ACU

  ACU整個(gè)網(wǎng)頁的設(shè)計(jì)比較均衡,Banner圖橫向滾動(dòng),交互設(shè)計(jì)非常符合用戶的習(xí)慣和直覺。網(wǎng)頁的對(duì)比度控制控制得非常到位,簡單但是不失細(xì)膩。

  The Fainga’a Twins

  網(wǎng)站的設(shè)計(jì)給人的第一印象非常好,非??雌饋矸睆?fù)但是視覺上會(huì)給人愉悅感。設(shè)計(jì)師對(duì)于這種網(wǎng)格式布局控制得不錯(cuò),讓圖片增加了網(wǎng)頁的信息量,但是并未讓圖片過于喧賓奪主。

  Sleeping Duck

  網(wǎng)站設(shè)計(jì)華麗而流暢,柔和的配色方案讓網(wǎng)站的產(chǎn)品在整個(gè)頁面中脫穎而出。色彩的使用使得整個(gè)網(wǎng)頁主題充滿了個(gè)性。

  ANZAC Appeal – The Minute of Silence

  網(wǎng)站沉穩(wěn)的色調(diào)和穩(wěn)定的結(jié)構(gòu),充滿了設(shè)計(jì)師對(duì)老兵的敬意。網(wǎng)站的設(shè)計(jì)和主題的高度匹配體現(xiàn)出設(shè)計(jì)團(tuán)隊(duì)的深厚根底。

  Food and Wine Co

  設(shè)計(jì)師對(duì)于色彩的掌控很有一手,粉筆涂過的黑板充滿了質(zhì)感,也給網(wǎng)站定下沉穩(wěn)而雅致的基調(diào),背景之上的食物色彩鮮艷與黑板形成鮮明對(duì)比,細(xì)節(jié)精細(xì)和實(shí)物和略顯粗糙的文字導(dǎo)航相得益彰,視覺設(shè)計(jì)突出。

  Creative Spaces

  設(shè)計(jì)師所選取的背景中幾乎所有元素都顯得方正而有棱角,網(wǎng)站中的文字LOGO等裝飾元素也采用了相近的風(fēng)格,深淺色對(duì)比確保了網(wǎng)站的文字可讀性,紅色按鈕提亮效果顯著,有明顯的引導(dǎo)作用。

  Victoria University

  一個(gè)現(xiàn)代、正規(guī)又時(shí)代潮流的大學(xué)的首頁應(yīng)該是什么樣子?看看維多利亞大學(xué)的首頁你就能感受到,它并沒有其他許多大學(xué)古板而陳舊的風(fēng)格和氣息,從圖片、排版、色彩到字體的運(yùn)用無處不體現(xiàn)出一個(gè)現(xiàn)代大學(xué)的高端和技術(shù)感。

  Sydney – Stockholm

  現(xiàn)在最不缺的就是扁平風(fēng)的網(wǎng)站,但是扁平化網(wǎng)站要做好并不容易,配色要亮眼,結(jié)構(gòu)要簡約,排版要分明,不同內(nèi)容搭配要合理,留白也要合理。而這些,我們?cè)谶@個(gè)網(wǎng)頁上都能找到。

  Rod McLean

  在這個(gè)網(wǎng)頁中,設(shè)計(jì)師傾向于借助圖像來作為導(dǎo)航,這種設(shè)計(jì)方式的優(yōu)秀之處在于兼顧了視覺上的排版,也同時(shí)考慮到了導(dǎo)航功能的需求,內(nèi)容也得到了呈現(xiàn),一舉多得。

  Filter

  Filter 這個(gè)網(wǎng)頁中柔和而順滑的配色和清晰自然的圖形巧妙地搭配在一起,賦予網(wǎng)站平和愉悅的氛圍,多媒體的運(yùn)用使得整個(gè)網(wǎng)站的信息量非常足。

  Give 0.7

  設(shè)計(jì)團(tuán)隊(duì)借助網(wǎng)頁中央的圓形區(qū)塊來展示一系列短視頻,從而讓訪客將全部的注意力集中在了正中央。扁平化的風(fēng)格和柔和的配色都符合目前的設(shè)計(jì)趨勢(shì)。

  Humaan

  Humaan 的網(wǎng)站給人一種簡約干練的感覺,細(xì)節(jié)的處理精心而到位,令人印象深刻。網(wǎng)頁中的大標(biāo)題醒目清晰,朗朗上口的文案會(huì)吸引住剛剛打開頁面的訪客。

  Pablo the Flamingo

  設(shè)計(jì)師不僅讓這個(gè)網(wǎng)頁擁有良好的視覺效果,而且通過合理的設(shè)計(jì)讓網(wǎng)站在聽覺上也給人以享受。這是一個(gè)非常巧妙的解決方案,秩序井然的設(shè)計(jì)和充滿活力的配色讓整個(gè)網(wǎng)站的體驗(yàn)不同一般。

  OhDeer Games

  OhDeer Games 網(wǎng)頁的設(shè)計(jì)的并不復(fù)雜,設(shè)計(jì)師通過設(shè)計(jì)成果地規(guī)避了同類網(wǎng)站中場景的視覺設(shè)計(jì)混亂的情況,并且通過引導(dǎo),讓優(yōu)雅而微妙的排版給人良好的體驗(yàn)。

  結(jié)語

  澳大利亞的網(wǎng)頁設(shè)計(jì)作品對(duì)高端技術(shù)的依賴并不嚴(yán)重,豐富的內(nèi)容和有趣的交互是它們的優(yōu)秀之處。在設(shè)計(jì)美學(xué),這里的設(shè)計(jì)師多少還是有一些傳統(tǒng)的元素掌握在手上,呈現(xiàn)在頁面里,但是他們同樣愿意追隨潮流,走向極致。


[教程作者:@陳子木]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/de2926.html
工業(yè)設(shè)計(jì)靈感哪里找?21個(gè)國外網(wǎng)站來幫你
20個(gè)九月最新的HTML5/CSS3優(yōu)秀網(wǎng)站設(shè)計(jì)
圖趣網(wǎng)微信
建議反饋
×