超平面的触觉设计

作为紧随潮流嗅觉灵敏的Graphic设计师,你有没有留意到逐渐兴起的“超平面”设计艺术?那些已经习以为常地被绘制在平面上、被保存于数字文件中的图形、元素,因为设计师们的想象力而被赋予了动人的生命力,变身成为现实物质、跃然出现在可以互动的空间中。
它有一个需要去感受的名字——Tactile Design(触觉设计)。

什么是“超平面“?什么是“触觉设计”?

先呈上一些精彩的设计,让大家可以明白个大概:

NODE‘s showcase
+dsgn展示为graphic design studio NODE 制作的作品展示手册

reHOUSE/BATH Postcards, 2004
FULGURO为一个水反复利用的概念展示而设计的明信片

A Workshop Topic @Berlin,2008
Create your own tactile collage depicting a story 创作触摸式拼贴来陈述一个故事

Cover for Tangible
JULIEN VALLEE MOTION & DESIGN, 2008

可以发现这几组设计的共性——利用纸模型来模拟重构对象物品、或干脆创造虚拟夸张的对象、简洁抽象的几何造型;同时将他们设置成一组可以互动的真实场景,有的静谧,有的疯狂,有的可以体会出幽默……从而让平面设计的表达方式跨界于静物摄影与图形设计之间。这种“超平面”的“触觉设计”令接受者在获得视觉冲击力的同时,也拥有空间想象的可能与一定的临场感。

“触觉设计”(Tactile Design)这个词并不是这一类设计唯一的名字,搜寻越多的作品、工作室、独立设计师,就会发现越多的词条:

·Paper Arts / Paper Crafts

纸模纸雕纸艺纸手工
·Paper Constructions
纸张构成
·Tactile Design / Tangible Design
触觉设计可触摸设计
·Tactile Collage
触感拼贴
·Stereographics /Graphics in Dimensions
立体Graphics
·Three-dimensional graphic design
3D平面设计
·3D Illustration
3D插画

“超平面”风潮从何时兴起

Tactile系的设计从21世纪初起一直流行至今,要找到第一批作品与设计师难有头绪。笔者只能从亚马逊上寻找线索,收集综述与整合此类作品的书籍,看一下最早是何时出版的。

Hidden Track: How Visual Culture Is Going Places
Copyright Gestalten 2005

Hidden Track出版于2005年10月,介绍了当时受到瞩目的各种超平面设计——“当代视觉设计文化正逐渐打破二维的传统与印刷的形式,向可以被‘体验’的三维空间进发。”

Tactile
Copyright Gestalten 2007

Tactile 出版于2007年11月,继续对三维类设计作品进行收集与调查,并将触角延伸到与之相关的各个创意类学科的领域。

Tangible – High Touch
Copyright Gestalten 2009

这是Gestalten(1995年成立于柏林,致力于传播尖端视觉文化的出版机构)出版的第三本关于Tactile Design的图书,持续收集了当时的优秀设计——“视觉创意的物质化与空间化发展是今日当代设计非常强势的趋势之一。设计师使用一些可以触碰到的材料、以风格化的平面设计手段,创造三维对象及精心布置的空间,从而表达自己的想法理念。”

此后其他的出版社也有相关的设计类书籍问世:

Three D – Graphic Spaces, 2008

papercraft, 2009

Stereographics – Graphics in New Dimensions, 2009

可见,早在2005年之前,“超平面”就已暗潮涌动。笔者在搜寻资料的过程中,还发现了一篇blog(by Walker Art Center),作者除了谈到自己对纸构成形式的设计作品的理解,也挖掘了其灵感可能来源于从90年代开始活跃的摄影师(或者说是雕塑艺术家or概念艺术家)Thomas Demand。

Thoma Demand为了塑造特别的场景氛围,以违和感来凸显真实与虚假之间的矛盾,使用纸模和纸雕重建了拍摄的对象与环境(常有政治意味,在此不展开了,更多作品可以看这里)。

Poll, 2001

Bathroom, 1997

Embassy I, 2007

KLAUSE 2, 2006
叶子都是折纸哦……

以“触觉设计”见长的设计团队与他们的作品

“触觉设计”流行多年,依然保持着时尚感,越来越多地被运用在展示、摄影、Graphics作品中,纸张材料与纸手工形式,也因为快速、轻巧、低成本,成为此类设计的主流表现手法。同时也有许多不甘寂寞的设计师们正在寻求突破,尝试各种新颖手法,拓宽触感路线。

