Vés al contingut (premeu Retorn)

Temes de Genweb

El tema actual de Genweb: Rob Theme

En col·laboració amb EPSEVG es va desenvolpar el tema Rob Theme, buscant una major semblança amb el web institucional de la UPC.

El principal canvi és la tipografia Roboto, i amb el tema també s'afegeixen noves plantilles que permeten dissenyar pàgines molt més atractives.

Aquest mateix genweb és un exemple:

https://genweb.upc.edu

També hem afegit moltes plantilles que us permetran maquetar pàgines que mostren el contingut fent "scroll down", una tendència actual influència de la navegació amb dispositius mòbils.

Llista de canvis

  1. Canvi a la tipografia Roboto, desenvolupada per Google
  2. Augment de la mida de la lletra a 16px i interlineat a 1.45em (23.2px)
  3. Color  #636363 enlloc de #333333
  4. Imatge de capçalera, si n'hi ha, adaptada a tot l'ample de la pantalla. Feu-nos arribar una imatge de 3200px x 220px i resolució 72px (es demana el doble de l'amplada perquè es visualitzi correctament a les pantalles d'alta densitat)
  5. Línies separadores més fines i ja no es fa servir el color específic
  6. Peu de pàgina que inclou els logos-peu
  7. Noves plantilles: quan us configurem el tema us apareixeran les plantilles pròpies de Rob Theme

Com canviar el disseny del nostre genweb a RobTheme?

Ens heu d'obrir un tiquet demanant el canvi, però si esteu passant del disseny Standard o Rob Theme, com que l'amplada s'amplia heu de tenir en compte:

  • Prèviament heu de revisar les imatges o interactius del vostre web i preparar-los amb la nova amplada. Tingueu present l'optimització de les imatges, ja que les imatges massa pesades poden afectar el rendiment.
  • Quan obriu el tiquet demanant el canvi, annexeu la imatge de capçalera desitjada amb el format 3200px x 220px i resolució 72px (es demana el doble de l'amplada perquè es visualitzi correctament a les pantalles d'alta densitat)
  • Una vegada el canvi sigui efectiu reviseu sobretot les pàgines principals per tal d'ajustar els continguts, i també la resta de pàgines

 Visualització de Rob Theme

Visualització Roboto


Dissenys anteriors que ja s'han retirat

Clean Theme

Es va desenvolupar amb la  col·laboració de l'ETSAB al 2017

Els canvis principals són: augment de l'amplada a 1170px i eliminació d'ombres, marcs i arrodonimets.

Llista de canvis

  1. Augment de l'amplada del lloc de 978px a 1170px.
  2. El menú superior té les opcions centrades si n'hi ha més de 5.
  3. Eliminació de les ombres i fons de color.
  4. Eliminació de marcs i arrodoniments.
  5. Augment de la mida de la font.
  6. Títol superior configurable amb dues mides de font.

 

Visualització del Clean theme

A la següent captura de pantalla podeu veure un genweb amb Clean Theme, amb els canvis respecte al disseny standard marcats:

Clean theme

 

Standard 

Aquest és el disseny amb el que va néixer el Genweb v4 al 2014.

Fa servir una amplada de 980 px, i actualment potser es veu una mica vintage ;-)

Visualització del standard theme

El genweb de la imatge anterior amb disseny standard:

Standard theme