Błędem jest myślenie o konkretnej rozdzielczości

Od chwili kiedy urządzenia mobilne zaczęły zagarniać rynek, od kiedy rozdzielczości smartphonów czy tabletów pojawiły się w statystykach, błędem jest myślenie o stałych rozdzielczościach w pikselach.

Era 72 dpi minęła jakiś czas temu, projektanci myślący jedną gęstością, jedną szerokością stali się dinozaurami. Jednak wciąż dostaje pytania „mniej doświadczonych” w których można usłyszeć coś o uniwersalnych rozdzielczościach czy gridach.

projektowanie serwisu/www 1200px/16column to jakiś błąd? wszedzie z tego co widzę i zawsze projektowałem to na gridzie 1170/12

Kochani nie ma czegoś takiego jak idealna rozdzielczość i czy podział na kolumny o stałej wielkości. 12 czy 16 kolumn na pionowym ekranie jakiegokolwiek smartphone to porażka. Mobile wywróciło świat projektowania stron do góry nogami a „mniej doświadczeni” muszą dowiedzieć się co to RWD i zacząć działać bez ograniczeń w swoich głowach.

W zeszłym (albo już nawet ze 2 lata temu) roku zrobiłem projekt swojego portfolia który moim zdaniem idealnie się zachowuje w oknie przeglądarki. Zrobiłem do tego animacje ilustrującą moje założenia.

responsive

Sama strona idealnie wypełnia przestrzeń, całą szerokość monitora, natomiast liczba kolumn zależna jest od szerokości okna (domyślnie rodzaju urządzenia). Idealne połączenie zmiany zawartości skokowo i skalowalnie.

Nie jest błędem zarówno zastosowanie osobno jednej metody czy drugiej (skokowa zmiana lub w pełni skalowalna). Choć mam wrażenie że połączenie obu daje dopiero pewność że projekt będzie wykorzystywał optymalnie całą szerokość ekranu.

Przez pewien czas można było projektować jeszcze w ten sposób aplikacje mobilne (pixel perfect 1:1), ale ta era też się skończyła. Na Androidzie już dawno, a przy projektach aplikacji na iPhone w dniu premiery słuchawek z numerem „6” (płakałem nad tym w zeszłym roku). Również aplikacje muszą być rezponsywne, aby koszt ich wdrożenia trzeba optymalizować przez planowanie przyszłości, tak aby wyglądały dobrze na nowych urządzaniach, których parametrów technicznych jeszcze nie znamy.

Tak więc wyłączcie sztywne myślenie, a włączcie wyobraźnię.

Tagi: , , ,

  • No właśnie, gdzie nowe portfolio?

  • bardzo ładnie :), tylko mam nieodparte wrażenie że przez to portfolio nikt się nie ‚przeklika’ :)

  • a jakie tego przyczyny będą?

  • duże te kafle w liście prac, duże mockupy projektu w danej realizacji – zajmującej też więcej niż ekran, wszystko duże :) przynajmniej tak to wygląda z beha,
    bardzo zawodowe nie zrozumy się żle :) tylko mam wrażenie że jakby to było mniejsze było by jeszcze lepsze i dla usera wygodniejsze. pozdro