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

一組大氣磅礴的太空主題優(yōu)秀網(wǎng)頁設(shè)計

《火星救援》的熱潮還未褪去,馬上《星球大戰(zhàn)7》又要上映了。其實即使沒有這些電影,大家對于宇宙的熱忱也從來沒有降低過。人類自古就喜歡仰望頭頂?shù)奶炜?,這樣也解釋了我們?yōu)楹稳绱酥杂谟钪?,行星、恒星、黑洞、星系、外星人、宇航員、衛(wèi)星等等等等,它們總能吸引我們的目光。宇宙給人探索的欲望,當(dāng)這些元素被加入到網(wǎng)頁中之后,會增添更多的神秘感和不一樣的生機(jī)。

  宇宙主題的網(wǎng)站則總能喚醒我們的好奇心。這類主題看似是一種限制,但是使用之類元素的網(wǎng)站并非都要與之直接相關(guān),借助這類元素,網(wǎng)頁在視覺和內(nèi)容上確確實實得到了改善,用戶也被它們所激勵。那么我們來看看,這些元素和主題是如何被運用到網(wǎng)頁設(shè)計 中去的。

  Minicool

一組大氣磅礴的太空主題優(yōu)秀網(wǎng)頁設(shè)計 三聯(lián)

  Minicool 是一個用漂亮插畫填滿的網(wǎng)站,作為一個兒童圖書預(yù)售類的網(wǎng)站,這些想象力十足的可愛插畫充滿蠟筆質(zhì)感,而行星、外星人的可愛形象為整體風(fēng)格增色不少。

  Easy Rocket Studio

2-Easy-Rocket-Studio

  Easy Rocket Studio 是一個全新的在線平臺,它可以幫助各種體育項目贏得更多的收入。太空主題的頁面設(shè)計非常符合這類項目所給人傳遞的情緒,科技感十足的設(shè)計也確實令人難忘。值得一體的是,首頁使用了大量的矢量插圖,使得在不同平臺上看起來都很棒。

  All I Wish You

3-All-I-Wish-You

  All I Wish You 的頁面是一個典型的強交互型的頁面設(shè)計,不弱于任何一個基于Chrome 實驗性功能的設(shè)計項目,無論是獨創(chuàng)性還是性能控制。這些隱藏在行星間的“愿望”借助設(shè)計被完美地呈現(xiàn)出來,融入到宏大的宇宙場景之中。

  Diamonds in the Sky

4-Diamonds-in-the-sky

  和前面的案例類似,這個復(fù)雜而精致的頁面靈感同樣來自宇宙。網(wǎng)站允許你創(chuàng)建恒星、星座,并同其他的用戶進(jìn)行分享。雖然目前并不支持手機(jī)和平板的操作,但是僅桌面端的功能就已經(jīng)很強大了。

  Support Kyoto

5-Support-Kyoto

  這個網(wǎng)站采用了視差設(shè)計來構(gòu)建令人難忘的瀏覽體驗。在頁面中,你可以站在地球的視角上查看不同位置的星空。和許多類似的項目一樣,這個項目的實現(xiàn)也需要一大堆枯燥的數(shù)據(jù),不過這些數(shù)據(jù)很好地服務(wù)于頁面中的各個元素。

  Air Social

6-Air-Social

  Air Social 是一個華麗而細(xì)致的網(wǎng)站,漂亮的動效無處不在,也充分展現(xiàn)了光在這個頁面中無與倫比的作用。網(wǎng)站從頭到尾都緊緊的抓住了用戶的注意力。

  Mordillo

7-Mordillo

  Mordillo 的頁面配色和風(fēng)格充滿了上個世紀(jì)80年代的氣息,作為一個個人作品展示頁,設(shè)計師的個性可以通過各個細(xì)節(jié)讓你一覽無遺。頁面中隱藏著許多有趣的東西,你會在探索過程中逐步了解這名設(shè)計師。

  12 Wave

