UXD 103- exploring identity

Figma demo

this demo focuses on how navigation buttons and component libraries are made in figma. also this is a demo on how to create in depth buttons and how to configure this into a working app. i will be using these into my own project and want to create these as accuratley as i can.

apple books app screen shots;

i will be using apple books to recreate one of their buttons for this task and using this for my own project.

image.png

image.png

image.png

image.png

screenshot icons

the icons i have screenshot for one of them to be used to recreate for my own project and own colour scheme. these were all took from apple books.

image.png

my work on the tutorial on components

these are all screenshots of some of the process form the tutorial video we watched and labelled for easier reading.

Screenshot 2026-03-25 2.52.29 PM.png

image.png

file organising and colour collection bar.

image.png

image.png

screenshot of one of the buttons i chose to recreate

image.png

final design for buttons

image.png

colour palette generator for dark and light tones for the green i want to use.

changing colours to see which would be compatible or not.

image.png

reflection

this week we focused on interfaces and how their inventory’s are important when making a project.also we are discovering on our projects by using interface audits or inventory’s to see how our project is towards the target audience.