“动静之美,呼吸之间” — AskWallet设计体验

原创文章 分类: 教程 版权:
1312 2 5 2
更新于:2017-11-22
0.5
普通推荐



动静之美 呼吸之间


AskWallet App主页设计



Image title




老王说


最近加入Askcoin,压力也不小,一开始就忙着弄品牌重建,然后是官网改版,紧接着App,还有各种后续大产品


忙的感觉真心爽,在与技术的合作中不断磨合并提升对设计的理解


当然也有绕过一点弯路,老王也会把弯路分享给大家,一起学习下



Image title




AskWallet钱包


基于DAG技术的区块链系统+去中心化钱包



Image title



原型设计


Image title

这是PM给到的原型设计


我们第一版不是多钱包,所以不会有多钱包的设计概念在里面,主页直接以单钱包显示,并且为了方便用户看转账的实时动态,我们加入了最近交易记录


最重要的需求是,钱包打开的时候第一眼要让用户更注意余额、接收与发送



Image title




UI设计


UI设计的迭代我们推演了3版


Image title

图1


第一版我们尝试没有交易模块的极简设计,之后发现白色的设计同质化太多,不够酷,与我们官网风格不符:


Image title





图2


第二版的设计达到了我们内部的期望,黑色调风格已经做出了很大的差异化,但是coding的时候发现了一个很严重的问题,那就是下面两个按钮固定的,交易记录又是滑动列表,在小屏幕上显示非常不愉快,影响小机型的使用:


Image title

图3


最终版的设计我们用了巧妙的Float Btn设计,既保证了列表的完美滑动与按钮的浮动完美显示,又达到了所有机型的完美兼容效果:


Image title


Image title




动效设计


顶部缩放动效



Image title





Image title




动静之美 呼吸之间


在币圈用户实际使用的场景中,会经常停留在主页,并且在我们暗色调的设计之下,如何让用户不觉得压抑?


我们采用了按钮呼吸灯的效果,让用户即便盯着页面也会感觉很透气又很好看

这也是独一无二的设计体验


(老王暂时没有看到用呼吸灯效果的App)



Image title




END.



Image title




设计至上


设计之下,我们的设计主要以用户体验为第一


设计之上,老王会带给用户与众不同的心灵体验


创新,敢做,才会探索出“不一样的极简设计”



王涵洋Jobsw

微信交流opdatuzki

515粉丝/0关注

原创达人原创小生
Blockchain Wallet UIkits 开源下载BitBill 3.0 - Landingpage 官网

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN