社区
JavaScript
帖子详情
如何根据Axure设计前端页面
qq_41571940
2021-01-27 06:18:09
只会一点前端,老大让我接触下项目给了个Axure页面,现在只能用vue+elementui能实现要求,但是都用的默认的组件,和Axure原型风格不统一,老大建议我改改样式,不知道怎么改的和原型一样,请问该怎么做?
...全文
529
2
打赏
收藏
如何根据Axure设计前端页面
只会一点前端,老大让我接触下项目给了个Axure页面,现在只能用vue+elementui能实现要求,但是都用的默认的组件,和Axure原型风格不统一,老大建议我改改样式,不知道怎么改的和原型一样,请问该怎么做?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_39305879
2021-04-13
打赏
举报
回复
Axure是做原型的没问题,但elementui的样式跟原型不一样很正常,要是开发以原型图为准,那就得调整样式了, 开控制台对着调整默认样式就行,可以写全局css,也可以局部调整
汇品铺子
2021-02-04
打赏
举报
回复
Axure做原型的,原型怎么可能比elementUI好看 ? 你们的产品经理是不是短路了。
Axure
设计
Web端新增表单
页面
模板案例
本文介绍了Web应用中表单
设计
的多种样式和布局方式,重点展示了
Axure
工具在创建高效表单模板中的应用。通过10个典型案例,包括基础信息录入、酒店信息管理、货品信息、员工信息、客户管理、招聘职位等,详细解析了不同业务场景下的表单
设计
策略。
设计
风格涵盖单列、两列、分组展示、弹出窗口等多种形式,并针对性地使用输入框、下拉菜单、复选框、日期选择器等交互组件,同时考虑必填项标注、文件上传、地图定位等实用功能。这些案例体现了如何根据业务需求灵活
设计
清晰直观、操作便捷的表单
页面
,为开发提供可靠的原型参考。
前端
-2-交互原型
设计
软件
Axure
1
Axure
1.1
Axure
简介
axure
官方网站
Axure
9.0是一款非常专业的同系列快速原型
设计
工具,也是当今
设计
人员使用次数最多的交互原型
设计
软件,让负责定义需求、规格、
设计
功能以及界面的专家可以迅速的创建应用软件或者Web网站的线框图、流程图原型、规格说明文档。 作为一款专业的原型
设计
工具,它能够快速、高效的创建原型,并且同时支持多人协作
设计
和版本控制管理,它可以辅助用户快速
设计
完整的产品原型,并且结合了批注、说明、流程图、框架图等元素将产品完整地传达给每一个方面的
设计
人员,如 UI、U
axure
手机
页面
设计
说明_
Axure
手机端查看交互图(完美展示)
Axure
制作的原型图,PC端查看比较方便,但如何在手机端查看,一直是个比较麻烦的问题,今天给大家分享一下如何在手机端查看原型图。首先,咱们来简单分析一下
Axure
输出的三种原型文件:1、原型图HTML文件:通过“预览/输出HTML文件”是保存成html网页文件,进行预览的一种方式。可以完美的展示设定好的交互样式与动作,尤其是PC端的
设计
,非常实用。缺点:1)
Axure
浏览器插件需要安装,客户浏览...
用AI生成的html
页面
设计
放到到
Axure
上实现再改造的方法
【摘要】AI生成的HTML原型导入
Axure
需通过Figma转换,具体步骤:1)在Figma安装"htmltodesign"插件导入HTML文件;2)安装
Axure
插件复制原型内容;3)
Axure
中粘贴并编辑原型。注意事项包括:确保HTML文件完整、处理样式错乱问题、检查外部文件路径等。该方法适用于需在
Axure
中进一步编辑的场景,若仅使用Figma
设计
可直接跳过
Axure
步骤。(149字)
Augment code +
axure
一键生成
前端
代码
上一篇文章我们讲了怎么通过Augment code + Figma MCP生成
前端
代码,同时我也用了cursor,做了简单对比,结果如下:今天我们同样使用Augment code +
axure
来演示,通过
axure
设计
文档直接生成
前端
项目,同时和cursor +
axure
生成
前端
项目做个对比。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章