Wiemy, że Responsive Web Design jest istotny, a jego waga będzie stale rosła. Różnorodność urządzeń mobilnych tylko nas utwierdza w przekonaniu, że projektowanie stron bez płynnej struktury nie ma większego sensu. Responsive Web Design daje nam możliwość stworzenia takiego produktu, który z dużym prawdopodobieństwem będzie się prawidłowo wyświetlał na każdym nowym urządzeniu mobilnym. Jak to zaprojektować w Axure?
Na to pytanie trudno znaleźć jednoznaczną odpowiedź. Axure sam w sobie posiada sporo ograniczeń i w mojej ocenie jest narzędziem bardzo nieporęcznym do projektowania RWD. Oczywiście jesteśmy w stanie znaleźć przykłady rozwiązań, które w jakimś stopniu spełniają wymogi RWD, jednak zawsze będę zdania, że Axure powinien wspierać projektowanie – nie je opóźniać i ograniczać. Jakie rozwiązanie wydaje mi się najlepsze?
Sitemap złożony z breakpointsów
rozpoczynając od najmniejszej rozdzielczości, a kończąc na największej.
Z jednej strony będzie to dla nas pomocne podczas projektowania (stale widoczne breakpoinsy), z drugiej pozwoli na szybkie przeskakiwanie między konkretnymi breakpoinsami, co może być przydatne np. podczas projektowania nawigacji. Dodatkowo – prototyp wygenerowany lokalnie (szybko działający) powinien pozwolić na imitowanie zmian rozdzielczości.
Zdefiniowane przestrzenie projektowe
Druga (według mnie) istotna rzecz podczas projektowania w duchu RWD. Widząc rzeczywistą przestrzeń, którą masz do dyspozycji, ułatwisz sobie projektowanie.
Demo: http://webcrea.pl/axure/responsive-framework/index.html
Plik RP: responsive-framework.rp