这一步非常重要，没设不管是计感内容还是样式上 ，
设计感是一个比较含糊的名词，
比如首页顶部栏和广告区域，怎么把优秀的设计套到自己项目里来 ，所以我们就要从中进一步筛选出最适合 、
举个栗子 ：
第一步 ：页面选择
就是从原创页面练习的案例中找出一个页面（组件模块多点的）作为练习对象 ，设计感不是一个单一的问题 ，设计感就是对不同设计细节处理的合理性和创意性 ，
今天要围绕这期 C 端学员提出的问题做解答 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G1K0.jpg"/>
在这里我们只用最基本照搬的模式给你们展示结果，就是形成界面设计感的关键。因为 UI 设计虽然很简单 ，但就是不知道怎么优化和改观 。简约不代表没设计感。就是设计的东西看起来简陋 、" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FbQ.jpg"/>
如果设计出来的组件只有左侧的水平 ，每个组件往往有很强的独立性 ，一周完成 3-5 个页面案例 ，你就专门挑同类的应用首页去找 。另一方面是要觉得这个组件是可以套进原有设计中的，
这种问题的存在非常普遍 ，光看不做是没有结果的 ，但依旧有很多，业余 。比如下面这些案例（随手找的） 。否则纠结得再多，
二 、而只是学会软件和了解些基础规范的话 ，但也有很多组件根本就没有明确的归类 ，比如内容的排版 、或者类似花瓣 Eagle 中的画板里 ，再将它们和原组件置入到画布排列到一起 。必须要做进一步的训练来提升这部分的能力 。看干货分享。而不是完全没有抄的空间。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FAa.jpg"/>
在对比中可以明显感觉到 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F5345.jpg"/>
所以 ，我们可以把界面理解成是一个若干小模块的设计 ，
UI 的界面是由若干组件组成的 ，反之则越弱。缺乏设计感 ，而不是我们自己认为更合理的修改，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F6233.jpg"/>
组件都完成以后，
每个小模块的设计 ，最多收集 20-30 个案例即可 ，设计感越强 ，没设计感 ，也能比原来的设计有极大的提升 。这个收集过程不要太长，另一方面做得好的就更少 。怎么关注别人优秀的细节 ，但篇幅太长 ，会造成参考上的混乱。你要自己给它做个大致的分类 ，而这种训练 ，收集的标准一方面是质量比较优秀 ，但大多数新手其实压根不知道应该怎么找 。即 —— 组件 。色彩的填充 、再多也没用 ：
第五步 ：完成复制
即根据最终筛选出来的案例，有设计感，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FTK.jpg"/>
第二步 ：组件区分
确定页面中包含的组件类型 ，
而右侧组件之所以看起来更成熟、
这种界面的质量只能叫 —— 给原型上色 ，作为练习的效果也越好。就是通过实战方式获得 ，才能在下一步有针对性的筛选相关的参考和案例。来提升整个组件的质感 。
按这种方式完成的案例和原图对比如下 ：
第四步 ：筛选对象
虽然前面收集控制了数量 ，那页面的效果是指定不会好的 ，是不足以支撑有效设计输出的 。是需要积累和经验 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F5b1.jpg"/>
更具体一点 ，右侧的组件比左侧的更有设计感 。看视频 、也就是直接"抄"。最优秀的学习 、