前言:最近看完了《以匠心,致设计》这本书,引发了一些关于设计上的思考,今天就随手写一写,记录下读后的感触吧。

 

片段1

作为工作3~5年的设计师,如果此时的你已经有了设计代表作,有着自己的设计理念和设计坚持,并得到了一些肯定,我相信这时你对建筑设计、工业设计、出版印刷等各个领域均已有所涉猎,你只有再去深入挖掘,多维度地构建立体的用户需求模型,才有可能建立起可落地的设计方法论体系。
我遇到过太多的设计师,对技术和基本的形式美的规律都未能掌握,就和产品经理聊思维和格局,貌似非常有产品意识。产品经理很满意,设计师自己也陶醉了,但等到出设计稿的时候,这些谈的东西却往往都用不上了。 为什么会这样?因为产品经理认为你的产品思维非常好,是基于你是一位视觉设计师或者交互设计师,他们会有这样一个基本定位:一位视觉设计师或交互设计师拥有这样的思维意识已经很了不起了。 但是,如果设计基本功不扎实,你的思路也就仅限于此,说着产品经理早就已经知道的话,然后发表着运营人员早就发表过的观点,收集着不知该如何分析的数据。如此一来,世界上少了一个可能成为一流设计师的人,而多了一名不入流的产品经理。


从事设计第4个年头了,回头发现,很多设计理念的根基是在大学时建立的,深受原研哉和深泽直人的设计理念影响。而工作之后,通过不断积累经验,才更理解之前的那些设计理念。现在呢?发现设计理念说不上好,也说不上坏,只是设计师自己形成的一套设计方法论的根基。1年前面试的时候,老大问了1个问题“你自己的设计方法论是什么?”,这个问题1年来一直“困扰”着我,直到最近,感觉自己似乎已经有了答案。
另外,设计应该是跨界的,接触设计的时间越长,我越发现设计其实没有边界。甚至说,知识都是没有边界的。所有不同领域的知识,都有共性,只要找到合适的结合点,就可以融合成新的灵感。

 

片段2

上图左边是易信的界面,“照明”按钮默认显示在取景框下方,位置选在页面中间原本是为了方便用户发现。但现实情况是:由于大多数时间用户都用不着照明功能,久而久之就对按钮“视而不见”;真的遇到光线不好的情况时,反复尝试无果后才意识到要去开手电筒,然后眼睛开始飞速地在屏幕上找按钮。 相比之下,微信对场景进行了细分处理,光线理想时不显示照明功能,当设备检查到环境较暗时,“轻触照亮”按钮便会出现。一对比便高下立见,微信不但保障了正常状态下页面的“纯净”,按钮从无到有的闪现比默认常置更能引导用户完成操作。


思考设计方案的时候,经常是以最佳逻辑触发,做出来的方案虽然不算坏,但是总觉得哪里怪怪的,好像缺少点温度。而书中的这个案例也许就是一个比较好的引子了。也许最优的检验方式,是将设计融合到生活中去,而不是刻意营造环境去测试设计方案。

 

片段3

当易信“晒一晒”需要解决露出更多评论的问题时(下方左侧图片所示),我们发现自己可能早已被顶部Bar的固有思维所束缚:可不可以没有Bar?如果一定要有,一定只能显示页面标题吗?在前文提到的网易邮箱大师的案例中,已在Bar上设计了“新建待办事项”的按钮,下方右侧图片所示的马蜂窝的案例则直接为了露出更多内容而取消了Bar的显示。


反思了下,日常一些设计,确实会受到一些固有思维影响,也许设计师需要刻意去做“突破创新”。

 

片段4

电商设计最重要的一环就是对商品图的控制,我们一方面要对每个商品图的构图、角度、色彩做好把控,另一方面要对商品在页面的呈现做出规范。①所有产品放置在米字格圆内,分为大圆、小圆、迷你圆,分别对应偏大、常规、偏小尺寸。②产品角度以15°为基础变量单位,如15°、30°、45°等。


