Design process
To begin, I started by using the “poster” sized base in Canva to act as the background. This gave me a clean layout that closely resembles Tinder’s interface. Then I imported a photo of our actor from his instagram and used it as the profile image.
I then started resizing the image carefully, constantly comparing my work to the reference photos I have of tinders interface. Ensuring the proportions were correct and the scale felt realistic. I felt maintaining accurate sizing was important so that the layout would immediately be recognizable to the audience.
When I finished positioning the profile picture, I added the characters name and age on the bottom left corner of the image. The placement was very intentional, as this mirrors the typical structure of dating profiles, which helps the audience quickly identify the information.
Designing the interactive elements :
After I finished positioning the photo to my liking, I started designing the “like” and “pass” buttons. I inserted two white-ish gray circles beneath the profile image and spaced them evenly to replicate the standard layout of swipe-based dating apps. These circles will function as the base for the buttons.
Then I added the heart icon and the “X” icon, which were both provided by the Canva app. I layered them on top of the white-ish gray circles I previously mentioned. Careful alignment ensured the symbols were centered and visually balanced. I then readjusted the spacing of the bottoms closer together so it’s easy for the actor to interact with it.
Final outcomes :
Once I was satisfied with the proportions of the picture, I saved the design. I felt the completed layout clearly resembles a tinder-style interface, making it instantly recognizable to viewers. By constructing the picture instead of relying on a pre-made template, allowed me to be in full control of the sizing and spacing of each part.
No comments:
Post a Comment