标签归档:设计

Instagram 告别怀旧时代

文/Robinson Meyer, The Atlantic
译/horsefaCe

New Icon of Instagram

本周(原文发表于2016年5月12日——译者注),当无数的 iPhone 和 Android 用户寻思着去瞧瞧朋友们的照片而低下头,瞥向手机屏幕的时候,着实受到了一阵惊吓。他们原本应该去点击那个友好又略显庄严的卡通照相机,现在却只看到一个涂抹着难看的紫红色和奶昔色的象征镜头的简陋几何图形。

Instagram ,这款在美国最受欢迎 app 榜单上排名第十位的应用更换了它的图标。

人们对于戏剧性的设计变化很少会给予正面回应,Instagram 的这次改变也并不例外。“ Instagram 的 logo 在2016年变得抓狂。”——《纽约时报》显得怒不可遏。“一个拙劣的作品。”《广告周刊》也高声地抨击。新图标发布之前,这款应用的设计总监 Ian Spalter 在接受 Fast Company 的采访中被问及如果新设计的反响差强人意将会如何应对。“也许我会去休个假,”他回答道,“在一个堡垒里头。”

他尚且还不用跑到地底下去。我想不到有哪一次的品牌重塑在发布的头一天就能收获好评的。事实上,logo 的炒作周期是一个有趣的套路。假若你是一名记者,你可以宣布新标识的新闻,援引所有那些愤怒的推文,并暗示新的标识多么应该经得起时间的考验,而考验的时间又是多么地远长于 Twitter 上热议的期限,等等。

而到了人们对新设计更加深思熟虑地绘制意见的时候,专业设计社群之外的普通民众往往已经忘记了这个事件,仿佛它从未发生过似的。Armin Vit 在 Brand New 上的评论就指出,两亿人每天敲击着你的 logo ,这是“一种可口可乐与耐克都会疯狂羡慕的品牌参与”。

“只是时间问题——大概三个月吧——从被认知、被识别,到被下意识地视作 Instagram 的应用图标。”他补充道。

正如这个周期中所发生的那样,一些推文的确十分有趣。

译者注:此处原作者援引了两例源于 Twitter 的图文。其中一则加入 gif 动图调侃 Instagram 新图标是某个玩弄图片编辑软件渐变色功能的小孩的作品;另一个则戏谑 Instagram 图标的色系同甜甜圈连锁店唐恩都乐的设计如出一辙。

扯得有点远。我真的不知道我能否爱上 Instagram 的这个新图标——说实话我也从未崇拜过老的那个——不过我认为这种改变依旧富有教益性,在于它暗示了智能手机时代里,大众诉求消费的科技产品发生变化过程中的显性特征。

新的 logo 的灵感清晰地源于当前图标设计流行的趋势,在这一点上之前老的 logo 亦是如此。Instagram 在2010年面世,在那个十年里,原版设计中拟物化的元素令人印象深刻。由像素协调出的细节,彩虹色的装饰、舒适又亲切的皮革让人联想到装载着应用的 iPhone 本身:它整个散发着2010年代早期科技那种愉悦乐天的气息。

这款新的图标有着2016年的图标设计所能猜到的一切东西:扁平、极简、荧光效果,并透露着一股自信。在品牌设计的整体性上, Instagram 也做出了重要的举措,将渐变式的设计效果应用至旗下的关联应用上: Hyperlapse 、 Boomerang  和 Layout 。它们的图标现在即视感看上去比以前的版本更与 Instagram 更接近。

Icons of Instagram, Layout, Boomerang and Hyperlapse

上面一列是老版 Instagram 、Layout、 Boomerang、 Hyperlapse 的图标,下列则是新版。

然而,正在发生中变化远比设计趋势的转变更加深刻。相比较以往任何一个版本的 UI 更替,新版设计摒弃的是原先保守的过去。

当 Instagram 刚刚问世之时,它那怀旧感十足的图标着实令人感觉安逸。在那个充满焦急与狂热的2010年代初,有趣的 logo 以及所包含的滤镜名称都令人回忆起宝丽来 SX-70 和其他的一些1960年代的傻瓜式拍立得相机。(上世纪中叶摄影行业的发展对于今日智能手机进化的重要意义很难被忽视:苹果公司产品的设计者们都对徕卡相机赞誉有加。)它所散发的吸引力并不来源于它对于未来有何臆测,而在于它的设计暗示了某一段带给人们温暖、和善并且能持久存在的虚幻的过往。同时,由滤镜所加工出来的那些一次成形的蹩脚手机照片看起来都挺凑合的。

