用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    开心
    2016-12-16 18:22
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    22

    主题

    28

    帖子

    364

    金钱

    新人求带

    Rank: 1

    积分
    28
    2016-9-30 10:13:33 zhichi007 新人求带 楼主 31807

    小程序”来了,大世界要变了?微信“小程序”可能是近期业绩最火的话题之一了。

    这个根植于微信流量巨无霸的应用,将对应用市、对微商、电商、对企业的开发成本、获客成本将产生深远影响?将制造出绕开Google Play和AppStore的另一大App体系?将实现“知人性”的PM张小龙先生的“用后即走”的轻量App之梦?将秒杀传统的App?

    虽有海量追捧者趋之若鹜,但也有冷静人士淡定的白眼。但无论如何,腾讯这步棋子既然落在了棋盘上,绝不能悔棋,更不可能半途而废,你我这样神经敏感的PM、UX,不尝鲜是不可能的。

    说动就动,查找到微信小程序的设计规范后,让我们开始吧。造大梦的事儿还是让大佬们去干吧,咱们干点实在的。

    干活儿首先得挑个工具,我这里使用了Mockplus,近期国内的一款比较流行的原型设计。比较顺手,线框、交互都能胜任。

    首先尝试做WeUI的界面元素吧。经过一会儿的折腾,搞成了一套(好在WeUI的界面元素比不是太多)。有了这个,之后就方便了。

    在“提示和上传”页面中,我使用了交互,点击“成功提示”按钮,弹出提示。点击“上传”按钮,完成进度条的走动。操作很简单:在Mockplus中选中按钮,直接拖拽到准备弹出的提示框上,设置“显示/隐藏”,并在消失时做了延迟处理。提示框的默认显示状态,设为“不可见”。

    至于进度条的走动,是设置每个进度轨道的“调整尺寸”的交互(设置宽度变化),多拖拽几次鼠标,设置链接就好了,如图:

    好了,让我们来看看效果,点这里看我的成果:

    这个尝试到此暂时结束,页面不多,算是个半成品。但在制作时,我边做边琢磨微信(小程序)在设计中的一些理念:简约、准确、易用。这个伟大的产品之所以在国内能够深入人心,还是有些道理的。


    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    哪个呦,发这么好的帖子,顶你













    萌萌皇帝打江山
    刀破苍穹
    高魔地球
    重生之人生无悔
    我要做皇帝
    英雄联盟之王座传奇
    王牌刺客
    极品仙师
    火影之究极下忍
    韩娱之崛起
    韩娱之我为搞笑狂
    血色法师
    与校花同居:高手
    重生抄动漫
    巴顿奇幻事件录
    宠物小精灵之存档超人
    异世界的魔王大人
    隐少房东
    秦时明月之大反派系统
    九朝元老
    看见了记录时的法国风格的风格福德宫的冯绍峰的的事实上事实上事实上事实上是否
    2017-6-30 17:20:38 lliks 来自手机 新人求带
    地板
    学习,谢谢!
    来自: 微社区
    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略