如何根据Axure设计前端页面

qq_41571940 2021-01-27 06:18:09

只会一点前端，老大让我接触下项目给了个Axure页面，现在只能用vue+elementui能实现要求，但是都用的默认的组件，和Axure原型风格不统一，老大建议我改改样式，不知道怎么改的和原型一样，请问该怎么做？

...全文

529 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_39305879 2021-04-13

打赏
举报

回复

Axure是做原型的没问题，但elementui的样式跟原型不一样很正常，要是开发以原型图为准，那就得调整样式了，开控制台对着调整默认样式就行，可以写全局css，也可以局部调整

汇品铺子 2021-02-04

打赏
举报

回复

Axure做原型的，原型怎么可能比elementUI好看？你们的产品经理是不是短路了。

本文介绍了Web应用中表单设计的多种样式和布局方式，重点展示了Axure工具在创建高效表单模板中的应用。通过10个典型案例，包括基础信息录入、酒店信息管理、货品信息、员工信息、客户管理、招聘职位等，详细解析了不同业务场景下的表单设计策略。设计风格涵盖单列、两列、分组展示、弹出窗口等多种形式，并针对性地使用输入框、下拉菜单、复选框、日期选择器等交互组件，同时考虑必填项标注、文件上传、地图定位等实用功能。这些案例体现了如何根据业务需求灵活设计清晰直观、操作便捷的表单页面，为开发提供可靠的原型参考。

1 Axure 1.1 Axure简介 axure官方网站 Axure 9.0是一款非常专业的同系列快速原型设计工具，也是当今设计人员使用次数最多的交互原型设计软件，让负责定义需求、规格、设计功能以及界面的专家可以迅速的创建应用软件或者Web网站的线框图、流程图原型、规格说明文档。作为一款专业的原型设计工具，它能够快速、高效的创建原型，并且同时支持多人协作设计和版本控制管理，它可以辅助用户快速设计完整的产品原型，并且结合了批注、说明、流程图、框架图等元素将产品完整地传达给每一个方面的设计人员，如 UI、U

Axure制作的原型图，PC端查看比较方便，但如何在手机端查看，一直是个比较麻烦的问题，今天给大家分享一下如何在手机端查看原型图。首先，咱们来简单分析一下Axure输出的三种原型文件：1、原型图HTML文件：通过“预览/输出HTML文件”是保存成html网页文件，进行预览的一种方式。可以完美的展示设定好的交互样式与动作，尤其是PC端的设计，非常实用。缺点：1)Axure浏览器插件需要安装，客户浏览...

【摘要】AI生成的HTML原型导入Axure需通过Figma转换，具体步骤：1）在Figma安装"htmltodesign"插件导入HTML文件；2）安装Axure插件复制原型内容；3）Axure中粘贴并编辑原型。注意事项包括：确保HTML文件完整、处理样式错乱问题、检查外部文件路径等。该方法适用于需在Axure中进一步编辑的场景，若仅使用Figma设计可直接跳过Axure步骤。（149字）

上一篇文章我们讲了怎么通过Augment code + Figma MCP生成前端代码，同时我也用了cursor，做了简单对比，结果如下：今天我们同样使用Augment code + axure来演示，通过axure设计文档直接生成前端项目，同时和cursor + axure生成前端项目做个对比。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章