如何运用外层空间创造一个富含空间感的设计作品?
当你思考有关空间的问题时,作为一名设计师,你可能想到的第一件事就是“留白”或者说“空白”。不过,我们今天可能不会提供这些,因为今天我们要思考的是真正的外层空间,以及如何在你的网页设计中运用这些外层空间的元素。
设计“空间”的技巧其实并不是很难的,你需要做的就是避免一些常见的陷阱以及那些陈词滥调、已经被滥用到你一看到它就“退避三舍”的元素。通过使用大篇幅的黑暗和繁星,可以在你的网站设计项目中创建一个有趣的视觉表现方式。所以,加入我们,让我们来看几个例子,以及了解这种类型的设计如何正常发挥作用的技巧。
1.有关空间的点子
其实,在我看来,空间是一个非常时尚的设计元素,我想,有一部分可能需要归功于“星球大战”系列电影的影响。当然,主要原因我想还在于,你无时无刻不处于空间之中。
设计也是如此。这些相似或相同的元素正以它们自己独特的方式进入大量的设计项目,一些可能以设计师预期的方式发挥作用,而另一些则可能在整体视觉上发挥重大的突破和变革,在诸如美国航空航天局和星球大战的官网你可以看到这种标志性网站设计,不过,还是有很多意想不到的方式可以创造出不一样的空间感。
基于空间的设计是往往是有趣的,而且不能仅仅是它本身有趣,它同时能唤起用户的兴趣点。空间设计在网站设计中通常包括深色的配色和白色或明亮的排版。内容是主要的影响因素对于你如何最好地使用基于空间的主题。尽可能远离公共空间,除非你有与之相关内容,否则,你需要尽量使它们分开一点,并且使用一些没有黑暗的天空,星星和宇宙飞船的空间元素。
2.尝试使用星座图
你完全不需要将空间和星座区别开,他们的组合形式可以很有趣。使用相互联结的线条和点来创建一个吸引注意力的网格。
The British Museum在其网页设计中准确的实现了这一视觉。乍一看,你可能会认为有趣的颜色和线条(在星状点上)表示的是一个空间主题,但令人惊讶的是,它是一个很酷的时间线的开始。
由于色彩和运动量大,使得整体的设计令人着迷。特别好的一点是,设计的内容可以迅速的呈现,使用户无需长时间等待即可访问主要网站内容。
3.搭配动态效果
为了在网页设计中可以使这种黑暗主题更加有趣,添加动态效果可以保持用户的参与度。移动的元素可以通过添加一个额外的图层在本来就不丰富的色彩上形成对比以此来强调主要内容或元素(空间设计中最常见的颜色图案是暗色系的,包括黑色,紫色或深蓝色背景,这些设计通常具有与白色对比的元素).
在上面的例子中,你可以看到它们显示了两种非常不同的方式来整合空间和动画。一个网站设计是基于卡通动画游戏,超大的元素和独特的空间图像(这些人物甚至穿着全套太空衣服,戴着头盔,似乎漂浮在无重力的地方)。另外一个看起来则像是要拉你远离这个世界,通过一个黑色的主题,带有轻和快速移动的形状把你拉到一个未知的空间中。
虽然这两个概念是完全不同的,但它们同样适用于空间主题。这显示了基于空间的概念是多么通用。
4.巧用空间时代的影像
在设计中使用空间概念可以是通过潜意识的。考虑那些可以引起空间想象的照片或形状,而实际上你并没有在你的网页设计中使用空间相关的东西。
你可以通过颜色,形状和空间的使用来实现这个想法。浏览一些你最喜欢的空间图像,并记下要应用的常见主题。
Acerbis Design的网页设计中,其主要形象让人联想到“星际迷航”。在整体银色设计中通过一个小小的开口让你足以瞥见里面的内容。整个网站设计中的其他图像使用类似的图案。
什么使得这样的设计能够与空间产生有趣的联系,但没有明显的空间主题呢?你可以好好想一想。仅仅通过能够连接到公认的空间主题的元素,就能产生异常强大的空间感。
5.放手去做
目前为止,我们已经看了一些方法来暗示或直观的使用空间在你的设计中,这里还有一个明显的其他解决方案:可以潜移默化的使用空间主题——通过深色背景或耀眼的星空或隐含的立体景观,可以形成一种不断深入的景深。
而进入到场景的关键是确保设计符合内容。
那么你怎么才能知道是否你能完成一个完整的空间风格设计呢?试试从连接的单词关联开始。以下任何一个词会与你的内容产生共鸣吗?
轨道,线性,太阳能,穿梭,星系,探索,代理,宇宙,殖民地,媒体,车站,日光浴室,技术,火箭,行星,好奇心,无穷远,未知,重力,相对性,浩瀚等...
空间主题实际上可以在更多的地方工作,也可以在最初想到的更多项目中工作。上述两个示例是不同的站点类型——业务咨询公司和基于数据的广告公司。
两者之间对空间图像的使用也是非常不同的。Deutser只是基于首页黑的背景以及“星星”,并在整个滚动中产生的空间感来表达空间这一概念。而Qriously的网站设计通过在一个全景星空的主题上呈现公司名及相关的内容文案,产生了具有银河系风格的空间设计。每个设计都以非常不同的方式工作,视觉上很有趣。
总结
你是否会感到好奇?你在考虑如何将它应用于你的一个设计项目?这是一个相当时尚的概念,可能会持续流行一段时间。
在设计方面,这是一个可以比较稳定的概念,强调空间和极简主义与大量对比的元素。空间也是其中一个想法,人们只是倾向于着迷,并且使用该主题可以帮助创造足够的兴趣来吸引读者或用户进入你的设计。
相关文章
各类商务印刷品的尺寸怎么选? 印刷设计常用的尺寸纸张/克重都在这里了
日常经常印刷各种东西,哪些尺寸,纸张更合适呢?本文为大家整理了常用印刷尺寸,方便图文广告店、印企在日常接单生产中能够快速掌握客户关键性信息,详细请看下文介绍2024-02-10- 现如今,证件照已成为我们生活中不可或缺的一部分,无论是求职应聘,还是入学注册,亦或是办理各种证件,都需要提交符合规定格式和要求的证件照,那么,这些证件照的尺寸和2024-02-10
- 平面设计是一个注重视觉效果的设计,简单的排版方式有时候不能满足视觉突出的效果,业务很难达到吸引用户的眼球,下面我们就来看看8个平面设计技巧分享2023-10-08
- 每个设计师都有自己最喜欢的设计软件,并把软件作为自己的第二语言,今天我们来推荐10款UI设计不可或缺的工具,详细请看下文介绍2023-10-08
- 夏日电影风怎么调色调色?夏天快到了,想要调节夏季电影风的画面,该怎么操作呢?下面我们就来看看适合夏季的柔和绿色调调色分享2023-04-02
什么是真RAW 什么是伪RAW? 简单说说真 RAW 和 伪RAW
随着索尼α7RV(ILCE-7RM5)正式发售,近期有不少网友跟我咨询索尼相机“无损压缩(M)”和“无损压缩(S)”RAW的问题,今天做一个统一答复2022-12-24- 手机UI设计尺寸有哪些?作为新手在设计手机ui的页面的时候,发现自己设计的尺寸都很奇怪,如果能有元素尺寸介绍就好了,下面就来看看我们汇总的超全面的UI元素尺寸设置指南2021-08-06
- 常用照片尺寸有哪几个?我们经常说一寸照片,二寸照片,这些照片的尺寸是怎么计算的?下面我们就来看看照片标准尺寸/像素对照表汇总2021-08-06
怎么让设计更高级? 一些不受关注的小细节设计提升作品高级感的技巧
怎么让设计更高级?都一样是做设计的,一样的素材一样的文案,为什么有的设计很高级,有的很拉胯呢?在素材一样的大前提下,细节就能决定成败,下面我们就来分享一些不受关2021-08-05- 新人如何快速掌握黄金分割构图法?看到结构漂亮的图片,很多朋友都能想到黄金分割,即使不熟悉的朋友也知道黄金分割构图,什么是黄金分割构图?怎么掌握这个知识点呢?下面2021-08-05
最新评论