製品初心者がすぐに Axure プロトタイピングを始めるにはどうすればよいでしょうか?

Axure は強力で昔ながらのプロトタイピング ツールとして、プロダクト マネージャーやデザイナーから高く評価されています。インタラクション効果に関しては、20以上のトリガーと30以上のオペレーションを提供し、豊富な条件判断を実現し、データドリブンなプロトタイピングの幅広い可能性を提供します。ただし、この強力なインタラクティブ制作機能は学習コストが比較的高いことを意味するため、多くの初心者はどのように始めればよいかわからないかもしれません。

したがって、この記事では次のことについて詳しく説明します。

  1. アシュアとは何ですか?

  2. 製品初心者がすぐに Axure を使い始めるにはどうすればよいでしょうか?

  • Axure 中国語学習ネットワーク

  • Axure 初心者向けチュートリアル

  • 優れた Axure プロトタイピング事例

  • Axure プロトタイプ コンポーネント ライブラリの無料ダウンロード

  • Axure無料テンプレートサイト

  1. Axure が設計したプロトタイプをそのまま使用できますか?

  2. Axure を独学で学ぶにはどれくらい時間がかかりますか?

この記事を読んだ後、製品の初心者はプロトタイプ設計の旅をより早く開始し、製品設計の作業効率を向上させることができます。

アシュアとは何ですか?

Axure (正式名は Axure RP) は、Windows および macOS システムをサポートする強力なクライアント側プロトタイピング ツールです。これにより、ユーザーは高度にインタラクティブで視覚的なプロトタイプを作成し、ソフトウェアや Web サイトのユーザー エクスペリエンスをシミュレートおよびデモンストレーションすることができます。Axure は、ユーザーが製品のプロトタイプを効率的に作成し、ワイヤーフレーム、フローチャート、Web サイトのアーキテクチャ図、回路図を迅速に作成できるように支援し、コントロールや動的効果のサポートと組み合わせることで、プロトタイピング業界では「インタラクティブなアーティファクト」として知られています。

製品初心者がプロトタイピングに Axure を使用するにはどうすればよいですか?

製品の初心者として初めて Axure に連絡するときは、すぐに開始できるようにいくつかの無料の学習リソースを参照して学ぶことができます。これらのリソースには次のようなものがあります。

Axure 中国語学習ネットワーク

Axure Chinese Learning Network は、中国人ユーザー向けに Axure RP インタラクティブ デザイン ツールの学習リソースとチュートリアルを提供する Web サイトです。入門ガイド、高度なチュートリアル、ビデオ チュートリアル、プロトタイプ サンプル プロジェクト、およびインタラクション デザインに関する実践的なガイダンスを提供し、ユーザーが Axure RP の使用スキルとインタラクション デザイン方法を学習および習得するのに役立ちます。

Axure 初心者向けチュートリアル

  • Axure 公式チュートリアルとドキュメント: Axure 公式 Web サイトでは、スタート ガイド、ビデオ チュートリアル、サンプル プロジェクト、詳細な機能説明など、多数のチュートリアルとドキュメントを提供しています。

  • Axure官方YouTube频道:Axure官方的YouTube频道上有许多官方制作的教学视频,涵盖了从入门到高级的各种主题,搜索"Axure RP tutorial"找到并订阅Axure的YouTube频道;

  • Axure RP在线课程:在线学习平台Udemy提供了Axure RP的培训课程,这些课程由经验丰富的讲师提供,以视频和实践练习的形式帮助用户逐步学习Axure RP的使用技巧。

优秀的Axure原型案例

1.单店版商城PC端高保真原型模板

原型案例特色

  • 本原型是单店版商城PC端高保真原型,配套单店版商城移动端原型、单店版后台管理系统原型,功能包括首页、商品列表、商品详情、购物车、结算、提交订单、我的商城、商城保障、登录注册等,是一整套完整的单店版商城系统原型;

  • 原型采用自适应处理,对于大部分主流分辨率都可以进行适配;

  • 页面都有交互效果和点击事件,运用多种交互元件和方法,稍作修改便可应用,具有良好的使用和学习价值。

案例分类:Web原型

保真度:高保真

2.SaaS后台管理系统通用版原型

原型案例特色

  • 本系统适用于适用于针对B端客户管理的SaaS后台管理系统,系统包含SaaS的管理端和SaaS租户端:SaaS管理端包括审核管理、销售方案设置、销售订单记录、发票管理、财务管理等功能;SaaS租户端包括企业基础信息设置、发票管理、订单记录、购买软件套餐等功能;

  • 主要流程针对方案设置→购买套餐→提交订单→支付订单→使用软件等进行设置与管理。

案例分类:Web原型

保真度:高保真

3.OA一体化办公协同系统原型

  1. 原型案例特色:
  • 适用于Web端及手机端产品设计,主要色调以蓝色为准,web端界面布局按照1920*1080分辨率设计,手机端界面布局按照375*667分辨率设计;

  • 主要功能包括:流程管理--审批流程管理;企业办公--信息管理、工作签批、会议管理、车辆管理、考勤管理、绩效管理、员工管理、合同管理、采购管理; 系统管理--权限管理、日志管理。

案例分类:Web原型、APP原型

保真度:高保真

4.大数据BI可视化大屏原型模板

原型案例特色

  • 原型案例内容丰富,包括:大数据驾驶舱模板、大尺寸大屏、项目案例、分系统选择页面、大数据控件(数字、图标、部件、标注、窗口及弹窗(静态动态大弹窗)、进度条、按钮、标签、科技感字幕、科技感线条、插画、统计图表(折线图、柱形图(立体柱形图)、饼形图、(立体饼形图)、环形图(立体环形图)、南丁格尔玫瑰图、雷达图、仪表图(电子仪表图)、漏斗图(立体漏斗图)、散点图(立体散点图)、气泡图、区域图(立体区域图)、波浪图)、样式统一图表合集、登录界面模板、小样例、整体页面布局、云标签、时间轴、头像、科技感线条、加载页面、流程图、错误页面提示、大标题样式、小标题样式、大标题带标签样式、手机端数据显示、设备外框(手机、平板、台式、大屏)、地图(静态地图、交互地图,省级行政区地图);

  • 该原型案例采用钢笔绘制,简单易改,复制性高。

案例分类:Web原型

保真度:高保真

5.EMS 智慧能源/零碳园区管理系统原型

原型案例特色

  • 本原型是面向双碳背景下企业及建筑用能的EMS智慧能源管理系统解决方案,基于IoT物联设备数据进行能源计量、费用计量、能效分析、用能诊断等闭环管理系统;

  • 产品系统包含综合概览、实时监控、能耗统计、能效分析、系统管理等模块,提供能源管理完整的产品设计框架,为能源管理业务流程分析、页面设计提供参考思路;

  • 在作品中完整使用动态母版菜单页面框架、页面分层动态面板和图表的中继器数据动态交互,为产品设计提供大量可复用的模版,提高设计效率。

案例分类:Web原型

保真度:高保真

6.产品宣传APP下载网站移动端+PC端高保真原型

原型案例特色

  • 包含移动端和PC端两个适配版本,可用于新产品展示单页面模板、H5页面网站模板、APP产品下载网站模板等多种产品宣传和下载场景;

  • 页面风格简洁大气,设计修改方便,可复用性强;

  • 文字大小、颜色、对齐方式、图片位置大小都已设置完毕,通过简单的修改即可达到非常好的视觉效果。

案例分类:Web原型、APP原型

保真度:高保真

7.外卖订餐商家老板端APP实战原型

原型案例特色

  • 主要功能包括我要开店、商品管理、财务管理评价管理(含提现、充值、转账、经营收款等功能)、团购管理、经营数据、营销活动管理(含报名活动、代金券、满减、满赠、满返代金券、商品推荐功能)、订单管理(含到店自取功能)、消息中心、在线开发票等,功能齐全;

  • 该作品原型采用去线留白的设计,全部由线框图制作而成,高保真高交互,并运用了大量的母版与动态面板,大幅度缩减文件大小与时间成本;

  • 该作品原型的设计特点是“清晰而规范、细致且周全”,能够考虑到各种业务/功能的“正常状态+异常状态+临界状态”,适合初中级产品经理的学习。

案例分类:APP原型

保真度:高保真

8.综合新闻资讯APP原型

原型案例特色

  • 本作品属于新闻资讯领域的手机客户端,主要功能包括:文章、视频、动态、私信、话题;消息中心、创作中心、数据助手、经验值、签到赚金币;深色模式、长辈模式、字体大小;隐私设置、推送通知设置、播放与网络设置;第三方登录、帐号与安全、注销帐号等;

  • 该作品原型采用大厂UI设计风格(去线留白),全部由线框图制作而成,高保真高交互;

  • 运用了大量的母版与动态面板,大幅度缩减文件大小与时间成本。

  • 按功能点来拆解/绘制原型页面,方便产品、UI、开发、测试等项目组成员的阅读。

案例分类:APP原型

保真度:高保真

9.视频APP交互原型案例

原型案例特色:

  • 这是一款优质视频的播放产品,页面简洁,交互完整,用户体验友好;

  • 主要功能:首页(轮播图、视频推荐)、搜索(可搜索视频、频道、用户)、频道(热门频道、已关注频道的视频推荐)、发布(可发布图片或视频、可添加滤镜)、动态(关注用户及其动态更新)、我的(我的资料、关注及粉丝、喜欢、投稿、历史、缓存、意见反馈、设置、消息等)。

案例分类:APP原型

保真度:高保真

10.在线直播教育APP项目原型设计

原型案例特色:

  • 这是一款为学生群体提供相关课程知识学习服务的产品原型,包含了前后端两套作品;

  • 前端包括登陆/注册/忘记密码、课程展示、课程直播、订单系统、老师介绍、收入提现等业务需求的功能架构和业务流程;

  • 后台包括用户管理、分类管理、课程管理、订单管理、收入管理等与前端相对应的业务后台配置需求功能。

案例分类:APP原型

保真度:高保真

Axure原型组件库免费下载

1.交互设计常用素材组件包

组件库简介

  • 这是一套使用Axure制作的交互设计常用素材综合组件包,其中包含了界面模型、设备模型、流程元素、标注元素、交互手势等丰富的素材内容;

  • 在界面模型中包含了近两百个移动端及WEB端界面模型,其中涵盖了各类常见的界面布局和功能场景;

  • 在设备模型中提供了iOS、Android等8种主流的设备线框模型,所有的模型元素都支持调整尺寸和颜色,可用于制作线框或手绘原型图;

  • 作品中还提供了绘制流程图的各种风格的元素及线条,以及交互原型标注的标签和标尺、移动端各类手势图标素材等。

免费下载

2.Axure数据可视化图表组件库

组件库简介

  • 本作品是一套数据可视化图表通用组件库,主要由Antv静态图表、Axhub动态图表、地图组件素材三部分内容组成;

  • 包含几十种常用图表类型和全国34个省级行政区地图,可以满足大部分的原型设计图表展示需求;

  • 支持图表配置和动态展示效果,支持文字、色彩等元素修改。

免费下载

3.Zan Design Vant移动端Axure元件库

组件库简介

  • 本Axure原型为有赞官方推荐的Vant移动端元件库,除了基础的移动端组件,还包括电商类型的复合组件,非常适合用于电商商城类型的原型;

  • 元件库导入Axure可直接拖拽使用,方便快捷轻松搭建优质的高保真原型。

免费下载

4.谷歌Material Design图标元件库

组件库简介:

  • 这是一套矢量的图标库,分类非常清晰,方便查找和使用;

  • 支持直接修改颜色或添加渐变风格、让图标更符合你的设计风格;

  • 支持修改形状和轮廓。

免费下载

5.Web端交互原型元件库精简版

组件库简介:

  • 本组件库主要面向Web端产品交互原型设计的应用,包含各类Web常用基本元素及丰富实用的动态交互组件;

  • 本元件库内容包括:配色方案、常用图标、按钮、菜单、加载状态、进度条等。

免费下载

Axure免费模板网站

Axure工坊

Axure工坊成立于2019年,平台联合了各个优秀产品经理、设计师及创意工作室,汇集了众多优质原创内容,为互联网IT行业各领域输出正版的原型模板、元件库、实战项目案例等源文件素材。

Daisy Axure

该网站提供具有良好视觉和交互体验的Axure原型模版和元件库。

AxureShop产品原型网

AxureShop商城是一家互联网产品设计资源交易平台,提供基于Axure软件设计的网页产品原型、APP产品原型、手机H5页面原型、小程序原型的发布和下载。

AxureHub原型

AxureHub提供网页产品原型、RP源文件、后台管理原型、APP产品原型、手机H5页面原型、小程序原型的发布和下载,服务于产品经理及交互设计师。

Axure设计的原型能直接使用吗?Axure原型可以直接生成前端代码吗?

Axure作为一款原型设计工具,可以用于创建产品原型和模拟产品的用户体验。Axure设计出的原型本身不能直接使用它主要用于展示和验证产品的设计概念,以便产品经理与开发人员以及其他利益相关者进行讨论。

尽管Axure不能直接生成前端代码,但它提供了一些功能,可以帮助开发人员更好地理解和实现设计。例如,Axure可以生成HTMLCSS代码,供开发人员参考和借鉴。Axure生成的代码可以用作开发过程中的参考,但需要进一步调整,重新编写,增删改查以及CSS样式表的添加,并在服务器端进行部署和发布,要才可转化为最终产品。

总而言之,Axure原型不能直接用作最终的前端代码,但可以作为设计和开发之间的桥梁,以协调和沟通设计意图。开发人员仍然需要根据原型来编写和实现最终的前端代码。

自学Axure需要多久?

Axure作为一款专业且强大的交互原型设计工具,想要通过自学完全掌握并利用它做好原型设计是需要较长时间的。这主要是因为它:

  • 界面复杂:Axure的界面会让初学者感到复杂和不直观,掌握和了解界面的功能和用法需要一定的时间和实践;

  • 功能复杂:对于没有设计背景或经验的人来说,学习Axure原型设计会难上加难,例如,条件逻辑、动画效果、数据驱动等高级功能需要非常多的学习和实践才能掌握。

正因为Axure的学习成本较高,越来越多的初学者正在转向其他快速原型设计工具,例如**摹客RPProto.ioProtoPie**。这些工具具有以下优势:

  • 直观的界面和丰富的预设组件库,使得原型设计变得更加简单和快速;

  • 允许用户通过简单的拖拽操作即可添加交互效果,无需编写复杂的逻辑,几分钟内完成一个高保真度的原型设计;

  • 提供丰富的原型模板,用户可以直接使用现成的模板和组件样式,无需从头开始设计。

总之,这些快速原型设计工具的出现为初学者提供了更低的学习门槛,使得原型设计变得更加容易和高效。它们的直观性、丰富的组件库和快速交互添加功能使得产品经理们能够更快地验证和展示他们的设计想法,提高原型设计上的效率,推动产品开发的进程。

总结

对于产品小白而言,想要快速上手Axure可以参考和学习以上分享的资源,但由于Axure本身是一个入门简单进阶难的工具,所以想要完全掌握它是需要较高学习成本的。因此,我更推荐产品小白们选择选择学习门槛较低、易于上手的快速原型设计工具,这些工具可以使初学者在短时间内快速掌握原型设计技能,够轻松创建原型,提高产品原型设计效率。

おすすめ

転載: juejin.im/post/7246963275955404857