So this weeks lecture is actually online due to Saint Patrick's day being a bank holiday Monday, so I thought I would write notes on Interface Inventory & Component Library on Friday to get ahead and just relax on Monday.
So the video below is a sort of mini lecture from Daniel which I will watch and write notes about.
https://www.youtube.com/embed/N44n-NJNgCU
he has a dog.
We were told about the wise re-design and how we should look at that, currently I feel my notes on the research bank brand are weak so I will probably cover this, Daniel went on to say that he found the accessibility part of the website was interesting, essentially WISE wanted to make their branding more accessible with colour without hindering the look of the design, He then told us about a colour contrast plug-in for Figma, similar to the plugin David taught us in first year, it essentially checks to see if the colour you are using is AAA or AA acceptable.
We were then told to open Figma and create 3 pages: Interface Inventory, Component Library and App Design
What we need to do now is collect screenshots of an app, Anything that is an existing bank based app including things I need to consider. I chose chase as it is my main bank and Monzo for it’s design as well
The purpose of this exercise is to see how my brand translate to a component library, now we have to take screenshots of assets and buttons of the icons and UI elements
Unfortunately I couldn’t get them to be scaled but I will just work with, I did stick to 100% scale but it may be because I’m on a Windows computer at the moment
So now we have to go onto the component library and put in our Brands colour palette in the local styles
We are now going replicate the screenshots of the bank UI and make it our own Brands, I decided to kind of go after Daniel’s example in the video and go for a wide button obviously making it my brands design, I just changed it to Futura Md BT and gave it a purple and white colour to match my palette
I then added the auto layout Figma has and then made it into a component
