兴之所至,练习用Axure7.0绘制了一组弥散阴影风格的界面。虽然不太建议工作中这么干,但是偶尔为之还有点意思,毕竟如果能用Axure直接搞定的元素,也没有必要切换至PS、AI、Sketch等软件了。说到底,工具只是工具,更重要的是快速有效地表达自己的想法。
参考的三个练习效果图如下,其中除了社交应用图标和专辑封面使用素材图片之外,所有元素均在Axure中绘制,后面有第一个练习的简单步骤示意及源文件提供给有需要的同学。



基本操作提示:

绘制过程关键点示意:

社交应用图标的底部圆形绘制,可参考登录按钮的绘制,然后导入社交应用素材图标即可。
其他具体属性可以下载源文件拆解了看看。
附件下载链接: http://pan.baidu.com/s/1boH7SXT 密码: 48ss
本文来自简书作者-lkl_ue,本文观点不代表PmTemple立场,转载请联系原作者。原文链接:


相关推荐
-
Axure RP 9 教程—九宫格拼图的实现方法
小时候大家应该都玩过9宫格拼图的玩具,今天Silence用Axure实现9宫格拼图游戏,好玩又刺激,大家赶紧学起来。
-
简易WEB服务本地搭建,实现局域网和手机访问到axure原型的html
最近还是有看见一些人在问,怎么让手机可以访问Axure原型,怎么让局域网可以访问我电脑里的Axure原型;下面是最简单省事做法! 一. 工具:WAMP(全称Windows Apache Mysql PHP) ; 二. 原理:通过搭建域名让其可以访问到本地搭建好的服务器! 三. 下载地址: WAMP(有提供32位和64位的)http://www.wampser…
-
Axure教程:文件上传 – 自动生成列表
根据流行的前端视觉框架,制作了这个文件上传的元件,重构了交互关系,所以可定制化程度变高。 Axure本身是带一个文件上传的文本框的,只要在页面中放置一个文本框,并且把这个文本框的输入类型变成“文件”,它就自动变成了可以选择文件上传的表单元素,但是真的很简陋,无法适应视觉个性化定制,交互方式也有限。 现在前端视觉框架越来越成熟,很多公司会根据框架创建自己的视觉…
-
Axure RP 9 教程—模拟微信系列4.下拉刷新
最近真的好忙,晚上又在忙着充电学Python,所以更新变慢了,不过木有事,Silence虽然会迟到,但是绝不会缺席~O(∩_∩)O哈哈~ 实现逻辑 元件.top 函数:获取元件对象的上边界坐标值。 拖动页面时,页面top值超过一定程度的时候,让页面弹回到初始位置。 向下拖动页面的时候,出现下拉刷新icon。 步骤1-元件准备 准备元件,我们准备好朋友…
-
Axure RP 8.0 快捷键大汇总
在网上看了一下Axure的内容都是7.0版本之前的,在这里我重新整理了一下Axure RP 8.0版本的快捷键提供给大家参考学习。使用快进键的好处是:让你用更短的时间更高效的去使用一个软件工具。 其实你要是对一个工具软件的快捷键使用的得心应手,那它给你的感觉就不再是一个工具,而是你的一双巧手。在电脑代码的世界里书写一个个美丽的传奇,让设计变得好像玩游戏一样,…
-
Axure教程-左右双向列表带计数选择
列表框左右双向选择效果在互联网平台中应用非常多,从左侧的待选项中选中选项移入右侧,从右侧的已选项中取消选项移入左侧。PMGOD将通过这篇案列分享,教大家使用Axure制作实现“双向列表带计数选择” 演示地址:穿梭器:双向列表带计数选择 实现效果 1、双向列表均为单项选择,不支持多选或全选; 2、移入选项、点击选项时分别有文字颜色或…
-
Axure教程-动态随机获取“大小写字母及数字”图形校验码/验证码
各大互联网站因为安全校验需要,防止站点大量重复请求、机器人暴力访问等情况,在校验用户身份时常采用图形校验码方式。作者将通过这篇案列分享,教大家使用Axure制作实现“获取验证包含大小写字母与数字的随机图形校验码”。 演示地址:获取验证包含大小写字母与数字的随机校验码 实现效果 校验码随机显示,包含0-9的数字,a-z的小写字母,A-Z的大写字母; 点击“验证…
-
Axure教程-利用Axure实现拨号、短信、邮件功能
方法(way) 首先,创建一个需要设置对应功能的元件。然后在这个元件上增加「鼠标单击时」用例。 打开链接 > 当前窗口 > 输入对应链接即可~所以,具体的链接指的是什么呢?看下面~ 链接(link) 拨号 tel:电话号码 短信 …
-
Axure教程:如何在中继器中,动态实现表单增删改?
本文作者分享了自己在中继器中动态实现表单增删改的方法,一起来看看吧~ Repeater控件的使用步骤为: 需求:在Axure中动态的实现表单的增删改。 一、定义元素: 双击中继器。 二、添加数据: 注:为了方便后面添加数据,对于元件我们需要进行命名,如何命名在这里我就不说了。 选中“中继器”,设置属性,添加数据。 三、绑定数据: (这里选择加载时的用例,相当…