向大家推荐一些以触觉设计见长,又勇于创新尝试的设计团队,他们的作品可以让我们感受到触觉设计无尽的创造力:

1  Le Creative Sweatshop

跨足时尚、设计、当代艺术与建筑领域的巴黎创意工作室

data and design, 2010
手工制作的数据“图形”

Feiyue 2011年系列广告
将发泡PVC切割成大小不同的三角形,并拼接在一起

Renault Twizy雷诺城市电动汽车 2011年系列广告
汽车模型配合纸张、亚克力创造出丰富多彩的城市掠影

2  JulienVallee

来自加拿大的graphic设计师、艺术指导,擅长纸手工与三维拼贴等触觉设计,《Tangible》的封面作者。

为ELLE Decoration UK杂志创作的插图,2008

Tangible封面项目,2008

MTV台的视频项目“MTV-ONE”(2008)和“MTV-HITS”(2010 超赞~)

为了照顾不能翻墙的同学~上传到播客了~

MTV-HITS

MTV-HITS making-of

3  VISUALADVICE / Julien De Repentigny

加拿大Graphic设计师Julien De Repentigny的作品形态非常丰富,在三维空间中尝试纸张、玻璃、亚克力、灯光的组合,创作出非常前卫的视觉语言。

为一个设计展的参展设计师们拍摄的Catalog

为ComputerArts创作的封面,材料为纸张、霓虹灯、亚克力

采用玻璃创作的糖果字体

除此之外,还有一位澳大利亚纸雕艺术家Benja Harney的作品(请翻墙),以及在CDC微博推荐过的台湾设计师廖恬敏的一组介绍台湾的infographics作品,也都值得欣赏一番。

从这些先锋设计师的作品中可以看到,越来越多的手工制品、静物、动物、人物以不同的形式出现在触觉设计中。笔者认为,其一,触觉设计的形式与艺术装置本就有一定的相似想通性(可能在艺术装置界早已出现过类似的设计),材料的使用是没有局限的;其二,纸张构成与纸模型擅长于表达颜色、机理的平面感与夸张感,更像是graphics在空间中的延伸,而对于某些作品和创意来说,使用其他材料可能会表达得更准确、更沉稳。

触觉设计之于UI和体验设计,能做些什么

这些跳脱“平面”(flat)设计的触觉设计呈现多视角、拥有空间感、可互动感,运用在视频动画中也更具物理运动的张力。对于互动媒体和体验设计有什么可以借鉴的呐?笔者认为早就有人思考过这个问题了,于是也有了下面的推介~

著名摄影应用Phoster的开发者bucketlabs在去年底推出了格子拼图应用Grid Lens,从界面到产品视觉包装全程应用了Tactile系风格。

虽然界面本身并不是手工制作并实拍的,但其采用的在空间中悬挂、放置元素的形式、元素的动态基本沿用了Tactile Design的风格。整体界面采用各种白色立体对象构成,色彩与颜色面积控制得当,让Grid Lens的UI在会让人惊艳的同时,不嫌花哨。

触觉设计与“拟物”一样都追求一种真实情景感,但又不尽相同——tactile构筑“空间”,营造虚拟、夸张、偶尔荒诞的氛围。这样的UI很容易消耗界面,它的单位面积互动效率可能并不高,所以还得看具体的产品性质,Grid Lens在趣味性与易用性上平衡得颇为完美。

另一个案例来自德国设计师与动画师Lucas Zanotto,在2010年为德国旅游公司TUI的一次行销活动(基于LBS在指定的App中check in你在各个地区遇到的坏天气,为期四周,累计最多坏天气的用户获得一次旅行奖励。)制作了一个promote短片,以Tactile Design中手工纸模型的方式完成了动画场景的设计制作与短片拍摄。

短片的夸张动态与反差设计都相当有趣,在设计师的官网也提供了making-of让我们可以了解到制作的花絮,追求手工作业的动画爱好者不妨一试。

TUI – Weather Spot

making-of

作为界面设计师的我们,平时似乎颇难得从数字世界抽身,所以这类设计的确能让我收获感动。“Tactile Design”可能不是它最确切名字,“触觉设计”可能不是它最好的翻译,如果要给它找一个更好理解的非书面解释,我觉得是——

