由于近期将博客从 Hexo 迁移到了 Vanblog，导致部分文章的永久链接失效，访问失败。

可在网站右上角搜索相关文章的标题，即可正常访问！

关于部分文章无法访问的问题

写给非设计专业的人看的一本设计书，我给满分 🌕🌕🌕🌕🌕



## 本书立意

本书假设你没有足够的时间或者兴趣来专门学习设计和排版技术，但是又很想知道如何才能让页面看上去更好一些。

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

## 四大原则

- 亲密性（Proximity）
  - 彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。
- 对比（Contrast）
  - 对比的基本思想是，要避免页面上的元素太过相似 。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同 ，那就干脆让它们截然不同 。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。
- 重复（Repetition）
  - 让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。
- 对齐（Alignment）
  - 任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

### 亲密性

- **亲密性的根本目的是实现组织性**。 利用亲密性原则， 只需简单地将相关的元素分在一组建立更近的亲密性， 就能自动实现条理性和组织性。 如果信息很有条理， 将更容易阅读， 也更容易被记住。
- 在一个页面上，物理位置的接近就意味着存在关联。
- 如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性（即紧密性）意味着存在关联 。
- 一般情况下，如果页面上的项超过 3 ～ 5 个， 就要看看哪些孤立的元素可以归在一组建立更近的亲密性， 使之成为一个视觉单元。
- **要避免的问题**
	- 避免一个页面上有太多孤立的元素。
	- 不要在元素之间留出同样大小的空白， 除非各组同属于一个子集。
	- 标题、 子标题、 图表标题、 图片能否归入其相关材料？ 在这个问题上一定要非常清楚（哪怕只有一点含糊都要尽量避免）。 在有很近亲密性的元素之间建立关系。
	- 不同属一组的元素之间不要建立关系！ 如果元素彼此无关， 要把它们分开。
	- 不要仅仅因为有空白就把元素放在角落或中央。

![765166f0c36ddd3d783933e57a18e40a.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/35f1896e1401c413738ee6a4db0486ed.765166f0c36ddd3d783933e57a18e40a.webp)

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/938c47b285d1e7ce8372666c0d9949b5.image.webp)


![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/4c103e27831fa2eb2a6eec2916f238c0.image.webp)
_分组时候，组外元素距离要大于组内元素距离_

### 对齐

- 对齐的目的是使页面**统一且有条理**。
- 对齐原则是指： 任何元素都不能在页面上随意安放。 每一项都应当与页面上的
某个内容存在某种视觉联系。
- **应当找一条明确的对齐线， 并用它来对齐**。 如果有一张照片或图片（有
明确的直边）， 可以沿着照片的这个直边与文本的平边对齐。
- 居中对齐时，对齐线很软，不明显；使用左右对齐，对齐线更清晰，效果更分明。所以在使用居中对齐时，注意页面上不要有很明显的线条装饰，这样的话线条会更吸引眼球，使得居中效果大大降低。
- 要避免的问题
	- 要避免在页面上混合使用多种文本对齐方式（ 也就是说， 不要将某些文本居中， 而另外一些文本右对齐）。
	- 另外， 要着力避免居中对齐， 除非你有意识地想要创建一种比较正式、 稳重（ 通常也更乏味） 的表示。 并不是完全杜绝使用居中对齐， 有时可以有意地选择这种对齐方式， 但是不要把它作为默认选择。


![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/767a054ca8da801136f1c7e83a548444.image.webp)

_居中对齐时，对齐线很软，不明显；使用左右对齐，对齐线更清晰，效果更分明_

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/ff3df34c4e6639c34e95804f04f5d7dd.image.webp)

_第一张图片虽然将元素进行了分组，并设置了对齐，但是整体的对齐线很不明确_

### 重复

- 重复的目的是凸显“**一致性**”，并增强视觉效果。
- 设计的某些方面需要在整个作品中重复。 重复元素可能是一种粗字体、 一条粗线、 某个项目符号、 颜色、 设计要素、 某种格式、 空间关系等。 读者能看到的任何方面都可以作为重复元素。
- 要避免的问题
	- 要避免太多地重复一个元素， 重复太多会让人讨厌。 要注意对比的价值（ 请看下一章以及有关字体对比的章节）。

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/7e2b8f38a7f2c154cfabdbcec0fcae2e.image.webp)

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/7729420b62a625e407ee9bf0fcab66a7.image.webp)

### 对比

