“用细节打动人心” — Askcoin Wallet交易页视

原创文章 分类: 教程 版权:
2646 11 16 1
2017-09-08
1.7
编辑推荐






上次跟大家分享的Askcoin官网上线了:http://askcoin.org


设计原文链接:Askcoin Website & Mobile官网设计


今天跟大家简单分享下Askcoin App的一些设计思维






Image title






如何做到与众不同?


熟悉BTC\ETH等货币钱包的用户都知道,交易页的功能主要是转发、接收Askcoin币,还有收款码功能。


在国外产品的设计中,收款码就是接收,采用了一个页面设计。


但在我们Askcoin钱包里,转发与接收平级,收款码功能与接收一致,页面视觉交互有所差异。


设计前期,我们一直思考如何做出明显的差异化。






极简UI设计


整体配色采用暗色系来主导,辅助色采用渐变绿色。


Image title


其中首款码与接收虽然功能一样,但是交互和视觉存在很大的差异。






设计思维


在设计收款码动效与视觉前期,我们参考了POS机的交互方式。


Image title


首先,纸张是通过打印显示出来的:


Image title



在动效上,我们做了一些些细节的改变,让动效更拟物生动些:


Image title






动效设计


POS机的纸张印刷动效跟我们的理念及其相似,在不断揣摩之后,我们设计了属于我们自己的小POS动效:


Image title


接收和发送与收款码的设计一定是有区分的,我们采用了全屏的高斯模糊效果:


Image title






END.

王涵洋Jobsw

微信交流opdatuzki

825粉丝/0关注

原创达人原创小生
iconTool 2.0 官网iconTool 2.0 - 一键生成 App 桌面图标

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

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