Wang's blog Wang's blog
首页
  • 前端文章

    • HTML教程
    • CSS
    • JavaScript
  • 前端框架

    • Vue
    • React
    • VuePress
    • Electron
  • 后端技术

    • Npm
    • Node
    • TypeScript
  • 编程规范

    • 规范
  • 我的笔记
  • Git
  • GitHub
  • VSCode
  • Mac工具
  • 数据库
  • Google
  • 服务器
  • Python爬虫
  • 前端教程
更多
收藏
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Wang Mings

跟随大神,成为大神!
首页
  • 前端文章

    • HTML教程
    • CSS
    • JavaScript
  • 前端框架

    • Vue
    • React
    • VuePress
    • Electron
  • 后端技术

    • Npm
    • Node
    • TypeScript
  • 编程规范

    • 规范
  • 我的笔记
  • Git
  • GitHub
  • VSCode
  • Mac工具
  • 数据库
  • Google
  • 服务器
  • Python爬虫
  • 前端教程
更多
收藏
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Python爬虫

  • 前端教程

    • 团队规范

    • Project

    • JS

    • NodeJS

    • Vue

    • React

    • 效率工具

    • 读书笔记

      • 如何做到十倍阅读量
      • 《敏捷开发》读后总结
      • 《给大家看的设计书》笔记
        • [#](#基本设计原则) 基本设计原则
          • [#](#总结) 总结
        • [#](#颜色) 颜色
      • 《Head First Design Patterns》
      • 《HTTP图解》
      • 《JavaScript高级程序设计》
      • 读书精要
      • 程序员软技能指南
      • 《你不知道的JavaScript》
  • 教程
  • 前端教程
  • 读书笔记
wangmings
2022-07-19
目录

《给大家看的设计书》笔记

# # 《给大家看的设计书》笔记

# # 基本设计原则

最重要的是灌输思想:提高视觉敏感度

  • 亲密性
    • 把相关的元素分在一组,使它们建立更近的亲密性
    • 避免一个页面有太多孤立的元素
  • 对齐
    • 任何元素都不能在页面上随意安放,每一项都与页面某个内容存在某种视觉联系
    • 只使用一种对齐方式
    • 不要把居中对齐当作默认选择,除非有意识想要创建一种正式、稳重的表现。
  • 重复
    • 统一,增强视觉效果
    • 重复元素
      • 粗体字/细体字
      • 方块项目符号
      • 缩进
      • 间隔
      • 对齐
  • 对比
    • 不同元素之间有对比,达到吸引读者的对比效果。

# # 总结

  • 不要害怕在设计中留有空白
  • 不要害怕设计是不对称的,使用非居中格式
  • 不要害怕把单词设置的非常大或非常小
  • 不要害怕图片太大或太小,只要能支持你的设计或观点

# # 颜色

  • 三原色(原色是指无法通过混合颜色获得):红、黄、蓝
  • 红+黄=橙 黄+蓝=绿 红+蓝=紫
  • 互补色:彼此对立的颜色
    • 红 - 绿
    • 蓝 - 橙
    • 黄 - 紫
  • 三色组 彼此等距的三种颜色会形成让人愉悦的三色组。典型的基色三色组:红黄蓝
  • 类似色
  • 亮色和暗色:各种颜色加入黑色和白色就形成了世界多样的颜色
  • 暖色和冷色。靠红黄是暖色,靠蓝色是冷色
    • 冷色趋于做背景色,暖色是趋进型的。因为暖色不费太大功夫就能产生效果,红色和黄色立即进入你的眼帘。

image

编辑 (opens new window)
《敏捷开发》读后总结
《Head First Design Patterns》

← 《敏捷开发》读后总结 《Head First Design Patterns》→

最近更新
01
theme-vdoing-blog博客静态编译问题
09-16
02
搜索引擎
07-19
03
友情链接
07-19
更多文章>
Theme by Vdoing | Copyright © 2019-2022 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式