平面設(shè)計(jì)創(chuàng)造一個(gè)富含空間感的設(shè)計(jì)作品

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

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

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

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

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

基于空間的設(shè)計(jì)是往往是有趣的，而且不能僅僅是它本身有趣，它同時(shí)能喚起用戶的興趣點(diǎn)?？臻g設(shè)計(jì)在網(wǎng)站設(shè)計(jì)中通常包括深色的配色和白色或明亮的排版。

內(nèi)容是主要的影響因素對(duì)于你如何好地使用基于空間的主題。盡可能遠(yuǎn)離公共空間，除非你有與之相關(guān)內(nèi)容，否則，你需要盡量使它們分開一點(diǎn)，并且使用一些沒有黑暗的天空，星星和宇宙飛船的空間元素。

2.嘗試使用星座圖

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

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

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

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

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

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

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

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

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

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

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

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

5.放手去做

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

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

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

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

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

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