Els fonaments del disseny de pàgina a CS5

El disseny de la pàgina incorpora text i imatges (i de vegades altres formes de multimèdia) per crear un disseny en una pàgina web a Adobe Creative Suite 5. Quan creeu un disseny de pàgina, heu de tenir en compte com la gent veu un disseny, com ara com l'ull es mou per la pàgina per captar el flux d'informació. Considereu també com estan disposats els elements i quant espai buit els envolta.

Dos tipus principals de disseny de pàgina són els dissenys d'impressió i web. Tots dos formats requereixen que treballeu amb molts dels mateixos elements.

Decidiu quins programes de Creative Suite utilitzar

Hi ha moltes diferències entre preparar un disseny per a la web i preparar-lo per a la impressió; tanmateix, trobareu que utilitzeu moltes de les mateixes eines per a tots dos, i una gran quantitat d'informació es creua entre els dos mitjans.

La manipulació d'imatges per a la web es fa sovint a Photoshop. També és el programa estàndard per manipular i corregir les imatges destinades a la impressió. Fins i tot podeu dissenyar una pàgina per imprimir-la i posar-la en línia mitjançant l'ordre Exporta XHTML/Dreamweaver a InDesign.

Tanmateix, heu de tenir en compte certes consideracions quan publiqueu informació en línia. La navegació, la usabilitat, la mida del fitxer, les dimensions i les capacitats de l'ordinador són consideracions per al web que no us preocupen quan treballeu per imprimir. Tanmateix, la resolució, els colors i el retall (per citar-ne alguns) són consideracions d'algú que dissenya una peça per a la impressió, que no són preocupacions per al web.

Una altra opció per crear un disseny de pàgina web és utilitzar Adobe Fireworks, inclòs a Creative Suite. Fireworks no només us ajuda a crear gràfics web, sinó que també ofereix excel·lents eines de creació de prototips per a la web. Amb Fireworks, podeu establir estils, crear una pàgina mestra i fins i tot aplicar interactivitat a les vostres pàgines. La creació de prototips de diverses pàgines amb hiperenllaços és una sincronització amb Fireworks.

Dissenyar un disseny per a la impressió

Quan dissenyeu un disseny de pàgina per a la impressió, heu de tenir en compte la mida i el tipus de paper que s'utilitzarà. De vegades, creeu capçalera amb determinats elements de la pàgina que romanen iguals, mentre que altres elements (el contingut principal) difereixen d'una pàgina a una altra.

També podeu crear dissenys de pàgina que serveixin de plantilles per a un llibre i utilitzar elements concrets (com ara pics o barres laterals) repetidament de diferents maneres al llarg de les pàgines. La mida de la pàgina, la mida del tipus de lletra i la resolució de la imatge són consideracions importants a la impressió.

Les plantilles per a dissenys de pàgina tenen en compte les dimensions habituals del paper i us ajuden a distribuir el contingut en àrees definides. Per exemple, si esteu creant un fulletó, heu de pensar on es plegarà la pàgina i com orientar les imatges i el text perquè estiguin orientats correctament.

Hi ha molts tipus de plantilles disponibles en línia, i de vegades les podeu descarregar gratuïtament; altres estan disponibles per una petita tarifa segons la plantilla.

A continuació, es mostren alguns problemes sobre els quals cal pensar quan esteu dissenyant una pàgina:

• Utilitzeu una quadrícula i elements d'encaix per alinear sempre que sigui possible. Si alguns elements de la vostra pàgina no estan alineats, hauríeu de tenir una bona raó.

• L'ull viatja en la direcció dels elements de la pàgina. Per exemple, si la imatge d'una persona està mirant lluny del centre d'una extensió, l'ull viatja en aquesta direcció. Assegureu-vos que l'ull viatgi als elements importants de la pàgina.

• Seguiu la regla dels terços i divideix les pàgines en terços. Parts del vostre disseny haurien de caure en aquestes tres àrees.

La resolució de la imatge en pantalla es mesura en píxels per polzada (ppi), que fa referència al nombre de píxels que es troben a 1 polzada a la pantalla. La resolució impresa d'una imatge es mesura en punts per polzada (dpi) : s'imprimeix un punt de tinta per a cada píxel.

Un dpi més alt significa que la imatge és més clara i té més detalls, cosa que és extremadament important per a la impressió. Les imatges impreses gairebé sempre utilitzen una resolució més alta que les imatges en pantalla, de manera que és possible que trobeu que una imatge que mesura 4 x 4 polzades en pantalla (a 72 ppi) s'imprimeix a menys d'1 x 1 polzada (a 300 dpi).