如何运用外层空间创造一个富含空间感的设计作品?

所属分类: 平面设计 / 平面其它 阅读数: 1226
收藏 0 赞 0 分享

当你思考有关空间的问题时,作为一名设计师,你可能想到的第一件事就是“留白”或者说“空白”。不过,我们今天可能不会提供这些,因为今天我们要思考的是真正的外层空间,以及如何在你的网页设计中运用这些外层空间的元素。

设计“空间”的技巧其实并不是很难的,你需要做的就是避免一些常见的陷阱以及那些陈词滥调、已经被滥用到你一看到它就“退避三舍”的元素。通过使用大篇幅的黑暗和繁星,可以在你的网站设计项目中创建一个有趣的视觉表现方式。所以,加入我们,让我们来看几个例子,以及了解这种类型的设计如何正常发挥作用的技巧。

1.有关空间的点子

其实,在我看来,空间是一个非常时尚的设计元素,我想,有一部分可能需要归功于“星球大战”系列电影的影响。当然,主要原因我想还在于,你无时无刻不处于空间之中。

设计也是如此。这些相似或相同的元素正以它们自己独特的方式进入大量的设计项目,一些可能以设计师预期的方式发挥作用,而另一些则可能在整体视觉上发挥重大的突破和变革,在诸如美国航空航天局和星球大战的官网你可以看到这种标志性网站设计,不过,还是有很多意想不到的方式可以创造出不一样的空间感。

基于空间的设计是往往是有趣的,而且不能仅仅是它本身有趣,它同时能唤起用户的兴趣点。空间设计在网站设计中通常包括深色的配色和白色或明亮的排版。内容是主要的影响因素对于你如何最好地使用基于空间的主题。尽可能远离公共空间,除非你有与之相关内容,否则,你需要尽量使它们分开一点,并且使用一些没有黑暗的天空,星星和宇宙飞船的空间元素。

2.尝试使用星座图

你完全不需要将空间和星座区别开,他们的组合形式可以很有趣。使用相互联结的线条和点来创建一个吸引注意力的网格。

The British Museum在其网页设计中准确的实现了这一视觉。乍一看,你可能会认为有趣的颜色和线条(在星状点上)表示的是一个空间主题,但令人惊讶的是,它是一个很酷的时间线的开始。

由于色彩和运动量大,使得整体的设计令人着迷。特别好的一点是,设计的内容可以迅速的呈现,使用户无需长时间等待即可访问主要网站内容。

3.搭配动态效果

为了在网页设计中可以使这种黑暗主题更加有趣,添加动态效果可以保持用户的参与度。移动的元素可以通过添加一个额外的图层在本来就不丰富的色彩上形成对比以此来强调主要内容或元素(空间设计中最常见的颜色图案是暗色系的,包括黑色,紫色或深蓝色背景,这些设计通常具有与白色对比的元素).

在上面的例子中,你可以看到它们显示了两种非常不同的方式来整合空间和动画。一个网站设计是基于卡通动画游戏,超大的元素和独特的空间图像(这些人物甚至穿着全套太空衣服,戴着头盔,似乎漂浮在无重力的地方)。另外一个看起来则像是要拉你远离这个世界,通过一个黑色的主题,带有轻和快速移动的形状把你拉到一个未知的空间中。

虽然这两个概念是完全不同的,但它们同样适用于空间主题。这显示了基于空间的概念是多么通用。

4.巧用空间时代的影像

在设计中使用空间概念可以是通过潜意识的。考虑那些可以引起空间想象的照片或形状,而实际上你并没有在你的网页设计中使用空间相关的东西。

你可以通过颜色,形状和空间的使用来实现这个想法。浏览一些你最喜欢的空间图像,并记下要应用的常见主题。

Acerbis Design的网页设计中,其主要形象让人联想到“星际迷航”。在整体银色设计中通过一个小小的开口让你足以瞥见里面的内容。整个网站设计中的其他图像使用类似的图案。

什么使得这样的设计能够与空间产生有趣的联系,但没有明显的空间主题呢?你可以好好想一想。仅仅通过能够连接到公认的空间主题的元素,就能产生异常强大的空间感。

5.放手去做

