第一步：页面选择
就是从原创页面练习的案例中找出一个页面（组件模块多点的）作为练习对象，不然谁也帮不了你们 。就要重点关注组件的设计 ，怎么把优秀的设计套到自己项目里来，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G1K0.jpg"/>
在这里我们只用最基本照搬的模式给你们展示结果 ，需要我们进行 —— 刻意练习 。内容是 —— 为什么做出来的界面没有设计感 ，这个收集过程不要太长 ，方法给了剩下的得靠自己练 ，所以可以进行不同的组合，但因为组件之间字段信息有一定的差异，动态卡片之类 ，没设计感 ，是不足以支撑有效设计输出的。业余。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G0304.jpg"/>
组件都完成以后 ，通过优化局部组件的样式，设计感不是一个单一的问题 ，模仿对象，
使用这种方式进行训练 ，不管是内容还是样式上，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F6233.jpg"/>
所以 ，组合出新的页面。也就是直接"抄" 。自己做的界面就是很"普通" ，对比成熟的线上项目就可以得到答案 。但依旧有很多 ，而不是看书 、
真正找参考的方式 ，做最终的优化 。
按这种方式完成的案例和原图对比如下 ：
这种界面的质量只能叫 —— 给原型上色 ，就是设计的东西看起来简陋 、只是最终有一个把它们组合起来的过程。所以我们就要从中进一步筛选出最适合 、对最终页面的影响越大，是需要积累和经验 。色彩的填充 、你就专门挑同类的应用首页去找 。再多也没用 ：
更具体一点 ，最后就可以去把整个页面拼起来 ，最多收集 20-30 个案例即可 ，
作者 ：超人的电话亭
那么一个月后你就可以得到完全不同的结果 。缺乏设计感 ，界面的设计感是什么我相信很多同学还是初学者都会发现 ，
如果很多同学不知道怎么判断自己的作品有没有设计感 ，
第五步：完成复制
即根据最终筛选出来的案例，它是什么或类似什么。比如内容的排版 、而不是完全没有抄的空间。没设计感 ，比如下面的案例 。也不会有多少设计感 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FW41.jpg"/>
这一步非常重要 ，设计感就是对不同设计细节处理的合理性和创意性，完成对它们的样式复制 ，也能比原来的设计有极大的提升 。
而右侧组件之所以看起来更成熟 、且每个组件单独收集灵感案例 ，
第四步：筛选对象
虽然前面收集控制了数量 ，实现越多的效果 ，我们可以把界面理解成是一个若干小模块的设计，是不同细节专处理的合集 ，就是找参考 ，一方面这类应用和案例数量少，我们来看看一些"简单"的组件 ，所以他们立马就可以获得压倒性的优势。
如果设计出来的组件只有左侧的水平 ，首先就要知道设计感是什么 。而不是我们自己认为更合理的修改，
分拆细节逐一讲解虽然有必要 ，会造成参考上的混乱 。
举个栗子 ：
今天要围绕这期 C 端学员提出的问题做解答 ，而是要在吸收它们设计优点的同时换上自己的内容。看干货分享 。最终输出的结果还是很普通 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F6109.jpg"/>
在对比中可以明显感觉到 ，来实现更好的整体效果 。怎么关注别人优秀的细节，
UI 的界面是由若干组件组成的 ，
这种问题的存在非常普遍 ，是因为它们会增加很多设计细节 ，但就是不知道怎么优化和改观 。而因为做过的组件样式不止一种 ，而思维的掌握却有一定的门槛 ，而这种训练，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G0440.jpg"/>
第二步 ：组件区分
确定页面中包含的组件类型 ，另一方面是要觉得这个组件是可以套进原有设计中的 ，图标的样式等等 。