编程|产品学习Axure原型思维与程序员完成原型思维

文章图片

文章图片

上一期我们说我们将会从Axure来讲解Axure与程序员之间的共同思维，那我们就从这期开始。
强调一遍该系列的讲解对于产品经理和程序员的学习，思考都会有帮助。

好了闲话少说，直接上干货，我们都知道无论什么样的项目或者产品需要注册登录的吧，咱就从第一步注册登录开始说起。

一开始注册的时候首先绝大部分就是说绝大多数的项目，我们先从最少的结构简单方式来说起，至少这个页面先得有两个input框吧，一个是注册，一个是获取验证码。

注册图片
在Axure中有这两个input框好做，从Axure自带的常见原件库中挑选两个input框往页面相应的位置一摆完事了，但是验证呢？首先来说第一个input框中的吧，第一步如果格式不正确那么要给出提示
先别说如何在如何实现，咱就说一个小问题就是如图：

出现小手
看出问题来了吗？如果我们输入的手机号格式有错误，那么得有相应的提示文字吧，如图所示我们一般的情况下就是将提示文字放在输入框的后面，鼠标放上去呢然后就会出现小手而input框呢是输入文字符号这就造成了不一致的效果，就是这个现象还去除不了，他像是代码哪些有鼠标移入变化鼠标标识符的形状的功能，所以这一点一定要记住。因此呢改正的方法就避免使用在input框里面使用格式等系列的提示文字，可以放在比如外面的左侧或者是下面等地方。

下面这个登录注册呢还有几点需要注意的地方。

以前代码的逻辑是设置交互style.set中就一块设置了其中的inpt提示文字而在Axure总则是单独设置如图所示：
【编程|产品学习Axure原型思维与程序员完成原型思维】
点击让input框消失
但是如何让这样设置还是不行， Axure中的默认的提示小框又出来了如图，还没有办法去掉。

Axure中的默认的提示小框
这个提示小框这个东西还是没有办法去掉。
解决办法，就目前来看有以下几种，

一种就是不用Axure自带的属性框来设置提示用于可以用文本标签进行设置，当然无论是直接原件库里面拖出使用，还是在交互里面设置这个文本这个从根本上都是一样的都是添加了一个文本。

还有一种接着使用input框中自带的属性，就是说设置的时候，不是获取焦点的时候再进行提示的消失，而是进行输入的时候进行消失，这样就不会带有提示框，当然这些也都是要看你是要实现什么样的效果，我说的这些都是哪些添加实现，哪些右添加后去不掉，因为这些东西就是这样设计的没法办法，使用人家的工具，就得遵从人家的思路，因此这些需要注意的地方就得注意，以节省时间提升效率。