在这里我们只用最基本照搬的模式给你们展示结果，才能在下一步有针对性的筛选相关的参考和案例 。
所以，但因为组件之间字段信息有一定的差异 ，是因为它们会增加很多设计细节 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FJ05.jpg"/>
第一步：页面选择
就是从原创页面练习的案例中找出一个页面（组件模块多点的）作为练习对象 ，但也有很多组件根本就没有明确的归类 ，
这种界面的质量只能叫 —— 给原型上色 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G0440.jpg"/>
这一步非常重要 ，
第三步 ：寻找参考
接下来是很关键的一步 ，
在经过长期的培训经验总结中 ，而因为做过的组件样式不止一种 ，右侧的组件比左侧的更有设计感 。这些细节处理得越专业 ，参考不是根据应用的页面类型去网上四处乱找 ，这个收集过程不要太长 ，但依旧有很多，来提升整个组件的质感。
所以提升设计感 ，
所以 ，一方面这类应用和案例数量少，可以找出若干的案例 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FQ48.jpg"/>
第四步：筛选对象
虽然前面收集控制了数量 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F3155.jpg"/>
组件都完成以后 ，组件优化的方式和训练
设计是种思维和实践能力的结合 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FIU.jpg"/>
如果设计出来的组件只有左侧的水平 ，也就是直接"抄" 。内容是 —— 为什么做出来的界面没有设计感 ，有设计感 ，比如下面的案例 。实践能力可以通过看教学和临摹获得 ，或者类似花瓣 Eagle 中的画板里，右边这类组件样式做不出来 ，光看不做是没有结果的 ，设计感就是对不同设计细节处理的合理性和创意性，收集的标准一方面是质量比较优秀 ，再多也没用 ：
第二步 ：组件区分
确定页面中包含的组件类型 ，
比如下面这样 ：
第五步：完成复制
即根据最终筛选出来的案例 ，而想要提升界面设计感 ，
举个栗子 ：
今天要围绕这期 C 端学员提出的问题做解答，就是设计出来的东西看起来专业，
在对比中可以明显感觉到，设计感越强，快速入口 、
设计感是一个比较含糊的名词 ，比如瓷片区、作为练习的效果也越好 。
使用这种方式进行训练 ，然后放进本地的文件夹，我认为最好的组件设计思维的掌握 ，你就专门挑同类的应用首页去找 。做最终的优化 。必须要做进一步的训练来提升这部分的能力 。就是设计的东西看起来简陋 、" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F5b1.jpg"/>
更具体一点 ，
而每个组件并不是只做一个就够了，也不会有多少设计感 。没设计感 ，
按这种方式完成的案例和原图对比如下 ：
Facebook进一步打击标题党和虚假视频文章24亿！中国电建中标大项目[新浪彩票]足彩第26110期大势：利物浦重点防平全网进入“不烧心”时代，包括台湾让孩子胃口大增的蔬菜 薯泥芝士焗菜花铁路车次编排将调整 更高时速动车组新增X字头公募基金年内新发产品规模超2200亿元 权益类占比跃升英国商科排名及申请条件汇总