Skip to main content

FIGMA TUTORIAL

In order to create my prototype I will be using Figma, alongside Axure RP and WiARframe. Figma will play an important role when designing my interface and I will create all of my design screens. I will then insert them into Axure, along with video of me using the augmented reality aspect in WiARframe and combine them into a working prototype. The reason behind using Figma is due to the simplicity of the software, I can drag and drop all of my materials and start creating quickly and smoothly. I am relatively familiar with using Figma, however to get a really consecutive design I used their youtube channel to find a tutorial on creating styles. Styles allow me to reuse my own designs to define my branding. this is done through  the use of colours and typography. 

This 6 minute video was short but very informative. After watching, I had my styles set up and I was able to create a consistent series of designs ready to import into Axure RP. The HEX codes were easily accessible and my logo was created using these colours as well. I want to stick to the same colours though out as branding and coherency is important to me.

Comments

Popular posts from this blog

AXURE RP EMBED MEDIA TUTORIAL

In this stage of the prototype creation I have all my panels completed in Figma, as well as my augmented reality scene recorded from WiARframe ready for importing. However I was unsure on how to import my video into Axure so that it plays when the page is visited. I read Axure's support blog and learnt that it is easily embedded. They posted a link within the blog post and it took me to their youtube channel. I followed their online tutorial which enabled me to import my video into Axure RP. I now have a semi-working prototype and the next step is to insert my pre-made designs and put it all together for a finished product. 

WORKING PROTOTYPE

To create my working prototype I used a range of platforms to enable myself to get a really clear visualisation of what I want my app to look like and also how I would want it to work . Below is a video of my working prototype  as well as a link to the Axure share page in which it can be tried from.  https://lr0bgm.axshare.com

USING WIARFRAME

When creating my prototype I looked for a software in which I could create my augmented  reality sequence ready to put into Axure RP. I came across a software which was  just starting up called wiARframe, I tried get the software and received an email informing me I was 125th in the queue. However I emailed the founder of the company, explaining who I am and why I wanted access to his software and I gained early access. The wiARframe software is very clean, simple and  quick to pick up. This along with a step by step introduction, enabled me to get a really clear understanding in a short amount of time. I created my own textures in photoshop and imported them to then apply to the found assets on the Google Poly Collection.   In order to get this prototype onto a mobile device I downloaded the wiARframe app and logged into my account which shares the project from both my laptop and my mobile. Any changes I made on my laptop will appear o...