点击标题下「艾欧交互设计」可快速关注最近在学Axure，周末做了个案例练练手，选了腾讯新出的微信读书，主要考虑这是1.0版，所以功能不是那么复杂。做完之后回顾了一下自己的制作过程，既算是做一个总结，也希望能给同样正在学习的新手带来一点帮助。就我个人来说，对于工具的学习，无论是某一个软件，还是某一门程序语言，都是比较习惯先找个资料看一下基础的介绍，然后就开始做一个稍微复杂点的案例，在案例中快速学习，遇到不懂的再去查资料。这样不仅可以帮助我们快速的掌握工具，而且可以体会到这项工具的实际用法。下面大概介绍一下我这个原型的制作。0. 站点地图制作原型之前最好先构思一下自己的原型框架，然后建出站点地图，这样可以帮助自己理清逻辑，当然，实际制作的过程中可以不断对产品地图进行修改的。1. 手机框架（即我的站点地图中的微信读书）对与APP的原型制作不同于网站，网站是很多网页完整的刷新，而APP，我们既要看到一个手机，又要看到里面的内容，而手机外壳最好是不要进行刷新的，这个可以借助内部框架部件来实现。如下图所示，只要在手机外壳中间拖入一个内部框架，然后设置 框架目标页 到登录页面，设置从不显示滚动条 和 隐藏边。2. 登录登录界面的实现也比较简单，给登录处添加单击跳转链接即可。有一点比较特殊的是，我在上面设置了一个隐藏的动态面板“登录失败”，然后页面载入时会判断一个LoginResult的值，决定是否让其显示一秒后消失，这个变量值来源于后一个界面的微信登录，如果用户点击取消而导致的跳转回登录界面就会触发动态面板的显示。动态面板的显示隐藏功能在本原型中用的很多，后面大家可以仔细体会一下它的用法。3. 底边栏在主界面的四个页面中我们将要用到这个原型中一个很重要的母版 底边框，所以我们需要先将这个母版做好。底边栏的实现是排列了四个图片部件，然后对每个都设定选中时的图标。然后在 发现、书架、想法、我四个页面添加页面载入时事件选中其中某一个部件，并且将其设置为禁用。这里有个小技巧是可以如下图所示将四个部件设置为选项组，这样同一时间将只能有一个处于选中状态，设置页面载入时事件时就只需要将对应的设定为选中，而不需要去将其它的设定为未选中了。4. 发现发现界面主要展示目前你的好友正在读的书籍，可以通过向左向右划动来查看更多。该功能的实现是使用动态面板的“向右滑动时”和“向左滑动时”，配合切换效果中的“向右滑动”和“向左滑动”，具体用例信息见下图。4.1. 书籍简介在发现界面中点击书籍封面，会进入到书籍简介页面。需要注意的是书籍简介界面的入口主要有三个，”发现界面中点击书籍”、“好友书架中点击书籍”(好友书架功能我没有做)、“书城中点击书籍”。所以左上角的返回按钮也对应三个目的地。具体通过入口进来时设定变量的值 ，然后返回按钮点击时对该变量进行判断后，决定跳转到何处。（后面的类似功能都是通过这种方式，就不再赘述了）另外在此界面中点击书封面或者试读按钮均可进入阅读界面。（同时为了阅读界面的返回，这里会设定一个变量值）。4.2. 好友在读在发现或书籍简介点击 “xx好友在读” 均会进入到好友在读界面。点击右上角的羽毛笔按钮，会弹出 写想法 的界面，应该说整个微信读书都是围绕着社交展开的，而阅读的社交重点就在于用户分享自己的阅读想法，所以写想法这个功能的入口较多。该功能的实现是通过对写想法这个动态面板的的显示和隐藏。另外我还在主界面和写想法动态面板之间加入了一个 模糊化 动态面板，然后点击羽毛笔功能，会同时弹出写想法和模糊化动态面板，而实现后面的背景看上去的模糊效果。5. 书架书架界面就比较简单了，主要是点击书的封面会进入到书籍简介界面，点击右上角或者最后一本书之后的加号会进入到书城。5.1. 书城书城界面比较特殊的是可以进行上下拖动，而且拖动到最上面和最下面一定程度会无法再拖动，并且释放后会自动回到最顶和最底。（其实这个功能在APP的很多界面都有，本原型只在书城界面上实现了作为示范）该功能的实现如上图用例处所示，首先实现上线拖动很简单，只要添加动态面板拖动时沿Y轴拖动即可。而对于顶部往下拉到一定程度不能继续拉的功能的具体做法是在顶部设置一块图片热区。然后给动态面板设定 拖动动态面板时 事件，当动态面板未接触该图片热区，则将动态面板移动到一个绝对位置，其中要注意的是必须将这个用例放在动态面板沿Y轴移动的 前面。顶部直接下拉松手后的返回功能也是类似，在上面放一个很小的图片热区，然后设定 结束拖动动态面板时 事件，如果动态面板未接触到该图片热区，则将动态面板移动到绝对位置。同理，底部的实现完全类似。6. 想法想法应该是微信读书的一大重点，很多其它软件虽然也有这样的功能，但是微信读书生而可以借助微信本身积累的好友圈，可以较为容易的形成这样一个分享交流读书想法的平台。想法的功能上和微信朋友圈很类似，主要是针对某一本书发表自己的想法，然后其它人可以点赞，评论。大家可以看到这个页面中的动态面板比较多，但其实用的技术都是前面使用过的了，主要就是点击某个按钮之后使动态面板显示隐藏即可，需要注意的是要自己在脑袋里想象一下这里面几个功能的过程以决定几个动态面板的上下层关系。（在部件管理中排列动态面板即可实现动态面板的上下层关系）7. 我、好友排名“我” 这里的功能其实还很多的，而“好友排名”应该算是微信读书的一个特色，所以这里将其分享效果做了一下，其它功能比较基础，就没有做。功能实现也很简单，就是点击后的显示隐藏。8. 阅读看下图大家会发现这个界面中动态面板非常之多，几乎所有的功能都是弹出式进行。这是因为阅读功能是读书软件的最基本功能，用户的阅读体验不宜被打断，任何操作结束后都应该直接回到阅读界面，而不用经过跳转。这里的主要功能也都是通过动态面板的的显示隐藏来实现，就不再赘述了。而阅读中的拖动效果，也是前面用过的 左右滑动 时事件，同时点击屏幕的右边进入下一页，左边进入上一页就更简单了，添加途中的 4,5 两个图片热区即可。写完了发现可能写的还是不够详细，光是看文字估计大家都会有点不明所以，所以在此给出axure原文件供大家下载，对照着看应该很容易掌握这里面用到的几个功能。然后有一点不足是我这个原型没能用到另一个很重要的部件 中继器，下次我会再做一个会重点使用到中继器的案例。文件下载源文件下载：Axure学习之微信读书.rp演示地址：Axure学习之微信读书演示(国内AxShare速度较慢，大家最好还是下载原文件预览)特别说明：此原型只是为了学习axure软件，并非实际作为产品经理应该将原型画成这样，实际工作中，产品经理是在UI之前输出原型，既不可能有如此完善的UI素材，也完全没必要做成这样，产品经理的原型最重要的是体现产品逻辑结构和功能点。为了防止给和我一样的产品初学者带来错误观点，所以特此说明。PS:本人作为初学者，这是做的第一个较完整原型，其中难免有错误和不足，欢迎大家一起交流学习。可以给我评论留言，谢谢。文章来自：产品100，/archives/23612长按二维码关注我们交互设计学堂Ⅰ群： 邀请码：iamue [马上满员] 交互设计学堂Ⅱ群：
邀请码：iamue [新开]　
　文章为作者独立观点，不代表微头条立场
的最新文章
Flickr为用户准备了很多有意思的登录欢迎语，这其实是一个容易被忽略的细节，但Flickr的整体设计风格与产品气质也正是由许许多多这样的细节构成的。点击标题下「艾欧交互设计」可快速关注最近出现了很多智能手机用的天气应用。但是在以前，这些应用其实都不是很必要点击标题下「艾欧交互设计」可快速关注情感化设计的目标是在人格层面与用户建立关联，使用户在与产品互动的过程中产本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章，很多词句用的可能不太妥当，在这里给大家作揖了！knock knock……大家都知道，在实际的工作中，设计师们和工程师们会经常频繁的沟通。点击标题下「艾欧交互设计」可快速关注长按二维码关注我们交互设计学堂Ⅰ群： 邀请码：iamu点击标题下「艾欧交互设计」可快速关注我们与快的打车进行了全流程的合作，为其重新设计了整个移动平台的产品体验。点击标题下「艾欧交互设计」可快速关注“高保真原型“的含义是原型应该真实的体现用户体验，它需体现产品的功能需求昨天，乌云漏洞报告平台宣布网易邮箱漏洞过亿数据泄漏，我去，据说有亿级别的用户密码流出…点击标题下「艾欧交互设计」可快速关注当体验设计的范畴在不断延展的时候，也正是其面临着一种设计挑战的时候，即体将这个按钮向左移动3像素，觉得无所谓、没有必要？那你就错了，态度决定高度，细节决定成败，一名优秀的UI设计师，必定对自己的作品有着高标准、严要求，练就一双“像素眼”。点击标题下「艾欧交互设计」可快速关注选择多个组件，在属性面板上面会显示这些组件的共同属性，而属性值为其中一个点击标题下「艾欧交互设计」可快速关注最近在学Axure，周末做了个案例练练手，选了腾讯新出的微信读书，主要考点击标题下「艾欧交互设计」可快速关注如何制作具有全局把控和细节专注的高段位交互输出物是交互设计师一直需要淬炼利用吃饭前的休息时间，花了15分钟快速回答了一个知乎上的问题。简单讨论了一下应届生想应聘交互设计类岗位时，如何在简历、面试时表述自己的项目，希望对有需要的小伙伴有所帮助。作为一种无形的设计，交互设计一直以来都是UX中最难的。以往，用户会被简单的交互吸引，如一个意料不到的动画。但现在的动画效果已经随处可见，包括那些以往觉得很难实现的微交互。点击标题下「艾欧交互设计」可快速关注三年前我刚加入Facebook引导商业设计业务时，面临着一个陡峭的学习曲一直以来，交互设计师都是一个受到广泛质疑的岗位，很多人不了解交互设计师的价值，更直接的说，我们大多数的交互设计师没有表现出足够的、令人信服的专业度。点击标题下「艾欧交互设计」可快速关注三年前我刚加入Facebook引导商业设计业务时，面临着一个陡峭的学习曲点击标题下「艾欧交互设计」可快速关注21 让界面平滑显示而不要死板地呈现用户进行操作过程中，界面上的元素会经单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。点击标题下「艾欧交互设计」可快速关注Adobe在Max大会上推出了全新的桌面端 UX 原型工具 Projec在知乎上，俞军说：“我理解的用户体验，是让用户付出最小成本满足需求”。这其实仅仅是在讲“易用性”（usability)。另有位叫做Allen Zhang的大牛说：“个人对用户体验的目标是：做到自然。”<img src="http://img01./net/a/04/link?appid=&w=210&h=105&url=/mmbiz/mFqGFj0Iib7bRz04IMyKc69suztnEddibtkdeEZuKaiaqJzDvfJWWSHf6X7le7oIpKyktebk2zrHfDPRbUpibFnTfw/0?wx_fmt=jpeg"
alt="那些看似精妙无比却实际很蠢的设计" title="那些看似精妙无比却实际很蠢的设计" rel="nofollow"
width="210" height="105">点击标题下「艾欧交互设计」可快速关注长按二维码关注我们交互设计学堂Ⅰ群： 邀请码：iamu点击标题下「艾欧交互设计」可快速关注我以往看身边人结婚心里会为新娘感到难过，是因为我透过这场婚礼的华美，看到点击标题下「艾欧交互设计」可快速关注一、动态：动画表达的设计应用”动态“的设计常常能使页面的呈现更加动感，有大众点评网与美团网今天联合发布声明，宣布达成战略合作，双方已共同成立一家新公司。本交易得到阿里巴巴、腾讯、红杉等双方股东的大力支持，华兴资本担任本次交易双方的独家财务顾问。点击标题下「艾欧交互设计」可快速关注在我们可以开始设计一个Apple Watch应用之前，要先理解其背后的视<img src="http://img01./net/a/04/link?appid=&w=210&h=105&url=/mmbiz/mFqGFj0Iib7YujZOAynhMWmkYDJDt7mziaKibXwBWZSdo9s9FBnXKcgglFZnr0LRRcAcU5zs9uYtkvbflvpA74Siaw/0?wx_fmt=jpeg"
alt="那些看似精妙无比却实际很蠢的设计" title="那些看似精妙无比却实际很蠢的设计" rel="nofollow"
width="210" height="105">这样的弹窗我们情何以堪啊。。小编是总按错。@凌霜设计 ：现在关于移动应用的概念有许多：Native App, Responsive Web, Web App, Hybrid App，搞清楚这几个概念的区别和各自的优劣对于设计师来说很重要，这篇文章较为全面地探讨了这几个概念...点击标题下「艾欧交互设计」可快速关注第一章 增长黑客的崛起关于增长黑客——用数据说话，为初创公司解决用户增长点击标题下「艾欧交互设计」可快速关注日，由国际体验设计协会（IXDC）主办的亚洲最具影响力<img src="http://img01./net/a/04/link?appid=&w=210&h=105&url=/mmbiz/mFqGFj0Iib7Yqicp5dlsndoSNNPTibzex1pUwicMGmlyvknpIFbGKSxNEHaiaWaBDsPRZ8EC9kRiaUzRUz8FM7l3Gmow/0?wx_fmt=jpeg"
alt="那些看似精妙无比却实际很蠢的设计" title="那些看似精妙无比却实际很蠢的设计" rel="nofollow"
width="210" height="105">点击标题下「艾欧交互设计」可快速关注 有一种手滑叫“好的”。。。于是用习惯了 iOS 标准操作(短信、iMe<img src="http://img01./net/a/04/link?appid=&w=210&h=105&url=/mmbiz/mFqGFj0Iib7a9XpZGCRF4z1EQd608p907GVq9H8PQDZX70TdwRNFPFvw9KN8o985YfEDrUbPhTQibE87wpFKyibqw/0?wx_fmt=jpeg"
alt="那些看似精妙无比却实际很蠢的设计" title="那些看似精妙无比却实际很蠢的设计" rel="nofollow"
width="210" height="105">QQ的通知的“好的”！！！看似很人性，模拟下故事情节如果是这样“班群里辅导员说不让旷课，否则怎样怎样，要不你们试试，，，然后就点了“好的”，发出去了、、、”<img src="http://img01./net/a/04/link?appid=&w=210&h=105&url=/mmbiz/mFqGFj0Iib7Yqicp5dlsndoSNNPTibzex1pUwicMGmlyvknpIFbGKSxNEHaiaWaBDsPRZ8EC9kRiaUzRUz8FM7l3Gmow/0?wx_fmt=jpeg"
alt="那些看似精妙无比却实际很蠢的设计" title="那些看似精妙无比却实际很蠢的设计" rel="nofollow"
width="210" height="105">微博更新的轻触屏幕退出视频，谁看视频不碰屏幕呢，，，
小编是总碰的，，，一个3 4分钟的视频愣是看了好多次看到崩溃。桂花浮玉，正月满天街，夜凉如洗。风泛须眉并骨寒，人在水晶宫里。蛟龙偃蹇，观阙嵯峨，缥缈笙歌沸。霜华满地，欲跨彩云飞起。记得去年今夕，酾酒溪亭，淡月云来去。千里江山昨梦非，转眼秋光如许。青雀西来，嫦娥报我，道佳期近矣。寄言俦侣，莫负广寒沈醉。“如果你想理解今天，就必须先研究昨天”— Pearl Buck点击标题下「艾欧交互设计」可快速关注何时会触发登录与注册页面左上角有返回icon 和 取消button或X 初入交互工作，最常见的需求就是——放按钮。看起来是超级简单的事，无非就是设计按钮样式、摆放按钮位置、确定按钮状态与反馈等，但殊不知其『麻雀虽小，五脏俱全』，小小按钮设计中也蕴含了很多交互设计的思维。<img src="http://img01./net/a/04/link?appid=&w=210&h=105&url=/mmbiz/mFqGFj0Iib7ZKwy8BmsQcuhibRNIUyu0CzFt8SY7LwKyGl9IzGg6Q1sXBic6Ij6NkPZ7shE6qITP5AFwTZc4VkHqg/0?wx_fmt=jpeg"
alt="那些看似精妙无比却实际很蠢的设计" title="那些看似精妙无比却实际很蠢的设计" rel="nofollow"
width="210" height="105">格力空调遥控器的隐藏高级面板。我已经开始怀疑这个世界的主流到底是左撇子还是右撇子了Apple has unveiled a string of new products – including new iPhones, a ‘monster’ iPad....aioued我们发现国内没有对交互设计师这个行业专门服务的机构或组织，我们需要的一些资源往往比较难找，那么IO成立就是为了解决这个问题，我们帮助所有的交互设计师在这里获得更多的专业资讯和灵感。官方网站是：，欢迎大家登录访问热门文章最新文章aioued我们发现国内没有对交互设计师这个行业专门服务的机构或组织，我们需要的一些资源往往比较难找，那么IO成立就是为了解决这个问题，我们帮助所有的交互设计师在这里获得更多的专业资讯和灵感。官方网站是：，欢迎大家登录访问视频课程《Axure RP7.0从入门到精通》课程目录_axure吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：6,132贴子：
视频课程《Axure RP7.0从入门到精通》课程目录收藏
第1节Axure RP7.0下载、安装、汉化与注册预览1、如何下载Axure RP7.0的安装程序、汉化包和汉化版元件库； 2、如何安装Axure RP7.0； 3、如何汉化Axure RP7.0界面与元件库； 4、如何注册Axure RP7.0。第2节Axure RP7.0的功能介绍（上）预览包括： 站点地图、母版管理器、页面设置的介绍。第3节Axure RP7.0的功能介绍（下）预览包括： 元件库、交互与注释、属性与样式以及元件管理器等介绍。第4节第一个原型：简单的登录页面预览仿照的登录界面绘制原型。 内容包括： 1、图片的使用技巧 2、文本标签的使用技巧 3、矩形的使用技巧 4、元件的提示 5、其他涉及元件：文本框、复选框。 通过案例，熟悉元件的属性与样式的使用。第5节第一次交互：实现跳转页面预览主要内容： 1、页面跳转的交互事件 2、原型制作中的一些小技巧 扩展内容： 安装axure浏览器插件第6节元件焦点的控制预览主要内容： 1、通过交互让指定元件获取焦点 2、通过条件让指定元件获取焦点 扩展内容： 文本框的不同类型和效果第7节设置条件的类型（if和else）预览主要内容： 1、通过图例讲解几种常见的条件设置和逻辑 2、通过原型模拟实现图例中的条件设置第8节设置条件的操作预览主要内容： 设置条件并组织动作改变元件文字 扩展内容： 通过富文本编辑元件文字样式第9节第一次接触动态面板预览主要内容： 1、动态面板的介绍 2、显示/隐藏元件 3、显示隐藏时的展开收起元件效果 扩展内容： 1、将元件转换为动态面板 2、动态面板自动适应状态中元件范围大小第10节元件的移动效果预览主要内容： 通过元件移动动作实现动态面板左右晃动的效果 扩展内容： 动态面板的介绍 绝对位置与相对距离的概念第11节第一次接触全局变量预览主要内容： 1、变量的定义 2、全局变量的介绍及应用第12节公式的使用和局部变量简介预览主要内容： 1、公式的简单介绍 2、公式的使用方法 3、局部变量的介绍第13节登录验证的简单实现预览主要内容： 1、通过全局变量或字符串进行条件判断，完成登录验证。 2、通过局部变量获取元件文字。第14节多用户登录验证的实现预览主要内容： 1、全局变量存储多个用户名密码组合 2、结合公式完成对用户名密码的验证条件判断第15节动态面板的状态与尺寸预览主要内容： 1、动态面板状态切换的使用 2、动态面板尺寸调整的使用 3、动态面板自动调整尺寸的使用第16节MindManager整理交互思路预览第17节常规思路实现注册校验预览主要内容： 根据MindManager整理注册校验思路，完成交互事件。第18节注册校验的另一种思路预览主要内容：根据MindManager整理注册校验思路进行分析，优化注册校验的实现过程。第19节通过变量进行已注册的验证预览主要内容： 1、更新全局变量的数据格式，以实现注册验证； 2、通过公式向全局变量添加新的注册数据，实现注册后可登录； 3、通过全局变量传递注册状态，在登录页呈现注册成功提示。 项目总结作业：完成密码找回页面的交互。第20节交互样式和选项组的设置预览主要内容： 1、通过事件触发动作，实现元件选中效果； 2、设置元件选中时的交互样式，实现样式切换的效果（图片和文字）； 3、通过选项组的设置，实现一组元件中某个元件被选中时，其他元件解除选中。 扩展内容： 将RP文件中的图片导出。第21节页面内多组内容切换的实现预览主要内容： 1、通过动态面板的状态切换实现多组内容的切换 2、通过框架嵌入其他页面实现多组内容的切换 扩展内容： 1、动态面板加载时事件的介绍 2、使用谷歌浏览器从网页中下载原型素材第22节文本框验证和外部url的调用预览主要内容： 1、条件编辑器中“是”/“不是”的使用 2、元件值长度的使用 3、调用外部url，并在调用时插入局部变量，实现与真实页面的交互。 扩展内容： 1、图片热区的使用； 2、将动态面板固定到浏览器； 3、图片属性设置中交互样式的灵活应用。第23节矩形交互样式与单选按钮组设置预览主要内容： 1、通过矩形制作文本款的外框，实现不同的交互样式； 2、使用单选按钮，并实现唯一选中的设置； 扩展内容： 使用矩形和交互样式自制单选按钮第24节下拉列表的交互事件预览1、下拉列表的使用方法； 2、下拉列表选项改变时事件的使用； 3、通过值改变动态面板状态。 扩展内容： 自制复选框。第25节中继器的应用场景与结构组成预览主要内容： 1、中继器使用场景的介绍 2、中继器的结构详解 2.1中继器数据集 2.2中继器项目交互 2.3中继器格式设置第26节中继器数据的添加与删除预览1、向中继器数据集中添加一行数据； 2、通过中继器内删除按钮删除当前数据行； 3、通过外部按钮删除被标记的1行或多行数据； 4、通过外部按钮删除最后被标记的数据行。 扩展内容： 新增数据行时将图片添加到数据集。第27节中继器数据的修改预览主要内容： 1、将中继器某一行数据在外部元件中展示； 2、更新被标记数据行的内容； 3、通过规则对全部数据行进行更新； 4、通过规则对某一行数据进行更新。第28节中继器数据的筛选与排序预览主要内容： 1、实现中继器根据某列列值进行升序、降序、切换排序； 2、实现中继器数据的单一筛选和组合筛选。 扩展内容： 1、运算符的种类和使用方法； 2、元件边界对齐设置。第29节中继器每页项目数量与分页预览主要内容： 1、动态调整每页显示项目数量； 2、实现前后翻页、跳转到首页、尾页及指定页面。第30节对象、属性、函数的介绍预览1、对象的定义与介绍； 2、属性的定义及使用方法简介； 3、函数的定义及使用方法简介。第31节元件属性的使用（一）预览主要内容： 1、通过获取当前元件的坐标属性控制元件的移动； 2、通过获取当前元件的边界属性控制元件的移动； 3、当前元件：this 4、当前元件的X轴坐标：this.x 5、当前元件的Y轴坐标：this.y 6、当前元件的上边界：this.top 7、当前元件的左边界：this.left第32节元件属性的使用（二）预览主要内容： 1、鼠标移动时、鼠标进入时、鼠标移出时事件的触发； 2、通过元件的边界属性控制元件在允许的范围内移动； 3、通过元件的宽高属性控制矩形中心点与鼠标指针对齐； 4、目标元件：target的使用； 5、目标元件的宽度：target.width 6、目标元件的高度：target.height 7、当前元件的右边界：this.right 8、当前元件的下边界：this.bottom 扩展内容： 鼠标指针的坐标属性cursor.x和cursor.y的使用第33节元件属性的使用（三）预览主要内容： 1、实现图片放大效果的思路及过程讲解； 2、通过中继器实现缩略图选择及图片切换。第34节元件属性的使用（四）预览主要内容： 1、通过元件的text属性获取元件文字，控制动态面板状态； 2、通过元件的name属性获取元件名称，控制动态面板状态； 扩展内容： 动画设置：通过使用动画选项中的“弹出效果”实现二级菜单的动态效果。第35节元件属性的使用（五）预览主要内容： 1、scrollX和scrollY的介绍与使用。 2、Number函数tofixed()的介绍与使用。第36节母版的介绍与使用预览主要内容： 1、母版的功能介绍； 2、母版内容的编辑； 3、通过新增页面或拖动将母版添加到页面； 4、拖动行为的不同效果； 5、母版中的自定义事件的使用。第37节页面属性的使用预览主要内容： 1、通过页面属性pagename获取页面名称； 2、通过全局变量记录页面名称，在登录成功后，通过公式编辑相对路径，完成跳转回登录前的页面的效果。 扩展内容： 通过URL传递变量值的技巧。第38节窗口属性与锚记预览主要内容： 1、滚动到元件的使用； 2、窗口属性的使用； 3、通过%取整数的思路。 扩展内容： 1、动态面板固定到浏览器的设置； 2、动态面板100%宽度的设置。第39节字符串函数（一）预览主要内容： 1、字符串属性length； 2、indexof（）的使用； 3、lastindexof（）的使用； 4、charat（）的使用； 5、结合以上属性及函数，实现部分邮箱验证效果。 注意： indexof（）以及lastindexof（）中可选参数的使用。第40节字符串函数（二）预览主要内容： 1、charCodeAt()的使用； 2、slice()的使用； 3、substr()的使用； 4、substring()的使用； 5、完成对邮件地址中汉字的验证第41节字符串函数（三）预览主要内容： 1、toLowerCase()的使用； 2、toUpperCase()的使用； 3、trim()的使用； 4、toString()的介绍； 5、concat()]]的使用； 6、replace()的使用。 扩展内容： 高亮显示查询文字。第42节字符串函数（四）预览主要内容： 1、split（）函数的介绍及三种使用方法； 2、通过substring（）结合indexof（）、lastindexof（）进行字符串分解； 3、通过split（）、substring（）、lastindexof（）结合target.name进行字符串分解； 4、通过案例展示函数、属性作为参数，在参数中嵌套使用的思路。第43节数学函数预览主要内容 1:、随机数的获取方法； 2、其他常用数学函数的使用方法； 3、全部数学函数简介。第44节动态面板的循环预览主要内容： 1、动态面板循环的使用； 2、通过边界属性和鼠标坐标属性判断鼠标是否离开了指定区域； 3、完成图片轮播效果。第45节日期函数预览主要内容： 1、日期函数的功能及使用方法介绍； 2、实现时钟效果； 3、实现倒计时效果。第46节指针属性与动态面板拖动预览主要内容： 1、鼠标指针属性的介绍； 2、动态面板拖动事件的介绍； 3、结合拖动事件和鼠标指针属性（dargX，totaldragX）完成IPhone滑动解锁效果。 串联内容： 1、通过元件属性限制拖动范围； 2、通过框架加载其他页面； 3、this、target获取元件对象与局部变量获取元件对象的区别。第47节中继器Item属性预览主要内容： 中继器内Item属性的介绍。 串联内容： 中继器的标记行高亮、删除标记行以及翻页等的操作。第48节中继器repeater属性预览主要内容： 1、中继器repeater属性的介绍及应用； 2、通过中继器完成搜索功能。第49节植入HTML和自定义元件库预览主要内容： 制作自定义元件库的介绍。 扩展内容： 在形状或文本上添加HTML标签实现特殊效果；（选学）第50节其他补充内容（上）预览1、动画效果； 2、父窗口动作； 3、父框架动作； 4、启用与禁用； 5、文本类型（email，url）和提交按钮； 6、外部阴影与内部阴影； 7、元件的角度调整； 8、中继器属性。第51节其他补充内容（下）预览1、栅格的设置； 2、自适应视图介绍； 3、web字体的设置。第52节原型（1）图片放大效果预览关联内容： 1、动态面板状态背景； 2、动态面板尺寸改变； 3、动态面板调整尺寸以适合内容。第53节原型（2）仿真进度条效果预览关联内容： 1、通过动态面板尺寸改变实现循环； 2、通过元件的坐标属性和宽高属性，实现进度条的定位和尺寸设置； 3、通过数学函数max封装计算结果，结合fixed函数实现百分比计算； 4、通过随机数函数，实现仿真的进度条效果。第54节原型（3）移动端选择器预览通过动态面板、元件属性、中继器、中继器属性等完成移动端选择器的效果。第55节原型（4）Android版微信（1）预览通过Axure的基础知识完成Android版微信的部分功能。第56节原型（4）Android版微信（2）预览通过Axure的基础知识完成Android版微信的部分功能。第57节原型（4）Android版微信（3）预览通过Axure的基础知识完成Android版微信的部分功能。第58节原型（4）Android版微信（4）预览通过Axure的基础知识完成Android版微信的部分功能。第59节原型（4）Android版微信（5）预览通过Axure的基础知识完成Android版微信的部分功能。第60节原型（4）Android版微信（6）预览通过Axure的基础知识完成Android版微信的部分功能。第61节原型（5）选项添加到列表预览通过两个中继器，实现将A列表选择项添加至B列表。第62节原型（6）随机验证码
楼主，问你个问题，你的视频在哪里下载啊？真心期盼
没下载的吗？
播放器12集后的密码多少，谢谢
播放器12集后的密码多少，谢谢
播放器12集后的密码多少，谢谢
我的机器码55012-ad4f2-1b316-00000
有密码 帮忙发送
下载的地方在哪，楼主，你这么任性，你妈妈知道嘛
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或