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

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

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

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

1.有关空间的点子

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

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

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

2.尝试使用星座图

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

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

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

3.搭配动态效果

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

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

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

4.巧用空间时代的影像

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

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

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

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

5.放手去做

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

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

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

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

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

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

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

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

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

平面设计中色彩搭配技巧与理论分析

在做平面设计的时候,颜色搭配很重要,该怎么掌握色彩搭配技巧呢?下面我们就绕着「色相」这一变量展开,主要和大家一起分享有关色彩研究的专业术语、以及心理现象,需要的朋友可以参考下
收藏 0 赞 0 分享

LOGO设计中的常见误区和LOGO设计思路及流程全面解析

本教程将为大家全面解析LOGO设计中的常见误区和LOGO设计思路及流程,主要介绍LOGO设计中的一些常见套路和设计思路以及一些方法,理清思路,LOGO设计没有你想象的那么难
收藏 0 赞 0 分享

每个年轻平面设计师都需要知道的10件事

每个年轻平面设计师都需要知道的10件事分享给那些刚入门的新手设计师, 这10件事包括别让设计成为黑匣子,融入团队,提早获得反馈,负责到底等
收藏 0 赞 0 分享

淘宝活动页面设计思路 从0开始全面解析

淘宝活动页面设计思路,从0开始全面解析分享给脚本之家的各位平面设计学习者,内容主要分为什么样的页面算得上是活动页面,量身定制适合自己店铺的活动页面和案例解析三大部分
收藏 0 赞 0 分享

一个好的用户界面设计应该注意的75个原则

一个好的用户界面设计应该注意的75个原则分享给脚本之家的各位平面设计学习者,这些用户界面设计原则主要是1. 使用单栏布局代替多栏布局,2. 使用礼品诱惑代替生硬的推销,3. 合并重复的功能避免分散等等
收藏 0 赞 0 分享

可能毁了你内容的7个必知设计错误

一些设计错误可能会破坏你的内容,导致用户放弃继续停留在你的网站,或失去对你提供有用信息的信任感。如果你不及时修正可能很难恢复他们对你的信任,下面为大家介绍可能毁了你内容的7个必知设计错误,来看看吧
收藏 0 赞 0 分享

6种独特的网页导航设计模式分享

如果你的网站是更加偏向实验性的小网站,有趣而好玩的导航模式,反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同,针对不同的内容、不同的用户,你需要仔细挑选导航模式,下面为大家分享6种独特的网页导航设计模式,来看看吧
收藏 0 赞 0 分享

交互设计师如何说服产品经理取消底部的导航栏?

最近设计了一款产品,我将线框图给交互设计师,后来交互给我的原型与我之前给他的线框图差别很大,交互说从用户体验的角度应该这么设计,并坚持自己的想法,所以今天想要大家介绍交互设计师如何说服产品经理取消底部的导航栏方法,来看看吧
收藏 0 赞 0 分享

设计师必看:2017年设计师最应该掌握的设计方法

学习新事物永远都不晚,尤其是在设计领域。时时学习、进步,你将成为设计领域下一颗闪耀的新星。下面为大家介绍2017年设计师最应该掌握的设计方法,来看看吧
收藏 0 赞 0 分享

如何进行个性化设计呢?25个经典案例解析个性化设计的奥秘

如何进行个性化设计呢?Aarron Walter便掌握了这门艺术,他在Smashing杂志中谈论了个性化设计如何与用户和消费者产生持续联系,他强烈建议设计师“把个性融入设计的核心内涵中”,并分享了适用于产品和品牌的个性化设计技巧
收藏 0 赞 0 分享
查看更多