Article directory
1 Introduction
Axure RP is a professional rapid prototyping tool. Axure (pronounced: Ack-sure) represents the American company Axure; RP is the abbreviation of Rapid Prototyping.
All products do not appear in front of us all at once. There will be a model or framework, which is the so-called "prototype". The tools used to make the framework model are called prototype design tools. Prototyping tools are mainly divided into three categories, namely traditional manual design, production using prototype software, and production using online prototyping tools.
The word prototype comes from the Latin word proto, meaning "original", which means form or model. In non-technical writing, a prototype is a representative example of a given kind.
Figma, Sketch, Adobe XD, and Axure are the most widely used prototyping tools. What tools can you use to create user interface designs?
When implementing interface design, you can use common interface design tools, such as Adobe XD, Sketch or Figma, etc. At the same time, it is necessary to work closely with the software development team to ensure that the interface design can seamlessly connect with the back-end system and achieve the required functions and interactive effects.
2、Axure RP
2.1 Tool introduction
Axure RP is the only UX tool that enables UX professionals to build realistic functional prototypes.
Axure is a powerful prototyping tool that is widely used for user experience (UX) and user interface (UI) design. This is currently the most commonly used tool in the field of prototyping. It has rich interactive design functions and can create various high-fidelity and low-fidelity interactive prototypes. Product managers can quickly create interactive prototypes and collaborate with team members.
2.2 Tool features
- Support interaction design
- Generate specification document
- Output HTML prototype
- Version control management
- Support multi-person collaborative design
- Master function
- Support dynamic panels and reusable templates
- Applicable scenarios: visual drafts/high-fidelity prototypes, large and complex projects, Web wireframes, web page prototypes
Powerful interaction design, high-fidelity prototype design, specification document generation, collaboration and version control, in-depth customization and logical design, etc.
2.2.1 Interactive events
Trigger interactions using mouse, touch, and keyboard events.
2.2.2 Conditional logic
Add conditions and variables to take your prototype to the next level
2.2.4 Worksheet
Working text fields, dropdown lists and radio buttons are just a matter of dragging and dropping.
2.2.5 Multi-state container
Use multi-state dynamic panels to create everything from pop-ups to scrollable, swipeable mobile screens.
2.2.6 Data-driven interface
Create data-driven tables and grids that you can dynamically sort and filter using repeater widgets.
2.2.7 Adaptive view
Design for desktop, tablet, and mobile on a single page and automatically display the corresponding views.
2.2.8 Flowchart
Built-in flow shapes and connectors magically reflow, making diagramming in RP easy.
2.3 Tool installation
2.3.1 Installation
Download link:
https://www.axure.com/download
Installation is as follows:
2.3.2 Operation
The starting page is as follows:
The main interface is as follows:
2.4 Usage fees
Free trial for 30 days.
2.5 Tool experience
2.5.1 Login box production
- AddPage1
- Add Page2
- Add interaction events
- Preview effect
3. Others
3.1 Figma
https://www.figma.com/
Figma is a cloud-based collaborative design tool with powerful interface design and prototyping capabilities. Figma allows multiple users to collaborate in real time, whether on the same team or working remotely. Create and edit vector graphics, layout designs, and interactive prototypes.
Cloud collaboration, prototype interaction, vector editing and layout, design component and style libraries, plugin ecosystem, and more.
3.2 Adobe XD
https://www.adobe.com/products/xd/learn/get-started-xd-prototype.html
As a prototype design tool under Adobe, it has A natural advantage of the platform is that users can directly import PS, AI, and SKETCH files as prototype materials. Interactions can be created by dragging and dropping between designed pages, and transition animations can be set; Adobe XD provides basic component elements, platform component libraries and a small number of icon libraries. Prototypes can be shared via links. In addition, it also supports automatic annotation of design drafts.
3.3 Sketch
Award-winning editor for macOS, web apps that bring people and projects together, and iOS companions for previewing your work on the go.
Sketch is still a tool that can only be used on macOS and does not provide a Windows version.
Sketch is well-known in the UI design tool world, and many users use it to create prototype projects. This is mainly because Sketch’s interface design and vector editing capabilities are excellent enough.
Sketch is one of the best prototyping software available today and can be used to create various forms of user interfaces such as mobile, web, and code. But this is not friendly to some designers because Sketch only supports the use of iOS systems.
3.4 Mock RP
https://www.mockplus.cn/download/rp
Mock RP is an efficient and easy-to-use online prototyping tool that provides a large number of components, icons, and prototype design templates. , quickly layout, edit, share and collaborate, supporting Axure file import and multiple interaction types.
Applicable scenarios: medium and high fidelity prototypes, rapid prototypes, team collaboration, WEB/mobile/tablet prototypes, wireframes, visual drafts, etc.
3.5 Ink knife
https://modao.cc/
MoDao is an online integrated product design collaboration platform owned by Wanxing Technology, a listed company in the A-share market of creative software. It supports prototype design and team collaboration. , massive materials and efficient enterprises. Ink Knife helps you quickly complete product design and improve work efficiency.
3.5 Blue Lagoon
https://lanhuapp.com/
Blue Lake is a sharing platform for product documents and design drawings, helping Internet teams better manage documents and design drawings. Blue Lake can display Axure online, automatically generate design diagram annotations, share design diagrams with the team, display jump relationships between pages, etc. Relying on the design on Sketch/Photoshop/Adobe XD platform.
3.6 Pixso
https://pixso.cn/
Pixso has one-stop prototyping, design and delivery capabilities and is a new generation of online prototyping collaboration tool.
No need to switch between tools, requirements sorting, UI design, prototype design, feedback collection, and prototype delivery are all done with one tool
Conclusion
如果您觉得该方法或代码有一点点用处，可以给作者点个赞，或打赏杯咖啡；╮(￣▽￣)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果您需要相关功能的代码定制化开发，可以留言私信作者；(✿◡‿◡)
感谢各位大佬童鞋们的支持！( ´ ▽´ )ﾉ ( ´ ▽´)! ! !