时至今日, Instagram 已无须再利用这样有伎俩来吸引注意。它就是……纯粹的 Instagram 。以我所见,这是唯一的一款大多数人真正喜欢使用的社交网络工具。(而且人们已经不再需要滤镜了。)这款应用的界面同样经过了重新设计,去除了几乎所有的其前身所具有的特点。界面的主色为黑白两色,而每项特性的小图标均被绘制为纤细、简略的表现形式,蕴含着各自潜在的象征。例如“发现”标签是一个放大镜的形状——一个圆圈外加从圆圈外延展出来的一条细线。

所以这就是这款 app 图标本身的内容。有人觉得奇怪,为什么 Instagram 不用一种极简的升级版来改进老版的“照相机” logo :

新图标感觉挺棒,不过我很好奇如果能稍微地保留一些原有的气氛是否会更好……

— Ian Storm Taylor (@ianstormtaylor)

但是新图标所暗示的照相机,不仅仅是普通意义上的相机。设计师 Craig Mod 写过一篇关于“网络镜头”的文章,一个连接了互联网的图像传感器使他相信终究有东西将补充并取代照相机。我也曾撰写过文字,讲述新的 iPhone 与 Android 手机在迭代中将只会保留对照相功能的持续革新,直到手机的发展道路在功能与形式发生重大变化。

新的 Instagram 图标是圆角正方形中加入两个圆,这是一个我所能捉摸到的最基本的类相机物体的图形表现之一。两个圆与一个正方形代表着一片镜片,一个光源,以及一种网络连接——即使网络连接在这其中是含蓄的。曾经的 Instagram 吸引用户,依靠的是频繁地讲述老故事,依靠的是提醒用户去回忆往事,依靠的是把所有的特性浸泡在怀旧的温暖大碗汤中。现在的 Instagram 只是几跟看着像一个屏幕的线条了。你会知道用它来做些什么的。

往左边来一点点,《西文字体》后记

helvetica poster

Helvetica Typeface 图片来源互联网

最早接触微软office套件的那个夏天,最喜欢做的就是“插入”各式的“艺术字”,好像越花里胡哨越有艺术成就感,待到堆彻了一屏幕的字符才发现压根就没有艺术的半点事儿,完全可谓不堪入目。

就好像小孩拿蜡笔水彩笔画画,不管三七二十一先把各种颜色上一遍,好像炫丽多彩就是认识最初的美感。

这是一个炫丽的世界,因而人们自然的,也经过几千年历练的审美,同样是异彩纷呈的。迥异的服装、饰品源于不同的民族,以文化之名在天然的屏障下各自滋长。虽然人类普遍都有趋美的天性,但在形式上毕竟获得了各自的自由,终也得以区分这个星球孕育已久的多样性。

若是这样说来,愈演愈烈的全球化就在弱化着这些审美多样性。看呐,从胡志明到圣地亚哥。一样的玻璃幕墙包裹钢筋混凝土,一样的衬衫领带搭配西装皮鞋。

不过这般描述可能有点过于消极了,毕竟许多美的东西在沿着另外一些轨迹发展,即便更多民族性的东西以后或许只能以艺术遗产的形式给人们提供创意了。

目前来说,拉丁字母作为现代文明统领者的工具,在全球范围有着庞大的应用群体,成为了通用的标识。在审美上,拉丁字母们同样很有话要说(尽管我们更熟悉的汉字在“书法”上很有造诣,其他诸如阿拉伯文、古代印度文字也曾将笔迹演变为美学,但她们终究不够普及)。尤其是在数字设备大行其道的今天,首先被沿袭应用到显像屏幕上的拉丁字母在字体创作上发挥了众多的灵感,我们今天才能在屏幕以及印刷到平面纸张上得到更多不一样的感观。

由于之前并没有涉猎过西文字体的领域,小林章的名号是见了书才得知。一个日本人在拉丁字母的设计上取得高水平,也足见该种文字的号召力。

越过衬线、花笔、合字等等小而有趣的概念,哪些字体是“可依赖”的,哪些排版会“出丑”,字体设计师总会有自己带着情缘的词汇来描述。区分不同的字体可以从年代特征入手、从地域风情入手、还有从最刺激的“气质氛围”入手,其实我们的视觉认知早已在这花花世界中被训练有素了。

