El disseny de la pàgina web es pot fer de dues maneres diferents:
- Dissenys d'amplada fixa: són dissenys on l'ample de la pàgina sencera s'estableix amb un valor numèric específic.
- Dissenys líquids: són dissenys on l'amplada de la pàgina sencera és flexible segons l'ample del navegador de l'espectador.
Hi ha bones raons per utilitzar els dos mètodes de disseny, però sense entendre tant els beneficis relatius com les deficiències de cada mètode, no es pot prendre una bona decisió sobre la seva utilització per a la seva pàgina web.
Dissenys d'amplada fixa
Els dissenys fixats són dissenys que comencen amb una mida específica, determinada pel dissenyador web . Queden aquest ample, independentment de la mida de la finestra del navegador que visualitzi la pàgina. Els dissenys de mida fixa permeten que un dissenyador controli més directament sobre com es veurà la pàgina en la majoria de situacions. Sovint són preferits pels dissenyadors amb un fons d'impressió, ja que permeten que el dissenyador realitzi ajustaments mínims en el disseny i els mantingui constant en navegadors i ordinadors.
Dissenys líquids
Els dissenys líquids són dissenys que es basen en percentatges de la mida de la finestra actual del navegador. Es flexionen amb la mida de la finestra, fins i tot si el visualitzador actual canvia la mida del navegador mentre visualitza el lloc. Els dissenys d'amplada de líquid permeten un ús molt eficient de l'espai proporcionat per qualsevol finestra o resolució de pantalla del navegador web. Sovint són preferits pels dissenyadors que tenen molta informació per obtenir-los en el menor espai possible, ja que segueixen sent consistents en grandària i pesos relatius de la pàgina, independentment de qui visualitzi la pàgina.
Què està en joc?
El mètode triat per al disseny del vostre lloc web tindrà un impacte més que el disseny . Depenent del que trieu, afectarà la capacitat dels lectors d'escanejar el text, trobar el que busca o fins i tot utilitzar el vostre lloc. A més, l'estil de disseny afectarà els vostres esforços a l'hora de comercialitzar el vostre lloc web a través de la marca, la disponibilitat de propietats immobiliàries i l'estètica del vostre lloc.
Beneficis dels dissenys d'amplada fixa
- Un disseny de amplada fixa permet al dissenyador crear pàgines que es veuen idèntiques, independentment de qui les estigui buscant.
- Els elements d'amplada reblats, com ara les imatges, no dominaran el text als monitors més petits perquè l'amplada de la pàgina sencera inclourà aquests elements.
- La longitud d'escaneig no es veurà afectada pels grans segments de text, independentment de l'amplitud del navegador web.
Beneficis dels dissenys líquids
- El disseny d'amplada de líquid s'expandeix i contreu per omplir l'espai disponible.
- S'utilitzen tots els béns immobles disponibles, que permeten al dissenyador mostrar més contingut en monitors més grans, però segueixen sent viables en pantalles més petites.
- Els dissenys líquids proporcionen coherència en ample relatiu, permetent que una pàgina respongui de forma més dinàmica a les restriccions imposades per clients, com ara mides de fonts més grans.
Inconvenients als dissenys d'amplada fixa
- Els dissenys de amplada fixa poden provocar el desplaçament horitzontal a les finestres més petites del navegador. I la majoria de la gent no li agrada desplaçar-se horitzontalment.
- També poden donar lloc a grans extensions d'espais en blanc en monitors més grans, resultant en un munt d'espai no utilitzat i més desplaçament verticalment del que d'altra manera podria ser necessari.
- Els dissenys de amplada fixa no gestionen molt bé els canvis dels clients a les mides de lletra. Per als petits augments de la mida de la font, poden estar bé, però per als augments més grans, el disseny pot comprometre's.
Inconvenients als dissenys líquids
- Els dissenys líquids permeten un control molt precís sobre l'amplada dels diferents elements de la pàgina.
- Pot donar lloc a columnes de text que siguin massa grans per escanejar còmodament, o en petits navegadors massa petits perquè les paraules es mostrin amb claredat.
- Els dissenys líquids poden tenir problemes quan un element d'amplada fixa, com una imatge, es col·loca dins d'una columna de líquid. Si la columna es representa sense espai suficient per a la imatge, alguns navegadors augmentaran l'amplada de la columna, sense tenir en compte les instruccions del dissenyador, mentre que altres navegadors provocaran superposicions en text i imatges per aconseguir els percentatges correctes.
Conclusió
Molts llocs que tenen molta informació que necessiten per transmetre en el menor espai possible funcionarien bé amb un disseny líquid. Això els permet aprofitar totes les propietats immobiliàries que ofereixen els monitors més grans, tot i que no redueixen les pantalles més petites.
Els llocs que requereixin un control precís de com es veuen les pàgines en totes les situacions, faran bé l'ús d'un disseny de amplada fixa. Això proporciona més garanties que la marca del vostre lloc web sigui consistent i clara, independentment del monitor de mida que es visualitzi.
Preferència de disseny
Molts prefereixen un enfocament mixt. No els agrada utilitzar dissenys de líquid per a grans blocs de text, ja que poden fer que el text sigui il·legible en un petit monitor o no es pugui veure en un gran. D'aquesta manera, tendeixen a fer que les columnes principals de les pàgines siguin un ample fix, però que els encapçalaments, els peus de pàgina i les columnes laterals siguin més flexibles per assumir els béns immobles restants i no perden la capacitat dels navegadors més grans.
Alguns llocs utilitzen scripts per determinar la mida de la finestra del vostre navegador i, després, canviar els elements de visualització. Per exemple, si obriu aquest lloc en una finestra molt àmplia, podeu obtenir una columna addicional d'enllaços al costat esquerre, que és possible que els clients amb monitors més petits no vegin. A més, l'embolcall de text al voltant de la publicitat depèn de l'ample ventall de la finestra del vostre navegador. Si és prou ampli, el lloc embolicarà text al voltant d'ell, en cas contrari, mostrarà el text de l'article a sota de l'anunci. Tot i que la majoria dels llocs no necessiten aquest nivell de complexitat, demostren una manera d'aprofitar les pantalles més grans sense impactar la pantalla en pantalles més petites.