做前端要知道的四个基本设计概念

我喜欢带着对客户的思考去开展我的项目。这样做， 我就可以明确APP的主题以及清楚我能加什么样功能在里面。
以下是我应用到我作品中的四个设计概念：

1. 草绘:
   
   这意味着要草绘出按钮、图片和文字的位置而不需要关注太多的细节。这也让你从视觉上去思考最终产品的样子；也会让你实际上想到要在你的代码里写上多少元素和连接，或者要写多少页面。
2. 布局
   布局是为了让元素更好的排版。一个你应该熟悉的布局概念就是格子体系(grid system)；它被用在了大多数的CSS框架之中，像Bootstrap。在尺寸和颜色中有对比和对照有助于信息更容易被理解。让你的作品看起来和被人觉得更有意义的最好方式是有一个中心焦点。
3. 重复
   重复意味着重复使用相同或相似的图片和风格贯穿你的整个设计。例如，如果你要在表单里面使用一个圆角按钮，那么当你要在页面中增加一个钮时，这个按钮的风格要和那个圆角按钮的风格一致。
4. 颜色
   一直为你的工作准备一个调色板。这有助于你的工作看起来有聚合性、有远詹性，或则只是为了看起来很愉快。网络上有很多可以自动生成调色板的网站或者工具。我经常搜索的就是colormind 和 colors .建议最多使用三种颜色。初始颜色、第二颜色和第三颜色。 使用60-30-10的规则。60%为你的初始颜色，30%为你的第二颜色， 剩下10%为第三颜色。