惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

aimingoo的专栏
aimingoo的专栏
Jina AI
Jina AI
WordPress大学
WordPress大学
Recent Announcements
Recent Announcements
G
Google Developers Blog
I
InfoQ
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Google DeepMind News
Google DeepMind News
P
Proofpoint News Feed
MyScale Blog
MyScale Blog
M
MIT News - Artificial intelligence
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
C
Check Point Blog
J
Java Code Geeks
T
Tailwind CSS Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Microsoft Security Blog
Microsoft Security Blog
MongoDB | Blog
MongoDB | Blog
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
量子位
A
About on SuperTechFans
D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
设计作为一种基础能力 -- 读《写给大家看的设计书》有感 - 少...
2021-04-21 · via 少数派

设计无处不在

在生活中,设计无处不在:写公众号文章排版,写简历排版,汇报做PPT,设计网站,设计程序都需要设计。

优秀的设计能让观者愉悦,能提高质感,能让产品更容易被卖出去。

不知道你是否像我一样,为了写简历去知乎上查找如何做出漂亮简历的文章;做PPT时能意识到某个页面很丑,却又不知道如何改?

其实,我们完全不需要为了每个具体的场景去查找借鉴具体的方案,这些问题的本质实际上是设计问题。当我们提高了设计这一基础能力,许多问题都会迎刃而解。

设计之于产品经理

作为一名产品经理,与设计师battle是工作中的一大内容。当设计师交付设计稿时,如果产品经理只对设计师说“这里不好看”,却给不出理由,对如何修改也毫无头绪,大概率会给设计师留下无理取闹、主观、外行、审美差的印象;

相反,如果我们不仅指出问题,还能说出理论依据,这时候讨论就能继续展开,对方要么接受你的建议,要么就要基于你的依据给出反驳意见。你在对方心中的形象也会更加理性和专业。

写给大家看的设计书

回到《写给大家看的设计书》这本书,这本书给出了4大基本概念,几乎每一个精良的设计中都用到了这4个概念。这些概念非常明确也很具体。如果你不知道哪里出了问题,又怎么能进行修正呢?一旦认识了这些概念,就会注意到你的页面中是否已经应用了这些概念。只有找出问题所在,方能得出解决方案。

这四个概念分别是:

对比(Contrast)

对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面。

重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

对齐(Alignment)

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

亲密性(Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

再多的解释不如一个生动的例子。请看下面两个图:

是否觉得图二比图一更有设计感呢?

因为图一违反了上述这些原则。

❑ 在图一中,对比不够强烈,粗体与非粗体字字体一样大,标题与内容字体差别不明显(对比);

❑ 使用了居中对齐,不如图二的居左对齐整洁(对齐);

❑ 在1、2、3点中,每个论点和描述之间的关系显然比各个论点之间的关系更为紧密,图一没有将彼此相关的项应当靠近,归组在一起。(亲密性)

再看一例:

这是一封相当典型的自荐信。信息是完备的,如果有人确实想去读它的话,当然可以了解到其中的信息,不过这样一封自荐信肯定无法吸引你的注意。注意以下问题。

❑ 职位不清晰;职位和正文混杂在一起。段与段之间不清晰。

❑ 页面上存在两种对齐方式:居中和左对齐。

❑ 不同成就之间的间距和不同段之间的间距相同。

❑ 布局不一致——日期有时在左边,有时在右边。一致性才会产生重复性。

上图中,上述问题很容易修正。

❑ 只保留一种对齐方式:左对齐。在上面可以看到,如果只使用一种对齐,并不是说所有元素都要沿着同一个边界对齐,这只是说,所有一切都要采用同样的对齐方式。上面的左对齐文本很明确,而且互相促进(对齐和重复)。

❑ 明显的标题,这样就能立即知道这个文档是什么,有哪些要点(对比)。

❑ 段之间的间隔比各段内文本行之间的间隔大(空间关系对比;亲密性)。

❑ 学位和职位都用粗体(标题字体的重复),这种强烈对比能使你很快抓住要点。

读完这本书后,我竟然有了一种有了锤子,看什么都是钉子之感。我重新审视了一下自己的产品,突然,很多页面我能意识到为什么设计师要把元素如此摆放,如此对齐,而这些都是我当时验收设计稿时没有注意到的。

为了实践一番所学,我在Figma 上将以前的简历按照四大原则重新设计了一番,自己比较满意。

相比于以前在网上直接找主观上觉得好看的模板做简历,现在我不仅知其然,也知其所以然了,而且可以根据自己需求进行调整,同时又保证一定的设计感。

所以,设计作为一种基础能力,无论你是学生党,产品经理,个人开发者,自媒体等等,都非常值得学习。《写给大家看的设计书》则是你入门的好选择。

另一个思考是,我们是否更多的应该学基础能力、通用能力、底层能力,而不是具体场景下的解决方案?

相比于在知乎上看十个《如何做出好看的简历》的回答,读一本设计书是否收益更大更长远?

相比于查找“如何面试一名产品经理”相关信息,直接去阅读招聘、用人、人力资源相关的理论著作,是否能让我们对面试和招聘这件事看得更加透彻?

这是值得继续思考的问题。

本文首发于公众号「原住民的自修室」,记录一名产品经理的思考,随想和生活,欢迎订阅。