手手开发设计规范

用于协调 多人创作 风格的统一

基础结构

通常一个页面的设计包括三个部分。

一个最外层的 Column（可以一直放东西进去的列），一些Container，还有Container里面包含的东西。手手的设计理念就是——简约 & 纯洁。

Container

  

一个内容容器，例如网页端为 <div> 、flutter端为 container() 等等，形状为 圆角矩形，带有内外间距（即padding和margin）。

这是一张干净的卡片，一般在背景色为灰色时，卡片设为纯白且不带border。

在特殊地方的卡片可以是其他颜色，也可以拥有卡片背景图片，但尽量保持简洁，以纯色为主。

在背景为白色时，卡片为白色带浅灰色细边框（border的width为1px）。

按钮

按钮应当是一个极小的container，也就是网页端不能用<button>而是用<div>或<span>，flutter用GestureDetector() 包 container 而不是用 inkwell() 或 IconButton() 按钮通常以其 目的 进行风格上的区划。

发布内容的按钮，通常为红底白字。

取消按钮为浅灰背景+灰色字。