“动起手来做设计~”

最后推荐大家两期IdN杂志,便于大家更广阔地挖掘Tactile Design~

谢谢阅读~

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5641)

时间: 2024-09-20 05:49:33

超平面的触觉设计的相关文章

(更新完结)阿里珍贵技术资料免费下载

小编精心挑选2016云栖大会.历届在线技术峰会.云栖技术直播核心资料,只把最好的呈现给你!因为资料集合过于庞大,所以分批放出,随时关注社区,可以看到全套460份资料合集哦! 3月16日更新:[PDF]企业互联网转型中大数据建构[PDF]中石化互联网转型思考与实践[PDF]阿里开源发展与生态[PDF]Open Source Docker[PDF]Weex项目&阿里移动技术开源方向[PDF]How to create a successful open source project[PDF]中国人的

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优

深聊APPLE WATCH平台认知与产品设计

  编者按:超多干货!今天腾讯同学@C7210 这篇良心万字长文,从平台认知.产品形态及设计模式三个层面分析Apple Watch,是目前看到的分析最透彻的 Apple Watch 文章 >>> 时至今日,Apple Watch已然高调进入我们的视野,却仍未正式进入我们的世界,绝大多数人的信息来源仍限于Apple官方的介绍.大家有期许,有探索,也有失望.持负面态度者的普遍看法是,"这些事情在iPhone上都能做-手机屏幕那么大,看起来更爽用起来更舒服-令人心塞的续航能力仅支持5

分析设计优秀的iPhone通知

  当应用需要提醒用户关注某件事情的时候,希望1.引起用户的关注;2.不使用户感到烦躁不安;3.不希望中断用户的操作;4.引领用户到达该去的地方;5.当用户需要的时候可以再次找到该提醒.这些要求看似简单,实则需要耗费一番的设计功夫.本篇文章,就要系统的分析一下iPhone上通知的设计. 一.通知的样式 (一).视觉界面 iPhone系统自带的消息通知形式有两种,分别是Badge Notification和Alert Notification.IOS5增加了Notification system.

设计实例分享:腾讯形象店品牌设计

腾讯形象店是公司对外形象的重要窗口,员工可在此购买公仔及来自各个系统的礼品,更有上等的illy咖啡供应.这一次我们要帮助它建设及管理品牌,从取名规划到包装执行. 一.成果 1.LOGO释义:1) M字中间两个门为两只企鹅手牵手:2) 中间两只企鹅大小一致,表示"印象"(通过折叠,一只企鹅印出另一只企鹅):3) 多彩表现业务多元化,而企鹅(QQ)是主要平台,通过M(Main)表现:4) "腾讯印象"4字使用"腾讯网"字体,引入母品牌元素:5) 外框

交互设计实用指南系列(二):用户信息可及

可及,通俗的说是"可以达到",加上主语和宾语,在"交互设计"这个大的语境下,含义应该是"用户可以达到自己的操作目标",这不是和"有效性-用户的操作是有效的"重复了吗?其实,在交互设计实用指南中,"可及"是一个狭义的概念,是放在有效性下面的,具体解释为"色盲.肢体残疾等特殊人士可以完成基本操作".更扩展一下,这个特殊人群应该还包括老人儿童,文盲等对信息使用不擅长的人. 也就是说,交互设计实

交互设计经验谈:移动应用交互设计原则

文章描述:设计在很多时候都是靠灵感的闪现,移动应用的设计则更加的灵活多变,如何能更好地设计出一个应用,没有具体的方法和成规.但是,为了能更好地避免设计师们走弯路,设计原则的学习是有必要的,它给了设计师们一定的参考和指导. 摘要:交互设计专业也有了蓬勃发展,Ben Shneiderman 提出的交互设计"黄金八法"和Nielsen 的"启发式评估10条原则"为交互设计的评估提供了标准.我们在考虑其他原则的基础上,整理了八条移动应用设计的针对性原则. 本文节选自<

移动应用交互设计:手机客户端的交互适配方法

文章描述:本文中,我想简单的总结一下手机客户端的交互适配方法,希望能更好地来指导当前移动应用的设计需求. 简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,

手机客户端交互适配设计

简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,而不同功能的所有设计基础都是一致的. 但是对于客户端,咋一看,好像很简单,就是设计一个应用.实则不然,客户