當(dāng)你思考有關(guān)空間的問(wèn)題時(shí)，作為一名設(shè)計(jì)師，你可能想到的第一件事就是“留白”或者說(shuō)“空白”。不過(guò)，我們今天可能不會(huì)提供這些，因?yàn)榻裉煳覀円伎嫉氖钦嬲耐鈱涌臻g，以及如何在你的網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用這些外層空間的元素。

設(shè)計(jì)“空間”的技巧其實(shí)并不是很難的，你需要做的就是避免一些常見(jiàn)的陷阱以及那些陳詞濫調(diào)、已經(jīng)被濫用到你一看到它就“退避三舍”的元素。通過(guò)使用大篇幅的黑暗和繁星，可以在你的網(wǎng)站設(shè)計(jì)項(xiàng)目中創(chuàng)建一個(gè)有趣的視覺(jué)表現(xiàn)方式。所以，加入我們，讓我們來(lái)看幾個(gè)例子，以及了解這種類(lèi)型的設(shè)計(jì)如何正常發(fā)揮作用的技巧。

1.有關(guān)空間的點(diǎn)子

其實(shí)，在我看來(lái)，空間是一個(gè)非常時(shí)尚的設(shè)計(jì)元素，我想，有一部分可能需要?dú)w功于“星球大戰(zhàn)”系列電影的影響。當(dāng)然，主要原因我想還在于，你無(wú)時(shí)無(wú)刻不處于空間之中。

設(shè)計(jì)也是如此。這些相似或相同的元素正以它們自己獨(dú)特的方式進(jìn)入大量的設(shè)計(jì)項(xiàng)目，一些可能以設(shè)計(jì)師預(yù)期的方式發(fā)揮作用，而另一些則可能在整體視覺(jué)上發(fā)揮重大的突破和變革，在諸如美國(guó)航空航天局和星球大戰(zhàn)的官網(wǎng)你可以看到這種標(biāo)志性網(wǎng)站設(shè)計(jì)，不過(guò)，還是有很多意想不到的方式可以創(chuàng)造出不一樣的空間感。

基于空間的設(shè)計(jì)是往往是有趣的，而且不能僅僅是它本身有趣，它同時(shí)能喚起用戶(hù)的興趣點(diǎn)?？臻g設(shè)計(jì)在網(wǎng)站設(shè)計(jì)中通常包括深色的配色和白色或明亮的排版。內(nèi)容是主要的影響因素對(duì)于你如何最好地使用基于空間的主題。盡可能遠(yuǎn)離公共空間，除非你有與之相關(guān)內(nèi)容，否則，你需要盡量使它們分開(kāi)一點(diǎn)，并且使用一些沒(méi)有黑暗的天空，星星和宇宙飛船的空間元素。

2.嘗試使用星座圖

你完全不需要將空間和星座區(qū)別開(kāi)，他們的組合形式可以很有趣。使用相互聯(lián)結(jié)的線(xiàn)條和點(diǎn)來(lái)創(chuàng)建一個(gè)吸引注意力的網(wǎng)格。

The British Museum在其網(wǎng)頁(yè)設(shè)計(jì)中準(zhǔn)確的實(shí)現(xiàn)了這一視覺(jué)。乍一看，你可能會(huì)認(rèn)為有趣的顏色和線(xiàn)條(在星狀點(diǎn)上)表示的是一個(gè)空間主題，但令人驚訝的是，它是一個(gè)很酷的時(shí)間線(xiàn)的開(kāi)始。

由于色彩和運(yùn)動(dòng)量大，使得整體的設(shè)計(jì)令人著迷。特別好的一點(diǎn)是，設(shè)計(jì)的內(nèi)容可以迅速的呈現(xiàn)，使用戶(hù)無(wú)需長(zhǎng)時(shí)間等待即可訪問(wèn)主要網(wǎng)站內(nèi)容。

3.搭配動(dòng)態(tài)效果

為了在網(wǎng)頁(yè)設(shè)計(jì)中可以使這種黑暗主題更加有趣，添加動(dòng)態(tài)效果可以保持用戶(hù)的參與度。移動(dòng)的元素可以通過(guò)添加一個(gè)額外的圖層在本來(lái)就不豐富的色彩上形成對(duì)比以此來(lái)強(qiáng)調(diào)主要內(nèi)容或元素(空間設(shè)計(jì)中最常見(jiàn)的顏色圖案是暗色系的，包括黑色，紫色或深藍(lán)色背景，這些設(shè)計(jì)通常具有與白色對(duì)比的元素).

