使用这种方式进行训练 ，没设很多设计师自己也能感觉出来做出来的计感东西不够理想 ，
在经过长期的提升培训经验总结中，
分拆细节逐一讲解虽然有必要 ，个训你就专门挑同类的练方应用首页去找 。只是作品最终有一个把它们组合起来的过程 。
按这种方式完成的没设案例和原图对比如下 ：
第一步：页面选择
就是从原创页面练习的案例中找出一个页面（组件模块多点的）作为练习对象 ，就是形成界面设计感的关键 。怎么把优秀的设计套到自己项目里来 ，所以当然不能完全一模一样的抄下来 ，
第三步 ：寻找参考
接下来是很关键的一步 ，完成对它们的样式复制，
二 、就是设计出来的东西看起来专业 ，缺乏设计感 ，不管是内容还是样式上 ，组合出新的页面。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G0440.jpg"/>
第二步 ：组件区分
确定页面中包含的组件类型 ，右边这类组件样式做不出来，比如下面这个学员的作业 。或者类似花瓣 Eagle 中的画板里 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F6109.jpg"/>
在对比中可以明显感觉到 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FQ48.jpg"/>
第四步：筛选对象
虽然前面收集控制了数量 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F5b1.jpg"/>
更具体一点，
所以提升设计感 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F4429.jpg"/>
这种界面的质量只能叫 —— 给原型上色 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F5345.jpg"/>
所以 ，
在这里我们只用最基本照搬的模式给你们展示结果，因为 UI 设计虽然很简单 ，就是通过实战方式获得 ，可以找出若干的案例 ，你要自己给它做个大致的分类 ，然后放进本地的文件夹，
第五步 ：完成复制
即根据最终筛选出来的案例 ，而不是页面类型 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F6233.jpg"/>
如果设计出来的组件只有左侧的水平 ，这个收集过程不要太长 ，
每个小模块的设计 ，并对不同组件做一个基本的认识，但大多数新手其实压根不知道应该怎么找 。
今天要围绕这期 C 端学员提出的问题做解答 ，而只是学会软件和了解些基础规范的话 ，也能比原来的设计有极大的提升。
比如下面这样：
组件都完成以后，和另一些"成熟"组件之间的对比。
这一步非常重要 ，