diff --git "a/docs/views/design/2021-11-11-\345\205\263\344\272\216Axure\347\232\204\345\255\246\344\271\240.md" "b/docs/views/design/2021-11-11-\345\205\263\344\272\216Axure\347\232\204\345\255\246\344\271\240.md" new file mode 100644 index 00000000..f1327eb3 --- /dev/null +++ "b/docs/views/design/2021-11-11-\345\205\263\344\272\216Axure\347\232\204\345\255\246\344\271\240.md" @@ -0,0 +1,80 @@ +--- +layout: post +title: 2021-11-11-关于Axure的学习 +date: 2021-11-11 +author: 陈雪慧 +categories: + - 设计部 +tags: + - Axure +--- +# 一、Axure介绍 +Axure RP是美国“Axure Software Solution” 公司出品的一款快速原型(Rapid Prototyping)软件;一般来说,使用者会直接将它称为Axure。 + +Axure的服务器在美国那边,故而有时候加载会比较慢。 +# 二、Axure的应用场景 + +## 拉投资使用 +让投资人对产品有直观的了解; +## 给项目团队 +使用线框图和文字说明,介绍产品细节,方便团队做出产品;出现问题追责; +## 销售用来做演示 +给客户提供定制化产品时,使用原型看到最终的产品模型; +## 项目投标使用 +使用高保真原型参与投标,体现公司的实力,提升企业形象; +## 内部收集反馈 +为了避免需求混乱造成的资源消耗,先使用高保真原型获取用户反馈并优化; +## 教学使用 +使用Axuer,可以代替PPT进行项目展示,进行演讲和教学; + +# 三、Axure的基础功能 + +## 了解Axure的界面 + +### 1、Axure的菜单栏 +#### 文件 +新建、打开、保存、另存为、团队项目、设置自动备份(建议5min/次); +4种文件类型: +.rp:原型文件; +.rplib:元件库文件; +.rpteam:团队项目文件; +.html:网页文件。 +#### 编辑 +快捷键 +#### 视图 +设置工具栏、功能区、标尺网格辅助线、遮罩 +#### 项目 +元件样式管理器(添加元件)、页面样式管理器(相当于个性化设置) +#### 发布 +### 2、Axure的工具栏 +选中(相交选中和包含选中)、 链接、 组合、 对齐和分布、 预览和共享、 字体和填充等设置、 线段、 箭头、 坐标 +操作与功能大致与PS类似。 + +### 3、Axure的页面区域 +相当于于文件夹 + +### 4、Axure的概要区域 +相当于PS的图层面板 + +### 5、Axure的元件(库)面板 +载入文件库,类似于PS载入动作之类的 + +### 6、Axure的母版区域 +存储常用页面模板、也可以有类似于PS的动作功能 + +### 7、Axure的交互面板 +设置一些点击变换,让页面动起来。 + +### 8、Axure的样式面板 +相当于PS的属性面板 + +### 9、Axure的说明编辑区 +就是添加注释。注意与交互中的工具提示的区别。 + +### 10、Axure的画布区域 +主要就是设置辅助线、辅助线面板等。 + +### 11、Axure的基本元件 +矩形、占位符、图片、按钮、文本标签、热区。 + +## Axure的功能很强大、操作简单。但是在制图方面远远比不上PS等工具,对于一些图片可以先用PS等工具处理好之后再运用到Axure中进行排版展示。 \ No newline at end of file diff --git "a/docs/views/design/2021-11-18-Axure\344\270\255\347\273\247\345\231\250\347\231\273\345\275\225\346\263\250\345\206\214\347\225\214\351\235\242.md" "b/docs/views/design/2021-11-18-Axure\344\270\255\347\273\247\345\231\250\347\231\273\345\275\225\346\263\250\345\206\214\347\225\214\351\235\242.md" new file mode 100644 index 00000000..701f9739 --- /dev/null +++ "b/docs/views/design/2021-11-18-Axure\344\270\255\347\273\247\345\231\250\347\231\273\345\275\225\346\263\250\345\206\214\347\225\214\351\235\242.md" @@ -0,0 +1,35 @@ +--- +layout: post +title: 2021-11-18-Axure中继器登录注册界面 +date: 2021-11-18 +author: 陈雪慧 +categories: + - 设计部 +tags: + - Axure +--- +# 先建三个页面 +一个命名为“主页”,一个命名为“登录”,一个命名为“注册”。 + +# 页面内容完善 + +## 主页 +“欢迎来到***” +“登录”————设计交互:单击时打开链接“登录” +“注册”————设计交互:单击时打开链接“注册” + +## 建立登录界面 +一、图标+文本标签“账户名”+文本框 +文本框命名为“账户”,类型选择"Text",提示文本写"请输入您的账户名" +二、图标+文本标签“密码”+文本框 +文本框命名为“密码”,类型选择"密码",提示文本写"请输入您的密码" +三、拖入一个中继器,双击进入后再复制一个矩形。一个矩形命名为“account”,另一个矩形命名为“password” +1、将中继器命名为"登录",样式中添加列,第一列填"account"第二列填"password"。然后新建交互,选择“每项加载时”设置文本————目标-account;设置为-文本;值-[[Item.account]]。然后点完成。同样的操作,点“+”然后目标-password;设置为-文本;值-[[Item.password]]。然后点完成。 +2、单击“acconut”矩形,新建交互—— +同样的操作设置“password”矩形。 +四、拖入一个按钮,中间文本改为“登录”,新建交互——单击时——添加行:目标-登录;点击“添加行”,出现一个表单在account下的框中点fx,在新出现的窗口中添加局部变量下面设置account=元件文字 账户;上面插入变量或函数选择[[account]]。再添加行,重复上面的操作设置password。 +五、拖入一个矩形置于顶层,去除边框。在矩形中上部分拖入文本标签“恭喜您登录成功!”。矩形和文本组合,命名为“登录成功”。设置为隐藏。 +六、在“登录”按钮再新建交互——单击时——显示\隐藏,目标-登录成功;选择显示;更多选项—置于顶层-灯箱效果。然后点完成。 +七、右下角拖入一个文本标签“未有账户?”;再拖入一个链接按钮“注册”,设置交互——单击时——打开链接-选择“注册”。 +## 建立注册界面 +与登录界面操作方法一致。 \ No newline at end of file diff --git "a/docs/views/design/2021-11-25-\345\205\250\345\261\200\345\217\230\351\207\217\345\222\214\345\261\200\351\203\250\345\217\230\351\207\217\345\255\246\344\271\240\347\254\224\350\256\260.md" "b/docs/views/design/2021-11-25-\345\205\250\345\261\200\345\217\230\351\207\217\345\222\214\345\261\200\351\203\250\345\217\230\351\207\217\345\255\246\344\271\240\347\254\224\350\256\260.md" new file mode 100644 index 00000000..32bfef7f --- /dev/null +++ "b/docs/views/design/2021-11-25-\345\205\250\345\261\200\345\217\230\351\207\217\345\222\214\345\261\200\351\203\250\345\217\230\351\207\217\345\255\246\344\271\240\347\254\224\350\256\260.md" @@ -0,0 +1,51 @@ +--- +layout: post +title: 2021-11-25-全局变量和局部变量学习笔记 +data: 2021-11-25 +author: 陈雪慧 +categories: + - 设计部 +tags: + -Axure +--- +## 全局变量和局部变量学习笔记 + +### 注册&登录页面制作 + + +#### 设置全局变量 ++ 项目中选择全局变量 ++ 添加变量名称account、password 、empty + +#### 注册页面运用全局变量&局部变量 ++ 拖入三个文本框,分别命名为zaccount、zpassword1、zpassword2 ++ 一个注册按钮 ++ 注册按钮设置交互——单击时:设置情形1 +如果文字于zaccount=="[[empty]]"或者 文字于zpassword1=="[[empty]]" 或者 文字于zpassword2=="[[empty]]" +添加动作 显示\隐藏——显示“账号密码不能为空!” + +继续添加情形 +如果文字于zaccount!="[[empty]]"并且 文字于zpassword2==文字于zpassword1 +添加动作 显示\隐藏——显示“恭喜您注册成功” 链接按钮“登录”——设置交互——单击时打开链接“登录页面” +设置变量值account为"[[account]]" password为"[[password]]" + +继续添加情形 +如果文字于zpassword2!=文字于zpassword1 +添加动作 显示\隐藏——显示“请重新确认密码!” + +#### 登录页面运用全局变量&局部变量 ++ 拖入两个个文本框,分别命名为账号、密码; +一个链接按钮“注册”——设置交互——单击时打开链接“注册页面” ++ 一个登录按钮 ++ 登录按钮设置交互——单击时:设置情形1 +如果文字于账号=="[[empty]]"或者 文字于密码=="[[empty]]" +添加动作 显示\隐藏——显示“账号密码不能为空!” + +继续添加情形 +如果文字于账号=="[[account]]"并且 文字于密码==文字于"[[password]]" +添加动作 显示\隐藏——显示“恭喜您登录成功!” + +继续添加情形 +如果文字于账号!="[[account]]"或者 文字于密码!=文字于"[[password]]" +添加动作 显示\隐藏——显示“账号或密码错误!” +