恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
创造视觉形象:米尔克和他的朋友们
0.0°
2016-11-21 原创文章 经验/观点 举报 1053 1 1 0

设计的精进之路是永无止境的,但我认为我需要在一个特定的时间点回顾、整理进程。现在似乎是一个对的时机。

点击这里前往我的 WordPress 博客查看本文。

点击这里前往我的 WordPress 博客查看本文的英文版本。



前言


我与米尔克和他的朋友们 (以下简称 MilksFriends) 创始人之一马修的首次见面始于 2015 年夏季。彼时,我们讨论的主题围绕着 Speak Out 大会展开,创办一家 LGBTI 友善心理咨询机构的主意似乎并未在他心中成型。大会顺利召开后的 2016 年春季,在一次与马修和他的朋友的会面中,他偶然提到了创业的想法。无意之间,那一刻竟成为了我们合作的起点。


设计的精进之路是永无止境的,但我认为我需要在一个特定的时间点回顾、整理进程。现在似乎是一个对的时机。我需要以某种方式在我忘记之前记录下必要的经历与细节,无论它对我自己和他人是否有用。



背景


每当谈到视觉设计,中国非政府组织 (Non-governmental organization,以下简称 NGO) 时常会面对艰难的冲突。这种夹缝中的冲突被两个结论包裹:对于视觉设计之于 NGO 的重要性的清醒认识,和经济来源有限的现实。受限于中国 NGO 特殊的运作机制,在项目活动的经费都难以保证的前提之下,设计经费自然不如标准商业公司一样充裕。


然而,在后信息时代即将到来的今天,贯穿全局的视觉设计可传达的信息与有限空间内的文字相比,在容量和效率上都有显著的优势。图像内容与文字内容的关系发展到今天,在一定程度上超越了 “互补”,成为了 “包裹和被包裹”。视觉设计成为了承载文字的框架,为余下的内容建立了对用户友好的空间。



此时此刻,任何细微的视觉设计进步,都可能成为 NGO 增加曝光率、占领用户端的关键,进而成为增长用户数量、形成良性资金循环的隐藏因素。为处于起步阶段的 MilksFriends 设计完善、成熟且有延伸性的 VI 系统的重要性不言而喻。



意象


MilksFriends 的全名是 “Mr. Milk & Her LGBTI Friends”。它的有趣之处在于:


  • 称呼用词和性别代词的冲突,代表了生长在 (而不是摧毁) 二元性别系统之上的性别表达的多重可能,在有限的标题长度内构建起微妙的联想空间,赋予单薄且直接的 “Friends” 一词以趣味性和多样性。
  • “Mr. Milk” 一名来源于上个世纪为性少数群体平权事业作出巨大贡献的美国同性恋运动人士 Harvey B. Milk。他是 20 世纪同性恋权益运动的代表性人物之一。在纪念意义以外,“milk (牛奶)” 一词的感性意象是积极、圆润、温和且无害的。而这也巧合地与 MilksFriends 的设计目标重合。两者的巧遇有助于更深层次地拓展、丰满品牌形象。

(同性恋运动家和政治领袖 Harvey Milk 坐在自己的相机零售店里。1977 年 6 月 28 日拍摄于旧金山。(AP))


(在设计流程早期表达牛奶意象的过程。)




设计的可感知性 (Sensibility)



1995 年,法国标志性的建筑与工业设计师 Philippe Starck 在《1997 国际设计年鉴 (International Design Yearbook 1997)》中的 “设计即是交流 (Design is Communication)” 一节,对设计的可感知性作出了如下评价:



可感知性设计 (Sensibility-Design) 聚焦于用户的感官体验,这种设计利用了新的科技、材料和工艺。然而,并非每一个这样做的设计都可以被称为可感知性设计。通过对于形式、功能、颜色和材料进行分析,人们可以发现,真正的可感知性设计的例子是独特的。它们将情感元素注入到设计的形式之中 —— 丰富、愉悦、智慧、舒适、优雅…… 这些元素为进行体验的用户提供了更多的交互方式。


可感知性是难以言喻的。它包含的是不可量化的、细腻微妙的感受。想要将品牌寄托的情感顺利地传递给用户,仅仅遵循标准的设计原则是不够的。最近一个令人心动的例子来自于 Apple 设计的 Taptic Engine 在 New MacBook 2015 及后续型号上的应用:Force Touch 触控板取消了机械结构。力度感应器会检测触控板表面发生的不同强度的点按行为,唤起不同的反应。有趣的是,用户在使用这块触控板时不会发现有任何不同。Apple 通过 Taptic Engine 振动和音频完美地模拟了触觉反馈 —— “机械结构被按下” 的声音并不是触控板真实发出的。这并不是多此一举;相反,这段音频与细腻的振动正是用户按下触控板的一刻所期待的反馈,使其本身的功能变得可以感知 (sensible)。这个例子展示出可感知性设计的魅力:设计追随功能,从而使功能可见,从而使信息可见。这一段完整的动作流程使得用户体验变得无比直观且愉悦。


