Create 2021-11-11-关于Axure的学习.md

docs/views/design/2021-11-11-关于Axure的学习.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中进行排版展示。

docs/views/design/2021-11-18-Axure中继器登录注册界面.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。
+五、拖入一个矩形置于顶层，去除边框。在矩形中上部分拖入文本标签“恭喜您登录成功!”。矩形和文本组合，命名为“登录成功”。设置为隐藏。
+六、在“登录”按钮再新建交互——单击时——显示\隐藏，目标-登录成功；选择显示；更多选项—置于顶层-灯箱效果。然后点完成。
+七、右下角拖入一个文本标签“未有账户？”；再拖入一个链接按钮“注册”，设置交互——单击时——打开链接-选择“注册”。
+## 建立注册界面
+与登录界面操作方法一致。

docs/views/design/2021-11-25-全局变量和局部变量学习笔记.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]]"
+添加动作 显示\隐藏——显示“账号或密码错误！”
+