sources: https://frontendmasters.com/courses/design-for-developers/
https://github.com/sdras/design-for-developers

一门设计入门的课程

Layout 布局

更加容易让人们寻找

Balance: symmetry

Symmetry 对称

asymmetry 不对称

在对称的布局中，放置一个非对称的点，能够引起人们的之一Screen Shot 2020-07-23 at 12.01.09 AM.png

triad composition 三和弦组合

saccade 眼球运动

diagonal 斜线

anchoring

Color Modes 颜色

颜色的混合模式

Screen Shot 2020-07-23 at 11.34.06 PM.png

additive color mixing 加色混合
subtractive color mixing 减色混合

配色类型 combinations
Screen Shot 2020-07-23 at 11.37.43 PM.png
monochromatic 单色模式
complementary colors 互补色
analogous color 相似色
triadic color 三色系

Screen Shot 2020-07-23 at 11.43.15 PM.png
monotone 单调

Screen Shot 2020-07-23 at 11.44.02 PM.png
duotone双色调

HSL 颜色，更加容易被人类理解Screen Shot 2020-07-23 at 11.49.07 PM.pngl

Typography 板式

Screen Shot 2020-07-24 at 12.06.29 AM.png
字体是可以搭配的就像配色

terminology属于
Screen Shot 2020-07-24 at 12.16.43 AM.png

Screen Shot 2020-07-24 at 12.17.37 AM.png

kerning 在 web 中 letter-spacing
leading 在 web 中 line-height，vertical-align: baseline;

ligatures 连字Screen Shot 2020-07-24 at 12.22.17 AM.png

Screen Shot 2020-07-24 at 12.23.02 AM.png
Screen Shot 2020-07-24 at 12.23.26 AM.png

快捷获取图片资源

Screen Shot 2020-07-24 at 8.57.00 PM.png

Screen Shot 2020-07-24 at 8.55.31 PM.png

图片格式

Raster: 栅格图
Vector : 矢量图

Screen Shot 2020-07-24 at 9.00.08 PM.png

Screen Shot 2020-07-24 at 9.00.38 PM.png
anticipate

UI stenciles

thumbnails 只是给自己，

storyboards

low-fi prototype

high-fi protorype