En aquest tema, explorarem la interfície de Figma per ajudar-te a familiaritzar-te amb les seves diferents parts i funcionalitats. Comprendre la interfície és essencial per treballar de manera eficient i aprofitar al màxim les capacitats de Figma.

Components Clau de la Interfície

  1. Barra de Menú Superior

    • Conté opcions per a fitxers, edició, visualització, i més.
    • Accés a funcions com desfer, refer, i altres eines de gestió de projectes.
  2. Panell de Capes (Layers)

    • Situat a l'esquerra, mostra totes les capes i objectes del teu projecte.
    • Permet organitzar i gestionar les capes amb facilitat.
  3. Panell de Propietats (Properties)

    • Situat a la dreta, mostra les propietats de l'element seleccionat.
    • Inclou opcions per ajustar dimensions, colors, efectes, etc.
  4. Àrea de Treball (Canvas)

    • Espai central on es dissenyen els projectes.
    • Permet col·locar marcs, formes, text i altres elements.
  5. Barra d'Eines (Toolbar)

    • Situada a la part superior, proporciona accés ràpid a eines de disseny com el llapis, rectangle, text, etc.
  6. Panell d'Actius (Assets)

    • Permet accedir a components, estils i altres recursos reutilitzables.

Navegació Bàsica

  • Zoom i Desplaçament

    • Utilitza la roda del ratolí o els gestos tàctils per fer zoom.
    • Mantingues premuda la barra espaiadora i arrossega per desplaçar-te per l'àrea de treball.
  • Selecció d'Elements

    • Fes clic per seleccionar un element.
    • Utilitza la tecla Shift per seleccionar múltiples elements.

Personalització de la Interfície

  • Canvi de Tema

    • Figma ofereix temes clars i foscos per adaptar-se a les teves preferències visuals.
    • Pots canviar el tema des de les preferències de l'usuari.
  • Organització de Panells

    • Arrossega i deixa anar panells per reorganitzar-los segons les teves necessitats.

Exercici Pràctic

Objectiu: Familiaritzar-te amb la interfície de Figma.

  1. Obre Figma i crea un nou projecte.
  2. Explora cada component de la interfície:
    • Identifica la barra de menú superior i explora les opcions disponibles.
    • Navega pel panell de capes i intenta crear una nova capa.
    • Selecciona un element a l'àrea de treball i modifica les seves propietats al panell de propietats.
    • Utilitza la barra d'eines per afegir un rectangle a l'àrea de treball.
  3. Canvia el tema de la interfície a fosc i després torna al tema clar.

Solució de l'Exercici

  1. Crear un nou projecte: A la barra de menú superior, selecciona "File" > "New File".
  2. Explorar la barra de menú: Fes clic a cada opció per veure les funcionalitats disponibles.
  3. Panell de capes: Fes clic al botó "+" per afegir una nova capa.
  4. Modificar propietats: Selecciona el rectangle que has creat i canvia el seu color al panell de propietats.
  5. Canviar el tema: A la barra de menú superior, selecciona "View" > "Theme" i tria entre "Light" o "Dark".

Conclusió

Ara que has explorat la interfície de Figma, hauràs adquirit una comprensió bàsica de com navegar i utilitzar les seves eines. Aquesta base et permetrà avançar cap a la creació de dissenys més complexos i eficients. En el següent tema, aprendrem sobre les eines i funcions bàsiques de Figma per començar a dissenyar.

© Copyright 2024. Tots els drets reservats