空谷札记

宁不若闻空谷跫音乎

设计的「最小验证通路」与交互产品的 0 到 1

导读:我相信很多学我们这个专业的同学,是怀着一颗「设计改变生活」的上了设计这条贼船。本科的课堂上,我们一直被教导着说去创新,去做改变世界的产品。乔布斯是我们致敬的偶像,微信淘宝是我们对标的假想敌。我们的设计的流程也是高端大气上档次,战略分析、商业模式、用户研究、产品框架、功能需求、交互视觉…然后大家噼里啪啦地一通分析,做出一个又一个看似很创新的交互界面,画出一张又一张炫技的视觉稿,但最后的结......

大设计与博雅学科

这是一个关于设计思维的系列文章,从我自己个人的感受中聊聊我理解中的设计思维。抛个砖,希望能够有更多的交流。 一 我们现在口中的设计,范围似乎无所不包:产品设计、交互设计、服务设计、公共装置设计、平面设计乃至战略设计、社会设计。我们不断强调「大设计」的概念,不断强调人人都学设计思维,仿佛不学这些东西,我们就完全落伍了一样。 布坎南在《设计思维中的「抗解问题」》开篇就提出:“任何一种对设计的定......

设计思维与溯因推理

这是一个关于设计思维的系列文章,从我自己个人的感受中聊聊我理解中的设计思维。抛个砖,希望能够有更多的交流。 如我之前所说的,「解决问题」这个定义存在两个问题:「问题」的定义是什么 和「解决」是怎么样实现的。上一篇详细论述了前一个问题,那么这篇会好好讨论后一个问题:「解决」是怎么样实现的。 一 上一篇写完之后,有人留言说: 我总隐隐觉得降维以「解决问题」不应是设计师唯一的思考方式。提出问题......

设计中的抗解问题与待解问题

这是一个关于设计思维的系列文章,从我自己个人的感受中聊聊我理解中的设计思维。抛个砖,希望能够有更多的交流。 一先从一个老生常谈的问题引入——「设计是什么」?曾在知乎看到过一个问题「如何自学工业设计?」,现在最高票的回答是这么说的: 首先,什么是工业设计。你知道在美国,工业设计师经常用的title里,除了Designer以外,最常用的是什么吗?是Problem Solver (解决问题的人......

构建主义与设计思维漫谈

秋学期上了一门《科学教育导论》的课程,其中提到的构建主义和我去年研究的设计思维很有联系,颇有感触,因此写下自己的一些想法,抛砖引玉。 构建主义先讲讲构建主义是什么。建构主义是一种关于知识和学习的理论,强调学习者的主动性,认为学习是学习者基于原有的知识经验生成意义、建构理解的过程。在这个理论之前,主流的教育观点来自行为主义,其认为心理学不应该研究意识,只应该研究行为,把行为与意识完全对立起来。......

从 Ant Design Pro 到 umi

因为心想着让毕设真正能够落地,过年放假这段时间一直在研究 Ant Design Pro 的源码,力图寻找一种对新人友好、开发体验优良的模式。然后从 pro 研究到 roadhog 与 dva 再从 roadhog 与dva 研究到 umi ,总算有些满意的结果。在此进行一下分析与总结。 本文的顺序便是基于前端开发必会涉及几个环节的来梳理 Ant Design Pro 、 umi 的开发逻辑。......

设计系统中字体系统的搭建指南

在设计中字体的重要性不再多说,这篇文章主要和大家聊聊设计系统中「完美」的字体系统是如何搭建与维护的。 本字体系统的定义大量参考了 Ant Design 的定义过程与设计成果,在此由衷表示感谢~ 先来简单看看设计说明: 在使用 Ant Design 的字号、字阶、字重等基础上,我重新选择了字体颜色。 为了保持字体系统的可用性,维护组件与设计计的可用性,需要确保能够覆盖所有的字体使用场景,......

市面上的「真」·「伪」设计系统

原子设计系统(下均称为设计系统)这个词应该已经流行很久了,像蚂蚁金服最近出的 Ant Design 3.0 也说是基于「设计系统」进行构建的。(如果你没有了解过原子设计系统,那么我建议先去对原子设计系统做一个初步的了解。因为这篇文章并不是原子设计系统的科普文) 虽然设计系统这个概念出现了很久,但是从设计师的角度来看,业界仍然存在大量的「伪」设计系统。为什么这么说? 设计系统是从 Styl......

什么是交互设计

这是我在知乎上的「 什么是交互设计? 」的一篇回答,重新梳理了一下逻辑,分享给大家。 如果我们问,交互设计是什么?从网上各种定义中似乎能很快就能知道答案。 交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界......

Ealge——设计师的第二大脑

图像管理向来是很多设计师浪费精力的地方,但是比较“浪漫主义”的设计师往往并不会注意这方面的优化。事实上,科学的工作流程能让我们事半功倍,专注设计本身。而这篇文章就是给大家介绍 Ealge 这个图片管理工具(我称之为「设计师的第二大脑」)。助力图片管理,真正打造自己的第二大脑。 Eagle 的功能特点图片库如很多图片软件一样,Eagle 采用了库的模式。因为我个人横跨的领域非常广,从平面到产品......