- 对比是为了突出“**层次感**”，是为了吸引眼球、制造焦点、指引读者。
- 一个重要规则： 要想实现有效的对比， 对比就必须强烈。 
- 两个元素有区别但区别不大的时候不叫对比，叫**冲突**。
- 要避免的问题
	- 不要犹豫。 如果你想形成对比， 就加大力度。 不要将一种粗线与一种更粗的线进行对比。 不要将棕色文本与黑色标题建立对比。 要避免使用两种或多种类似的字体。如果各个项不完全一样， 干脆让它们截然不同！

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/b8bed4efabb1ee7eb2a77ab6b777b34f.image.webp)
_标题加大加粗_

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/5462d09c2e1e5973a6a93a48c1bd8993.image.webp)

_只保留一种对齐方式；更明显的标题；增加段落间距；重点处使用粗体_

## 颜色运用

> 颜色运用这一章可太干货了（可能是我没见识😆），非常的实用，运用之后效果立竿见影！
>
> 先明确几个名词：
> - 色相：
> 	- 色相是色彩的首要特征，它是指不同颜色之间的本质区别，由光的波长决定，比如红黄蓝是三种不同的色相。
> - 色彩明度（亮度）：
> 	- 指色彩的明亮程度，是色彩的基本属性之一，取决于物体反射光的量，反射光量越多，明度越高；反射光量越少，明度越低。
>   - 在无彩色系中，白色明度最高，黑色明度最低，灰色的明度介于两者之间。
>   - 在有彩色系中，黄色通常被认为是明度较高的颜色，而紫色相对明度较低。
> - 色彩纯度（饱和度）：
> 	- 是指色彩的鲜艳程度。纯度最高的颜色是未经混合的原色，如纯红色、纯黄色、纯蓝色等。
>   - 当颜色中混入了其他颜色或灰色时，纯度就会降低。例如，在红色中逐渐加入白色，红色会逐渐变浅，变成粉红色，其纯度也随之降低；如果在红色中加入黑色，红色会变暗，纯度同样降低；若加入灰色，红色会变得浑浊，纯度也降低。
> - 色调：
> 	- 色调是指一幅作品或一个设计整体的色彩倾向，它是基于色相、明度和纯度综合形成的一种色彩感觉。
> 	- 书中说到的“色调”我个人认为更应该叫“色相”。

### 色轮

> 本小节讲的是不同色相之间的关系和使用。

**三原色**：红黄蓝。可以通过混合这三种颜色来得到其他颜色，但是没有办法通过混合其他颜色来得到纯黄、 纯红或纯蓝色。

**互补**：色轮上相对（即完全对立） 的颜色为互补色。 由于它们如此对立， 所以最佳搭配是一种作为主色， 另一种用于强调。↓

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/5b9f1c439ca57046d32e87974c97d4a6.image.webp)

**三色组**：彼此等距的三种颜色通常会形成一个让人愉悦的三色组。 ↓

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/6e3b8f660708eff59e249efd3af10d8e.image.webp)

**分裂互补三色组**：另一种形式的三色组称为分裂互补三色组。 从色轮的一边选择一种颜色， 再在色轮上找出它对面的互补色， 不过并不直接使用这个互补色， 而是使用该互补色两侧的颜色。 这样得到的组合会有一种更为细致的颜色边界。 

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/78f11b30255287ff43c0969bd7704941.image.webp)

**类似色**：类似色组合由色轮上彼此相邻的颜色组成。 不论组合两种颜色还是三种颜色， 它们
都有相同的基础色， 这就形成了一个协调的组合。 用不同的亮色和暗色组合一组类
似色（亮色和暗色将在下一页解释）， 效果相当醒目！

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/f3fc1dd11a6cda3d70d78ed2665599ec.image.webp)

### 暗色和亮色（色彩明度）

向不同色相里增加黑色或白色，可以实现不同的色彩明度。增加黑色构成暗色，增加白色构成亮色；

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/dbbc771da72ffbb8036770bb586bd1ea.image.webp)

**单色组合**：由一种色调及其相应的多种亮色和暗色组成。

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/8f5c47ca2ec4ac508821b6de18933dd3.image.webp)

**暗色和亮色的组合**：某些纯色的组合可能会有刻板印象，比如红绿组合容易联想到圣诞节，红黄蓝组合容易联想到儿童。此时改用暗色和亮色的组合会更容易打破刻板印象。