(MilksFriends 的主视觉形象。它的外部曲线形似被打翻在地上、溢出的牛奶。)


同样的逻辑在设计形式上也成立。在可感知性设计中,形式扮演了传达信息与吸引注意的 “信使” 角色。通过比喻 (主要是暗喻)、表达方式的新奇或引人发笑的幽默,形式透过屏幕被传输到用户的眼前,在视觉上被设计了强烈的可感知性。MilksFriends 的主视觉形象即是一个例子:捕捉奶制品在人类潜意识里的形象,并有意识地模仿其形式。



私人化、个性化和心理咨询


MilksFriends 作为成都及中国西南地区为数不多的几家 LGBTI 友善心理咨询机构之一,需要表达的不仅仅是对性少数群体的支持 (当然,这一点依然是不可或缺的)。在视觉设计环节中真正需要强调的,是对 “心理咨询机构” 这一独特形象的强化。


“私人化” 与 “个性化” 的意义是多向度的。在 “私人化” 指向一对一的保密性对话服务的基础上,“个性化” 的意义不再仅是传统意义上的 “为个人定制”,而是 “为每个人定制“。第三个隐藏的向度是时间。心理咨询服务的非一次性让用户连接组织交换信息的过程延续下去。



向度的叠加由色彩的分化表现。在二维坐标轴上的每一个用户,都随着时间的延展动态地获取不同的结果 (色值)。



基于以上的原则,MilksFriends 的高自定义度视觉形象出现了。在色相与浓度的变化中,私人化与个性化的特点被不断强调。这是因为颜色在可感知性设计中不可或缺的作用。色彩是物理世界中最强烈的刺激之一。对于设计者而言,谨慎、智慧地使用颜色能在物件之上有效地传达情绪。在功能和形式的基础上,颜色进一步地深化了视觉形象平易近人的特质。


Image title

(MilksFriends Logo。)


Image title

( MilksFriends 私人化视觉形象的例子。)



再造质感


一般来说,“质感” 来源于材料。材料通过被观察和被触摸传达可感知性。不同材料在同一个物件上的应用可以让美感、功能性和情感产生不同的分化。iPhone 7 新增的 Jet Black 配色,通过打磨工艺改变铝合金的光泽,带来类似于陶瓷的 “质感”,同时保持外壳不易摔碎的特性并节省成本。这样的做法,从本质上改变了原有材料的光泽,让其变得难以辨识。然而,在屏幕上,信息从材料中被剥离出来,狭义上的物质不再被需要,没有 “材料”,质感也就无从谈起。在扁平化设计的浪潮之中,对现实世界的追随者的声音似乎越来越小,使用数字工具再造缺失的 “物质” (而不是单纯、陈旧地 “拟物”) 的行为变得尤为勇敢而珍贵。


Image title

( MilksFriends 概念人物海报中对流体元素的运用。)

Image title

( MilksFriends 开幕筹款酒会海报。)


通过在调色过程中不断地组合色相、饱和度和明度,传统意义上的材料限制得以被突破,MilksFriends 的视觉形象如目标期望的一样,获得了物理世界中柔软、温和的质感。数字空间中形成了想象的现实,平面设计中的可感知性终于达到终点。

 


后记


这是一次将可感知性设计进行实践的有趣实验。作为我第一次系统性参与的项目工作,其结果还有许多值得进一步探讨与改进的地方。视觉设计是驱动性少数群体公益组织前进的不可缺少的力量,我希望更多设计者可以加入这样的良性循环之中。在沉默的革命中,每一个人都可以找到属于自己反抗的方式。


我们的世界正在面临可感知性的地位被削弱的问题。当暧昧、微妙的情绪波动被庞大的数据和极端的情感挤占了生活空间,我们的认知会在不知不觉间跌入光谱两端。我在 2016 年写下这一段话,希望每一个设计者都能意识到,为人们寻回这样逐渐变得遥远的 “感觉” 的紧迫的重要性。设计者有义务让世界重新拾起即将被忘记的事实:不可量化的感觉和坚定的爱恨同样重要。



参考文献


Kim, Dongha & Boradkar, Prasad. 2002. Sensibility Design. Arizona State University.

Starck, P. (Ed.). 1995. The international design yearbook 1997. New York & London, Abbeville Press.

 


外部链接


MilksFriends 的微博 / Instagram / 官方网站

微信:MilksFriends

在 Behance 上查看 “MilksFriends: VI Design for a Chinese NGO”

更新:2016-11-21

收藏

1人已收藏

Spidmax

19

  • 6

    作品

  • 25

    粉丝

  • 5

    关注

  • Nebulany: 天气 App 概念设计
  • Jelly Dialer
  • Project Brio: UI/UX Concept (英文版)
  • 单手操作机智改进 - Elude UI 2.0 Concept
相关标签

    猜你喜欢

      2016-11-21 原创文章 经验/观点 举报 1053 1 1 0

      创造视觉形象:米尔克和他的朋友们

      0.0°

      你确定要举报创造视觉形象:米尔克和他的朋友们

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年11月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录