当然了,作为仅有些兴趣的门外汉,在字体审美方面我们也不必细究太多,要知道那些个字体在设计之时被拿捏把玩,哪怕“往左边一点点”(一个像素?)都事关美感的象征,活儿太细!

紫禁城的CRAP

从景山公园自北向南拍摄的紫禁城。摄影师Trey Ratcliff的作品。

虽然一直认为自己的审美是靠谱的,但也自知压根不懂设计。所谓知其然不知其所以然,大概就是我这种处境了。

不过在读过《写给大家看的设计书》之后,好像觉得有点头绪了。作者Robin Williams着力强调了设计的四大原则,而后在此枝干上发展出缤纷的叶子、花朵与果实。

对于四大原则的联系与记忆,你猜我怎么着,第一时间想到的居然是那个营建于15世纪,象征着古老体系下中央集权的庞大宫殿——紫禁城。有点扯?且待一一道来:

对比(contrast)

对比,堪称紫禁城最明显,最对得上号的特征。且不说处在当时,宫殿那华贵的颜色在平庸、千篇一律的城市建筑中如何万灰从中一点红;单论紫禁城之内,朱红色的宫墙,金黄色的琉璃瓦同浅灰色的墁地方砖,白色的汉白玉栏杆、须弥座、丹陛,即已径自形成鲜明对比。

另外,宫殿的建筑体量也大小不一,中轴线上的各道城门(午门、太和门、神武门)与宫殿(太和殿)雄伟之极,相较于其他建筑又显殊为壮观,预示着皇帝处尊居显,皇权至高无上。

重复(repetition)

尽管建筑师在紫禁城的建设中变换使用了不同的造型,但整体的风格的重复再重复是显而易见的。

华贵的用色彰显着皇室专用的特权,这必须在每一栋建筑上得以体现。琉璃瓦屋檐上的仙人走兽、门扇上的门钉与兽面衔环、宫殿基座栏杆外围的泄水龙头遍布于宫廷之中,随处可见。左右大体的对称是一种重复,“面阔9间、进深3间”亦是一种重复。

对齐(alignment)

毫无疑问,这是这座皇宫又一个显著的特点。而且紫禁城整体的构造是明显的居中对齐,这是“一种比较正式、稳重的表示”,噢,跟书中说的一样。泱泱大国之君工作和生活的地方怎能不“正式、稳重”呢?所以中间对齐是必须的,甚至是故宫外围的皇城、京城(内、外城)也有意地居中对齐,而且还深深影响了今日帝都沿中轴线的建设,乃至环线一环一环向外摊的发展。

亲密性(proximity)

Map of the Forbidden City来到了比较勉强的一条原则上。紫禁城的格局有亲密性的特点吗?我觉着还是有。

整个宫廷可以分为外朝和内廷两个区块。前者位于皇宫南面,后者居北,前庭后院,建筑体量与数量风格迥异,各成一体。

外朝是皇帝执掌集权的窗口,每日当朝政,访万机,一方面还要在此接受万国朝拜,兹事体大,因而不得不营造的大气凛然。故建筑庞大,也很分散。有些类似平面印刷中的标题,字号大,字间距也大。

至于内廷,那是皇帝与其他皇室成员的私生活,小巧精致是必要的,鳞次栉比也是必要的,且最重要的是休息的地方总须在一块儿,要不然到翻牌子的时候也太折煞抬人的下人了。不论是乾清宫、坤宁宫还是养心殿,都处在北面的内廷。

要不然,“亲密性”还可以这么理解:皇帝跟她的妃子们若夫妻亲密,岂非国之幸事?哈哈!

CRAP

将以上四点原则的英文单词首字母拼在一起:crap(废话)……

古今中外的审美都能印证到一块儿,看来四大原则真是废话了。

嗯。本文将建筑构造与平面设计、网页设计混为一谈,戏说成分较多,驴唇马嘴,请勿当真。

维基百科的首页(3)

索引:

维基百科的首页(1)

维基百科的首页(2)

维基百科的首页(3)

若有一新人误入维基百科的首页改版遴选页面,细致查看了各个设计提案以及投票形势,或产生以下若干感受:

大多数维基人都是保守派

