Recent news
最新资讯
《Ant Design 设计模式周周看》·发刊词
2021-12-08

远处大海的风光如昙花一现,却长久地在人的脑际回荡,睹这一景色的人,谁能忘怀?它的魅力将水远不会消失。

那达成如此效果的诀窍是什么?

假如有一处美丽的风景供朝夕观赏,如果它越是一览无遗,越是引人入胜,就越容易让人感到厌倦。逐渐地它会变成建筑物的一部分,如同糊墙纸一样;屋子里的人再不会觉得这一景色有什么强烈的感人之美。

因此,不要设计巨大的窗户让景色一览无余,这样只会损坏景致。要把窗户开在过渡空间(例如走道、门厅、入口、楼梯等)。如此一来,当人们走近窗口或从窗前经过时,他们就能够瞥见远处的风景,进而留下深刻的印象。

 

上述例子就是亚历山大在《建筑模式语言》中提出的一种称为「禅宗观景」的模式。而如果如果你留意过中国园林,你会发现园林设计中这种模式也被大量地运用(换了一种名字或者说法)。

 

设计模式:有关设计的精妙见解

 

设计模式最早的概念来源于建筑设计领域,著名建筑理论家亚历山大(Alexander)于 1977 年出版了《建筑模式语言》一书。在书中,他通过一系列建筑特征的精确定义,提供了253个描述城镇、邻里、住宅、花园及房间的模式。亚历山大提取了那些带给居民幸福感的建筑设计的精华,并将这些设计方式称为「设计模式」(Design Pattern)。

设计模式的概念随着时间逐渐被人们所接受,在 1996 年左右,Coram、Tidwell  等提出了以用户为中心的界面设计模式语言的设计模式,正式在人机交互领域引入了设计模式的概念。当年比较知名的有 Tidewell 的 Common Ground 这一设计模式语言,在后来逐步演化为我们所熟知的《界面设计模式》(Designing Interfaces,下称「鸭子书」 )。

虽然设计模式发展迅速,但大家对它的概念或者定义众说纷纭,觉得这是一个可以包含很多东西的词。在学术论文《Pattern Languages in HCI: A Critical Review》中 Dearden Andy 等人对设计模式做了综述性地整理,提取了提取了这么多年设计模式发展过程中诸多论文对设计模式的理解与定义,我将其中一些相对关键的观点整理如下:

从上述对设计模式概念定义的研究可以发现,不同学者对模式的定义各有不同的理解,其中包含重复结构的提取(模式构造)、人造物(设计文档、开发工具)、传播媒介(通用语言)、知识载体(知识记录工具)等若干方面。

作为体验设计师,我们其实并不需要关心设计模式的具体定义是怎么样的,但是通过上述研究和讨论,我们便可以对设计模式有一个基本的认知。

就我个人自己来说,最戳中我的解释是:设计模式是有关设计的精妙见解。因为无论是将设计模式定义为设计指南,特殊的文档形式,还是说它是通用解决方案,都是在描述设计模式的特征,而设计模式的闪光本质在于,它包含了对设计的深刻洞见。

 

为什么我们需要设计模式?

 

在说为什么我们需要设计模式之前,不妨先来聊聊交互设计发展到现在,目前遇到了哪些问题。

 

设计合理性、设计品质的问题。我们在做设计的过程中,经常会接到产品侧给出的需求,有时候这个需求之前从来没有接触过,也没有在竞品设计中看到过,该如何才能把它设计得更专业?如何才能说服产品经理我的设计是合理的?

 

设计经验如何沉淀的问题。组件化、规范化的设计思路日益普及,但是仍有很多设计师存在困惑,例如不知道什么样的内容可以/应该被沉淀成组件;有很多功能过于复杂,看上去无法沉淀为组件,但是很多业务中可能需要用到,比如拖拽的交互设计等等。而事实上更有大量的设计经验不适合沉淀为组件,那这些经验又该如何沉淀和积累?如果把这些设计经验都作为规范的话,同样会带来很多问题,例如,到底什么样的经验才能被称作是规范?设计规范的边界将会无穷无尽,这是非常不合理的形态。

这个时候,你会发现设计模式可以很好一种很好地解决上述问题的利器。

 

体系化设计思路,提升设计品质

 

设计模式是诸多设计经验中的精华部分,它们不仅说明如何解决问题,而且说明为什么这种设计适合当前的特定情况。

以「深层链接」(Deep Links)这个设计模式为例,「深层链接」是指一种包含了网站或应用特定状态的链接。当用户通过该链接加载后,程序将还原预期的应用状态。

例如使用 YouTube 的分享链接,可以勾选上开始时间一个选项,这样一旦通过该链接打开,就能让视频的播放时间自动定位到视频的 51 秒。

 

为什么「深度链接」是一种好的模式呢?因为深度链接为用户提供了一种直接打开应用程序状态的方法,从而节省了时间和精力。它的行为就像是直接链接到常规网站上某个内容的“深层链接”,或者是指向博客文章的永久链接。这种模式使得分享变得非常方便。深层链接可以通过微信、微博、文章等进行传播,讲到这里,相信大家并不陌生淘宝链接、支付宝口令红包等等,用到的都是「深度链接」这个模式。

设计模式给设计师们提供了非常丰富的设计弹药库。例如当你需要对某些页面元素进行布局时,你可以从信息块的 5 种模式中进行挑选,如果你要对列表进行设计,你可以根据自己的需求从 7 种列表相关的设计模式中找到匹配的模式。有了这样一个巨大的弹药库,我们就可以在设计的过程中始终具有体系感,且达到较高的设计品质。

 

沉淀设计经验

 

设计模式是沉淀设计经验极佳的一种方式。按照设计模式的标准结构,它包含有以下五个部分:

What 是什么;

When 何时使用;

Why 为什么模式是这样的?

How 如何使用;

Example 具体的案例;

这样五个部分的介绍可以很清晰地呈现相关场景下的巧妙设计解法,也就是设计模式。无论领域、主题,无论抽象、具象的设计经验都可以用这样的一种结构记录下来,进而形成有价值的设计资产。

 

我们想干什么?

 

到这里为止,我相信大家都已经知道设计模式是个好东西了,那么我们接下来想做件什么事情呢?

 

声明:文章及图片来自网络,并不用于任何商业目的,仅供学习参考之用;版权归原作者所有。如涉及作品内容、版权和其他问题,请立即与我们联系,我们将在第一时间删除内容!


和我们来一次愉悦的设计之旅

关于品牌设计、企业应用、制作执行方面有什么疑问都可以和我们聊聊~

您可以通过以下的留言板把您的需求简单描述发送我们的邮箱。

我们会尽快与您联系,提供一个全面的解决方案!非常期待您的留言,更期待与您相见!

您的姓名:
企业名称:
您的联系电话:
您的QQ:
您的需求:
微信
电话
0574-81877818
客服
咨询
工单
顶部

让您的品牌更具竞争力...

版权所有 宁波斯创影视文化传媒有限公司 浙ICP备2021012789号 工信部电管函[2013]143号

《跨地区增值电信业务经营许可证》编号:B1-20140197 高新技术企业 编号:201831000841 科技型中小企业 编号:201931011508001704                公安备案号:31010102002108