常用的ui框架有哪些
1、Angular，作为谷歌推出的全功能型前端框架，以其类型安全、组件化、依赖注入和模块化特性，吸引众多开发者。Angular框架支持从单页面应用到大型应用的开发，为开发者提供强大的功能支持。其学习曲线虽陡，但掌握后能大幅提升开发效率，因此在ui设计公司中广泛应用。
2、Bootstrap、Foundation、Material UI、Ant Design、Vue UI框架等。 Bootstrap： Bootstrap是一个流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，用于快速开发响应式和移动优先的UI界面。Bootstrap包含了许多预先设计的样式和组件模板，开发者可以直接使用或者进行定制。
3、layui （1）这是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式。（2）layui框架的使用门槛极低，可以直接拿来用，用来开发快捷方便，省时省力。（3）layui 兼容除了IE6/7之外全部的浏览器，可作为 PC 端后台系统与前台界面的速成开发方案。
4、Ionic： 作为最早提供 Vue3 支持的 UI 框架之一，Ionic 更倾向于移动 UI。Ionic Vue 框架在 Github 上有 45k+ 颗星，拥有令人震惊的社区、大量问题和企业支持。已被大公司如空客和艺电使用。Naive UI： 在 Twitter 上发布后，迅速在 GitHub 上获得1k 颗星。
5、八：at-ui AT-UI是一个模块化的前端UI框架，专注于Vue.js的快速和强大Web界面开发，专为桌面应用设计，提供了一套完整的前端开发工作流程。九：Vue-Blu Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库，提供全面、灵活且强大的UI组件，API友好，旨在为PC端前端开发提供快速且灵活的解决方案。
如何做好网页的版式设计
1、对比引：导视觉，制造焦点，把内容分出主次层级，可以有颜色、大小、粗细、冷暖、明暗的对比，一定要大胆，效果明显一些。对齐：让版面产生秩序美，不要用多种对齐方式，只用一种才能体现画面的整齐统一。
2、适当匹配页面上的各种元素，使页面上的文本、图片和其他内容更加协调，从而设计出良好的页面布局。
3、大且醒目&美观的排版设计 版面设计大概是一个优秀的网页设计中最重要的部分了，版面设计可以会围绕着大且醒目，个性鲜明的标题。颜色渐变 渐变绝对是时下最“in”的趋势，在版面设计中也会经常见到。
4、使用标点打断整个句子，提供个性化的旁白，营造出个性和有趣性。
5、网页版式设计主要有以下几种类型：标题的设计。在进行网页设计时，应将标题的大小、位置，以及字体的选择进行明确规划。中文的设计。网页中的中文标题字体通常是使用宋体，这样既美观又易读。英文标题。英文标题字体通常都是以衬线体书写的。
6、我们可以通过字体、行距、色块、网格等来进行规划和控制。要完成页面布局，还要注意网页上图片的位置，控制大小、颜色，如果我们能很好地控制网页上可用的图片，将对网页布局的外观和感觉起到很好的促进作用。适当匹配页面上的各种元素，使页面上的文本、图片和其他内容更加协调，从而设计出良好的页面布局。
框架网页设计是什么?
框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。使用框架可以非常方便的完成导航工作，让网站的结构更加清晰，而且各个框架之间决不存在干扰问题。利用框架最大的特点就是使网站的风格一致。
框架网页就是一个特别设计的网页布局啦，它有以下几个特点：固定导航菜单：就像家里的固定家具一样，框架网页的左边通常会有一个固定的导航菜单，不管你怎么滚动页面，它都稳稳地待在那里，方便你随时找到想去的地方。
定义与功能：框架网页是一种特殊的网页设计，能将浏览器窗口划分为几个独立的部分，每个部分都能加载和显示不同的网页。这种设计旨在提供更好的用户体验，允许在同一页面内同时显示多个来源的信息。内容显示方式：每个框架可以根据实际需求显示不同的内容。
框架型网页是指页面中存在固定部分与可移动部分的网页布局方式。在框架网页中，如左边的导航菜单通常保持固定状态，而页面中间展示的信息可以自由上下移动。此外，某些框架型站点会在页面顶部固定位置放置公司LOGO或图片，这些元素同样不可移动。
使用HTML框架技术，能够在单一浏览器窗口中同时展示多个网页内容，为用户提供更为丰富的浏览体验。每个框架(Frame)内部可以独立设定不同的网页，这些网页之间是相互隔离的，不会互相干扰。框架结构使得网页设计者能够灵活地组织信息，比如将导航栏、主要内容区和侧边栏等不同部分同时展示在页面上。