产品设计

    今日:31| 主题:15597
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] UI设计,原型设计,交互设计

[复制链接]
不健忘 发表于 2016-10-4 11:23:07
157 6

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

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

x
"小程序”来了,大世界要变了?微信小程序可能是近期业绩最火的话题之一了。
"小程序”来了,大世界要变了?微信小程序可能是近期业绩最火的话题之一了。
这个根植于微信流量巨无霸的应用,将对应用市场、对微商、电商、对企业的开发成本、获客成本将产生深远影响?将制造出绕开Google Play和AppStore的另一大App体系?将实现“知人性”的PM张小龙先生的“用后即走”的轻量App之梦?将秒杀传统的App?
虽有海量追捧者趋之若鹜,但也有冷静人士淡定的白眼。但无论如何,腾讯这步棋子既然落在了棋盘上,绝不能悔棋,更不可能半途而废,你我这样神经敏感的PM、UX,不尝鲜是不可能的。
说动就动,查找到微信小程序的设计规范后,让我们开始吧。造大梦的事儿还是让大佬们去干吧,咱们干点实在的。
干活儿首先得挑个工具,我这里使用了Mockplus,近期国内的一款比较流行的原型设计。比较顺手,线框、交互都能胜任。
首先尝试做WeUI的界面元素吧。经过一会儿的折腾,搞成了一套(好在WeUI的界面元素比不是太多)。有了这个,之后就方便了。
  
UI设计,原型设计,交互设计-1 (AppStore,巨无霸,Google,UI设计,大世界)

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

UI设计,原型设计,交互设计-2 (AppStore,巨无霸,Google,UI设计,大世界)

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




上一篇:地图产品应用场景分析
下一篇:Web Design Across the Gender Divide
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

董宗国 发表于 2016-10-4 12:59:57
这次必须是沙发!
回复 支持 反对

使用道具 举报

残花凋零丶 发表于 2016-10-5 01:51:25
有图,有真相!
回复 支持 反对

使用道具 举报

盼芙 发表于 2016-11-11 07:36:48
下辈子要做男生,娶一个像我这样的女生。
回复 支持 反对

使用道具 举报

84765005 发表于 2016-11-12 18:43:35
顶起不健忘
回复 支持 反对

使用道具 举报

你瞒我瞒 发表于 2016-11-20 07:34:37
占坑编辑ing
回复 支持 反对

使用道具 举报

得意的笑 发表于 2016-11-20 19:26:36
星期日的帖子好无聊啊!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表