当前位置: 首页 > 最新文章 > 正文

h5 ui 设计(ui设计中的h5是什么意思啊)

FrozenUI是一套基于移动端的UI库,轻量,精美,遵从手机QQ设计规范。WeUI 框架 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。Semantic UI 框架Semantic是一个开发框架,可以使用人性化的HTML帮助创建漂亮的响应式布局。语义UI将单词和类视为可交换的概念。组件中的任意决策都包含在开发人员

admin

FrozenUI是一套基于移动端的UI库,轻量,精美,遵从手机QQ设计规范。WeUI 框架 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。Semantic UI 框架Semantic是一个开发框架,可以使用人性化的HTML帮助创建漂亮的响应式布局。语义UI将单词和类视为可交换的概念。组件中的任意决策都包含在开发人员可以修改的设置中。MUI框架 MUI号称是最接近原生APP体验的高性能前端框架。MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度,然后便试着更深入的了解和使用一段时间。

HTML5(H5)常用的十大前端框架(二)

Frozen UI 框架

有段时间看到 QQ 瞬间高大上了,后来四处打听,原来 QQ 客服端也用了混合开发,其中QQ会员前端用的是 Frozen UI,并且这套框架开源,欣喜若狂耐不住心里的寂寞直接上手试了一遍,初体验感觉基础样式效果简单色调清爽,有个比较活跃的社区所以组件什么的也比较丰富。

FrozenUI是一套基于移动端的UI库,轻量,精美,遵从手机QQ设计规范。

适用于使用手Q规范设计的网站页面,而针对非手Q规范的页面,可通过修改变量定制界面主题,并且可以按需选择需要的组件。

使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px,rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。

总结:如果拿 Frozen UI 配合一些如 APICloud 用来做混合 APP 感觉就太酷了,或者原生的小伙伴们拿去嵌套在应用中做前端开发,这个框架对 android 2.3 +、ios 4.0 + 做了兼容,或者拿来做 Web App 也是极好的选择,劣势的话从 UI 层面就可以看到了,谁让它是出生在QQ会员前端的呢。

WeUI 框架

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

WeUI和同 FrozenUI都属于 差不多的 WeUi了,也是一个比较专一的框架,WeUI应该说比FrozenUI前者更专一,话说连个官网都不搞,所有答疑都在 gitHub Issues 解决了,这个框架极其简单,体积当然就不用说了,模块也就 7 个左右,不过体量虽然小做的却不错,口碑看 star 就够了,框架从2016年发版至今 github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来,哈哈。

总结:看完微信设计团队设计的这套 DEMO,二话不说如果要做微信公众,这个二话不说必然是首选了。框架不好的地方简而言之就是框架本身应该就没考虑过让用户用到非微信的场景之下。

Semantic UI 框架

Semantic是一个开发框架,可以使用人性化的HTML帮助创建漂亮的响应式布局。

特点:一、简洁的HTML。

语义UI将单词和类视为可交换的概念。

类使用来自自然语言的语法,如名词/修饰符关系,词序和多元,直观地链接概念。

获得与BEM或SMACSS相同的好处,但没有单调乏味

二、直观的Javascript

语义使用称为行为的简单短语来触发功能。

组件中的任意决策都包含在开发人员可以修改的设置中。

2、 简化的调试

性能日志记录使您可以在不挖掘堆栈跟踪的情况下跟踪瓶颈。

总结:接触这个框架还是因为 Bootstrap,Semantic UI 刚上线 github 就受到大量开发者的关注,以至于很多人拿它俩对比各种挑刺各种夸,是好是坏不能单凭别人三句四句就抬起手指开始赞,用了以后感觉 UI 上跟 Bootstrap 没太多的区别,不过代码命名规范上却相差甚大,本人认为 Semantic UI 是不是就想做的不一样,它的命名全是采用复合的方式,类名特别的离散,用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。

UiKit 框架

轻量级模块化前端框架,用于开发快速,强大的Web界面

总结:UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者,那么这个框架应该比较适合深究),并且框架能够通过GUI编辑器和手动编辑,所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架。

SUI框架

“SUI 是一套基于bootstrap开发的前端组件库,同时它她也是一套设计规范。通过SUI,可以非常方便的设计和实现精美的页面”。

果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞,当然了就像广告说的,如果你之前用过 Bootstrap, 那么可以轻松转向 SUI,这可能就是淘宝给前端屌丝们的福利了。

总结:淘宝系中的聊天工具,SUI是淘宝商家旺旺UI界面跟千牛UI界面后台系统的设计规范和前端组件库。

MUI框架

MUI号称是最接近原生APP体验的高性能前端框架。

特点:一、轻量。

追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K。

3、 原生UI。

鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标。

MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。

总结:曾经一直使用 Android 系统的我,后来见到 IOS,果断移情别恋了,不知道为什么苹果每次调整系统我都特别喜欢,后来一段时间因为缺设计我专门模仿 IOS 系统做 UI,但始终不能够做到很好,无意间就发现了MUI 这个框架,这个框架给我的吸引之处就是它的 UI 是以 IOS 为主体设计的,当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度,然后便试着更深入的了解和使用一段时间。

就像之前说的这个框架是以两大系统为参照来封装UI组件,框架自身还有一个较为活跃的社区,不太好的地方这也是我特别关注的一点,关于开发应用的流畅度,我当然知道这是 H5 目前的劣势,但是看到官网给的描述,还是抱着期待的心理试试看能否提升,然而它其实还是需要是借助 Webview来提升,而不是框架本身。

HTML5(H5)常用的十大前端框架(二)


上一篇: 导入导出命令(工具变量结果导出) 下一篇:2022新理财•消费趋势报告 | 超四成Z世代受访者热衷于投资理财 理财知识多数靠自学
返回顶部