当完成一个设计方案,还应该考虑方案上线后可能会出现的效果,以及后续其他角色是否方便维护。比如一个资讯类的设计方案,通常设计师拿出来的方案,里面的配图都是很高大上的效果。但因为没有制定简单明晰的规范,导致后期相关角色在维护时,很可能会出现十分丑陋的配图,大大影响了整体的效果。
也许对于外行人来说,一个设计方案也就这样,没什么技术含量,甚至内行人都不一定看出门道。但是对于设计师本身而言,每一个细节都应该问下自己为什么这样做,不能因为看不见,而不用心去设计。

 

片段5

将RGB的色盘调成灰度模式,可以发现蓝色是最暗的,青色和黄色是最亮的,越靠近蓝色的色系越暗,越靠近黄色和青色的色系越亮。

黑白灰小结:黑白灰的平衡能有效把控色彩的稳定,帮助控制互补色的不平衡。通过灰度模式可以检测画面的黑白灰的层级关系和比重。


对于交互来说,也是需要通过黑白灰来展示交互稿中的信息重要程度。

 

片段6

不管是内容,还是配图的展现形式,都是值得收藏备忘下。

 

片段7

在我们平时做设计的时候,当圆角设置得稍微大一些时,总会发现圆角并不是那么完美,直线和曲线的过渡很生硬。通过曲率梳形图,我们可以看到下方左图所示的常规的圆角曲率过渡是突变到半径值的,而右图圆角曲率则是平滑过渡的,右图使用的就是连续曲率的圆角。虽然这是一个难以被发现的细节,但在网易蜗牛读书的界面设计中我们还是希望尽量减少生硬的衔接带来的切割感,提供更加友好和顺滑的体验。


其实就3D建模犀牛中曲线的G2衔接方式,当接触的知识范围够广时,这种设计方案的包装也就易如反掌。当然设计师对这些细节的追求,也是值得学习的。这些都是真正的匠心追求,因为表面看起来,就算是内行的人,也很难留意这种细节设计,而当每个细节设计都处理得很用心,对于设计师本人来说,也是很有成就感的;有追求的设计师,都不应该马虎对待每一个“看不见”的细节。

 

片段8

根据不同场景,我们定义了6种不同的贝塞尔曲线,通过对贝塞尔插值法进行复用,保证局部场景的个性化定义和整体的一致性体验。 在实现上,为了保证设计开发的还原度,我们也会给出完整的动效标注文件。标注文件中包括动动画属性、动画时间、动画变化量、动画曲线、触发条件。
在动效的设计制作上主要用到了After Effects和Lottie软件,Lottie是Airbnb团队开源的一个动画库,以往我们设计师设计好的一些比较复杂的动效通常会通过Keyframes或者GIF的形式输出给开发人员,但却面临着导出文件大、适配性和扩展性差、开发代价高的问题,让一些好的动效因为时间和资源的问题最终被搁置。而通过Lottie,设计师可以将After Effects里制作的动效通过Bodymovin插件导出一个非常小的JSON文件,工程师只要通过简单地配置就能100%地还原动效,大大降低了设计开发的成本,目前Lottie还支持网络读取JSON文件,做A/BTesting也更加方便。


这部分内容,主要是在设计方案包装上有所启发,一个常见的动画基本原则,经过配图展示的包装后,显得听高大上的。

 

片段9

控制感可大致分为首要控制(强调通过自身做出行为来改变环境)、次要控制(强调通过自身调节来适应环境),以及利用控制感塑造控制错觉(即由于控制感的存在,人类往往高估自己对事件的控制程度而低估运气或不可控制因素在事件发展过程及其结果上所扮演的角色)。这种控制错觉在日常生活中无处不在,如:
* 打游戏时,我们往往会粗暴或高频地按键,虽然明知无用,但我们依然很卖力。
* 在赌博游戏中(如掷骰子),我们会很认真地做一些仪式性的动作(揉手、用力、吹气、大喊等),以此来期待自己可以控制这个结果。
* 买彩票时我们往往会倾向于自选号码,即使我们知道中奖的概率一致。


