评论：表单《网站实例：设计》

在这个评论内容列表的下面再设计一下发布评论用的表单 .. 按一下 R ，画个矩形 ... 去掉边框 .. 高度可以是 54 ...

填充设置成白色 ... 添加一个内阴影 .. x 0 ，y 1 ，blur 0 ... 颜色是黑 ... 不透明度是 6 ..

可以基于它去创建一个共享样式 ... 名字是 Bottom Bar ..

再画一个矩形 ... 填充是白色 .. 边框的颜色是 ebebeb .. 创建一个共享样式 ... 名字是 Input ..

按住 command ，使用方向键，可以调整它的大小 .. 上下有 8 个像素的距离 .. 左右留出 16 个像素的距离 ...

这个文本框的右边儿可以显示一个小箭头 ..

在 Material Design 的小图标这里，搜索一下 upward ... 选中它，下载 svg ... 把它放在 Assets 页面上 ... 名字是 icon-upward ... 创建一个符号 ...

复制一下 ... 粘贴到这个评论页面上 ... 把它放在这个文本框的右边儿 ... 不透明度设置成 26 ..

文本框的左边这里 .. 再插入一个文字 ... 发表评论 ... 样式选择 Text Secondary ... 调整一下它的位置 ... 上边，下边，还有左边 .. 空出 8 个像素 ...

选中评论表单相关的这几个图层 ... 放在一个群组里 ... 名字是 Comment / Form

改修改一下这里的图层的名字 ... 这个文字是 Comment / Form / Placeholder .. ctrl + 2 ，pin to corner ..

这个向上的小箭头 ... 把它设置成 pin to corner ..

下面这个矩形是 Comment / Form / Input ... ctrl + 3 把 Resizing 设置成 Resize Object ..

最底下这个矩形是一个 Container ...

统计