您好!欢迎来到静学网! 注册 登入
  • 致力提供中国优质IT教程及新媒体资讯,打造中国品牌教育先锋。

移动网站框架续集: 蚂蚁金服Ant Design组件强大之处你了解多少?

课程目录 教育推动者 次浏览
移动web框架的出现改变了整个移动web应用开发效率,人们不再关注底层代码实现方法,更多的是放在业务层面,相对于本地app而言,移动web网页更加灵活和简单,目前已经有足够的框架让我们选择,移动web框架有足够的组件让我们设计组丰富的页面,使其更加符合用户体验,这些组件都是经过大量的项目实战总结的经验,融入了用户情感、感官、思想等多方面元素,让产品不再孤立,丰富的元素融入,更能创造出幸福感及舒适感。这就是移动web框架所带来的变革。
 

框架一:Ant Design组件家族

 
Ant Design组件家族包含多个部分,Ant Design是蚂蚁金服体验技术部经过长期的实战总结出来的经验,更好满足了当下对企业级产品设计需求,这款组件设计立意高远,专注于企业级产品设计体系,以自然、确定性、意义感、生长性四大设计价值观,让产品更好的服务于企业。目前百度、美团、阿里巴巴、滴滴都从这款框架中得到解放。
 
Ant Design有web网页版和Mobile版,具体可百度搜索https://ant.design/index-cn和https://mobile.ant.design/index-cn。
 
除此之外还有:
 
Ant Motion(主要解决动效方面的问题,比如鼠标联动效果、图片轮播滑动效果及列表动画等https://motion.ant.design/);
 
AntD Library(有意思的是AntD已经合成了Axure控件,并且免费提供,结合原型设计软件Axure RP就可以使用里面的所有组件,傻瓜式设计,这在整个行业来讲是独一无二的);
 
Ant UX(https://ux.ant.design/)这是一个站点地图模板,通俗来讲就是一个树形图,这款控件可以大大提高我们的工作效率,可以用于OmniGraffle、Sketch、Affinity、Axure、Adobe XD等相关平台软件。


ant
 
Ant V(https://antv.vision/zh)是一款超强可视化控件,主要包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范,让复杂的数据变得简单。

 
 

框架二:JingleV0.4

 
很少听说吧,对于不经常用的程序员来讲,可能会比较陌生,当然,你是否有一种似曾相识的感觉,没错JingleV0.4也属于SPA,这可不是洗澡的意思,是(Single Page Application) 单页应用程序,学过angular js的伙伴可能会了解什么是单页应用程序,其实就是一个独立页面,Jingle的初衷是用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。
 
其特性主要有丰富的UI组件、前后端分离、轻量级、开源免费。


jinle
 

框架三:purecss

 
purecss 算不上框架,是纯CSS文件,但在HTML5静态网页开发也是不容小觑的,其文件内容包括基础、栅格、表单、按钮、表格、菜单、工具等,是美国雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。文件大小基本可忽略不计,但是功能却十分丰富,Pure除了提供基础样式外,可拥有极强的扩展性,你可以基于Pure打造出属于你自己的样式。开始试试吧。
 

框架四:MUI

 
MUI是最常用的webapp框架之一,MUI是基于html5+标准的框架,是最接近原生APP体验的高性能前端框架,由于之前一些框架不能很好的接近native app ,所以追求native 成为了框架的主要目标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件,具体资源下载https://dev.dcloud.net.cn/mui/。
 
值得注意的是,MUI框架是由Dcloud官方研发推出,于2014年9月上线,其引入文件大小仅仅100多k,它不依赖第三方js库。
 

框架五:H-ui

 
H-ui也是一款比较好的移动端UI框架,改款框架很好的借鉴了bootstrap框架的优点,并且加上了自己的创意,当然由于是基于bootstrap开发的框架,实际上这并不能和bootstrap一起使用,严格来讲H-ui并不是专门为移动端开发的web框架,侧重点在于PC端。
 
H-ui框架是由Hcoder团队开发,于2017年8月上线,力求最少的代码实现复杂的功能,值得注意的是H-ui.admin.Pro现在已经开始收费,它不提供demo预览和免费下载入口,收费49元,是不是有点意外。
 
还有很多webapp移动网站框架,这里可以根据需要选择,总的已经列出了十款框架,已经能够满足日常开发需求。
 



静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明移动网站框架续集: 蚂蚁金服Ant Design组件强大之处你了解多少?
顶一下
(0)
踩一下
(0)
畅所欲言
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论
友情链接:
自学网
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com