更好的描述词汇是英语中的形容词conservative,主要来源于三个方面:

  • 平庸的web设计

非盈利、由自愿者组成以及侧重于内容的特性,使得维基百科的页面(至少很长一段时间内)注定会远离绚丽照片背景、视差滚动、聚焦简洁、图片瀑布流等等日趋主流的web设计,用”平庸“来形容之前及以后的维基百科视觉设计毫不为过。

幸好,访问维基百科通常不像是去Pinterest找乐子,或是去Tumblr上找feel,无非是在相对枯燥的文字中寻找些有用的讯息,无妨。况且大众的口味还不至于挑剔自此。可以接受。

  • 审美千奇百怪,但过于奇葩的都没戏

在提案中,经常可以看到一些堪称“奇葩”的作品:奇怪的底纹、浓重的色块、诡异的布局……与大众审美反差太甚者必然被否决,这很好理解。然而也有提案若干,赞誉参半。支持者圈圈点点,拍手称妙,反对者亦言之有据。赞誉相抵,基本就晋级无望。

不得不赞叹审美这种东西的差异和多元。

  • 栏目排版其实八九不离十

纵观主流设计提案的版面排布,虽有细小差别,实际大同小异。十之四五予条目阅读的相关内容;十之三四予社群、帮助等编辑相关事项;剩下的再张罗张罗,鼻子眼睛俱在,就OK。

但凡有些与以上描述差异过大者,如用标签处理栏目切换的提案,其结局可参照奇葩视觉设计者,批评一通然后死路一条。

所有语言版本的维基百科首页都有这个特点。究其原因,大致是要考虑到兼顾普通访问者阅读、新手编辑上手和老维基人的方便。大家好才是真的好。

协作,协作,协作

抛开设计的作品质量怎么样不说,活动最明显的特点还是得回到群体协作上来。

  • 金字塔形的分工

几个人主持,十几个人提案,百来号人投票,活生生的社会分工模型。

塔顶端的主持者人数虽寡,责任却重,制定规则与时间表,引导讨论,管理进程,以免一群人有效率地向着积极的方向前行而不是沦为纯粹的乌合之众。

提案的设计者,有能力还得有热情,愿意付出私人的时间和精力的维基百科编辑。这个层级有门槛,并不全是指设计的能力,设计丑点的也不少,另一个关键是热情。

  • 结果上,少数服从多数

大规模协作的结果如何,关键还得看大多数。这不仅仅体现在维基百科条目产生于UGC,在包括首页设计遴选这样由群体讨论、投票产生结果的社群活动中亦很明显。无论维基百科的引导中多么着重说明“投票不能代替讨论”,结果最终得出的形式确实是投票,多数人的投票最终会决定日后的首页将会呈现为何种形式。

维基百科的首页(2)

索引:

维基百科的首页(1)

维基百科的首页(2)

维基百科的首页(3)

沿承前一篇所说,平日里,维基百科首页各栏目板块中出现内容的绝大多数,取决于用户贡献,借助人工和计算机工具的帮助来实现首页的日常更新。这是维基式大规模协作凝聚在一个页面上的成果。

于此同时,维基百科——出于与许多商业网站类似或不同的目的——也有着对整个页面设计进行改版的需求。首页改版的突出特点是低频次、较大动作、需要大范围的意见,这样的变化与日常的栏目内容更新相比,活动的筋骨大得多,社群所需要做的是更多的商讨、协调和实质性的编辑活动,而且所有这些并非来自组织流程严密的企业或机构。

这就是有意思的地方。

如果你注意看,会发现最近一段时间,中文维基百科首页改版的社区公告信息正在站内顶端滚动,提示着一个新的议题正在社区内搅动着网站运营的齿轮。

一些历史

关于首页的历史,最早可以追溯到2001年,当时的首页存于旧服务器(zh.wikipedia.com)中,简陋且文字为英文。翌年10月,在转移至新服务器之后,中文维基百科——尽管依旧非常简陋——有了新的域名(zh.wikipedia.org)和汉字化的首页。

2001年7月24日的中文维基百科首页

2001年7月24日的中文维基百科首页,查阅自archive.org的WayBackMachine。页面上,英文表达的歉意、老版的维基logo和文末的“维奇百科”都是亮点。

