为什么要写设计相关的内容？

1>博主在做内容排版的时候，经常会纠结于重点内容的体现方式，是加下划线？字体加粗？字号变大？调字体颜色？还是用斜体字？（也确实会有朋友吐槽：这下划线也太多啦！虽然咱们不追求多么有设计美感，至少做得专业一些，不要看起来太外行）；
2>工作中需要做图表，偶尔写点PPT，在配色上经常很纠结，来回调整，巨花时间，希望找到一些设计标准或潜在的规则告诉我们什么样的设计是更好的，不是随心所欲的，尤其是在有人diss审美battle的时候能有理有据、讲出个123（让battle变成better）。

读完本篇也许大概可能会：
1>懂配色，服装搭配不用愁；
2>PPT排版更快。

一件作品的配色、布局、形状构成了我们的视觉感受，那就从这3个方面展开说明吧：
1. 颜色
2. 布局
3. 字体

一、颜色

这是不是你的颜色库？
简单颜色不够用，复杂颜色不会用，主打的就是个靠感觉混搭~

2023年在跟设计师讨论数据界面设计的时候，设计师提到：“要不你在色轮上挑一挑颜色，要体现重点就用对立色”，从此打开了颜色的大门，正所谓授人以鱼不如授人以渔。

1. 色轮，设计师的调色板

色轮就是告诉我们颜色的构成，以及有哪些可选色：
1>色轮的基础色是红、黄、蓝三色，也叫三原色，即不能通过其他颜色混合得到；
2>三原色层层叠加、等量晕染就形成了具有12种基础色的色轮，如：蓝+黄=绿、蓝+红=紫、红+黄=橙；
3>对基础色叠加黑色构成暗色、叠加白色构成亮色，进一步扩大颜色的选择。

人眼看到的自然界物体颜色，是光谱先打在物体上，物体吸收一部分，再反射给人的眼睛，而人看到屏幕的颜色，不经过反射，会直接进入眼睛。

CMYK与RGB这两种颜色模型就分别适用于这两种不同的的场景：
如果要把颜色打印到物理介质上，就要使用CMYK颜色模型，如：书籍、杂志、宣传单；
电脑、手机使用的都RGB颜色模型。

2. 情绪颜色

人有情绪有性格，颜色也有，有时候通过观察衣服颜色就可以感知到对方的情绪。

一些颜色的特点举例>>>
绿色：大自然的颜色，给人具有生命力、安全、朴素、稳重、又有野性的感受；
黄色：醒目且明亮，阳光、活泼、有朝气、热闹；
橙色：家庭的感觉，温暖、阳光、放松；
蓝色：是天空和海洋的颜色，会有开阔、理性的感受；
紫色：是幻想色，优雅、成熟、神秘；
粉色：给人梦幻、可爱、温柔的感受；
黑色：是无法被别的颜色染色的颜色，有保守、压抑、传统的感受；
白色：如空气一般存在，纯洁、知性、朴素，也会有无趣、平淡的感受；
红色：积极、热情的颜色，有力量的颜色。

3. 配色方法

1>互补色，色轮上完全对立的颜色，一种作为主色，一种用于强调，体现冲突、对立；
2>分裂互补三色，即选择一种颜色，再搭配对立色邻近的两个颜色，可以增加视觉活力;
3>三色组，色轮上互相等距离的三种颜色搭配，会看起来非常协调；
4>近似色，选择色轮上相近的2-3个颜色，因为有相同的基础色，所以颜色组合也很协调，会给人一种沉着冷静的感觉；
5>单色，即同一基础色搭配暗色与亮色使用；
6>暖色与冷色：红色、黄色加热，蓝色降温，暖色是趋进型，可以抓住视线，冷色是后退型，适合做背景色，组合冷暖色调时，要尽量少使用暖色。

在服装颜色搭配上也可以用到色轮：
如果你想让自己看起来冷静沉着，就选近似色；
如果你想让自己看起来洒脱活力，就选互补色。

二、设计基本原则

