Eredmény: 1 - 6 (6) összesen

Téma: Liquid vs. Adaptive dizájn

  1. #1
    Bölcs Vittore1982 logója
    Csatlakozott
    10-06-07
    Hozzászólás
    1.706
    Begyűjtött 963 köszönetet
    632 hozzászólásával

    Alapbeállítás 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.


    Webhoszting cikkek, domain hírek, Wordpress és cpanel tutorialok írása angolul. Üzenetküldés.

  2. #2
    Rubyist Geri logója
    Csatlakozott
    07-12-15
    Hely
    \x90
    Hozzászólás
    5.562
    Begyűjtött 1.213 köszönetet
    754 hozzászólásával

    Alapbeállítás re: Liquid vs. Adaptive dizájn

    Oldalfuggo, de az esetek tobbsegeben az adaptive a jobb valasztas



  3. #3
    a zsolti
    Vendég

    Alapbeállítás re: Liquid vs. Adaptive dizájn

    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.



  4. #4
    Rubyist Geri logója
    Csatlakozott
    07-12-15
    Hely
    \x90
    Hozzászólás
    5.562
    Begyűjtött 1.213 köszönetet
    754 hozzászólásával

    Alapbeállítás re: Liquid vs. Adaptive dizájn

    Idézet a zsolti eredeti hozzászólása Hozzászólás megtekintése
    A szövegméretnek ezekhez nem sok köze van, azt mindegyik technikánál ugyanúgy le kell kezelni.
    Mar miert ne lenne koze? Ha 100% a szelesseg es egy 2 hasabos layout-nal a balban vannak a szovegek, akkor az mondjuk 600-4000px kozott barmekkora lehet es a hosszu sorok nem az olvashatosagrol hiresek. De persze kinek a pap, kinek a papne.


    If debugging is the process of removing software bugs, then programming must be the process of putting them in.
    Github | Ruby tutorial
    Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime.
    Respect all, fear none

  5. #5
    a zsolti
    Vendég

    Alapbeállítás re: Liquid vs. Adaptive dizájn

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



  6. #6
    Törzsvendég wzol logója
    Csatlakozott
    14-05-31
    Hozzászólás
    102
    Begyűjtött 36 köszönetet
    31 hozzászólásával

    Alapbeállítás re: Liquid vs. Adaptive dizájn

    É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



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •