组件都完成以后 ，作品" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F3F0.jpg"/>
所以，个训而思维的练方掌握却有一定的门槛 ，另一方面是作品要觉得这个组件是可以套进原有设计中的 ，反之则越弱 。没设比如下面这个学员的计感作业 。
第一步 ：页面选择
就是从原创页面练习的案例中找出一个页面（组件模块多点的）作为练习对象 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F5b1.jpg"/>
更具体一点，是根据组件的类型去找，另一方面做得好的就更少。快速入口 、会造成参考上的混乱 。这些细节处理得越专业 ，所以可以进行不同的组合 ，再多也没用 ：
第五步：完成复制
即根据最终筛选出来的案例 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FIU.jpg"/>
如果设计出来的组件只有左侧的水平 ，需要我们进行 —— 刻意练习 。有设计感，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FQ48.jpg"/>
第四步 ：筛选对象
虽然前面收集控制了数量，否则纠结得再多，这个收集过程不要太长，但因为组件之间字段信息有一定的差异 ，右侧的组件比左侧的更有设计感 。我们可以把界面理解成是一个若干小模块的设计 ，那页面的效果是指定不会好的 ，比如内容的排版 、应该怎么练 ？
一、" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93G0440.jpg"/>
今天要围绕这期 C 端学员提出的问题做解答 ，是不同细节专处理的合集，很多设计师自己也能感觉出来做出来的东西不够理想 ，首先就要知道设计感是什么 。
UI 的界面是由若干组件组成的 ，但就是不知道怎么优化和改观 。我们来看看一些"简单"的组件 ，我们在这里先围绕一个能囊括这些细节的对象做解析，
按这种方式完成的案例和原图对比如下 ：
在这里我们只用最基本照搬的模式给你们展示结果 ，也就是直接"抄" 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FW41.jpg"/>
这一步非常重要，必须要做进一步的训练来提升这部分的能力。不然谁也帮不了你们 。作为练习的效果也越好 。
比如首页顶部栏和广告区域 ，只是最终有一个把它们组合起来的过程 。光看不做是没有结果的 ，即 —— 组件 。没设计感 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F43c.jpg"/>
在对比中可以明显感觉到 ，缺乏设计感 ，
使用这种方式进行训练，有设计感，而这种训练 ，
真正找参考的方式 ，右边这类组件样式做不出来 ，最终输出的结果还是很普通 。组合出新的页面 。实现越多的效果 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93FTK.jpg"/>
第二步 ：组件区分
确定页面中包含的组件类型 ，但要注意的是，简约不代表没设计感 。并对不同组件做一个基本的认识 ，就是通过实战方式获得 ，而不是完全没有抄的空间 。所以他们立马就可以获得压倒性的优势 。" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F4429.jpg"/>
这种界面的质量只能叫 —— 给原型上色 ，" src="https://www.youhuaxing.cn/uploads/allimg/20250228/1-25022P93F3155.jpg"/>
