ui设计涉及的内容很多,如果每一样都需要设计者去设计的话,那工作量就不可想象了。使用很多时候,为了方便大家使用ui实际,往往会将相似的部分集合,组成相应的库。今天就让faceui为大家介绍ui库设计。
什么是ui库
ui库就是常说的ui组件库,它是设计系统的一部分,是在我们常规界面设计过程中可以直接用来制作交互图例和搭建页面的组件集合,它可以作为单个组件独立存在,也可以通过多个组件组合而成的结构或模式来解决类似场景的设计问题。组件库是在约束条件下去构建解决方案的过程,所以组件的使用也需遵循一定的规范,按照一套标准化的体系复用于多个业务场景。
一个有效的组件库,可以帮助设计师和研发提高工作效率,提升设计专业度的同时让产品本身的体验更加一致、可学,品牌感更强,它所具备的基本特征一定是通用的、灵活的、复用的。
ui库设计(图片来自网络)
1、通用性:意味着足够基础和常见且不带业务属性,参与设计环节的每个人都应该知道这个组件的功能及目的,同时具备一定扩展性。
2、灵活性:要求元件的组合需灵活,可以在不同场景下通过互相组合来快速搭建交互框架原型图,并根据不同页面结构的演变来适应新的业务需求。
3、复用性:指的是适用于多个业务或产品,在设计过程和研发过程中都可以高频复用。
有哪些好的ui库设计
1、jquery ui是基于现在比较火的javascript框架开发的web Ui组件库,包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。
2、ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。
ui库设计(图片来自网络)
3、Toolkit是一个开源的Web UI 框架,为富 Web 应用程序提供widgets 和工具。无需担忧Web 浏览器、JavaScript的兼容性性问题。
4、LivePipe UI是一系列基于 Prototype JavaScript 框架建立的高质量Web 2.0 widgets 和 controls 应用。 每一个应用都经过正常测试,具有高扩展性,完善的文档可以帮助你更好地学习使用这个Web UI框架。
5、Iwebkit iPhone/iPod touch 框架帮助你在几分钟时间内创建一个高质量的 iPhone 和 iPod touch 网站,应用非常广泛。
6、Jitsu包含一系列完善的工具,帮助开发者建立和部署精密成熟的用户接口,它还包括Xml标记语言、 页面编译器、数据绑定、JavaScript runtime、控制库、 runtime inspector、 animation engine、 cross-platform library、 Ajax 和 back button 等。
7、MochaUI是一个基于 Mootools JavaScript 框架建立的Web UI 库,它包括:Web应用、Web 桌面、 Web网站开发、 widgets、窗体、语义化等功能。
8、Echo是一个为富 Web 应用开发的开源框架。目的时实现 Web 客户端应用接近桌面应用。
以上就是faceui为大家介绍的关于ui库设计的相关内容。具体的ui库设计很多,但是各自有各自的优势和特点,想要做好ui设计,了解关于ui库设计是必须的。大家对ui库设计有更多的想法,记得留言。