8-12-wave

  12 Wave 是一個高端的數(shù)字工作室,他們專精于為網(wǎng)頁設(shè)計 驚艷前衛(wèi)的特效,配合細(xì)致的微互動。這個網(wǎng)頁設(shè)計 就是如此,令人充滿驚喜的宇宙和星云,意想不到的細(xì)節(jié),有趣的插畫都融入其中。

  Moon Camp App

9-Moon-Camp-App

  整個網(wǎng)站的設(shè)計作風(fēng)非常扎實,效果的搭配給人印象也非常深刻。宇宙的主題和文字內(nèi)容、細(xì)節(jié)元素都很好地融合到了一起。漂亮的圖片、華麗的排版和精湛特效的緊密結(jié)合,讓網(wǎng)站整體效果加分不少。

  Vizua

10-Vizua

  Vizua 網(wǎng)站的吉祥物就是一個可愛的外星人,Lowpoly 風(fēng)的場景和吉祥物風(fēng)格高度一致,這風(fēng)格化的設(shè)計讓荒蕪單調(diào)的星球表面變得可愛了起來。

  BrightMedia

11-BrightMedia

  宇宙主題在這個網(wǎng)站中被用作營造科技范兒氛圍,華麗的線條和漸變的光暈配合精致的排版,點綴著點點星光,整個頁面顯得銳利而不單調(diào)。

  Alquimia

12-Alquimia

  Alquimia 倒不是大型的網(wǎng)站,但是網(wǎng)站的特效設(shè)計可以稱得上無與倫比,重新設(shè)計的排版優(yōu)雅地闡釋了太空的主題。在相對干凈清爽的黑色背景上,白色的星光顯得非常耀眼。

  Alessio Santangelo

13-Alessio-Santangelo

  可以說設(shè)計師Alessio Santangelo 將他的靈魂整個都投放到自己的作品展示網(wǎng)站中去了,網(wǎng)頁中腦洞大開的場景和美的令人窒息的質(zhì)感都讓人流連忘返。

  Clipper Data

14-Clipper-Data

  地球的剪影在太空看的時候是如此的瑰麗雄奇,作為網(wǎng)站的著陸頁的時候,可以幫整個頁面奠定基調(diào)。

  DigitalWerk

15-DigitalWerk

  近乎黑白色調(diào)的地球被用作背景呈現(xiàn)在網(wǎng)站上,和前景的黃色圖形構(gòu)成了鮮明的對比,同時也營造出大氣磅礴的氛圍。設(shè)計師不僅善用這種明暗對比,而且在字體尺寸上的選取也體現(xiàn)出他對于大小對比的熟稔掌控。

  4por4

16-4por4

  醒目的多邊形元素插畫構(gòu)建起了令人驚艷的宇宙場景,為了配合這種獨特的風(fēng)格,設(shè)計師在選取字體和配色上也非常用心。

  Brandon Jhonson

17-Brandon-Jhonson

  Brandon Jhonson 是一位行星科學(xué)家,而這些漂亮的星球細(xì)節(jié)特寫和這個驚艷的網(wǎng)站相得益彰。

  First Light Fusion

18-First-Light-Fusion

  藍(lán)色的地球為整個網(wǎng)站設(shè)定了基調(diào),露出的一角的排版讓整個首頁充滿了安靜寧和的氣息。配合著地球的插畫,設(shè)計師加入了留白和銳利的文字來與之配合。

  Tomas Bata

19-Tomas-Bata

  這個網(wǎng)站擁有一個充滿神秘感的整體效果,炫酷的幾何式排版讓網(wǎng)站看起來非常有愛,也體現(xiàn)了網(wǎng)站宇宙的主題。

[教程作者:@陳子木]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/de3117.html
2015年度新字盤點 | 傳情達(dá)意手寫體
50個讓用戶流連忘返的網(wǎng)站頁頭設(shè)計(上)
圖趣網(wǎng)微信
建議反饋
×