在快时尚席卷全球的当下,印尼艺术家 Irene Saputra(又名 Nengiren)用一针一线编织出独属于自己的时尚宇宙。她以标志性的 “nona kecil”(小女孩)角色为载体,将刺绣艺术与时尚设计完美融合,用即兴创作的灵感打破传统工艺的边界,让每一件作品都成为承载自我成长与创意表达的独特存在。
配图 2:8dp 网格系统示意图,展示 4/8/16/24/32dp 间距的视觉层级,用不同颜色的矩形模块排列,标注 “Material Design 3 间距标准”,底部配手机界面应用示例。
配图 3:层级留白策略图,分宏观(界面边缘 20pt 安全边距)、中观(模块间距 24dp)、微观(按钮内边距 16dp)三级,用手机界面剖面图展示,不同层级留白区域用不同透明度的蓝色填充。
配图 4:响应式间距对比图,左侧为 320px 窄屏(16dp 基础间距),右侧为 1024px 平板屏(24dp 基础间距),展示相同界面在不同设备上的间距适配效果,用红色箭头标注间距变化。
配图 5:反常识设计案例,左侧为 VS Code 代码编辑区(最小行间距、零边距),右侧为 Spotify 播放界面(专辑封面与按钮间距 20dp,按钮组间距 16dp 的非对称设计),用对比箭头连接。
配图 6:案例解析综合图,包含 Figma 工具栏间距(24dp)、Notion 段落排版(行高 1.5 倍)、Airbnb 搜索页间距(搜索框与标签 32dp),三个局部界面拼图,用黄色线条标注关键间距数值。

