Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [inne] Responsywna strona - grafika
-xavi_sof-
post
Post #1





Goście







Cześć,

mam pytanie odnośnie reponsywności strony. Grafik przygotowujący grafike powinien w jakich rozdzielczościach ją stworzyć?

Czy taki układ jest uniwersalny?
- 1366px
- 950px
- 730px
- 320px

Mowa o szerokości oczywiście.

Zastanawia mnie to... Oczywiście lepiej byłoby gdyby tylko przy 3 rozdzielczościach wystarczyło tworzyć - czas.

Proszę o wyjaśnienie tej kwestii
Go to the top of the page
+Quote Post
markuz
post
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


(IMG:http://www.metaltoad.com/sites/default/files/Responsive-Widths-3-Layouts_0.png)

http://www.metaltoad.com/blog/simple-devic...design-planning

Ten post edytował markuz 20.05.2014, 18:23:49
Go to the top of the page
+Quote Post
-xavi_sof-
post
Post #3





Goście







Cytat(markuz @ 20.05.2014, 19:23:15 ) *



Najbardziej wydajne to 3 layouty czy 4 ?
Go to the top of the page
+Quote Post
markuz
post
Post #4





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


Oczywiście, że im więcej tym lepiej - 4 jest optymalnie. 3 też możesz ale niektóre urządzenia mobilne będą źle wyświetlały stronę.
Go to the top of the page
+Quote Post
-xavi_sof-
post
Post #5





Goście







Cytat(markuz @ 20.05.2014, 19:37:42 ) *
Oczywiście, że im więcej tym lepiej - 4 jest optymalnie. 3 też możesz ale niektóre urządzenia mobilne będą źle wyświetlały stronę.


Powinienem projektować w:
  1. 0-519 pixels: Most all phones in portrait mode will see the narrowest layout, and this can be a fluid-width layout to accomodate exact screen widths. Iphone landscape will still see this narrowest design.
  2. 520-759 pixels: Phones with large resolutions, and tablets with small resolutions (including Kindle Fire) will see this layout in portrait orientation.
  3. 760-959 pixels: iPad and most Android tablets will see this layout in portrait, and most Android phones will see this layout in landscape orientation.
  4. 960+ pixels: Newer big screen Android phones, Kindle Fire, iPad, and most Android tablets in landscape orientation will see the full width layout. This is also the layout that desktops will see.


320px szerokość
520px szerokość
760px szerokość
960px szerokość

ponieważ wtedy mam pewność co do wyświetlania strony poprawnie, tzn. projektować w najniższej szerokości danego przedziału. Projektowanie pośrodku jakiegoś przedziału jest bez sensu chyba, bo przy zmniejszeniu potem mogą pojawić paski do przesuwania, prawda? (no chyba że ma to być ciągle full-width to może to lekko zmienić sprawe)

Ten post edytował xavi_sof 20.05.2014, 18:42:09
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 1.10.2025 - 07:29