element-ui

CSS 样式表
负责网页的样式和外观，它为网页添加色彩和风格。
可以设置字体、颜色、间距、布局等视觉特性，使网页更加美观和用户友好。

对UI设计师来说，我们跟前端讨论最多的就是落地效果，比如字体大小、间距、对齐问题。这些问题就是前端需要去调整css样式表。最基础的布局就是盒子模型，详见图片。

javascript
简称叫做js，前端三剑客之一。用于实现网页的动态功能和交互效果，使得网页能够响应用户的动作。前端工程师做动效就是使用js，如果你工作中经常使用到动效，可以收集一下js动态效果的代码给到前端使用。

响应式布局&自适应布局
一种让网页在不同尺寸设备下都以最合理的布局展示。响应式的页面布局和内容能够动态地调整以适应不同的显示环境。而自适应布局需要创建多个布局，做多套页面宽度的方案去适应不同设备。

数据加载
数据从后端服务器获取并在前端页面展示的过程。加载过程中通常需要一个等待过程，这个过程需要用视觉手法展示给用户，减少用户的焦虑感。作为UI设计师，常见的加载形式有进度条、骨架屏、loading

最好看的6个UI组件库

🌟 前端开发必备：六大顶尖UI库精选

在当今的数字化时代，用户界面(UI)设计的重要性不言而喻。对于前端开发者和UI设计师来说，选择合适的UI库不仅能提升开发效率，还能确保最终产品的美观与功能性。以下是公认的六大最受欢迎的UI库，它们以其卓越的设计、易用性和功能性成为前端开发的不二之选。

1️⃣ Shadcn UI

Shadcn UI以其独特的风格和响应式设计脱颖而出。它提供了一套完整的组件库，支持快速开发和高度定制化的界面。Shadcn UI的组件不仅美观，而且易于集成，使得开发者能够快速构建出专业级别的用户界面。

2️⃣ Material UI

由Google支持的Material UI，以其遵循Material Design设计原则而闻名。它提供了丰富的预制组件和工具，帮助开发者实现流畅、直观和美观的用户界面。Material UI的组件库广泛，适用于各种规模的项目。

3️⃣ Chakra UI

Chakra UI是一个模块化的组件库，以其灵活性和可扩展性著称。它允许开发者通过组合基础组件来创建复杂的UI元素。Chakra UI的设计哲学强调简洁和实用性，非常适合需要快速迭代和原型设计的项目。

4️⃣ Next UI

Next UI以其创新的动画和过渡效果而受到开发者的喜爱。它提供了一套现代化的组件，支持开发者构建出具有吸引力和动感的用户界面。Next UI的组件库不断更新，紧跟设计趋势。

5️⃣ Ant Design

Ant Design是一个基于企业级产品设计的UI框架，以其稳定性和成熟度受到广泛认可。它提供了一套全面的组件库，适用于构建复杂的企业级应用。Ant Design的组件设计注重细节，确保了用户体验的一致性和专业性。

6️⃣ Flowbite

Flowbite是一个基于Tailwind CSS的UI组件库，以其快速开发和高度可定制性而受到开发者的青睐。它提供了一系列的组件和模板，帮助开发者快速实现现代化的网页设计。Flowbite的组件易于使用，且与Tailwind CSS的实用工具类无缝集成。