全站首页设为首页收藏本站

西虹市网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

社区广播台

    查看: 26|回复: 6
    打印 上一主题 下一主题

    叙述:手把手教你用Axure,制作后台管理系统框架

    [复制链接]
    跳转到指定楼层
    楼主
    发表于 2023-11-14 19:40:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

    西虹网 西虹网  写在最前:这期教程,手把手教你们用Axure制作一个高保真的后台管理系统框架。高颜值,高保真,一次学习,跟着操作一次,可以复制到以后的其它原型中,方便快捷。需要原型的私信或者评论留言axure原型https://www.axure9.comAxure模板网为产品经理提供各种软件开发Axure RP产品原型模板下载,Axure组件及素材免费下载,为产品经理提高设计效率,保持产品一致性。
    西虹网 西虹网

    西虹网 西虹网
    西虹网 西虹网  先看看效果:
    西虹网 西虹网
    西虹网 西虹网  下面开始这期教程。
    西虹网 西虹网
    西虹网 西虹网  1、打开Axure Rp,新建文档。设置三页:登录页、系统框架页、内容页。如图示。
    西虹网 西虹网
    西虹网 西虹网  2、开始设计登录页。
    西虹网 西虹网
    西虹网 西虹网  1)双击"登录页"进行编辑设计。第一步设计背景。点击软件右边的“样式”,找到“背景颜色”,这里我选蓝色。
    西虹网 西虹网
    西虹网 西虹网  2)接着,拉几条辅助线。竖的三条,分别是20、1080、1100。横的一条,是60。全部锁定。这个范围是预览时的可见范围。大小大家可以根据常规PC端的规格来做。这里我的宽度是1100
    西虹网 西虹网
    西虹网 西虹网  3)画登录界面。我们要放置一个矩形。样式中把矩形的四角变为圆角。右键选中矩形并将它转成动态面板。
    西虹网 西虹网
    西虹网 西虹网  4)双击动态面板,放置LOGO,输入框和按钮。如图所示。
    西虹网 西虹网
    西虹网 西虹网  拉入输入框,在右边设置它的参数,如图示。上下两个输入框同一样设置。
    西虹网 西虹网
    西虹网 西虹网  删除按钮的动作:
    西虹网 西虹网
    西虹网 西虹网  放置好元件后,如图示,点击动态面板,右边点击“固定到浏览器”,在弹出框中的两个方向都选择“居中”。确定。
    西虹网 西虹网
    西虹网 西虹网  输入框的动作:
    西虹网 西虹网
    西虹网 西虹网  登录按钮的动作思路:
    西虹网 西虹网
    西虹网 西虹网  到此,登录页已完成。
    西虹网 西虹网
    西虹网 西虹网  3、下面开始制作后台框架。
    西虹网 西虹网
    西虹网 西虹网  打开“系统框架”页。
    西虹网 西虹网
    西虹网 西虹网  1)先画导航栏。
    西虹网 西虹网
    西虹网 西虹网  其它菜单复制后,修改文字即可。
    西虹网 西虹网
    西虹网 西虹网  2)画二级菜单导航栏。
    西虹网 西虹网
    西虹网 西虹网  打开其中一个面板,再设置一个小的动态面板,放置元件如图示。
    西虹网 西虹网
    西虹网 西虹网  动作设置如下,
    西虹网 西虹网
    西虹网 西虹网  同时,将一级二级菜单作关联。动作如下。
    西虹网 西虹网
    西虹网 西虹网  系统框架搭建完成:
    西虹网 西虹网
    西虹网 西虹网  4、最后,制作内容页。
    西虹网 西虹网
    西虹网 西虹网  放置一个内联框架元件进去。
    西虹网 西虹网
    西虹网 西虹网  双击,选择显示内容页内容。
    西虹网 西虹网
    西虹网 西虹网  内容页这里就简单点,画个标题跟方框,因为这里主要教搭建后台框架。
    西虹网 西虹网
    西虹网 西虹网  至此,已搭建完成。再用动态面板搞一个退出的弹框。隐藏这个动态面板。设置出现在浏览器时居中
    西虹网 西虹网
    西虹网 西虹网  设置一下他们的动作。这里就不展开了。
    西虹网 西虹网
    西虹网 西虹网  至此,我们的框架就搭建完成。
    西虹网 西虹网
    西虹网 西虹网  大家学会了没?
    西虹网 西虹网
    西虹网 西虹网  都有吧自媒体导航 - 自媒体人都爱用的导航网站!
    西虹网 西虹网
    西虹网 西虹网  知乎 - 安全中心
    西虹网 西虹网
    西虹网 西虹网  我是JimmyMo,可关注我,或者加公众号:产品经理逛世界
    西虹网 西虹网
    西虹网 西虹网  你的肯定是我的动力。
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 转播转播 分享分享
    回复

    使用道具 举报

    沙发
    发表于 2024-2-22 18:30:40 | 只看该作者
    路过,学习下
    回复 支持 反对

    使用道具 举报

    板凳
    发表于 2024-2-22 18:31:23 | 只看该作者
    过来看看的
    回复 支持 反对

    使用道具 举报

    地板
    发表于 2024-2-22 18:37:32 | 只看该作者
    好好 学习了 确实不错
    回复 支持 反对

    使用道具 举报

    5#
    发表于 2024-2-22 18:40:08 | 只看该作者
    谢谢楼主,共同发展
    回复 支持 反对

    使用道具 举报

    6#
    发表于 2024-2-22 18:42:48 | 只看该作者
    过来看看的
    回复 支持 反对

    使用道具 举报

    7#
    发表于 2024-2-22 18:46:39 | 只看该作者
    谢谢楼主,共同发展
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表