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

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

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

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

1.有关空间的点子

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

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

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

2.尝试使用星座图

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

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

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

3.搭配动态效果

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

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

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

4.巧用空间时代的影像

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

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

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

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

5.放手去做

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

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

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

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

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

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

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

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

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

八种很漂亮的排版方法和技巧分享

这一篇教程的版式设计主要针对的是画册设计中的版式排版设计,作者一共总结了八种很漂亮的排版方法和技巧给大家分享出来,希望这篇教程能对大家有所帮助
收藏 0 赞 0 分享

怎样才能恰如其分地运用对比提升设计品质呢?

对比实际上是每一项设计都应体现的重要原则,因为对比能够组织设计并构建设计的层次,也就是说它能够告诉观众什么才是最重要的部分。恰当地运用对比不仅能强调焦点,还可以增添视觉趣味性。那么怎样才能恰如其分地运用对比提升设计品质呢?我们来看看吧
收藏 0 赞 0 分享

如何努力成为一名复合型设计师?UI设计师需要其他技能盘点

复合型人才应该是在各个方面都有一定能力,在某一个具体的方面要能出类拔萃的人,那么也就是说作为一名“单纯”的UI界面设计师,理应具备其他技能,这样才能更具竞争力。那么UI设计师可以有哪些其他技能呢?来看看吧
收藏 0 赞 0 分享

实用:40个标志设计的心得技巧

好的标志设计不仅需要让你的作品显得富及创意及好看,它还需要能够与受众产生品牌信息的沟通。今天就为大家分享40个标志设计的心得技巧,对于初学者来说非常值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

连续法法则 连续性在平面设计中的应用

利用连续性的心理法则,我们可以在设计中创造一种张力——从而形成一种吸引力,今天为大家分享连续性在平面设计中的应用,很实用,值得大家学习,推荐过来,希望能对大家有所帮助
收藏 0 赞 0 分享

电商banner和海报文字排版的几个实用小技巧

今天为大家分享电商banner和海报文字排版的几个实用小技巧,教程真的很实用,非常适合初学者来学习,值得大家来学习,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

两个实战案例帮你一窥专业设计师才会的设计思维

我们平时评判一个设计的好与坏,很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断,今天为大家分享通过两个实战案例帮你一窥专业设计师才会的设计思维技巧,一起来看看吧
收藏 0 赞 0 分享

5个维度来说说视觉设计师的设计风格

想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因,下面从5个维度来说说视觉设计师的设计风格
收藏 0 赞 0 分享

电商设计师究竟该如何正确认知自己的价值呢?

要想知道电商设计师的价值是什么,就先要知道电商设计师是谁是做什么的,那么电商设计师是做什么的呢?今天为大家分享电商设计师究竟该如何正确认知自己的价值,一起来看看吧
收藏 0 赞 0 分享

超实用:字体设计之笔体笔划知识全攻略

汉字的基本笔划有点、横、竖、撇、捺、挑、折、勾8种,每种在此基础上又细分出很多同类笔划,今天为大家分享字体设计之笔体笔划知识全攻略,非常实用,值得大家学习,一起来看看吧
收藏 0 赞 0 分享
查看更多