## 最佳实践 1. 文字才彩色背景上，可以使用色相更为接近的颜色，使之更和谐。 2. 不用纯黑白。纯黑色在屏幕上看起来不自然，纯白色太亮。分别使用深灰色和非常浅的灰色。这些规则中对“黑色”和“白色”的任何其他引用均假定您遵守此规则。 3. 文字较大时，字母间距和行高较低。文字较小时反之。 4. 如果你的中性色饱和，你应该使用暖色或冷色，而不是两者都用  5. Measurements should be mathematically related  6. Elements should go in order of visual weight  7. 使外 Padding 与内 Padding 相同或更多  8. # 按目的 想突出？ 想弱化？ 想和谐？ # 按类型 ## 整体思路 ### 画面节奏感 - 深→浅 - 静→动 - 整体→局部 - 饱满→简洁 ### 趣味与灵活性 - 不一定非得一个一个模块拼接，尝试进行组合。比如将客户案例和客户谏言进行组合 ### 视觉动线是否顺畅 ？ 主题是否突出，有没有喧宾夺主 ### 画面平衡 ## 版式 ### 上下布局 ### 左右布局 ### 错位 #### 1. 文字块叠压图片 1 ![[Pasted image 20210803221058.png]] #### 2. 文字压图片 2 ![[Pasted image 20210805234001.png]] #### 3. 段落错位 ![[Pasted image 20210805234350.png]] ### 亲密性 是否为一个专业的设计，最明显的就是亲密性。 一般运用的结果就是卡片布局、分组等等。 ## 视觉 ### 视觉风格 - 字体和素材等风格是否符合项目气质 - [[哪些视觉元素决定了视觉设计风格]] - [[杂志化风格]] - [[设计视觉风格灵感记录]] - [[网页设计的视觉风格]] ### 背景 - 可增加纹理有细节  ### 对比 #### 常见的文字视觉对比 文字对比  #### 大小 #### 轻重 ![[Pasted image 20211017214736.png]] #### 颜色 ![[Pasted image 20211017214716.png]] #### 动静 #### 虚实 ### 点线面 合理运用，画面就不会单调。 例如：画面中缺少点元素可以加一个箭头图标+scroll，视觉和含义均得到满足。 ![[Pasted image 20211017214900.png]] ### 色彩 - 表达品牌和高级感时，色彩不可以过多，尽量在 3 种以内 - 文字的色彩可以从素材中吸引，并且是**呼应**的关系 - Youtube 那个啤酒的案例，素材中的有颗星星是红色的，他的字体也有红色的点缀。 ## 资源 - [Visual design rules you can safely follow every time](https://anthonyhobday.com/sideprojects/saferules/) #MrBiscuit 在微信群里分享的，都是一些实用的技巧。  - [[感觉画面乱，可能是以下原因]] - [[感觉画面单调时如何处理？]] - [[网页潮流动态设计元素]] - [[图片视觉处理方法]] - [可以看功夫UX的风格文章蛮全面的](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzkxNzIxMjY2Mg==&action=getalbum&album_id=1758370898509692932&scene=173&from_msgid=2247497374&from_itemidx=1&count=3&nolastread=1#wechat_redirect)