A Tokyo sabloncsalád főoldalának reszponzív nézetei
A Tokyo sabloncsalád főoldali bannere igazán látványos eleme lehet webáruházunknak, ugyanakkor sokszor kőkemény feladatnak tűnik a megfelelő banner elkészítése. Ebben szeretnénk most egy kis segítséget nyújtani.
Ebben a cikkben 3 dologra fogunk kitérni:
- Bemutatjuk a Tokyo sabloncsalád főoldali bannerének reszponzív nézeteit.
- Bemutatjuk a Tokyo sabloncsalád főoldali bannerének ideális méreteit.
- Adunk egy minta fájlt a tökéletes banner elkészítéséhez.
A Tokyo sabloncsalád főoldalának reszponzív nézetei
A Tokyo sabloncsalád főoldali bannerváltóját úgy alakítottuk ki, hogy minden készüléken jól látható és olvasható legyen a banner tartalma. Emiatt a kisebb kijelzőkön és monitorokon a banner széleit levágjuk, hogy a legfontosabb, vagyis a banner közepén elhelyezett tartalomra nagyobb hangsúly kerülhessen.
Hogyan is néz ki ez a gyakorlatban?
1) Full HD, vagyis 1920px széles monitorokon még a teljes banner látszik:
2) Az 1024px széles tablet kijelzőkön ugyanakkor már levágjuk a banner széleit, így a banner közepe jóval nagyobb figyelmet kap:
3) Egy okostelefon kijelzőjén ugyanígy az optimalizált méretben jelenik meg a banner, hogy a szöveg olvasható, a kép pedig jól kivehető maradjon:
A banner ideális méretei
- A Tokyo sabloncsalád főoldali bannerének ideális mérete 1920 x 700 px.
- A mobilbarát terület a banner középső részén helyezkedik el, és egy 1170 x 700 px-es szeletet foglal magában.
- A mobilbarát terület a banner bal és jobb szélétől egyaránt 375 px-re helyezkedik el.
A banner szövegét érdemes a mobilbarát területen elhelyezni. Ugyanígy minden olyan tartalmat, amit minden kijelzőn meg szeretnénk jeleníteni, szintén a mobilbarát területben érdemes elhelyeznünk.
Minta bannerek
A Tokyo sabloncsaládhoz készített minta bannerünket itt tudja letölteni: Letöltés
A Tokyo sabloncsalád főoldali bannerének .psd kiterjesztésű verzióját itt tudja letölteni: Letöltés
Amennyiben a sablon váltással vagy testreszabással kapcsolatban további segítségre lenne szükséged, keresd bizalommal egyedi designban jártas Shoprenter Szakértőinket.