Building Product Cards

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées 1 année by admin

52 Vues

Designing product cards for an ecommerce website using Figma involves two key steps. First, we create a consistent layout template that includes space for product images, titles, prices, and brief descriptions. Utilizing Figma's design streamlining features such as auto-layout, or the grid system and alignment tools, we can ensure a clean and organized appearance for our product/ service cards. Next, we incorporate the brand's color scheme and typography to maintain visual cohesion with the overall website design.

Important Resources:
Figma: https://www.figma.com/file/T8ibQ2IYIrTfvEn08OR0jC/Skillfusion---Figma---Practice?type=design&node-id=46%3A158&mode=design&t=Cn0XQ2AlNhDHuSnF-1
LinkedIn: https://www.linkedin.com/company/skillfusionacademy
Facebook: https://www.facebook.com/skillfusionacdmy/
Website: skillfusion.org

00:00 Continuation from Episode 03
00:38 Recap of previous episode
01:14 Today's item: Building Cards
02:09 Current practices
08:31 Note: Design best practice - Pages
10:17 Designing a card