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
	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

• agenda_FF2600.gif
• agenda_DD4477.gif
• agenda_C31A8A.gif
• agenda_DD5511.gif
• agenda_B86060.gif
• agenda_9E5A9E.gif
• agenda_7083A8.gif
• agenda_1B814B.gif
• agenda_329260.gif
• agenda_51978E.gif
• agenda_339DCC.gif
• agenda_0580C7.gif
• agenda_3366CC.gif
• agenda_2C92B6.gif
• agenda_30A600.gif
• agenda_66AA00.gif
• agenda_90AA11.gif
• agenda_909049.gif
• agenda_BC924C.gif
• agenda_EEA400.gif
• agenda_D6AE00.gif

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:

• http://cv.uoc.edu/stylesheet/general.css
• http://cv.uoc.edu/stylesheet/modul.css

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.