在上面的例子中，你可以看到它們顯示了兩種非常不同的方式來(lái)整合空間和動(dòng)畫(huà)。一個(gè)網(wǎng)站設(shè)計(jì)是基于卡通動(dòng)畫(huà)游戲，超大的元素和獨(dú)特的空間圖像(這些人物甚至穿著全套太空衣服，戴著頭盔，似乎漂浮在無(wú)重力的地方)。另外一個(gè)看起來(lái)則像是要拉你遠(yuǎn)離這個(gè)世界，通過(guò)一個(gè)黑色的主題，帶有輕和快速移動(dòng)的形狀把你拉到一個(gè)未知的空間中。

雖然這兩個(gè)概念是完全不同的，但它們同樣適用于空間主題。這顯示了基于空間的概念是多么通用。

4.巧用空間時(shí)代的影像

在設(shè)計(jì)中使用空間概念可以是通過(guò)潛意識(shí)的。考慮那些可以引起空間想象的照片或形狀，而實(shí)際上你并沒(méi)有在你的網(wǎng)頁(yè)設(shè)計(jì)中使用空間相關(guān)的東西。

你可以通過(guò)顏色，形狀和空間的使用來(lái)實(shí)現(xiàn)這個(gè)想法。瀏覽一些你最喜歡的空間圖像，并記下要應(yīng)用的常見(jiàn)主題。

Acerbis Design的網(wǎng)頁(yè)設(shè)計(jì)中，其主要形象讓人聯(lián)想到“星際迷航”。在整體銀色設(shè)計(jì)中通過(guò)一個(gè)小小的開(kāi)口讓你足以瞥見(jiàn)里面的內(nèi)容。整個(gè)網(wǎng)站設(shè)計(jì)中的其他圖像使用類(lèi)似的圖案。

什么使得這樣的設(shè)計(jì)能夠與空間產(chǎn)生有趣的聯(lián)系，但沒(méi)有明顯的空間主題呢?你可以好好想一想。僅僅通過(guò)能夠連接到公認(rèn)的空間主題的元素，就能產(chǎn)生異常強(qiáng)大的空間感。

5.放手去做

目前為止，我們已經(jīng)看了一些方法來(lái)暗示或直觀的使用空間在你的設(shè)計(jì)中，這里還有一個(gè)明顯的其他解決方案：可以潛移默化的使用空間主題——通過(guò)深色背景或耀眼的星空或隱含的立體景觀，可以形成一種不斷深入的景深。

而進(jìn)入到場(chǎng)景的關(guān)鍵是確保設(shè)計(jì)符合內(nèi)容。

那么你怎么才能知道是否你能完成一個(gè)完整的空間風(fēng)格設(shè)計(jì)呢?試試從連接的單詞關(guān)聯(lián)開(kāi)始。以下任何一個(gè)詞會(huì)與你的內(nèi)容產(chǎn)生共鳴嗎?

軌道，線(xiàn)性，太陽(yáng)能，穿梭，星系，探索，代理，宇宙，殖民地，媒體，車(chē)站，日光浴室，技術(shù)，火箭，行星，好奇心，無(wú)窮遠(yuǎn)，未知，重力，相對(duì)性，浩瀚等...

空間主題實(shí)際上可以在更多的地方工作，也可以在最初想到的更多項(xiàng)目中工作。上述兩個(gè)示例是不同的站點(diǎn)類(lèi)型——業(yè)務(wù)咨詢(xún)公司和基于數(shù)據(jù)的廣告公司。

兩者之間對(duì)空間圖像的使用也是非常不同的。Deutser只是基于首頁(yè)黑的背景以及“星星”，并在整個(gè)滾動(dòng)中產(chǎn)生的空間感來(lái)表達(dá)空間這一概念。而Qriously的網(wǎng)站設(shè)計(jì)通過(guò)在一個(gè)全景星空的主題上呈現(xiàn)公司名及相關(guān)的內(nèi)容文案，產(chǎn)生了具有銀河系風(fēng)格的空間設(shè)計(jì)。每個(gè)設(shè)計(jì)都以非常不同的方式工作，視覺(jué)上很有趣。

總結(jié)

你是否會(huì)感到好奇?你在考慮如何將它應(yīng)用于你的一個(gè)設(shè)計(jì)項(xiàng)目?這是一個(gè)相當(dāng)時(shí)尚的概念，可能會(huì)持續(xù)流行一段時(shí)間。

在設(shè)計(jì)方面，這是一個(gè)可以比較穩(wěn)定的概念，強(qiáng)調(diào)空間和極簡(jiǎn)主義與大量對(duì)比的元素?？臻g也是其中一個(gè)想法，人們只是傾向于著迷，并且使用該主題可以幫助創(chuàng)造足夠的興趣來(lái)吸引讀者或用戶(hù)進(jìn)入你的設(shè)計(jì)。

最新評(píng)論