59

算法驱动型的设计

 6 years ago
source link: http://mp.weixin.qq.com/s/cFwCxrMfoHHIAj6lsu-l2w
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

算法驱动型的设计

Original shadow 无界社区mixlab 2018-01-06 14:22 Posted on

收录于合集 #写给设计师的技术指南 42个

“Everything should be made as simple as possible, but not simpler”

— Albert Einstein

Image

未来人工智能将在哪些领域取代人类?

老师

乂学教育基于AI的自适应学习系统,制定学生的学习内容、计划。

医生

“沃森医生”(Dr. Watson)是一款IBM公司打造的医疗认知计算系统,是肿瘤学界的“阿尔法狗”。

律师

ROSS 是世界上第一个人工智能律师,它可以帮助人类律师比以往更高效地进行案例检索。

还有很多例子……

今天还是继续聊 设计师。

2017年本公众号发布了一篇报告:

「 国内首个 」设计+人工智能深度案例分析报告

概括了下目前设计行业的智能设计师类型:

海报设计师、建筑师、LOGO设计师、网页设计师等等。

以上的这些例子都是基于人工智能的相关技术构建的,行业普遍认为的人工智能由3个要素组成:数据、算法、算力

在人工智能的背景下,设计师可以选择新的方向:

算法驱动型的设计

Algorithm-Driven Design

如果想从事这方面的设计,需要掌握算法、编程等技能。

设计师的职业是多元化的,

你可以跨界做其他的设计:

跨界设计师修炼指南

还可以专注于实现一款产品:

对‘全栈MVP设计师’的思考

算法驱动型的设计在思考什么

比如下面这张图:

Image

思考设计的规则,并把规则抽象成计算机语言,或数学模型。

设计师更多的像是在“思考人生”。

比如Flipboard的自动排版系统Duplo 就是算法驱动型设计的典型例子:

Image

把设计抽象成元素模版的组合,设计规则转化为算法评估设计质量,从而生成页面的排版。

Algorithm-Driven Design相似的概念有Generative Design,生成式设计(下图引自autodesk官网)。

Image

工业设计或者工程领域的设计,如建筑、结构等对生成式设计并不陌生,还有更类似的Parametric Design,参数化设计。

在建筑景观领域,称为参数化设计,属于典型的算法驱动型设计。这个领域还是扎哈大妈的作品炫目。

Image

Algorithm-Driven Design、Generative Design、Parametric Design

三者的关系可以理解为:

Generative Design > Parametric Design

Generative Design > Algorithm-Driven Design

Generative Design = Parametric Design + Algorithm-Driven Design

            UX UI            用户体验设计

本文重点谈UXUI领域的算法驱动,我们把算法当成工具,帮助我们优化和简化工作流,高效完成设计,有以下几方面的应用:

1 自动完成界面设计

例如web设计,我们可以使用The Grid CMS的算法来完成设计。

 案例The Grid

https://thegrid.io/

其算法是基于CassowaryGrid Style Sheets(GSS),是以约束编程为基础的。

我们了解下Cassowary布局算法

Cassowary将布局问题抽象成线性等式和不等式约束来进行求解。

指定一系列的约束,比如视图的高度、宽度等等。而每一个约束其实都是一个简单的线性等式或不等式,整个界面上的所有约束在一起就明确地定义了整个界面的布局。

2 批量生成设计素材

各种背景图案、各种UI组件……

Image

3 品牌动态化

Image

4 用户体验设计的千人千面

用户体验随着用户的使用,将动态变化。

例如国外的SpotifyDiscover Weekly功能,曲目列表+个性化填充的内容。

Image

跟这个概念类似的有预见性设计 。

让用户的操作变得更加简单,背后支持的是个性化推荐算法

非常典型的例子就是微软Office软件里的助手。(1997年就已经出现了)

Image

以上是4个应用的简单介绍,更多内容可以在知识星球深入探讨。

2个问题值得我们思考:

由算法产生的设计可应用于哪些方面?

谁是设计的所有者?

欢迎在留言区留言,我将选取点赞数最多的用户,免费邀请进入 知识星球。

近期热门文章推荐:

数学与设计之Ramsey's theorem

人工智能设计师之智能排版的另一种实现方式

让机器预测平面设计作品的视觉焦点

2017你Mix了吗?


以下为广告:

付费社群--知识星球

Image

免费社群--MixLab微信群

聚集各路跨界能手——有各领域的设计师、程序员、算法专家。

也许我们可以一块做点好玩的事情。如需入群可以联系我。

赞赏专用:

Image

关于:

本公众号定期更新人工智能&设计&科技内容。

谈点设计,敲点代码,偶尔创作点人工智能实验产品

Image

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK