`
郭丶小川
  • 浏览: 33984 次
社区版块
存档分类
最新评论

微信小程序正式发布官方视觉组件库,传递了怎样的信号?

阅读更多
12月16日,微信正式发布了WeUI.js动态视觉组件库。WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,可以让用户的使用感知更加统一。WeUI.js动态视觉组件库包含了button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。
一、weui.js是什么?
weui.js 是WeUI的轻量级JS封装,不需要依赖其它库,GZIP后仅有9.0 KB。

二、weui.js包含哪些组件?
actionsheet
alert
confirm
dialog
form
gallery
loading
picker
searchbar
slider
tab
toast
toptips
uploader
三、使用方式:
Github:https://github.com/weui/weui.js
详细文档:http://dwz.cn/4QTFrm

四、微信团队为何在此时公布官方视觉组件库:
为了更像微信OS

微信团队和之前的轻应用平台相比,不是简单为了给开发者和用户之间提供一个平台连接、也不是只为了做一个流量入口平台那么简单,而是为了打造一个完美的微信OS生态。当年百度、UC等平台推出的轻应用,更多的只是起到了一个平台倒流和连接的作用,并没有对开发框架和设计规范进行过如此统一的规范和要求。现在看来,最好的生态,当然是类似苹果安卓OS那样,所有的应用具备统一的开发框架和接近OS生态的完美体验。
为了极致的用户体验

从小程序内测到公测已经过去了三个月,我们有理由相信微信团队已经接到了不少小程序开发者的审核需求,这其中最让微信团队头疼的应该就是开发设计规范不符合微信团队的要求,达不到微信团队想要的那种用户体验。微信官方进一步推出Weui就是为了让所有开发者提交的小程序都能够接近微信APP的体验效果,从而给微信用户带去最佳的用户体验,这也是未来小程序生态能否提高8亿用户使用热度和频率的一个重要指标。
倒逼第三方服务商转型

微信团队在早年推出公众号的时候曾经推出过“开发者模式”,当时,微信团队鼓励第三方公司利用微信公众号开放的接口进行各种微应用的开发,比如:微网站、微商城,微工具等各种应用。但是,微信团队早期并没有对这些接入应用的开发框架和设计规范进行统一的定义和严格要求,导致每一个服务接入商基本都是按照自己的开发框架和设计标准进行开发来设计,使得市面上看到的这些应用页面呈现五花八门,用户体验极其糟糕,这也就造成了早期的应用服务被用户的接受度过低,同时无法给企业带来实际价值的症结所在。随着微信小程序的出现,微信团队重塑统一的开发框架和设计规范,倒逼这些第三方服务机构重新定义自己的跟随策略,按照新的开发规范重新提供新的平台服务。或许,现有的微信第三方服务机构格局将被打破,第三方服务机构将面临新一轮的洗牌。
五、WeUI.js给小程序开发者带来了哪些好处?
使用Weui设计出来的小程序如同用户使用微信客户端一样的视觉效果,可以让小程序的体验感更强。

使用Weui设计小程序更够提高开发者的开发效率,降低开发者的开发成本,从而让开发者更快的开发出符合规范的小程序。

使用Weui设计小程序如同您雇佣一支国内顶尖的设计团队帮您打造一个接近完美的视觉框架。


六、微信小程序给前端设计领域带来了那些影响和推动:
全平台兼容

微信小程序重新定义了APP,使得一款应用能够在android、iphone以及windows phone中都能运行,对于前端来说实现了“一次编译,到处运行”的理念。
前端开发思维的改变

设计理念需要从传统的PC思维需要转向到以移动为先的思维,这其中主要考虑的差异化在于屏幕尺寸、网络带宽、输入设备等几个方面的不同。同时很多之前可以用于iOS与Android的控件需要在小程序上重新调整和创新。
推动前端技术的发展

微信小程序以其简单的开发环境,使以Javascript和HTML5为主的前端技术成为真正的主流,越来越多的人开始接触前端开发,为前端技术的发展贡献力量。
前端投入成本的增加

原本一家传统企业的前端开发人员需要覆盖PC端、移动端、APP应用等各种平台,微信小程序的出现会导致未来的前端开发人员还需要涉及小程序的前端开发设计,这在一定程度增加了前端开发人员学习和工作成本,同时也会给企业带来更多的人才投入成本。
前端人才的竞争更加明显

微信小程序的诞生会吸引一大批后台开发、APP开发的程序猿们加入前端开发大军,进一步冲击现有的前端开发人员的的知识结构,加剧前端开发岗位的竞争格局,迫使一些低端且知识结构不全面的前端开发人员面临被淘汰或者失业的风险。
全栈工程师会越来越吃香

随着微信小程序的出现,既懂后台,又懂前端的人才会越来越受到企业的重视和拥抱,特别对于创业团队和互联网企业来说,一个拥有全局思维、熟悉各种技术的人才非常重要。身为技术人员,我们需要不断拥抱变化,不断get新技能,努力成为一个全栈工程师。
微信正式发布WeUI.js动态视觉组件库,这意味着,大家可以在小程序里面,直接使用在官方设计文档附录中的视觉组件(而不需要额外引入其他库)。

来源链接:http://bbs.jointforce.com/topic/24301
分享到:
评论

相关推荐

    微信小程序正式发布 官方视觉组件库给我们传递了怎样的信号.pdf

    微信小程序正式发布 官方视觉组件库给我们传递了怎样的信号.pdf

    微信小程序正式发布 官方视觉组件库给我们传递了怎样的信号.zip

    下面,我们将详细探讨这个官方视觉组件库所传递的信号以及它在微信小程序开发中的作用。 首先,官方视觉组件库的出现,意味着微信致力于提供统一且高质量的用户界面。在移动应用市场中,一致性和易用性是吸引用户的...

    微信小程序树形组件微信小程序树形组件

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要应用于移动端,提供丰富的API接口和组件,使得开发者可以快速构建交互式的应用。在微信小程序的开发过程中,有时候我们需要实现树形结构的数据展示,...

    微信小程序自定义组件-打卡日历组件

    微信小程序自定义组件是开发微信小程序时非常关键的一部分,它允许开发者封装可复用的代码模块,提升开发效率和代码质量。在这个特定的案例中,我们关注的是一个名为"打卡日历组件"(rwjCalendar)的自定义组件。这...

    微信小程序实现带刻度尺滑块-滑动标尺/刻度尺(身高、体重选择器)组件

    在微信小程序开发中,创建一个具有实用性和美观性的交互组件是一项重要的任务。本文将深入探讨如何实现一个带刻度尺的滑块组件,这个组件可以作为身高、体重选择器,为用户提供直观且易于操作的界面。我们将从以下几...

    微信小程序-养生APP源码

    微信小程序是一种轻量级的应用开发平台,主要针对移动端,尤其是智能手机用户。它是腾讯公司于2017年推出的一种全新的应用形态,旨在提供便捷、快速的用户体验,无需下载安装即可使用。微信小程序-养生APP源码是开发...

    易打卡签到小程序源码(优化版),微信小程序源代码下载

    1. **微信开发者工具**:微信提供了专门的开发者工具,用于编写、调试和发布微信小程序。开发者可以在这个平台上完成代码编辑、预览、测试和上传等一系列操作。 2. **WXML(微信小程序标记语言)**:类似于HTML,...

    微信小程序车牌组件代码

    在微信小程序开发中,经常会遇到需要自定义组件以满足特定业务需求的情况。在这个场景下,"微信小程序车牌组件代码"就是一个专门为实现特定功能——如申请开通ETC或应用于停车场收费等场景——而设计的组件。这个...

    微信小程序源码(十几个)

    微信小程序使用单向数据流,通过`data`属性在页面或组件间传递数据,利用`wx.setStorageSync`和`wx.getStorageSync`进行本地数据存储。 6. **网络请求与API调用** 微信小程序提供了丰富的API接口,包括网络请求...

    微信小程序—自定义模态框

    在微信小程序开发中,模态框(Modal)是一种常见的用户交互元素,用于显示重要的提示信息或者需要用户确认的操作。默认情况下,微信小程序提供了一套内置的模态框组件,但有时候开发者可能需要根据项目需求进行...

    微信小程序UI设计素材库(必备).zip

    5. **组件与控件**:微信小程序提供了丰富的组件库,如按钮、表单、导航、列表等,设计师应充分利用这些预设的组件,保证交互的一致性和易用性。 6. **响应式设计**:微信小程序需要适应不同的屏幕尺寸和分辨率,...

    微信小程序源码-合集1.7z

    在开发微信小程序之前,需要安装微信开发者工具,该工具提供了编写、预览、调试和发布小程序的功能。开发者需要注册微信开放平台账号,并关联小程序,以便在工具中创建项目。 2. **小程序框架**: 微信小程序基于...

    50套微信小程序

    12. **动画与过渡**:微信小程序提供了动画模块,结合CSS3动画和小程序的api,可以实现丰富的视觉效果和页面过渡。 13. **调试与测试**:微信开发者工具提供了强大的调试功能,包括实时编译、真机预览、性能分析等...

    微信小程序-电商小程序功能示例.zip

    3. **数据绑定**:在微信小程序中,数据管理采用MVVM模式,通过`data`属性在页面和逻辑层之间传递数据。例如,商品信息、用户状态等都可以通过`setData()`方法实时更新到视图层。 4. **API接口**:电商功能涉及用户...

    微信小程序咩咩单词

    "微信小程序咩咩单词"是一个基于JavaScript开发的微信小程序应用,旨在帮助用户学习和记忆英语单词。微信小程序是腾讯公司推出的一种轻量级的应用开发框架,它允许开发者在微信平台上无需安装即可使用各类应用程序。...

    微信小程序日历(预定酒店办)

    在微信小程序开发中,"微信小程序日历(预定酒店办)"是一个专为酒店预订设计的应用,它以直观、简洁的方式展示未来六个月的日期,方便用户选择合适的入住日期。这个小程序结合了日历功能与酒店预订服务,是提升用户...

    微信记账小程序_微信小程序模板js代码前台前端H5页面源码.rar

    微信小程序采用组件化和模块化的开发方式,主要包括四部分:WXML(微信小程序标记语言)、WXSS(微信小程序样式语言)、JavaScript以及JSON配置文件。WXML负责结构描述,类似于HTML;WXSS处理样式,类似CSS;...

    微信小程序自定义某些常用组件.zip

    在微信小程序的开发过程中,自定义组件是非常关键的一环,它允许开发者根据业务需求创建个性化的交互和视觉元素。下面将详细介绍微信小程序中自定义组件的相关知识点: 1. **组件定义**:在微信小程序中,开发者...

    球鞋商城微信小程序源码

    【球鞋商城微信小程序源码】是一个专门为销售各类球鞋设计的小程序应用的源代码集合。这个源码包包含了小程序开发的基本组成部分,旨在帮助开发者快速搭建一个功能齐全、界面美观的线上球鞋商城。 首先,我们来看...

    微信小程序-淘票票小程序源码及项目截图

    微信小程序是一种轻量级的应用开发平台,主要针对移动端,尤其是智能手机用户。它的核心目标是提供一种无需下载安装即可使用的应用体验,用户通过扫描二维码或搜索即可打开应用。在这个"微信小程序-淘票票小程序源码...

Global site tag (gtag.js) - Google Analytics