Téma: Liquid vs. Adaptive dizájn

A főnök sokat dolgozott a dizájnerünkkel, míg megalkották a TÖKÉLETES dizájnt Nos, a programozóink megcsinálták a kért dizájnt, ahol a dobozok, szöveg, képek mérete felbontástól függően változik. A dizájner viszont őrjöng, hogy az ő tökéletes dizájnja minden felbontáson ugyanúgy kell, hogy kinézzen, tehát ne változzon a dobozok, szövegek mérete. (Persze 3 változat van a desktop-tablet-mobil miatt).

Szerinte mi ezt használjuk: CodePen - Liquid Page Layout Example
Miközben ezt kéne: CodePen - Adaptive Page Layout Example

A főnök azt mondja, hogy használjuk azt a módot, amit mindenki más is. Most ti melyiket javasoljátok? Hajlok az Adaptive felé, mert a ful hd-ra megtervezett címkék, szövegek baromi picik 1300-as felbontáson.

Oldalfuggo, de az esetek tobbsegeben az adaptive a jobb valasztas

A liquidet jobban szeretem, felhasználóként is, mert szerintem ne akarja kitalálni a fejlesztő, hogy nekem mekkora kijelzőm van. Ha 768px széles a tabletem, akkor töltse ki azt a méretet az oldal, ha 860px, akkor meg igenis töltse ki azt - nem akarok a két szélén üres csíkot "pazarolni", csak mert a fejlesztőnek úgy volt kényelmesebb.

Egyébként nem kényelmesebb az adaptive kódot sem fenntartani. A designer/sitebuilder pedig így 2016-ra nyugodtan megbarátkozhat a nagy méretű képekkel, a background-size: cover; -rel, a calc() és társaival, és akkor nem lesz baj, jól fog mutatni minden kijelzőn.

A szövegméretnek ezekhez nem sok köze van, azt mindegyik technikánál ugyanúgy le kell kezelni.

Igen, úgy értettem, hogy ha adaptive, ha liquid a layout, a betűmérettel így is, úgy is kell foglalkozni.

(Mert azt írta, hogy "a szövegek baromi picik 1300-as felbontáson". Hát nyilván, ha nincs lekezelve, hogy 1200px-nél már ne 12px legyen a cikkszöveg, akkor nem is fog megnőni.)

Én úgy gondolom, hogy ebben a formában egyik sem teljesen jó megoldás.

Átalakítottam egy kicsit - Liquid Page Layout Example - mobile-first rendszerben gondolkodva:

- a faltól falig tartalomnak csak egy bizonyos szélességig van értelme (mobile, tablet, kis monitor stb.) afölött már nehéz átlátni (kivételek a webappok), viszont az alatt margóval nem jó elvenni a helyet a tartalomtól

- érdemes minél kevesebb media elágazást használni: a kis felbontású olcsó tabletek és a full HD mobilok mellett nehéz a kifejezetten "tablet" és "mobil" változat kialakítása - az oldal ideális esetben minden felbontáson ugyanazt a dizájn/ergonómia arányt tartja - további előny a kód könnyebb bővítése, módosítása a jövőben

- az oldalsávot érdemes fixre állítani, ez a jövőben sok tesztkört megspórol nekünk, ráadásul úgy tudunk bele majd szabvány méretű hirdetéseket tenni (pl. 300x250) hogy az oldal reszponzív marad