![image.png](https://picgo-1254029119.cos.ap-beijing.myqcloud.com/blog/vanblog/339bbed72d2da276cb727f8e1825e70b.image.webp)

**暖色与冷色**：

- 冷暖色一起使用时，不要太过均衡。
- 由于冷色是后退型的， 所以使用更多的冷色才能产生效果或形成有效的对比，适合做背景色。
- 暖色是趋近型的，更容易产生效果，所以要少用。

**项目中的颜色如何确定？**

- 项目有季节性吗？可以使用类似色来暗示季节： 火热的红色和黄色表示夏季， 冰冷的蓝色表示冬季， 不同色度的橙色和棕色代表秋天， 明亮的绿色象征春天。
- 公司有没有官方颜色？可以使用互补色或单色组合。
- 项目是否包含图像？可以从图像中吸取主题色。

## 读后感

这本书对于做前端开发的我来说真是帮了大忙了！

我现在呆的公司体量小，做项目时没有专门的 UI 岗，基本上全靠前端自己的审美和觉悟来写页面。虽然大部分项目写的是业务代码，使用了 element plus，在一定程度上保证了ui的一致性，但也仅限于公共组件。页面整体上的协调性，包括文字、组件如何布局、颜色的使用等等，还是需要有一定的设计原则来约束和参考。这本书的作用就体现在这儿了，书中提到的这几个原则，不仅易学易用，且实用性强，虽然可能不会让这个页面在设计层面有多么的出彩，但是绝对不会出错！这就够了！

而且还有一个很重要的点，一般人都会认为审美这个东西很主观，所以你写出来页面之后，许多人都会按照自己的审美来挑一些毛病，这个时候当你如果遵循了上面这些设计原则，你就能有理有据、引经据典地去反驳他们。不仅你自己会很爽，还显得你很专业，完美😄

写给大家看的设计书

openLayers 快速入门

从主观原因上分析大家为什么不想生孩子了？以及接下来能怎么做？



当我们处在人生的某个年龄段，环境的影响也好，自身的感受也好，都会让我们去思考生育方面的问题。我最近几年也会接受这方面的信息，试着寻找前进的方向。前几天在一席看了一个演讲，感觉不错，借此机会复盘整理一下相关问题。

## 演讲内容

演讲主题是探讨生育率低下的问题，主讲人是复旦大学的哲学教授谢晶。哲学教授所从事的当然是意识形态、价值观念方面的研究，她认为虽然生育率下降有一定的客观原因（环境污染、失业率、贫富差距等等），但是公认的社会问题背后人们心中的观念和思想可能是更值得探讨和研究的问题。

> 这个思路我同意，意识形态、价值观念是驱使人们行动的原因。

主观原因中，一个常被人提起的说法是“女性受教育程度越高，生育意愿就越低”，这一现象在其他发达国家同样能观察到。为什么仅涉及女性？因为两性在生育任务上存在不平等，这是一个事实。马克思主义女权主义将主要发生在家庭场域中的，包括生、养、照料、清理等在内的活动统称为“再生产 (reproduction)”，这一称呼是因为马克思将家庭之外（市场）的活动称之为“生产”。传统社会中，“再生产”活动主要由女性承担。随着女性受教育程度的提高，提高教育程度的目的是为了更好地投身生产领域（市场）做准备，女性也希望像男性一样参与生产活动。但与此同时，“再生产”的任务并没有立刻被男性分担。因此，现代社会存在着一种新的模式的不平等。

> 马克思主义女权主义代表人物是日本的上野千鹤子，关于再生产的详细介绍可参考千鹤子老师的《父权制与资本主义》一书。

OK，既然不平等是阻碍，那么通过平权能不能解决这个问题？答案是不能。作者举例了部分发达国家平权方面做的非常到位了，生育率也确实拉升了，但是这些国家的生育率还是达不到保持人口更替的 2.1 的要求。因为平权有个短板，那就是它只能扫除障碍，但不能解决内驱力不足的问题。

### 我们对于生育这件事情越来越无知

作者认为生育内驱力缺失的第一个原因，是我们对于生育这件事情越来越无知。首先，关于再生产的事情，学校不教；而家庭教育，越来越成为学校的延伸和同谋，也不教。作者以自己为例，一直到开始做母亲，对于生育的一切、生育养育的身体的情绪的变化、如何做一个母亲，一无所知，以至于常常让自己处于一个措手不及，并且需要自己去琢磨的状态。

和无知相辅相成的还有另外一个现象，就是在生育的过程当中，生育者本人越来越处于一个旁观者的位置上。生育的过程常常变成一个由各种各样的专业人士、专家做主的活动。生育靠医生，养育教育靠各路专家。当然可能的原因是为了提高安全和效率，但即使知道这个原因，我们也不必要处于如此不知情和如此被动的状态。作者认为更深层的原因可能是“生命政治”。它要求能够人体像生产线上的产品一样合格、有效用、顺从，使得它具有的一切潜力都更容易被榨取。我们现在放在口头的“劳动力”和“人力资源”的说法，就充分体现了这种对于生命的机械化和工具化。

> 生命政治的说法是法国哲学家福柯提出的。他提出，现代国家的一个重要特征，在于生命本身成为国家权力的展开场所。“新时代”的国家机器变成了生命的管理者和规训者。

此时大家应该有一个疑问：生命政治的初衷，对于生育的全方位接盘，难道不恰恰是为了让人们按照国家所需要的方式去生育吗？为什么我要说，生命政治所造成的生育者的无知和被动，反而会令出生率不受控地下降呢？因为生命政治要奏效，是在人们，尤其是女性没得选的时候。**在我们有的选的时候，会倾向于选择自己有所了解、能够构想，觉得能够驾驭，甚至于已经有丰富经历的活动**。

### 我们正在用福特主义养育下一代

生育内驱力缺失的另一个原因，就在于我们越是接受现代公共教育，就越是认为“再生产”活动是没有价值的。

现代教育在教我们什么呢？尽管我们的孩子每天在学习的内容看上去很丰富，科目很繁多，但实际上现代公共教育培养出来的能力是很单一的，它聚焦于我们的语言组织和表达能力，分类、计算的能力，以及对于各种因果关系的掌握。这些能力可以被统称为“工具理性”，它主要适用于我们去执行各种各样的任务，而不那么适用于反思的活动。福特发明了一整套适用于生产线上的大规模生产的管理模式。但是福特造的是车，不是人。可以高效造车的福特主义是否适用于“造人”呢？当然不能，因为活生生的人的需要，包括刚才所提到的睡眠、情绪或情感，是彼此不同，且无时不刻不在发生变化的，这些需要无法被标准化、被量化、数字化。工具理性令我们胜任单一的、分门别类的、可标准化的任务，而养育照料需要同时兼顾到不同类型的任务，例如喂养，安抚，陪伴自理能力还不够的孩子和老人，打扫和整理；相比推理，他更需要共情；与量化的操作相反，他更需要敏锐地感觉到不同的家庭成员在每一个时刻都彼此不同的需求。

现代社会的分配正义也是建立在工具理性至上的原则之上的，也就是说，越是需要工具理性的工作，例如金融、法律、技术研发这些行业，得到的回报也就越高。换句话说，工具理性是最大的文化资本，它与经济资本的汇率是最高的。因此我们才会将教育称作“投资”。马克思主义女性主义提出再生产这个概念，恰恰是要提出这样一种批判：再生产没有回报，是我们今天这个社会里面的一种最大的分配不公正。这里面存在着一个无限循环：再生产得不到回报是因为它不产生 GDP、不产生任何财富，因此大家就认为再生产活动不应该得到回报。所以它就变成一个无偿的活动。

如果大家都认为“再生产”所需要的那些能力没有“生产”所需要的那么难能可贵，没什么技术含量，再生产者被视作没有什么能力的人，那么一个人在从事再生产时的自我认同与从中所获的成就感是非常低下的。这才是女性的教育程度越高，生育意愿就越低下的最深层原因。我有能力去工作，去获得高成就感的情况下，为什么还要去做只能获得低成就感的事情？

演讲的最后，作者并没有简单的下结论。而是发散了思维，提醒我们还有很多的可能性没想到，例如探索更多的生育养育的模式、公共教育该往哪个方向发展、建立更公平公正的分配模式等等。

充分地肯定再生产的价值，充分地肯定并回报再生产者是一件非常必要、非常有意义的事情。但具体如何去做，确实是值得大家深入探讨的。

## 给我的启发

演讲中提到的问题我几乎都有接触过，两性在生育任务上的不平等、生育知识的缺失、工具理性金钱至上成为社会主流价值观对我们生活的影响等等，这一切都让我对于结婚生子这件事情变得迷茫。趁此机会我可以把这件事情捋一捋，不只是想法上，最好是有一些实操性强的一些建议，也就是具体如何去做。生育是个大问题，涉及政府、教育机构、个人等多个层面，本文仅从个人角度探讨。

**两性在生育任务上的不平等**

指望着政府提供更好的育儿支持和福利制度可能性太小了，所以大部分只能从自身出发了。首先就是必需打破性别的刻板印象，家庭中的事务就应该是夫妻两人公共承担的，没有什么男主外女主内之类的说法，旧时代的思想已经不适用了。考虑到妻子已经需要承担大部分的育儿责任了，所以丈夫应该自动承担更多的其他家庭事务，其中大头自然是各类家务劳动。每天重复的做家务劳动是很累人的，需要现在平时就需要练习，做做饭啊打扫打扫啊，找到一些操作或是时间安排上的技巧。同时让自己熟悉这个情景，家务劳动作为生活中的不可或缺的一部分，就应该划出时间来处理。但只要是人干活就会感觉累，所以不想干或者干不过来的时候，可以考虑外包出去一部分。请保姆的话，一是贵，二是家里多一个陌生人会不自在。在智能家居火热的现如今，不如花些钱使用一些智能家居产品，洗碗机啦、扫地机器人啦来帮助化解一部分劳动。

**生育知识的缺失**

首先，这类知识我到现在都是缺失的……

像其他学校和家庭不教的知识一样，这类知识是需要自学的，阅读相关书籍和资料、听听在线课程和讲座、特定的某些生育知识可能需要咨询医生和专家。生育知识涉及两方面：生理和心理，大多数人想到的可能只有生理知识，小孩子的吃喝拉撒；其实心理方面的同样重要。人的情绪情感不像计算机，无法被标准化、被量化、数字化。这一方面尤其需要去感受和练习共情能力，学习与人相处的技巧，也许可以学习一些前人已有的经验。这里可能会涉及原生家庭的影响、亲密关系的相处，是一个非常大的命题。

**工具理性**

在刘擎老师的书里也看到过关于“工具理性”的介绍，人们总是在感叹于社会的迅速发展，什么飞机高铁轮船大炮，医学芯片航空航天。这些东西确实是建立在理性思考的基础之上发展起来的，但越是进入现代社会，人们活的好像越不幸福，越是进入一种高科技低生活，类似赛博朋克的状态。这说明社会的发展是偏颇的，畸形的，人们不知不觉的陷入现代的牢笼。

你我同样深处牢笼。一方面做着资本家手下的打工人，被鞭打着强调着效率第一实用性第一，享受着现代社会医疗、教育、文化的便利；另一面又可怜自己匮乏的精神世界和亚健康的身体状态，想寄情山水，享受安静惬意的田园生活。可大环境一旦形成，个人想去超越是极其困难的，这是一个非常大的冲突。但它不是那种既要又要的冲突，是有解决方法的，只是比较难。这也是我想转独立开发，寻找远程工作的一个动机，想在一定程度上缓解这个问题，这件事处理起来可能比上面两件的周期都要漫长。

以上提到的几个想法可能比较粗浅，这只是一个开端，我将对这个问题进行持续的思考和行动（笔记软件早已新建文件夹 :|），希望本文能对你有所启发。

关于生育问题的一些思考

对中国式父母失能描述得比较文艺的一段作品。—— [twitter](https://twitter.com/xiaojingcanxue/status/1703250716356460685)
  


有些人是自己把自己养大的
在他的成长过程中
父母处于“无知”的状态
没有给到物质帮助，也没有给予精神引导
所以迈入社会之前，他都是一个混沌的状态
他学到的规则就是“听话”
学到的做事方法是“别人都这么做
他从来没有审视过自身的特别之处

这样的小孩，要么屈服了，成为跟父母一样的人
要是不甘心，出了社会，就得重新把自己养一遍
在这之前，他得把从前的自己打碎
从里面找到真正属于自己的碎片
重新给自己捏一个形状
重新学习人际规则，社会法则
自己给自己建立一套规矩
一点点打磨自己，一点点填补自己

这个过程，短则几年，长则十几年
绝望的时刻有两个
一个是觉醒的时刻
忽然发现一切都不是自己想要的，从前的日子白过了
一个是重组的时刻
把自己敲碎之后，发现几乎没什么东西剩下
面对前路，无所依仗，惴惴不安
但是一旦扛过去，一切就都好起来了