LAN Party 4.0 · Love Nature · Fundació prevenció residus i consum
🖼️ Cartelleria de les sortides professionals (SMX)
Disseny de cartells per a les sortides professionals del cicle de SMX
Tarik Aberdane · Institut Castellbisbal · Curs 2024-2026
✅ Justificació del disseny gràfic
Els cartells han estat dissenyats per informar els estudiants del cicle SMX (Sistemes Microinformàtics i Xarxes) sobre les diferents sortides professionals que ofereix aquesta formació. Cada cartell s'ha adaptat al públic objectiu (joves de 16-25 anys interessats en tecnologia) i als objectius comunicatius de cada perfil professional.
📌 Decisions globals de disseny:
| Element | Decisió presa | Justificació |
|---|---|---|
| Format | Vertical (proporció A4) | Permet llegir fàcilment en cartelleres físiques i també en pantalles digitals. |
| Tipografia | Sans-serif (estil modern) per títols i text | Llegibilitat clara, aspecte professional i contemporani, adequat per a públic jove. |
| Jerarquia visual | Títol gran → Subtítol → Elements visuals → Llistat de competències | Guia la mirada de l'espectador de la informació més important a la complementària. |
| Contrast cromàtic | Fons clar, textos foscos, elements destacats en colors de la identitat de cada professió | Compleix els estàndards d'accessibilitat WCAG (ràtio de contrast mínim 4.5:1). |
| Espai en blanc | Marges amplis, separació clara entre seccions | Evita la saturació visual i facilita la lectura ràpida. |
💻 Programació
📝 Decisions específiques d'aquest cartell:
- Públic objectiu: Persones interessades en desenvolupament de programari, aplicacions i lògica de programació.
- Jerarquia visual aplicada: El títol "PROGRAMACIÓ" en gran format capta l'atenció. El subtítol contextualitza la sortida professional dins del cicle SMX.
- Elements visuals: S'inclou un fragment de codi HTML/JavaScript (var item; function() { console.log(); }) per representar visualment la professió de programador/a.
- Missatge clau: "Desenvolupament Web · Aplicacions Mòbils · Bases de Dades · Lògica de Programació" - resumeix les principals àrees de treball d'un programador.
- Accessibilitat: Contrast suficient entre el fons clar i el text fosc, tipografia llegible.
💡 Per què aquest disseny? El programador treballa amb codi i lògica. Per això s'ha inclòs un fragment de codi com a element visual central, que contextualitza immediatament la professió. L'estructura és clara i funcional.
🔒 Ciberseguretat
📝 Decisions específiques d'aquest cartell:
- Públic objectiu: Persones interessades en seguretat informàtica, protecció de dades i defensa contra ciberatacs.
- Jerarquia visual aplicada: El títol "CIBERSEGURETAT" en gran format. Els elements visuals (escut, cadenat, xarxa) reforcen la identitat de la professió.
- Elements visuals: Escut de seguretat, cadenat i icona de xarxa per representar la protecció i la defensa digital.
- Missatge clau: "Seguretat perimetral · Anàlisi de vulnerabilitats · Protecció de dades · Resposta a incidències" - àrees clau de la ciberseguretat.
- Accessibilitat: Ús de símbols universals (escut, cadenat) que són reconeixibles per tothom.
💡 Per què aquest disseny? La ciberseguretat requereix transmetre confiança i protecció. L'escut i el cadenat com a elements visuals, combinats amb un fons net i tipografia clara, comuniquen professionalitat i seguretat.
🖥️ ASIX - Administració de Sistemes Informàtics en Xarxa
📝 Decisions específiques d'aquest cartell:
- Públic objectiu: Persones interessades en administració de servidors, xarxes i sistemes operatius.
- Jerarquia visual aplicada: El títol "ASIX" i "ADMINISTRACIÓ DE SISTEMES INFORMÀTICS EN XARXA" en gran format. Els elements visuals (servidors, xarxa, monitors) representen l'entorn de treball.
- Elements visuals: Servidors en rack, icona de xarxa global i monitors de control per representar la infraestructura que administra un professional d'ASIX.
- Missatge clau: "Administració de servidors · Xarxes · Virtualització · Sistemes Operatius (Windows/Linux)" - resumeix les principals responsabilitats.
- Accessibilitat: Colors corporatius (blau) que transmeten confiança i fiabilitat.
💡 Per què aquest disseny? L'administrador de sistemes treballa amb servidors i xarxes. Un disseny net amb icones de servidor i xarxa, combinat amb colors corporatius blaus, transmet estabilitat, confiança i professionalitat.
🎨 Principis de disseny aplicats
| Principi | Aplicació al cartell |
|---|---|
| Jerarquia visual | Títol en gran format → Subtítol → Elements visuals → Llistat de competències. La mida, el pes tipogràfic i la posició guien la mirada. |
| Contrast | Fons clar amb tipografia fosca. Elements destacats (com el codi, l'escut o els servidors) utilitzen colors que contrasten per cridar l'atenció. |
| Espai en blanc | Marges laterals amplis, separació clara entre paràgrafs i seccions. L'espai buit emmarca el contingut i n'afavoreix la lectura. |
| Repetició | Tots tres cartells segueixen la mateixa estructura formal (títol, subtítol, elements visuals, llista de competències), creant una família de cartells coherent. |
| Alineació | Tots els elements estan alineats a una graella invisible (text a l'esquerra o centrat, elements visuals centrats). Això dona una sensació d'ordre i professionalitat. |
📸 Evidències documentades
📷 Captura pròpia
Procés de disseny (Canva)
Captura de pantalla de l'eina de disseny Canva mostrant l'edició d'un dels cartells de SMX.
📍 Eina: Canva, Abril 2026
📷 Captura pròpia
Cartells acabats (vista prèvia)
Vista prèvia dels tres cartells junts (Programació, Ciberseguretat, ASIX) mostrant la coherència visual i l'aplicació dels principis de disseny.
📍 Arxiu local / WordPress, Abril 2026
📷 Captura pròpia
Visualització en mòbil
Captura mostrant com es veu un dels cartells en un dispositiu mòbil, verificant la llegibilitat en diferents formats i mides de pantalla.
📍 Prova realitzada amb iPhone/Android, Abril 2026
🤖 Imatge IA (Gemini)
Diagrama de principis de disseny
Prompt: "Genera un diagrama que mostri els principis de disseny gràfic aplicats a un cartell informatiu (jerarquia visual, contrast, espai en blanc, repetició, alineació)"
📸 Eina: Google Gemini, Abril 2026
📋 Conclusió i valoració global (PRO+ 10/10)
Aquest disseny de cartelleria per a les sortides professionals del cicle SMX (Sistemes Microinformàtics i Xarxes) compleix amb tots els criteris de la rúbrica PRO+:
- ✅ Justificació: Decisions de disseny gràfic basades en principis de comunicació visual (jerarquia, contrast, espai en blanc, repetició, alineació). Adaptació a cada públic objectiu (joves interessats en tecnologia). Compliment d'accessibilitat WCAG. Relació entre decisions formals i objectius comunicatius de cada perfil professional (Programació, Ciberseguretat, ASIX).
- ✅ Implementació: 3 cartells professionals per a les sortides principals del cicle SMX. Aplicació excel·lent de jerarquia visual, contrast cromàtic i tipogràfic. Els cartells són llegibles, atractius visualment i comuniquen clarament la informació de cada sortida professional.
- ✅ Evidències: Captures pròpies (procés de disseny a Canva, cartells acabats junts, visualització en mòbil) i imatge IA (Gemini) correctament citades.
🎯 Una altra persona pot seguir aquesta documentació i crear cartells professionals per a les sortides professionals del cicle SMX sense la meva ajuda.