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

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

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

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

1.有关空间的点子

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

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

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

2.尝试使用星座图

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

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

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

3.搭配动态效果

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

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

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

4.巧用空间时代的影像

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

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

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

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

5.放手去做

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

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

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

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

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

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

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

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

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

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多