登陆页面网页交互设计图，登录页面交互
摘要：
网页原型图网页效果图-如何利用AxureRP8搭建简易登录页面原型图?双击页面空白处，开始编辑第一个页面。 从元件库中拖拽矩形2元件到画布上，并根据需... 网页原型图网页效果图-如何利用axureRP8搭建简易登录页面原型图?
双击页面空白处，开始编辑第一个页面。 从元件库中拖拽矩形2元件到画布上，并根据需求调整尺寸，例如1920*1080像素，这通常是苹果手机plus版本的分辨率。 选择占位符元件来代表登录页面中的图片位置，如LOGO。 使用矩形1和文本框元件创建登录字样的输入框。 复制矩形元件来创建密码输入框。
打开Axure RP 8 双击打开Axure RP 8软件，默认情况下，在Home目录下会创建三个初始页面（Page Page Page 3）。这些页面是制作原型的基础。 调整页面顺序 上移页面：选中想要移动的页面（例如Page 2），鼠标右键点击，在弹出的菜单中选择“Move”-“Move Up”。
首先，在Axure的左上角选择模式，点击“选择部件库”，默认显示“所有部件库”。 选择“Folw”部件库，这里提供了多种用于制作流程图的控件。 选取一个“矩形”控件，拖动到制作面板中。你会看到它的四条边上带有四个蓝色的“叉形”标记。
如何设计APP的登录页
所以视觉设计师做页面需要去理清你界面上下游，或者界面中每个元素的逻辑，从哪里来到哪里去。 视觉设计的思考过程 下面我开始做视觉设计了。为了演示方便，我给自己出了一个题目，以绿色为虚拟的主题做设计登录页。 首先设计稿以iPhone7为基准设计，分辨率是1334×750，为什么选择这个分辨率，我的书说的很明白了。这里就不再赘述了。
确定登录方式 账号登录：允许用户使用手机号或邮箱作为账号进行登录。第三方登录：集成微信、QQ、微博等第三方平台的登录功能，简化用户操作。一键快捷登录：针对特定场景（如工具类APP），提供一键登录功能，减少用户操作步骤。游客登录：允许用户在不注册账号的情况下体验APP部分功能。
在这种情况下，可以在密码字段旁边添加一个“显示密码”复选框或图标，当用户勾选它时显示密码。输入时自动填充/自动读取常用账号 我们在登录/注册时，经常需要输入账号和密码。这时候，简化或缩短用户输入时间是各网页/应用优化体验的的方式。
使用Axure怎么制作一个多角色登录原型图?
1、状态4（内部员工登录页面）内部员工登录的页面和上面两个登录页面的材料是一样的，只不过是改改文字和背景，登录输入的不是手机号或企业邮箱，变成了员工号。交互也是一样的，我们简单修改提示弹窗在3种错误状态下的文字即可。
2、生成html文件 打开设计好的网页原型：首先，在Axure RP中打开你已经设计完成的登陆页面原型。发布并生成HTML文件：点击软件右上角的“发布”按钮。在弹出的菜单中，找到并选择“生成HTML文件”一项。你也可以直接按F8快捷键来打开这个选项。
3、首先，打开Axure RP 8并创建一个新项目。在项目开始之前，确保熟悉Axure RP的工具栏，它包含了组件、交互、扩展、布局、移动、静态和批注等模块。接下来，开始搭建登录页面的原型图。首先，使用布局工具来设置页面的基本结构。然后，从元件库中选择合适的元件，如矩形和文本框，来创建登录表单。
4、创建页面与添加元件 打开Axure，新建一个空白页面。 在页面上拖入所需的元件，如文本框、按钮以及可能的标签。 元件命名与样式调整 给每个元件命名，以便于后续交互事件的设置。 调整元件的大小、字体、颜色等样式，使其符合设计要求。
5、首先我们打开一个已经设计好了的网页原型。然后点击软件右上角的发布按钮，找到生成HTML文件一项。或者直接在打开的网页原型中按F8，使用快捷键打开。选择存放HTML文件的目标文件夹。选择需要立即打开的浏览器，也可以选择不打开，只生成HTML文件。点击生成，需要等待几秒钟。
