为想要设计移动开发者提供的终极指南

2025-06-04

为想要设计移动开发者提供的终极指南

作为一家初创公司的创始人,我最常被问到的一个问题是:

如何才能既做设计开发,又做业务任务呢?

我最初是一名 iOS 和 macOS 开发者,从 13 岁就开始编程了。目前,我负责我的初创公司 Flawless App的所有设计工作。这是一款 iOS 开发者工具,可以在 Xcode 的 iOS 模拟器中将原始设计与实际应用进行比较。因此,我负责用户体验研究、网站原型、用户引导界面、广告、电子邮件、演示文稿以及许多其他与设计相关的工作。😱

很久以前,我们确实有两位才华横溢的设计师与我们合作,但不幸的是,由于种种原因,他们未能如愿。因此,我当时决定学习用户体验设计的基础知识。我并没有指望一夜之间成为用户体验和用户界面的魔术师或可用性研究专家。相反,我希望掌握一套必要的技能,以便快速高效地创作出让用户满意的设计。

那么,开发人员可以学习 UX 和 UI 设计吗?

是的,我们可以学习任何我们想学的东西。为了帮助你入门,我将分享一些在我学习初期帮助过我的资源:书籍、案例研究和教程。

体验设计思维

我们周围世界的一切都是由某人设计的。你坐在某人设计的椅子上。你在笔记本电脑上工作,它的每一个角落都有其独特的形状。你阅读Medium,它的UI是由一个设计团队精心打造的。现实世界或虚拟世界的每一个元素都是为了让你执行特定的动作而设计的。

我的设计之路始于以下经典文章和书籍。它们将教你如何将设计作为解决问题的方法:

📕 Dieter Rams:优秀设计的 10 条原则

德国标志性工业设计师迪特·拉姆斯写下这句话的时候,我甚至还没出生。这是一份适用于任何产品或服务的设计使命宣言。

仔细阅读每行代码。你的设计符合这些原则吗?迪特·拉姆斯现年85岁,他设计了博朗咖啡机、剃须刀、立体声音响、计算器、扬声器、闹钟、欧乐B牙刷等等。

设计不应该主宰事物,也不应该主宰人。它应该帮助人们。这就是它的作用。

– 迪特·拉姆斯

📕 唐纳德·诺曼的《设计心理学》。

它非常受欢迎,你甚至可以找到基于本书想法的有关干净代码和 API 设计文章的 Swift 讨论!

本书涵盖了设计方法、基本心理学概念和可用性。诺曼主要探讨物理对象的设计。他探索了建筑物、电器和技术的使用方式,使其变得简单或复杂。诺曼展示了一些基本模式,这些模式非常适用于当今用户界面的虚拟触摸屏。

这本书最初出版于1988年。如果你决定读初版,你会发现里面有很多古老的科技内容(我太喜欢了!)。当时,诺曼预测了iPad、平板电脑和智能手机的成功。你还可以找到更新版本,因为诺曼一直在不断更新内容。或者,你也可以看看这门简短的Udacity课程——“诺曼的日常设计入门”。

好的设计实际上比糟糕的设计更难被注意到,部分原因是好的设计非常符合我们的需求,以至于设计是看不见的。

——唐纳德·A·诺曼,《设计心理学》

📕 Susan Weinschenk 撰写的《每个设计师都需要了解的 100 件事》

这是一本从设计师视角对神经科学和行为心理学进行简单概述的书籍。本书分为几个简短的章节,分别探讨了人们如何观察、阅读、记忆、思考、感受以及如何形成心智模型。我从中发现了很多新的见解!这本书出版时间相对较新(2011年),文笔流畅,并提供了在设计中运用这100条原则的实用建议。不过,读完本书后,请预留一些时间进行研究。

📕 最后但同样重要的是Steve Krug 的《别让我思考》。
这本书通俗易懂,侧重于 Web 可用性的常识性方法。有些内容可能显而易见,或者在其他 UX 博客上也能看到(这本书于 2013 年重新出版并更新)。但即使你是个新手,你也会喜欢它。Krug 的写作风格真的非常有趣,你可以在一两个周末内读完!

别让我思考。让事情显而易见、不证自明,或者至少不言自明。人们只会浏览,不会仔细阅读。人们会选择第一个合理的选项。人们总是敷衍了事,而不是去弄清楚。

——史蒂夫·克鲁格的可用性法则

你想了解更多关于如何通过产品设计来“黑”用户大脑的知识吗?那么我强烈建议你也阅读以下文章:

设计过程始于对用户及其需求的充分理解。总而言之,这只是一些优秀资源的一小部分,您可以在绘制第一个 UI 之前利用它们来理解设计。几周后,我将带着本指南的下一部分与您见面。感谢您的阅读,祝您学习愉快!

如果不尝试很多想法并经历多次失败,就不可能学到东西。

– 乔纳森·艾维

特别感谢我们的朋友和伟大的设计师Alex KukharenkoAnton Diatlov,他们为我们的指南提供了有用的建议。

文章来源:https://dev.to/ahmed_sulaiman/the-ultimate-guide-for-mobile-developers-who-want-to-design-2f4m
PREV
不要相信你的前端验证器
NEXT
⚡️React 性能优化:useMemo 与 useCallback