设计师应该理性的思考,寻找出当前的最佳方案。但设计师还应该懂得生活,带点感性,这样设计出来的方案才是有温度的,用户不是冷冰冰的机器人,在使用产品时,都或多或少带着情绪。

 

片段10

习得性无助是美国心理学家塞利格曼提出的一个概念。随着新产品的复杂性、新奇性的增加,以及产品使用场景的多变,用户操作经常会出现停止、被打断,从而导致失败,多次的失败必然会导致习得性无助,如果在错误出现之前引导或限制用户,避免失败产生也有利于提升确定感。

如在语音交互设计中,由于自然语言输入是无限制的,所以用户可以随时输入或修改信息,但产品的范围和策略有所倾向和取舍,往往无法满足用户。如果在使用过程中对可能出现的关键时机给予引导提示或启示告知,以引导或显示用户说法,也是保护控制感的方法之一。


语音交互是个有趣的话题,最近也在学习这块的知识。语音设计未来也是一种趋势吧,了解语音设计的基础知识后,我常在想一个问题,对于不喜欢语音,特别是在公共场所人多的地方。微信语音也几乎不用的人群,如何去解决这种心理上的阻碍呢?
回到书中的案例,对于一个常见的功能设计,也需要尝试“诱导”性的模式,以及给用户营造多些控制感。

 

片段11

当我们看摄影时,可以学习它的构图和色彩搭配,转化为一些漂亮的小插画。


各种不同领域的知识,它们的边界在哪?取决着自身固有思维以及知识容量的限制。

 

片段12

方法:利用PDCA(Plan,Do,Check,Adjust)管理循环推进设计管理。
* Plan(计划):何人、何地、何时完成什么事?怎么做?(具体参照5W1H法则)。
* Do(执行):根据制定的计划,进行具体设计,实现计划内容。
* Check(检查):检查计划与结果的差别并找出问题。
* Adjust(修正):对检查结果进行修正;对没有解决的问题,提交给下一个循环去解决。


似曾相识的方法,结合著名的理论去展示说明,就变得很专业了。

 

片段13

Whitney Quesenbery提出的5E原则,包含了有用性(Effective)、效率性(Efficient)、易学性(Easy to learn)、容错性(Error Tolerant)、吸引力(Engaging)


即是理论内容的备忘,又是设计包装技巧的学习。

 

写在最后

本文主要记录了自己阅读《以匠心,致设计》这本书的一些感想。
“匠心”究竟是什么?也许不同人理解都不太一样,这几年各种商业炒作,又似乎把这个词玩坏了。感觉“情怀”、“有温度”也似乎成了一种忽悠消费者的商业文案了。
从业时间越久,我发现对于设计师这个角色,我已经不敢乱言什么才算是优秀设计师了,也许是过了初生牛犊不怕虎的阶段吧。
对于自身而言,时常在想当初为什么选设计?对设计的追求初心还在吗?结果还是挺庆幸的,这几年走过弯路,迷失过方向,但自己定下的原则还在。

前段时间跟朋友聊天时,他的一句话突然惊到了我,大意是说我已经把设计融入了生活中。回头想了想,这是一个无意识的过程,当把设计中的同理心带到生活中,那么这位设计师注定是擅长换位思考的人。对细节的追求,也许就是“强迫症”的表现。对审美的追求,也可以体现在各种购物挑选的行为中。这时候的设计,还是一份工作内容吗?或许就变成了生活延展的一部分。

回到书名《以匠心,致设计》,匠心是什么已经不重要了,“以内心,聊设计”的出发点,观看这本书就行。
最后感谢网易UEDC出品的这本书,虽说书本内容主要源于过往UEDC团队相关的文章积累。不少文章已经看过,但经过筛选编辑成书后,结构会清晰些,内容也相当于做了一次过滤,还是推荐一读。如果没钱买实体书,可以下载个“网易蜗牛读书”阅读电子版。