strony www

Czy strona www dla fotografa musi być responsywna?

Monika - dream & design - Styczeń 28, 2019

Moja przygoda z projektowaniem responsywnych stron www zaczęła się kilka lat temu. Co ciekawe, na początku wcale nie zależało mi na uzyskaniu efektu, który będzie się dobrze prezentował na różnych typach urządzeń. Czynnikiem, który sprawił, że zainteresowałam się tego typu rozwiązaniem, była potrzeba łatwiejszego zarządzania galeriami w portfolio. Responsywność przyszła wraz z nowym sposobem projektowania niejako w bonusie. 

 

Czy fotograf powinien mieć stronę responsywną?

Zdecydowanie tak. W dzisiejszych czasach większość tego, co przeglądamy w Internecie jest wyświetlane na urządzeniach mobilnych. Jeśli strona nie jest do nich dostosowana, jest duże prawdopodobieństwo, że odwiedzający witrynę bardzo szybko z niej wyjdą. Dlaczego? Tego dowiesz się z poniższego wpisu, gdzie na przykładzie swojego fotograficznego portfolio pokażę Ci, jak wyglądają strony nieresponsywne, a czym charakteryzują się te responsywne.

 

Moje pierwsze portfolio fotograficzne

Zanim pokochałam fotografię, zajmowałam się tworzeniem stron www i projektowaniem grafiki. W czasach kiedy zaczynałam zagłębiać się w tajniki kodowania serwisów opartych na języku HTML, nikt jeszcze nie słyszał o możliwościach przeglądania stron internetowych na urządzeniach mobilnych. Nie było więc potrzeby, aby responsywność była brana pod uwagę podczas projektowania.

Kiedy uznałam, że moje fotografie są już na jako takim poziomie i że warto zebrać je w jednym miejscu, zaprojektowałam swoje pierwsze fotograficzne portfolio. Na większych monitorach prezentowało się tak, jak na załączonych poniżej grafikach. Miało dwie wersje: zimową i letnią.

strona www dla fotografa, projekty responsywnych stron www dla fotografów, fotograficzne portfolio wordpress, dream and design, szablony dla fotografa WordPress, projekty minimalistycznych stron www, dla fotografa, nowoczesne projekty stron www

Jak wyglądałaby ówczesna wersja strony, gdyby wyświetlona została na urządzeniach mobilnych? Byłby widoczny tylko niewielki jej wycinek, a po dopasowaniu stałaby się bardzo nieczytelna. Zwróć uwagę na wielkość napisów w menu – kliknięcie w nie bez powiększania byłoby nie lada wyczynem. Gdyby na stronie znajdowało się więcej tekstu ciężko byłoby go przeczytać. Tak właśnie wygląda strona nieresponsywna.

strona www dla fotografa, projekty responsywnych stron www dla fotografów, fotograficzne portfolio wordpress, dream and design, szablony dla fotografa WordPress, projekty minimalistycznych stron www, dla fotografa, nowoczesne projekty stron www

Kolejna wersja mojego fotograficznego portfolio była bardziej minimalistyczna pod względem designu, ale również nieresponsywna.

strona www dla fotografa, projekty responsywnych stron www dla fotografów, fotograficzne portfolio wordpress, dream and design, szablony dla fotografa WordPress, projekty minimalistycznych stron www, dla fotografa, nowoczesne projekty stron www

Dodawanie nowych zdjęć do galerii polegało na podpinaniu ich kodem i wgrywaniu zarówno strony jak i obrazów na serwer poprzez specjalny program. Trwało to bardzo długo, bo za każdym razem trzeba było przygotowywać dwie wersje plików: zdjęcia w większym rozmiarze i miniatury wykadrowane do niewielkich kwadratów. Jak się łatwo domyślić, nie aktualizowałam strony zbyt często. Szukałam więc innego rozwiązania, które będzie bardziej intuicyjne. I tak odkryłam responsywnego WordPressa.

 

 

Początki z WordPressem – era stron responsywnych

Moje początki z WordPressem nie należały do udanych. Był to zupełnie inny sposób na projektowanie stron www od tego, który znałam dotychczas. Po pierwszym podejściu przez jakiś czas odpuściłam sobie dalsze próby, by powrócić do nich w późniejszym terminie. Za drugim razem zaskoczyło i udało mi się zaprojektować stronę, która odpowiadała w 100% moim wyobrażeniom. Teraz już nie potrafiłabym zrezygnować z możliwości jakie daje WordPress.

Przez te kilka lat design portfolio się zmieniał, a obecnie wygląda to tak, jak na poniższej wizualizacji. Jest to wersja w pełni responsywna. Widać to, jeśli pod uwagę weźmiemy:

  • Czytelny wygląd menu oraz układ kolumn.
  • Tekst na urządzeniu mobilnym – na tyle duży, że nie wymaga powiększania.
  • Miniatury zdjęć tworzone są automatycznie pod wersję responsywną, nie trzeba martwić się dopasowaniem ich rozmiaru do ekranu – jeśli będą zbyt duże same dopasują się do rozdzielczości, w jakiej będą wyświetlane. Mogą się też “zwinąć” do mniejszej liczby kolumn.
    W poprzednich nieresponsywnych wersjach mogłam ustawić tylko jeden konkretny rozmiar miniatur i musiałam je dopasowywać ręcznie w programie graficznym. Było to bardzo czasochłonne rozwiązanie.

strona www dla fotografa, projekty responsywnych stron www dla fotografów, fotograficzne portfolio wordpress, dream and design, szablony dla fotografa WordPress, projekty minimalistycznych stron www, dla fotografa, nowoczesne projekty stron www

strona www dla fotografa, projekty responsywnych stron www dla fotografów, fotograficzne portfolio wordpress, dream and design, szablony dla fotografa WordPress, projekty minimalistycznych stron www, dla fotografa, nowoczesne projekty stron www

ZOBACZ STRONĘ

Zawsze zachęcam do tego, aby sprawdzić jak prezentuje się strona responsywna na różnych urządzeniach: monitorach graficznych, laptopach, smartfonach, czy tabletach. Na komputerze możesz pomniejszać okno przeglądarki internetowej tak bardzo, jak to tylko możliwe, by zobaczyć widok mobilny. Jest też inny sposób na to, by sprawdzić układ w różnych rozdzielczościach. Wejdź na stronę Am I Responsive i wklej adres strony, którą chcesz obejrzeć.

 

Podsumowując: warto zainwestować w responsywną wersję witryny internetowej. Przeglądanie fotograficznego portfolio, które responsywności nie posiada, może być mocno utrudnione z punktu widzenia odwiedzających stronę. 

Jeśli taka tematyka Ci się podoba, na górze pod tytułem posta znajdziesz symbol serduszka. Za jego pomocą możesz dać mi znać, że treści, które tu zamieszczam są dla Ciebie wartościowe :).

 

Inne wpisy dotyczące stron www znajdziesz w dziale strony www.

 

Czy Twoja strona jest responsywna?

 

 

 

 

No Comment

Zamieszczając komentarz wyrażasz zgodę na przetwarzanie danych osobowych w celach realizacji usługi.