好的设计可能并非易事。对一个人来说显而易见的东西,对另一个人来说可能毫无意义。设计可能感觉很主观,但我(以及其他设计领导)在评审设计时,总会关注一些因素。
好的设计是早期良好协作的成果。早期设计通常不会面面俱到,但我们可以预见一些细节,避免在不尽如人意的设计上花费太多时间。
本文档试图定义 Dialpad 的设计中“好”的真正含义。它为我们提供了一个共同的目标,以便领导层在评审时能够充分预期他们的大部分反馈,并让他们相信设计方向是正确的。
首先,我们必须弄清楚我们为什么要做一个项目。是我们要改进的指标吗?是我们要解决的未满足的用户需求吗?还是我们要达成的销售?在查看任何屏幕之前,我首先需要了解我们为什么要做这件事。这有助于我们在审查设计时坚持第一原则。
你知道我们怎么说讲故事很重要吗?这就是我们的意思。
只有了解了这些背景之后,我才能给你真正有用的反馈,而不仅仅是肤浅的“在这里增加间距”类型的反馈。
你并不总是需要幻灯片,1-2 段文字或 30 秒的演讲通常就足够了。我不喜欢被拖进一个没有任何注释的 Figma 文件里,也不喜欢仅仅为了了解项目是什么就被链接到一个冗长的 Jira Epic 文件或 15 页的 PRD 文件。
设计领导力涵盖了很多方面,我依靠你来告诉我什么是项目以及它为什么重要。
对你分享的内容和你想要的反馈要有策略性。你不应该在设计文件中展示和解释所有内容。为此,提前整理好你的想法和 Figma 文件会很有帮助。通过屏幕共享来跟上一个在 Figma 画板上快速切换的人的喋喋不休是非常困难的。你很可能无法通过这种方式获得你想要的反馈。
PM 或工程师通常会在介绍项目时就已经想好了解决方案。它会被包含在 Jira 工单中,在 PRD 中描述,或在会议上提及。这很棒。我们当然应该探索并汲取其他人的想法。但我也希望看到你们思考自己的点子。
弄清楚自己要做什么是高级设计角色的一个重要部分。
我希望看到你不仅仅是在执行别人的想法。我希望看到你至少从两三个不同的角度探索过一个想法(也就是说,不是同一个想法,只有两三个细微的变化)。
想出不同的解决问题的方法,表明你不仅仅是照做别人说的,而是真正运用自己的判断。这正是一个人在高级职位上表现出色的原因。不要害怕提问,不要害怕提出大胆的想法。你提出和改进想法的方式与实现想法的方式同样重要。
Dialpad 已经推出一段时间了,这意味着我们已经构建了许多快速易用的设计模式。但是,如果还有改进空间,就不要仅仅满足于“快速易用”。有时,新的方法可以让事情变得更好。
在审查设计时,我会问自己以下有关一致性和创新性的问题:
如果存在一个可以完成某项任务的现有模式,我希望看到它。同时,如果您认为有必要引入一个新的模式,我也希望看到它。如果您对其中一个模式有合理的偏好,我会加分。
虽然修复不一致问题很重要,但我们也应该考虑用户的使用场景。有时,即使需要付出更多努力,追求更好的体验也同样重要。有时,为了保持一致性和速度,最好还是坚持现有方案。绘制多个设计方案有助于促进这方面的讨论。
Dialpad 是一款极其复杂的产品,包含大量技术工作流程并生成大量数据。
我们的客户不应该知道这一点。
我们的目标应该是使交流变得即时且易于理解,就像网络浏览器连接和显示网站一样。
在审查设计时,我会问自己以下有关扩展功能的问题:
设计应该易于理解,但又足够强大以处理复杂性和规模。
记住,设计主要就是文字。我希望看到你的用户体验文案与用户流程、矩形和颜色保持相同的标准。
在审查设计时,我会问自己以下有关 UX 副本的问题:
我们有复制指南,还有一个经过 Dialpad 语音和语调训练的ChatGPT 机器人。快来使用吧!
在撰写文案时,我通常会将类似这样的内容放入 ChatGPT 中:
将以下句子重写 10 次。尽量简短,最多 10-15 个字。
请使用简单的语言和您熟悉的用户体验文案规则。
“一个写得不好的句子,无法表达我的想法。”
通常,最好的文案是这些示例的组合。我在撰写本文时就使用了这种技巧。
在审查工作流程时,一个原型胜过一千个静态屏幕。我喜欢尽早看到原型,即使是在线框阶段。它能帮助我预览实际使用设计的感觉。
在审查原型时,我会问自己以下问题:
用代码制作原型并不总是可行的,所以像 Figma 这样的原型工具能提供仅次于实际产品体验的最佳设计。从新用户引导到任务完成,交互式原型能让我清晰地了解用户从始至终的旅程。
大多数设计评审都侧重于推销一个想法,让观众信服这个设计为什么好。但这只是设计评审的一部分。我也想知道它的缺点。我们应该成为自己最严厉的批评者。
每个设计方向的优缺点是什么?一个设计怎么会失败?在审查一个设计时,我会寻找它为什么行不通,或者它可能被滥用或利用的原因,所以如果你也考虑过这些,会很有帮助。提前思考这些问题有助于促进团队之间的讨论。
虽然没有一份详尽的清单列出使设计“好”的因素,但提前考虑这些因素有助于将与领导层的讨论集中在深刻、实质性的话题上。
当我们接受“好”的不同定义,依靠清晰的框架,并创造一个支持批评的空间时,我们就可以提供既能满足创意目标又能满足商业目标的设计工作。
作为一名产品设计师,你可能会因为个人或职业原因考虑移居国外。并非每个人都有这样的机会。但如果你有这样的机会,你会如何选择移居地呢?
我尝试回答这个问题,并根据以下内容对各个国家(以及美国城市)进行了分析:
您可以在其他地方找到其他重要因素,例如医疗保健、育儿假、签证选择、公民身份途径、天气和安全,而我则专注于其他地方尚未提供的数据。
免责声明:由于未解决的数据异常,意大利和瑞典被排除在外。挪威因样本量较小而被移除。

关于数据:

然而,单凭工资数据可能会产生误导。同样的工资在两个国家可能会导致税后净收入不同。
例如,一名设计师在德国的收入可能比在韩国高出 20%,但税后,他们在两个国家的净收入是一样的。
我根据上一张图表计算了工资总额最高的前 20 个国家的税后工资。
(顺便提一句如果你是自由职业者或个体经营者并考虑移居到一个税率较低的国家——或者计划旅行几年——请寻求建议,我对此做了大量研究)。

中级/高级设计师的数据,单身,无子女,无注销,假设其他情况相关。
注意事项: “税收”涵盖所有强制性支出。然而,这些支出所涵盖的社会福利的水平和类型因国家而异。
即使在同一个国家,税前和税后工资的差异也可能很大。例如,在美国,一名设计师在达拉斯的工资可能是11.4万美元,在波特兰的工资可能是13万美元,但税后收入在两种情况下仍然约为8.8万美元。

免责声明:纽约市的数据可能不准确,因为这些数字包括周边地区和州(感谢Bob Baxley 的举报)。
我查看了TrueUp上哪些国家/地区的设计职位最多。他们整合了不同来源的职位,因此比使用单一招聘平台更具代表性。
为了保持图表视觉平衡,我从图表中删除了两个异常值:

我们已经了解了目前大多数职位空缺的分布情况。但未来这些职位空缺可能会在哪里呢?
公司在更容易招聘的地方开设办事处,而在人才库较大的国家,招聘也更容易。
为了了解每个国家的人才库有多大,我查看了每个国家已就业设计师的数量(我称之为“人才密度”),并将其与薪资结合起来。
美国是一个例外,其薪资和人才密度最高。为了保持图表的视觉平衡,我将其从图表中删除。

需要注意的是,上图和下图的数据偏向美国企业。这意味着数据集高估了美国公司雇佣的设计师。
现在让我们放大来看薪资最高的20个国家(税后)的人才库:


您可以查看此图表的高分辨率版本。
图表显示的是税前工资。新加坡和瑞士都是低税率国家,因此税后它们很可能不再是异常值。
生活成本和工资似乎密切相关,很难找到在生活成本方面也能提供良好价值的高工资国家。

在下图中,我结合了Numbeo的薪资和生活质量指数,其中包括:

以下是根据各标准排名靠前的国家/地区。显然,这些参数并非二元化的,因此,为了获得更细致的了解,请查看上面的完整图表。

“我们把屏幕上的按钮做得如此好看,让你忍不住想舔舔它们。” ——史蒂夫·乔布斯
我记得亨利·福特曾经说过:“如果我问顾客想要什么,他们会告诉我一匹跑得更快的马。”人们不知道自己想要什么,除非你把东西展示给他们看。—— 史蒂夫·乔布斯
在很多地方,这简直就是认知超负荷和可读性低下的噩梦。玻璃折射需要一定的透明度才能达到最佳效果,而这种透明度会让一半的背景显得格格不入。
说实话,我真不知道苹果是怎么做到的。在尝试模仿之后(使用 AGSL 着色器——作者注),我对液态玻璃产生了全新的敬意。我猜他们也用了着色器——只是更加精妙。苹果花了数年时间打造一个可以实现这一功能的系统。安卓系统还没达到这个水平。也许小米或其他中国品牌会找到解决办法。但在我们找到开源解决方案之前,在安卓系统上实现真正的玻璃形态仍然遥不可及。
我们发现浏览器支持有限,这迫使我们不得不使用一些不太理想的解决方法。随着时间的推移,WebKit 引入了 backdrop-filter CSS 属性,但它仍然是性能杀手——浏览器每次滚动时都必须重新计算模糊效果。也许 Apple 已经在其设备上对此进行了优化,但我强烈建议任何在 Apple 以外的平台上构建 Liquid Glass 设计的人都进行彻底的性能测试。
“好的设计是无形的。” ——迪特·拉姆斯
蓝蓝设计的小编 http://www.lanlanwork.com