《火星救援》的熱潮還未褪去，馬上《星球大戰(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

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

Easy Rocket Studio

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

All I Wish You

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

Diamonds in the Sky

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

Support Kyoto

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

Air Social

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

Mordillo

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

12 Wave

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

Moon Camp App

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

Vizua

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

BrightMedia

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

Alquimia

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

Alessio Santangelo

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

Clipper Data

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

DigitalWerk

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

4por4

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

Brandon Jhonson

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

First Light Fusion

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

Tomas Bata

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

【教父級色彩系列】

1.0：
《教父級色彩！一組黑白灰的低調(diào)大氣范網(wǎng)站設(shè)計》

2.0：
《教父級色彩2.0！一組黑白灰的低調(diào)大氣范網(wǎng)站設(shè)計》

3.0：
《教父級色彩3.0！一組大氣有范兒的黑白灰色調(diào)網(wǎng)站設(shè)計》

4.0：
《教父級色彩4.0！一組大氣有范兒的黑白色調(diào)網(wǎng)站設(shè)計》

5.0：
《教父級色彩5.0！一組沉穩(wěn)有范兒的黑色系優(yōu)秀網(wǎng)頁設(shè)計》

原文地址：designmodo
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量107萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com