Campus 5.0 · Guia d'estil

Com s'ha de crear un mòdul de La meva UOC: passos que cal seguir

Aquest apartat enumera les pautes que cal seguir per a dissenyar i maquetar un mòdul.

Primer pas:

Escull quin contingut s'ha de mostrar en el mòdul. Et recomanem reduir al màxim la informació i les prestacions de la teva aplicació i mostrar només els aspectes clau. Recorda que en un espai tan petit "més" no necessàriament equival a "millor".

Segon pas:

Tria una icona senzilla que representi la teva eina. Tingues en compte que necessitaràs aquesta icona en dues mides diferents:

Mostra Mida Aplicacions Color Nom Format
Icona de l'Agenda per a Afegeix informació 40 x 50 px Per a la pàgina d'Afegeix informació a La meva UOC Pots triar el color lliurement. Altres colors utilitzats:
  • #B7B800
  • #68AA33
  • #3E5122
  • #805751
  • #0083D7
  • #ECAF00
  • #F8961D
  • #202C6F
  • #038AB4
nomicona gif o png
16 x 16 px (aproximada) Per al mòdul La meva UOC La icona ha de ser en els colors:
  • #FF2600
  • #DD4477
  • #C31A8A
  • #DD5511
  • #B86060
  • #9E5A9E
  • #7083A8
  • #1B814B
  • #329260
  • #51978E
  • #339DCC
  • #0580C7
  • #3366CC
  • #2C92B6
  • #30A600
  • #66AA00
  • #90AA11
  • #909049
  • #BC924C
  • #EEA400
  • #D6AE00
nomicona_color* gif o png

Recorda que les icones petites s'han de veure correctament sobre la capçalera del mòdul, és recomanable fer-les amb el fons transparent.

* Exemple de set d'icones per al mòdul Aula

Tercer pas:

Dissenya gràficament el mòdul. Tingues en compte les recomanacions d'aquesta guia, tant les generals (Gràfica general) com les específiques per a mòduls.

Recorda que les caixes dels mòduls són sempre iguals. L'única cosa que canvia és el nom i la icona; el que dissenyes és el contingut del mòdul.

Quart pas:

Maqueta el mòdul. Per a simplificar aquesta tasca pots fer servir els fulls d'estil que es faciliten en aquesta guia, tant el general com l'específic per a mòduls:

Recorda que els mòduls s'adapten a la mida i la resolució de la pantalla; procura no fixar-ne les mides per a evitar barres de desplaçament.