目前为止,我们已经看了一些方法来暗示或直观的使用空间在你的设计中,这里还有一个明显的其他解决方案:可以潜移默化的使用空间主题——通过深色背景或耀眼的星空或隐含的立体景观,可以形成一种不断深入的景深。

而进入到场景的关键是确保设计符合内容。

那么你怎么才能知道是否你能完成一个完整的空间风格设计呢?试试从连接的单词关联开始。以下任何一个词会与你的内容产生共鸣吗?

轨道,线性,太阳能,穿梭,星系,探索,代理,宇宙,殖民地,媒体,车站,日光浴室,技术,火箭,行星,好奇心,无穷远,未知,重力,相对性,浩瀚等...

空间主题实际上可以在更多的地方工作,也可以在最初想到的更多项目中工作。上述两个示例是不同的站点类型——业务咨询公司和基于数据的广告公司。

两者之间对空间图像的使用也是非常不同的。Deutser只是基于首页黑的背景以及“星星”,并在整个滚动中产生的空间感来表达空间这一概念。而Qriously的网站设计通过在一个全景星空的主题上呈现公司名及相关的内容文案,产生了具有银河系风格的空间设计。每个设计都以非常不同的方式工作,视觉上很有趣。

你是否会感到好奇?你在考虑如何将它应用于你的一个设计项目?这是一个相当时尚的概念,可能会持续流行一段时间。

在设计方面,这是一个可以比较稳定的概念,强调空间和极简主义与大量对比的元素。空间也是其中一个想法,人们只是倾向于着迷,并且使用该主题可以帮助创造足够的兴趣来吸引读者或用户进入你的设计。

更多精彩内容其他人还在看

干货:安卓Chrome浏览器再设计思路总结

这篇教程是向脚本之家的朋友总结安卓Chrome浏览器再设计思路,教程真的很不错,很值得设计朋友学习,推荐过来,有需要的朋友可以参考本文,希望能对大家有所帮助
收藏 0 赞 0 分享

盘点你所不知道的现代艺术的事

今天小编为大家带来你所不知道的现代艺术的事,这篇文章真的很不错,对于艺术朋友来说,可以过来了解一下
收藏 0 赞 0 分享

干货:电商详情页设计的设计思路和技巧介绍

这篇文章为大家介绍电商详情页设计的设计思路和技巧,教程真的很不错,很实用,对于设计师来说很值得学习,推荐过来,有需要的朋友可以过来参考一下哦
收藏 0 赞 0 分享

背景VS主体:如何使用背景更突出主体

下面小编为大家介绍如何使用背景更突出主体方法,教程真的很不错,对于设计的朋友可以过来了解一下,好了,下面我们来学习吧
收藏 0 赞 0 分享

案例:茶叶包装该怎么做

茶叶包装该怎么做?对于很多设计师来说,应该都很头疼吧,所以今天小编就为大家用案例来说明一下,希望能对大家有所帮助
收藏 0 赞 0 分享

在网页中怎样做到简约?浅谈网页设计中的简约之美

在网页中怎样做到简约?对于很多网页设计的朋友来说,他们都很想知道,所以今天小编就和大家一起来谈谈网页设计中的简约之美,一起来看看吧
收藏 0 赞 0 分享

快速学习方法:如何将碎片化的知识应用到工作中?

如何将碎片化的知识应用到工作中?相信这是很多学设计的朋友都困惑的一个问题吧,所以今天小编就为大家分享快速学习方法之教你如何洗心,一起来看看吧
收藏 0 赞 0 分享

超实用:提升UI设计工作效率小技巧分享

这篇教程是向脚本之家分享提升UI设计工作效率小技巧,教程很实用,对于工作效率不高的朋友可以参考本文哦,希望能对大家有所帮助
收藏 0 赞 0 分享

字体设计:书法字体设计的三个终极技巧介绍

这篇教程是向脚本之家的朋友介绍书法字体设计的三个终极技巧,教程真的很不错,很实用,对于正在学习字体设计的朋友很有帮助,快快来看看吧
收藏 0 赞 0 分享

视觉篇:教你如何做好扁平化视觉设计

这篇教程是向大家介绍如何做好扁平化视觉设计,对于学设计的朋友可能对扁平化设计并不是很熟悉,所以今天就为大家分享这篇教程,有兴趣的朋友快快来看看吧
收藏 0 赞 0 分享
查看更多