设计不是整容、不是炫技，核心原则是对信息进行有效组织，有条理的信息更容易阅读，也更容易被记住。

这张图中的卡片V2是在《看人之间》文中的一个图片素材，借助这个例子来说明设计原则：
V1是最初的文字信息，页面混乱，难以快速抓到重点；
V2是发表内容时的配图，对标题、副标题、内容做了区分；
V3是学习设计原则之后做的调整，对布局、颜色做了调整。

接下来说明这些调整遵循的设计原则>>>

1. 亲密性
亲密性：指如果某些元素存在理解上的关联关系，在视觉上也应该存在关联（可以是字体、形状、颜色上的关联）。
作用：亲密性有助于组织信息，减少混乱，提供清晰的结构。
1>相关的项靠近，就会存在亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素；
2>把孤立的元素统一为一个视觉单元，避免一个页面上有太多孤立的元素；
3>如果元素属于同一个子集，可以使用同样大小的空白。

2. 对齐
对齐：指的是页面上的每个元素都不可以随意安放，应该与页面上的某个内容存在某种视觉联系，让页面看起来统一且有条理。
作用：对齐可以建立一种清晰、精巧、清爽的外观。
1>选择左对齐或者右对齐，会有一条看不见的线，让页面看起来更精致（因为有物理上的“边”）；
2>一个页面只使用一种对齐方式。
ps：有时候可以打破规则，但打破规则前必须清楚规则是什么。

3. 重复
重复：让设计中的视觉要素在整个作品中重复出现，如：重复颜色、空间关系、字体、大小和图片等；
作用：重复可以增加条理性，还可以加强统一性，增强视觉效果。
1>表达重复的元素可以是字体加粗、线条加粗、某个符号、图片、颜色等，读者能看到的任何方面都可以作为重复元素。

4. 对比
对比：如果元素的字体、颜色、大小、形状、空间等不同，那就干脆让它们截然不同；
作用：我们的眼睛喜欢看到对比的事物，对比有助于增强信息效果，也有助于信息组织。
1> 对比可以在不同元素之间建立层次结构，要对比，就要“强烈对比”！！！
2> 有哪些对比方式呢？大字体与小字体的对比、粗线条与细线条对比、暖色与冷色对比...

当博主了解到这些设计原则之后，写PPT更快了~

三、字体

在计划写字体这部分内容时，咨询了设计师好好，“在设计师眼中，字体设计有没有一些原则可以参考？”
她说：“不要侵权！！！”
刚开始当开玩笑，后来认真想了一下，我们小公众号，如果被举报侵权、抄袭就不好了，所以未声明来源的配图要自己画、留底稿。

1. 字体让语言有了视觉形态

曾在广告学中看到过这样一个规则：“英文标题不要用全大写字母，可以首字母大写。”
一直不理解这一规则的内在原因，最近在设计学中找到了关键答案：“两种写法的图像呈现是不一样的，我们习惯于阅读小写字体，而人根据图像识别做判断更快。”

字体之间的对比可以从六个角度来选择：大小、粗细、结构、形状、方向、颜色，当然也可以组合使用；
关于字体的选择，博主用到的还是office免费的字体：微软雅黑、Arial、宋体、黑体、仿宋，就不做过多说明了。

2. 给文字加下划线

当我在问到设计师，如何看待“给文字加下划线”这一操作时，又又又上课了：
1>不要使用下划线！！！
2>你有在书里、杂志里看到过下划线吗？下划线是一种视觉信号，因为早期的打字机无法直接打出斜体字，所以打字员在段落标记下划线，以此告诉印刷人员“此段落为斜体打印”；
3>突出重点更专业的表达可以通过粗体、大字号、跳色等方式组合实现，只要在设计上区分开，就能吸引读者注意力。

文末：
1>设计师好好问到“如何通过数据分析来提升图片点击率，带动销量？”，这个问题比较复杂，博主还在研究，尽量在2025年可以出一篇系统分析的内容；
2>色轮在手，审美咱也有。