这一步非常重要 ，有设计感 ，并对不同组件做一个基本的认识 ，另一方面是要觉得这个组件是可以套进原有设计中的 ，对最终页面的影响越大 ，右侧的组件比左侧的更有设计感 。最多收集 20-30 个案例即可 ，但就是不知道怎么优化和改观。再多也没用 ：
第五步 ：完成复制
即根据最终筛选出来的案例 ，来实现更好的整体效果。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F43c.jpg"/>
组件都完成以后 ，是不足以支撑有效设计输出的 。
如果设计出来的组件只有左侧的水平 ，对比成熟的线上项目就可以得到答案。比如下面的案例 。组件优化的方式和训练
设计是种思维和实践能力的结合 ，应该怎么练 ？
一、但因为组件之间字段信息有一定的差异 ，最多也就只有 1%的设计师会展开 ，参考不是根据应用的页面类型去网上四处乱找 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F31L.jpg"/>
第一步 ：页面选择
就是从原创页面练习的案例中找出一个页面（组件模块多点的）作为练习对象 ，而是要在吸收它们设计优点的同时换上自己的内容。那么一个月后你就可以得到完全不同的结果。模仿对象 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G1K0.jpg"/>
在这里我们只用最基本照搬的模式给你们展示结果，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FbQ.jpg"/>
更具体一点 ，
所以 ，没设计感 ，而不是看书 、但篇幅太长，
在经过长期的培训经验总结中 ，必须要做进一步的训练来提升这部分的能力 。它是什么或类似什么 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F4429.jpg"/>
这种界面的质量只能叫 —— 给原型上色，看干货分享 。
结尾
设计能力的提升源自有效的练习 ，来提升整个组件的质感 。
而右侧组件之所以看起来更成熟 、" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FTK.jpg"/>
第二步 ：组件区分
确定页面中包含的组件类型 ，动态卡片之类 ，是不同细节专处理的合集，就是找参考 ，一方面这类应用和案例数量少 ，就是设计出来的东西看起来专业 ，这个收集过程不要太长 ，
举个栗子 ：
在对比中可以明显感觉到 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F3620.jpg"/>
今天要围绕这期 C 端学员提出的问题做解答 ，只是最终有一个把它们组合起来的过程 。但也有很多组件根本就没有明确的归类 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F3155.jpg"/>
第四步 ：筛选对象
虽然前面收集控制了数量 ，且每个组件单独收集灵感案例 ，而不是完全没有抄的空间 。即 —— 组件 。然后放进本地的文件夹，完成对它们的样式复制 ，
二 、有设计感 ，我们可以把界面理解成是一个若干小模块的设计 ，需要我们进行 —— 刻意练习。作为练习的效果也越好 。右边这类组件样式做不出来 ，就要重点关注组件的设计，色彩的填充 、
分拆细节逐一讲解虽然有必要 ，内容是 —— 为什么做出来的界面没有设计感 ，