在此后百科条目和维基社区不断壮大和活跃的日子里,首页页面也在悄然经历着迅速的变化:CSS修饰的加入、简繁汉字的转换、栏目的更迭……甚至连口号也在为了愈加达意而变化着。

『涓涓不塞,将为江河。』

『海不让水,以成其大。』

『海纳百川,有容乃大。』

——首页前后三版的口号

2004年2005年和2006年,中文维基百科首页的设计出现了三次改版,均是在经过(半个月至三个月时间不等的)讨论、投票之后得出最终结论。相较于几年前,这个页面的观赏性和实用性无疑都得到了大的提升,而且非常明显。这是规模协作所取得成果的一个剖面,那些填充其中的,饱满而晶莹的果肉的成长,既要归功于那些设计方案的贡献者,也少不了参与讨论、投票的维基人。

2009 – 2010年首页改版计划

上一段提到的2006年首页设计,维持了三年半之久。不得不说这是一款优秀的设计——底色合理而富有变化,文本的排布更适合阅读,内容也足够丰富。这个方案由维基人究极人类贡献。之所以提到设计者的id,是因为09 – 10年的改版最终应用方案的设计同样出自于其手,只不过当时他已使用另一个名称。

2009 – 2010年的改版大致起始于2009年10月,有维基编辑者在社群的互助客栈中提出了对首页进行设计改版的建议,建议增加『面对读者的资料请求』和『社团活动消息』两部分内容以提升首页价值。

这个建议迅速得到了众多维基编辑者的相应,更大范围的讨论开始展开,这个范围体现在参与讨论的人数、改版议题之方案的数量和深度上。讨论一直延续了几个月,在此期间,专门的改版计划页面被建立以用于计划的实践,各式设计作品被提交以投入问答或众议形式的讨论。至2010年1月底,一共提交23个方案(含保留原设计)。

第一阶段的投票自1月15日始,至28日终,历两周时间,按简单多数制筛出票数最高的五个方案作品。其中Upsuper(即改名的维基人究极人类)的作品在第一阶段获得最高的91票,维持原有首页设计的提议获51票排第二。

2月1日至10日为第二阶段投票,投票规则小做变化,不过依旧以多数原则为标准。Upsuper的方案不出意外以73个有效支持票成为新首页的设计中标方案。

2010年3月27日,这个以白、浅蓝为主色调的设计正式披上首页。这个版本在上一篇博文中提到,清新有序,相当悦目,撰写本文的今天依旧应用在中文维基百科的首页上。

2012年12月20日的中文维基百科首页

2012年12月20日的中文维基百科首页

 2012年首页设计建议

于是又到了近三年之后。

『中文版首頁也用了快三年了,不妨藉著中文維基百科十週年的機會,在未來數個月籌備更換新首頁的工作,反正目前英文那邊有大量作品可以參詳。』

——维基人Kevinhksouth

2012年11月初,正值英文版首页改版,也趁着中文维基百科十周年的当口,又有人在互助客栈提出更新首页的建议,立马得到不少人的支持。于是,组织者和参与者又一次行动了起来。

12月初,针对首页展示内容的构想讨论结束。『(增加)更多有助提高参与度的连结』、『移除颜色选择按钮』等建议得到『普遍赞成』,一些建议没有共识,另一些则遭致大多数人反对。此后,立足于这个结论展开为期约一个半月的设计提交阶段。截至旧年年底,共有14套设计提交(不包括一个作者自行撤回的方案)。一些方案由作者参考其他语言版本的维基百科首页设计而成,或参考其他维基人作品的元素、概念或建议。

照例,其他无暇贡献设计方案或不会设计的维基编辑,可以对提交的方案指手画脚,提出见解供其作为参考;当然也有对既有提案实在看不下去而奋起投入生产的群众。

一大群人在讨论中苦苦寻求着共识,这就是维基百科。

个人比较倾向于Gakmo的作品(头部设计除外,不过更中意他所参考的匈牙利语维基百科首页的设计)、Danielinblue的作品(不过稍显平庸)以及小梨花的作品(非常大胆,突出了图片,不过恐怕难以付诸实践)。

同时,个人觉得目前尚未出现足够有说服力的方案。或许在『增加什么板块、使用什么色调、是不是应该有圆角、图片的比例占几成』之外,在实用性与美观度的见解和纷争之上,众口难调。

要不投身其中,要不静观其变,总之,一切交给『多数人的暴政』吧。XD