兴之所至，练习用Axure7.0绘制了一组弥散阴影风格的界面。虽然不太建议工作中这么干，但是偶尔为之还有点意思，毕竟如果能用Axure直接搞定的元素，也没有必要切换至PS、AI、Sketch等软件了。说到底，工具只是工具，更重要的是快速有效地表达自己的想法。
参考的三个练习效果图如下，其中除了社交应用图标和专辑封面使用素材图片之外，所有元素均在Axure中绘制，后面有第一个练习的简单步骤示意及源文件提供给有需要的同学。
基本操作提示：
绘制过程关键点示意：
社交应用图标的底部圆形绘制，可参考登录按钮的绘制，然后导入社交应用素材图标即可。
其他具体属性可以下载源文件拆解了看看。
附件下载链接: http://pan.baidu.com/s/1boH7SXT 密码: 48ss
本文来自简书作者-lkl_ue，本文观点不代表PmTemple立场，转载请联系原作者。原文链接：
微信扫一扫
支付宝扫一扫
相关推荐
-
Axure教程-利用Axure实现拨号、短信、邮件功能
方法(way) 首先，创建一个需要设置对应功能的元件。然后在这个元件上增加「鼠标单击时」用例。 打开链接 > 当前窗口 > 输入对应链接即可~所以，具体的链接指的是什么呢？看下面~ 链接(link) 拨号 tel:电话号码 短信 …
-
Axure RP 9 教程—页面三级拖动
好久没有更新文章了，一来工作比较饱和，二来闲暇时间都在研究python，三来正在年底了，在反思这一年来的点点滴滴，所以文章更新缓慢，请大家见谅哈～ 效果图 实现逻辑 我们使用一个动态面板，为其添加三种状态下的页面，在不同的状态，页面拖动结束时，动态面板切换到目标页面，并且移动到合理的位置，就轻松的实现了一个页面拖级拖动的效果。 实现步骤 第一步，我们添加一个…
-
Axure教程-Axure制作会员注册即时反馈交互效果
该案例实现的交互效果是： 当用户在输入框输入信息进行判断，若输入错误则立即显示红色错误提示；如果文本输入框符合要求则隐藏错误提示；如果全部输入框都符合要求，点击【立即注册】，弹出注册成功的信息。 实时验证演示效果.gif 注册成功演示效果.gif 根据交互效果我们可以得到如下思路： 要给每个文本框添加判断条件，因为符合条件要隐藏错误提示，不符合条件要显示错误…
-
Axure RP 9 教程—基本功能介绍1
Axure RP 9 教程—基本功能介绍1 应广大网友要求，接下来一段时间会对Axure RP 9 的基础功能进行一定程度的介绍，一来方便新手迅速了解Axure，二来比对新版Axure与Axure 8的区别，更快了解新版本Axure 界面介绍 下边就根据上图的区域划分介绍Axure RP 9： 分区1：复制、剪切及粘贴区域 很好理解，使用方式和win电脑的快…
-
Axure教程-摩拜单车登录
共享单车盛行，相信很多人手机中都装有摩拜单车App吧，应该都很熟悉吧。从这篇文章开始教大家做个摩拜单车的原型。App下载后，首先是登录，咱们就开始吧。 首先了解摩拜的登录流程： 1、输入手机号；2、获取验证码；3、输入验证码，点击开始进入App 根据流程，梳理一下：1、手机号输入框（文本框）要做长度限制…
-
Axure案例-注册/登录/找回密码
我们在制作登录注册的原型时，通常会对账号密码输入的长度或者类型如字母、数字等进行一个设置。之前有不少小伙伴问到，我想把这个登录注册做的更加逼真一点，做到注册登录一条龙，只有注册的号才能登录，而不是随便登录，能不能做到。答案当然是肯定的。 接下来的问题就是：应该怎么做？ 首先大家可以看一下这个案例的效果： https://ofnl2o.axshare.com/…
-
Axure教程-axure制作动态图片墙
研究了网上的原型例子，自己尝试着重新做了一次，基本效果全部达到，视觉效果也还算满意，感觉可以试着写篇教程。不过毕竟是第一次，有些细节地方可能理解的也不到位，haha 下面是两张效果图： 动态图片墙，主要实现的功能是图片悬停的动态模糊及点击…
