好久不见哈哈，上周又断更了，因为在调整作息时间，每天下夜班回去就是睡觉，现在好了，可以恢复到以前的倒头就睡。所以，公众号又开始肝了起来，另外搞了一个改稿活动已经开始了，国庆前肝一波。
上一篇文章，有同学提到了怎么从灵感图里面提取组件，那，先来聊聊什么是组件。因为只有文本元素，属性单一，可以将其中内容理解为，原始组件。那么怎么变成多属性，从原始组件延伸出复合组件，对内容进行美化。下一步，需要一个容器，也是最为重要的组件，容器可以是任何形状，比如先用矩形代替试试。矩形色块仍然是单一的组件，那么如果变成复合组件之后呢？这是大面积的内容载体容器，如果是内容少的页面该怎么做呢？人物是组件，那么承载人物介绍的容器也是组件，做起来也很简单，只使用了一种形状—平行四边形，三个不同大小组合在一起。这样，应该对组件有了一些了解，但是，如何提取组件呢？可以发现，整个网页里面使用最多的就是六边形，由原始单一的六边形组件，延伸出多个页面。旋转角度，增加圆角，线框形式，线面组合，作为背景的填充，不止提供了组件，还提供了组件不同的形式的延伸和运用。对比两张不同的图标使用，下方图标是单一图标，很深入细节化。而，上方的图标使用了六边形组合+图标，形成一个新的图标组件，另外，处理图标形状装饰的时候，有深有浅更加细节。再比如这一页，组件的不同，分别出了不同层级的内容。这个和平精英的弹窗，主体部分是由形状组成的一面墙，同时这面墙发光并且有着破碎感，通过大小虚实，增加空间感。主体部分承载着人物，同时也是组件，另外人物姓名介绍和副标题的容器，和之前的案例是一种做法。还有一个触控按键也不能忽略，两个箭头色块组合，渐变填充，同时背景是有着质感的，外面包着细微的边框。
好了，以上就是今天分享的内容，更多的细节还需要自己动手尝试。有没有想看读书笔记的同学，有的话可以再评论区留个言，或者有好的书推荐的话也可以。——
公众号：君梦遐想
原文链接：妙啊，原来可以这样来提取灵感图里的组件
赣公网安备36100202000190号