Prototipatge web i d’aplicacions mòbils (1)

Mòduls professionals i UF's associades.

AFA0: Cicle formatiu de grau superior de Disseny i edició de publicacions impreses i multimèdia

MP8 (UF2,UF3), MP12

AF10: Cicle formatiu de grau mitjà de Preimpressió digital

MP8 (UF1,UF3), MP12

Descripció del curs:

Introducció al prototipatge web i d’aplicacions mòbils (app) mitjançant Adobe XD.

Objectius:

Introducció a la gestió del projecte multimèdia crossmedia, interrelacionant diversos prototipus i implementant un enfocament de disseny centrat en usuari, responsiu, universal i sostenible.
Familiarització amb el programari Adobe XD per al disseny i formalització visual i d’interacció de prototipus de webs i aplicacions mòbils (app).
Generació d’un prototipus bàsic amb disseny visual i d’interacció per a web i per aplicació mòbil.

Hores:

Presencials: 25 h
No presencials: 0 h
Totals: 25 h

Nivell de formació:

□ INICIAL

🗹 MITJÀ

□ SUPERIOR

□ AVANÇAT

Àmbit de contingut:

Documentació per al curs:

Presentació i exemples visuals (pantalla) de mostra per il·lustrar la formació.

Equips necessaris:

Equipament de treball per al formador/a

Maquinari

Dispositiu digital de treball:

• estació iMac integrada (pantalla) amb teclat i ratolí (mouse), Projector digital, pantalla i comandament-apuntador.

Programari

Programari de prototipatge web i app:

• Adobe XD.

Programari d’autoedició de suport:

• Adobe Photoshop,

• Adobe Acrobat Pro.

Passador de diapositives.

Navegador web.

Utilitat de (pre)visualització d’imatges.

Requisits per a la certificació:

Assistència del 80%.

Coneixements previs:

Familiarització bàsica amb aplicacions i especificacions d’autoedició.

Continguts de la formació:

Disseny del producte multimèdia
1. Cicle de producció. De la ideació al desenvolupament.
2. Esbossos i prototipatge.
3. Prototipatge i desenvolupament per programació.
4. Disseny d’interfície i experiència d’usuari (UI/UX). Disseny visual i interacció.
5. Disseny centrat en usuari (UCD) i disseny emocional.
6. Usabilitat i inclusivitat.
7. Disseny responsiu. Mobile First.
Programari de prototipatge web i app.
1. Programari lliure i propietari. Sketch, Figma, Adobe XD.
2. Evolució i comparativa. Versions d’Adobe XD
3. Prototipatge amb programari Adobe anterior a XD.
4. Adobe XD. Treball en local i treball en el núvol.
5. Mapa de pantalles i navegació.
6. Creació i gestió del concepte de disseny. Llibre d’estil.
Configuració i operatives bàsiques de treball amb Adobe XD.
1. Format i producte. Mòbil, web, continguts per xarxes socials (Instagram, Twitter, Facebook, Youtube) i d’altres.
2. Interfície de treball. Espais de Disseny, Prototipatge i Compartició. Panells i eines.
3. Taules de treball (artboard). Denominació, dimensions, color. Viewport i scrolling. Recurs i elements de fixació.
4. Diagramació de pantalla. Retícula i quadrícula. Píxel i ratio proporcional. Elements estructurals.
5. Estructuració de pantalles.
6. Creació i gestió de grafismes vectorials. Línia, forma i objectes. Combinació, substracció, intersecció i exclusió editable de solapament.
7. Integració responsiva d’imatges en mapa de bits.
8. Recursos de composició de text. Text de punt i text d’àrea.
9. Agrupament. Aliniació i distribució d’elements.
10. Ordenació d’elements. Superposició.
11. Opacitat-transparència.
12. Selector de color. RGB, HSB i Hexadecimal. Sòlid i degradats. Comptagotes. Mostres.
13. Màscares.
14. Efectes d’ombrejat i emborronament.
15. Recurs de graella de repetició.
Capes.
1. Gestió de taules de treball (artboard), objectes i grups.
2. Iconografia.
3. Opcions de capa. Exportació, bloqueig i ocultació.
Actius (assets).
1. Funcionalitat i possibilitats. Llibre d’estil. Concepte de disseny.
2. Colors, estils de caràcter, components i vídeos.
3. Biblioteques.
Complements (plug-ins).
1. Funcionalitat i possibilitats.
2. Cerca, instal·lació i gestió.
3. Exemples.
Components.
1. Funcionalitat i possibilitats.

Activitat d'ensenyament/aprenentatge:

Page updated

Report abuse