2021-01-29 13:05发布
UI常用框架:
1、vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
2、Layui
https://www.layui.com/
3、View UI
https://www.iviewui.com/
1、Aliceui
Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。
gitHub地址:https://github.com/aliceui/aliceui.github.io
2、Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
地址:http://amazeui.org/
3、sui
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 通过SUI,可以非常方便的设计和实现精美的页面。
地址:http://sui.taobao.org/
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
地址:http://m.sui.taobao.org/
1. Twitter BootStrap (Apache v2.0;响应式)
时髦、直观并且强大的前端框架,让Web开发变得更加容易。
2. Foundation (MIT;响应式)
最先进的响应式前端框架。
3. 960gs(GPL&MIT;响应式)
960gs提供了一个简单的网格系统,适合快速开发。
4. Skeleton(MIT;响应式)
非常漂亮的Web模板,适合响应式、移动友好的开发。
5. 99lime HTML KickStart(Free)
适合网站快速开发的极简HTML构建模块。
6. Kube(Free;响应式)
面向专业人员的CSS框架。
7. Less Framework(MIT;响应式)
自适应的CSS网格系统。
8. Flameinwork(Free)
适合懒人开发者的前端微框架。
9. G5 Framework(Free)
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework(Free)
Easy Framework是一个一体化前端解决方案,分structural、 presentational、interactive三层。
11. Blueprint(Free)
一个旨在减少开发时间的前端框架。
12. YAML(Creative Commons)
(x)HTML+CSS框架,适合开发现代化浮动布局。
13. BlueTrip(Free)
一个功能全面、并且美丽的CSS框架,适合于Blueprint搭配使用。
14. YUI3:Grids CSS(BSD)
YUI Grids CSS是最著名的CSS框架之一,是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。
15. 52framework(Creative Commons)
对HTML5支持非常好,简单易用。
16. elastiCSS(MIT)
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic(Free)
一个与众不同的CSS框架。
18. Fluid 960 Gride System(GPL/MIT)
Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS(MIT)
一个面向对象的CSS框架,能让你的工作流更加简洁。xCSS基于CSS,可以在开发复杂样式时,提供面向对象的工作流。
20. EM CSS Framework(MIT/GPL)
EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。
layui、Bootstrap、AUI、Amaze UI、Frozen UI等
Aliceui
Amazeui
sui
layui:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。
Bootstrap:拥有框架一壁江山的势气。
AUI:解决了很多移动前端开发的普遍问题,是主要面向混合开发的 CSS 框架。
个人感受,有机会得话就直接先进大厂吧。如果没有机会也可以这样:前期可以先进入小型的公司:优点:自身成长较快,一般情况下,小型企业资金和人员都有限,这就需要你独挡一面,充分理解项目的全流程设计。可能短短两三个月你就脱胎换骨。管理更直接,没有中...
前端跟ui的话都有各自的一个发展,这个也说不好。
AE是做动效的软件,现在UI必须会动效设计。
UI设计现在的市场还是蛮不错的呢,需求量比较大,而且你还有一定的基础,比较好学的,建议选择大一点的机构,有一定的保障,可以实地考察一下
Sketch是可以做一些简单的抠图操作的
是的,UI主要是设计,会使用设计类软件就可以,不过会简单的前端代码,找工作会比较有有事的。
可以学,不过你之前没有接触过这个的话,你可能自学起来还是比较难得,最好还是去找个靠谱的培训机构,从入门开始学起
对于设计来说,创意想法是一方面,想到能否准确的表达出自己的想法又是一方面,就比如说有美术基础的会有更多的表现形式,常用到的技能有手绘,写实图标等,优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面,只要是被广大用户认可接受的表达都...
首先来说平面设计,通常指的是线下生活中传达信息为主的视觉设计。也是我们常说的视觉传达设计。主要目的是将视觉作为沟通和表现的方式,更好地宣传品牌信息。在我们的日常生活中常见的有标识、出版物、平面广告、海报、广告牌、标志和产品包装。而网页设计则...
没有美术基础可以学习UI设计吗?关于这个问题,我在这里想要先给大家介绍下美术基础是指什么,UI当中需要的又是什么,很多人因为自己没有美术技术就害怕学不好等问题。那么我们首先要了解UI设计当中的美术基础指的是什么,UI设计中的美术基础主要是以素描手绘...
现在对UI设计师的要求,更多的是一种全能型人才,手绘、插画、交互、动效等什么都要会,十八般武艺,UI设计师得会十七成半。 投递简历的时候,你会在很多招聘UI设计师上的任职要求里看到会插画的,有一定手绘能力优先。UI设计中插画到底有多重要呢? 1,...
ps软件通常指的是 Adobe Photoshop,简称PS,是由 Adobe Systems 开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS 有很多功能,在图像、图形、文字、视频、出版等各方面都...
矢量蒙板用矢量图形建立蒙板,以约束其下面一层图像的显示和隐藏,矢量蒙板只能用矢量工具(钢笔、自由钢笔、矢量图形)来编辑。图层蒙板通过像素来约束下面图层的显示和隐藏,可以通过像素工具(画笔,橡皮插等工具)画编辑。剪切蒙板则通其本身形状对下面图...
设计师在进行信息的编排与构建时,已经花了较多的时间与精力理解了产品的全部信息和信息之间的层级关系。但是,用户接收信息是从一些具体的信息片段开始,然后到另一个信息片段,他们需要将这些具体的信息补全成设计师脑海中的信息地图。设计师的信息地图是立...
作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计,也能毁灭你的设计。一个美观又复杂的排版。有些人将他们全部的事业奉献在了排版上。值得庆幸的是,他们的工作是有据可查的,...
漂亮美观的设计作品,就是好的设计吗?当我在media上发表第一篇文章时,有一位读者问了我一个问题,引起了我的共鸣。她说评判设计的优劣是一种偏主观性的行为,她想知道,是否有人能够设计出一套能够辨别出优秀设计作品的准则。于是我生出了为什么我自己不试...
最多设置5个标签!
VUE、bootstrap、jQuery
UI常用框架:
1、vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
2、Layui
https://www.layui.com/
3、View UI
https://www.iviewui.com/
1、Aliceui
Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。
gitHub地址:https://github.com/aliceui/aliceui.github.io
2、Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
地址:http://amazeui.org/
3、sui
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 通过SUI,可以非常方便的设计和实现精美的页面。
地址:http://sui.taobao.org/
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
地址:http://m.sui.taobao.org/
1. Twitter BootStrap (Apache v2.0;响应式)
时髦、直观并且强大的前端框架,让Web开发变得更加容易。
2. Foundation (MIT;响应式)
最先进的响应式前端框架。
3. 960gs(GPL&MIT;响应式)
960gs提供了一个简单的网格系统,适合快速开发。
4. Skeleton(MIT;响应式)
非常漂亮的Web模板,适合响应式、移动友好的开发。
5. 99lime HTML KickStart(Free)
适合网站快速开发的极简HTML构建模块。
6. Kube(Free;响应式)
面向专业人员的CSS框架。
7. Less Framework(MIT;响应式)
自适应的CSS网格系统。
8. Flameinwork(Free)
适合懒人开发者的前端微框架。
9. G5 Framework(Free)
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework(Free)
Easy Framework是一个一体化前端解决方案,分structural、 presentational、interactive三层。
11. Blueprint(Free)
一个旨在减少开发时间的前端框架。
12. YAML(Creative Commons)
(x)HTML+CSS框架,适合开发现代化浮动布局。
13. BlueTrip(Free)
一个功能全面、并且美丽的CSS框架,适合于Blueprint搭配使用。
14. YUI3:Grids CSS(BSD)
YUI Grids CSS是最著名的CSS框架之一,是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。
15. 52framework(Creative Commons)
对HTML5支持非常好,简单易用。
16. elastiCSS(MIT)
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic(Free)
一个与众不同的CSS框架。
18. Fluid 960 Gride System(GPL/MIT)
Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS(MIT)
一个面向对象的CSS框架,能让你的工作流更加简洁。xCSS基于CSS,可以在开发复杂样式时,提供面向对象的工作流。
20. EM CSS Framework(MIT/GPL)
EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。
layui、Bootstrap、AUI、Amaze UI、Frozen UI等
Aliceui
Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。
Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
sui
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 通过SUI,可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
VUE、bootstrap、jQuery
layui:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。
Bootstrap:拥有框架一壁江山的势气。
AUI:解决了很多移动前端开发的普遍问题,是主要面向混合开发的 CSS 框架。
相关问题推荐
个人感受,有机会得话就直接先进大厂吧。如果没有机会也可以这样:前期可以先进入小型的公司:优点:自身成长较快,一般情况下,小型企业资金和人员都有限,这就需要你独挡一面,充分理解项目的全流程设计。可能短短两三个月你就脱胎换骨。管理更直接,没有中...
前端跟ui的话都有各自的一个发展,这个也说不好。
AE是做动效的软件,现在UI必须会动效设计。
UI设计现在的市场还是蛮不错的呢,需求量比较大,而且你还有一定的基础,比较好学的,建议选择大一点的机构,有一定的保障,可以实地考察一下
Sketch是可以做一些简单的抠图操作的
是的,UI主要是设计,会使用设计类软件就可以,不过会简单的前端代码,找工作会比较有有事的。
可以学,不过你之前没有接触过这个的话,你可能自学起来还是比较难得,最好还是去找个靠谱的培训机构,从入门开始学起
对于设计来说,创意想法是一方面,想到能否准确的表达出自己的想法又是一方面,就比如说有美术基础的会有更多的表现形式,常用到的技能有手绘,写实图标等,优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面,只要是被广大用户认可接受的表达都...
首先来说平面设计,通常指的是线下生活中传达信息为主的视觉设计。也是我们常说的视觉传达设计。主要目的是将视觉作为沟通和表现的方式,更好地宣传品牌信息。在我们的日常生活中常见的有标识、出版物、平面广告、海报、广告牌、标志和产品包装。而网页设计则...
没有美术基础可以学习UI设计吗?关于这个问题,我在这里想要先给大家介绍下美术基础是指什么,UI当中需要的又是什么,很多人因为自己没有美术技术就害怕学不好等问题。那么我们首先要了解UI设计当中的美术基础指的是什么,UI设计中的美术基础主要是以素描手绘...
现在对UI设计师的要求,更多的是一种全能型人才,手绘、插画、交互、动效等什么都要会,十八般武艺,UI设计师得会十七成半。 投递简历的时候,你会在很多招聘UI设计师上的任职要求里看到会插画的,有一定手绘能力优先。UI设计中插画到底有多重要呢? 1,...
ps软件通常指的是 Adobe Photoshop,简称PS,是由 Adobe Systems 开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS 有很多功能,在图像、图形、文字、视频、出版等各方面都...
矢量蒙板用矢量图形建立蒙板,以约束其下面一层图像的显示和隐藏,矢量蒙板只能用矢量工具(钢笔、自由钢笔、矢量图形)来编辑。图层蒙板通过像素来约束下面图层的显示和隐藏,可以通过像素工具(画笔,橡皮插等工具)画编辑。剪切蒙板则通其本身形状对下面图...
设计师在进行信息的编排与构建时,已经花了较多的时间与精力理解了产品的全部信息和信息之间的层级关系。但是,用户接收信息是从一些具体的信息片段开始,然后到另一个信息片段,他们需要将这些具体的信息补全成设计师脑海中的信息地图。设计师的信息地图是立...
作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计,也能毁灭你的设计。一个美观又复杂的排版。有些人将他们全部的事业奉献在了排版上。值得庆幸的是,他们的工作是有据可查的,...
漂亮美观的设计作品,就是好的设计吗?当我在media上发表第一篇文章时,有一位读者问了我一个问题,引起了我的共鸣。她说评判设计的优劣是一种偏主观性的行为,她想知道,是否有人能够设计出一套能够辨别出优秀设计作品的准则。于是我生出了为什么我自己不试...