From 1151402c05698d2795945d864339b7b538d071c5 Mon Sep 17 00:00:00 2001 From: Snowy20020704 <93479096+Snowy20020704@users.noreply.github.com> Date: Sun, 14 Nov 2021 16:47:11 +0800 Subject: [PATCH 1/3] =?UTF-8?q?Create=202021-11-11-=E5=85=B3=E4=BA=8EAxure?= =?UTF-8?q?=E7=9A=84=E5=AD=A6=E4=B9=A0.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...re\347\232\204\345\255\246\344\271\240.md" | 80 +++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 "docs/views/design/2021-11-11-\345\205\263\344\272\216Axure\347\232\204\345\255\246\344\271\240.md" 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 From ccdbc8a46224fe56bdd4ef1a0c3a2282751d6ece Mon Sep 17 00:00:00 2001 From: Snowy20020704 <93479096+Snowy20020704@users.noreply.github.com> Date: Mon, 22 Nov 2021 21:59:03 +0800 Subject: [PATCH 2/3] =?UTF-8?q?Create=202021-11-18-Axure=E4=B8=AD=E7=BB=A7?= =?UTF-8?q?=E5=99=A8=E7=99=BB=E5=BD=95=E6=B3=A8=E5=86=8C=E7=95=8C=E9=9D=A2?= =?UTF-8?q?.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...50\345\206\214\347\225\214\351\235\242.md" | 35 +++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 "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" 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 From 303cf9573a1b8441bdd41c7f765027b12704f8fe Mon Sep 17 00:00:00 2001 From: Snowy20020704 <93479096+Snowy20020704@users.noreply.github.com> Date: Thu, 25 Nov 2021 23:08:56 +0800 Subject: [PATCH 3/3] =?UTF-8?q?Create=202021-11-25-=E5=85=A8=E5=B1=80?= =?UTF-8?q?=E5=8F=98=E9=87=8F=E5=92=8C=E5=B1=80=E9=83=A8=E5=8F=98=E9=87=8F?= =?UTF-8?q?=E5=AD=A6=E4=B9=A0=E7=AC=94=E8=AE=B0.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...46\344\271\240\347\254\224\350\256\260.md" | 51 +++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 "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" 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]]" +添加动作 显示\隐藏——显示“账号或密码错误！” +