一組大氣磅礴的太空主題優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)
《火星救援》的熱潮還未褪去,馬上《星球大戰(zhàn)7》又要上映了。其實(shí)即使沒(méi)有這些電影,大家對(duì)于宇宙的熱忱也從來(lái)沒(méi)有降低過(guò)。人類自古就喜歡仰望頭頂?shù)奶炜?,這樣也解釋了我們?yōu)楹稳绱酥杂谟钪?,行星、恒星、黑洞、星系、外星人、宇航員、衛(wèi)星等等等等,它們總能吸引我們的目光。宇宙給人探索的欲望,當(dāng)這些元素被加入到網(wǎng)頁(yè)中之后,會(huì)增添更多的神秘感和不一樣的生機(jī)。
宇宙主題的網(wǎng)站則總能喚醒我們的好奇心。這類主題看似是一種限制,但是使用之類元素的網(wǎng)站并非都要與之直接相關(guān),借助這類元素,網(wǎng)頁(yè)在視覺(jué)和內(nèi)容上確確實(shí)實(shí)得到了改善,用戶也被它們所激勵(lì)。那么我們來(lái)看看,這些元素和主題是如何被運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì) 中去的。
Minicool 是一個(gè)用漂亮插畫(huà)填滿的網(wǎng)站,作為一個(gè)兒童圖書(shū)預(yù)售類的網(wǎng)站,這些想象力十足的可愛(ài)插畫(huà)充滿蠟筆質(zhì)感,而行星、外星人的可愛(ài)形象為整體風(fēng)格增色不少。
Easy Rocket Studio 是一個(gè)全新的在線平臺(tái),它可以幫助各種體育項(xiàng)目贏得更多的收入。太空主題的頁(yè)面設(shè)計(jì)非常符合這類項(xiàng)目所給人傳遞的情緒,科技感十足的設(shè)計(jì)也確實(shí)令人難忘。值得一體的是,首頁(yè)使用了大量的矢量插圖,使得在不同平臺(tái)上看起來(lái)都很棒。
All I Wish You 的頁(yè)面是一個(gè)典型的強(qiáng)交互型的頁(yè)面設(shè)計(jì),不弱于任何一個(gè)基于Chrome 實(shí)驗(yàn)性功能的設(shè)計(jì)項(xiàng)目,無(wú)論是獨(dú)創(chuàng)性還是性能控制。這些隱藏在行星間的“愿望”借助設(shè)計(jì)被完美地呈現(xiàn)出來(lái),融入到宏大的宇宙場(chǎng)景之中。
和前面的案例類似,這個(gè)復(fù)雜而精致的頁(yè)面靈感同樣來(lái)自宇宙。網(wǎng)站允許你創(chuàng)建恒星、星座,并同其他的用戶進(jìn)行分享。雖然目前并不支持手機(jī)和平板的操作,但是僅桌面端的功能就已經(jīng)很強(qiáng)大了。
這個(gè)網(wǎng)站采用了視差設(shè)計(jì)來(lái)構(gòu)建令人難忘的瀏覽體驗(yàn)。在頁(yè)面中,你可以站在地球的視角上查看不同位置的星空。和許多類似的項(xiàng)目一樣,這個(gè)項(xiàng)目的實(shí)現(xiàn)也需要一大堆枯燥的數(shù)據(jù),不過(guò)這些數(shù)據(jù)很好地服務(wù)于頁(yè)面中的各個(gè)元素。
Air Social 是一個(gè)華麗而細(xì)致的網(wǎng)站,漂亮的動(dòng)效無(wú)處不在,也充分展現(xiàn)了光在這個(gè)頁(yè)面中無(wú)與倫比的作用。網(wǎng)站從頭到尾都緊緊的抓住了用戶的注意力。
Mordillo 的頁(yè)面配色和風(fēng)格充滿了上個(gè)世紀(jì)80年代的氣息,作為一個(gè)個(gè)人作品展示頁(yè),設(shè)計(jì)師的個(gè)性可以通過(guò)各個(gè)細(xì)節(jié)讓你一覽無(wú)遺。頁(yè)面中隱藏著許多有趣的東西,你會(huì)在探索過(guò)程中逐步了解這名設(shè)計(jì)師。
12 Wave 是一個(gè)高端的數(shù)字工作室,他們專精于為網(wǎng)頁(yè)設(shè)計(jì) 驚艷前衛(wèi)的特效,配合細(xì)致的微互動(dòng)。這個(gè)網(wǎng)頁(yè)設(shè)計(jì) 就是如此,令人充滿驚喜的宇宙和星云,意想不到的細(xì)節(jié),有趣的插畫(huà)都融入其中。
整個(gè)網(wǎng)站的設(shè)計(jì)作風(fēng)非常扎實(shí),效果的搭配給人印象也非常深刻。宇宙的主題和文字內(nèi)容、細(xì)節(jié)元素都很好地融合到了一起。漂亮的圖片、華麗的排版和精湛特效的緊密結(jié)合,讓網(wǎng)站整體效果加分不少。
Vizua 網(wǎng)站的吉祥物就是一個(gè)可愛(ài)的外星人,Lowpoly 風(fēng)的場(chǎng)景和吉祥物風(fēng)格高度一致,這風(fēng)格化的設(shè)計(jì)讓荒蕪單調(diào)的星球表面變得可愛(ài)了起來(lái)。
宇宙主題在這個(gè)網(wǎng)站中被用作營(yíng)造科技范兒氛圍,華麗的線條和漸變的光暈配合精致的排版,點(diǎn)綴著點(diǎn)點(diǎn)星光,整個(gè)頁(yè)面顯得銳利而不單調(diào)。
Alquimia 倒不是大型的網(wǎng)站,但是網(wǎng)站的特效設(shè)計(jì)可以稱得上無(wú)與倫比,重新設(shè)計(jì)的排版優(yōu)雅地闡釋了太空的主題。在相對(duì)干凈清爽的黑色背景上,白色的星光顯得非常耀眼。
可以說(shuō)設(shè)計(jì)師Alessio Santangelo 將他的靈魂整個(gè)都投放到自己的作品展示網(wǎng)站中去了,網(wǎng)頁(yè)中腦洞大開(kāi)的場(chǎng)景和美的令人窒息的質(zhì)感都讓人流連忘返。
地球的剪影在太空看的時(shí)候是如此的瑰麗雄奇,作為網(wǎng)站的著陸頁(yè)的時(shí)候,可以幫整個(gè)頁(yè)面奠定基調(diào)。
近乎黑白色調(diào)的地球被用作背景呈現(xiàn)在網(wǎng)站上,和前景的黃色圖形構(gòu)成了鮮明的對(duì)比,同時(shí)也營(yíng)造出大氣磅礴的氛圍。設(shè)計(jì)師不僅善用這種明暗對(duì)比,而且在字體尺寸上的選取也體現(xiàn)出他對(duì)于大小對(duì)比的熟稔掌控。
醒目的多邊形元素插畫(huà)構(gòu)建起了令人驚艷的宇宙場(chǎng)景,為了配合這種獨(dú)特的風(fēng)格,設(shè)計(jì)師在選取字體和配色上也非常用心。
Brandon Jhonson 是一位行星科學(xué)家,而這些漂亮的星球細(xì)節(jié)特寫(xiě)和這個(gè)驚艷的網(wǎng)站相得益彰。
藍(lán)色的地球?yàn)檎麄€(gè)網(wǎng)站設(shè)定了基調(diào),露出的一角的排版讓整個(gè)首頁(yè)充滿了安靜寧和的氣息。配合著地球的插畫(huà),設(shè)計(jì)師加入了留白和銳利的文字來(lái)與之配合。
這個(gè)網(wǎng)站擁有一個(gè)充滿神秘感的整體效果,炫酷的幾何式排版讓網(wǎng)站看起來(lái)非常有愛(ài),也體現(xiàn)了網(wǎng)站宇宙的主題。
本文地址:http://m.pkvc.cn/tutorial/de3117.html
您可能還喜歡
- 干貨分享!推薦8個(gè)高清無(wú)水印無(wú)版權(quán)可商
- 國(guó)外黃色網(wǎng)站系列欣賞之一
- 7款簡(jiǎn)約線條的免費(fèi)英文字體
- 國(guó)外最好的22個(gè)配色網(wǎng)站
- 10個(gè)高清多邊形的設(shè)計(jì)背景紋理素材下載
- 2015年最優(yōu)秀的20款網(wǎng)站配色方案
- 網(wǎng)易的404公益廣告頁(yè)面
- 簡(jiǎn)潔大氣時(shí)尚網(wǎng)頁(yè)背景匯集(附下載)
- 20套免費(fèi)的純色網(wǎng)頁(yè)小圖標(biāo)
- 30個(gè)“簡(jiǎn)潔大氣國(guó)際化”的網(wǎng)頁(yè)設(shè)計(jì)欣賞
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