Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które zawierają...
Szukaj wyników w...
Zelix

W jakiej rozdzielczości najlepiej zaprezentować projekt www klientowi?

Rekomendowane odpowiedzi

Napisano (edytowane)

Witajcie, chciałbym dowiedzieć się w jaki sposób radzicie sobie z następujacym dylematem.

Przygotowując projekt nowej strony internetowej mamy do dyspozycji dość szeroką gamę rozdzielczości. Oczywiście mamy różne standardy i najbardziej popularne ekrany. Jednak podczas pierwszej prezentacji projektu, zwłaszcza jeśli konkurujemy z innymi firmami/designerami chcemy zrobić jak najlepsze wrażenie. 

Możemy przygotowac layout pod standardową rozdzielczośc 1280 albo 1440, ale wiemy, że projekt najlepiej prezentuje się na dużym ekranie 1920 gdzie możemy podkreslić kontrast pomiedzy poszczególnymi sekcjami, lepiej zagospodarować przestrzeń itd. Ten sam layout zaprezentowany w mniejszej rozdzielczości zawsze będzie wygladał skromniej od dużego formatu.

Wszystko byłoby super, gdybyśmy mogli liczyć, że klient zawsze będzie przeglądał projekty na takim samym ekranie, ale realia są takie, że podczas prezentacji możemy pokazać design np. na projektorze, ale potem, już po spotkaniu, klient będzie chciał go przeglądać na swoim laptopie, na którym 1920 już się nie zmieści. 

Jak sobie z tym radzicie, czy lepiej zrezygnowac z większego ekranu, czy może robić od razu projekt dla kilku rodzielczości (nie zawsze jest na to czas)? A może macie jakieś lepsze pomysły z własnego doświadczenia?

Edytowane przez Zelix

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

No ale przecież Twój projekt ma być responsywny, czyli wyglądać dobrze w każdej rozdzielczości.

Jeśli nie jesteś w stanie przygotować projektu działającego w różnych rozdzielczościach (bo Twój projekt jest np. po prostu zwykłym "zdjęciem"), to przygotuj kilka projektów pod różne rozdzielczości. Zrób prosty kod strony z prostym css-em, który będzie wyświetlał właściwe zdjęcie w zależności od rozdzielczości. To jest właśnie bardzo istotne, żeby klient mógł zobaczyć co proponujesz na dużym ekranie, a co na miniaturowej komórce.

Edytowane przez Stefan_3N
literówki

Bank fotografii: https://foto.3n.com.pl, Program do składu dokumentów: https://kombi.3n.com.pl, Wirtualna galeria fotografii: https://vg.3n.com.pl

 

 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dzięki za odpowiedź. Tak, oczywiście projekt docelowo ma być responsywny. Niestety nie zawsze dysponuje się wystarczającą ilością czasu by przygotować w pełni reponsywny layout na potrzeby pierwszej prezentacji. Zwłaszcze jeśli konieczne jest przygotowanie również podstron. 

Rozwiązanie, które proponujesz rzeczywiście wydaje się być najlepszym i jeśli miałbym taką możliwość to chętnie pracował bym w ten sposób nad każdym projektem. Co jednak zrobić jeśli nie możemy sobie pozwolić na takie "wygody" i musimy wybrać "mniejsze zło" ? Od jakiej rozdzielczości najczęściej zaczynacie pracę nad projektem (zakładając, że punktem wyjściowym ma być desktop)?

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ja bym chociaż w zarysie ustalił (przemyślał), które elementy będą po kolei wypadały. Czyli ustaliłbym hierarchię ważności i jeśli coś się nie mieści, to co wypada jako pierwsze, co potem itd. Czyli chyba na początku wszystko (największa rozdzielczość) i potem odrzucamy co się nie mieści (ale tu chyba szkoły są różne ? ).

Ja bym jednak dążył do zrobienia działającego prototypu (przecież nie musi być klikalny, wystarczy kilka div-ów, które się odpowiednio poukładają w różnych rozdzielczościach. I do nich sobie powklejasz logo, czy menu, czy co tam masz). Przecież jak zrobisz sobie taki jeden działający "szablon", to potem zmiany w kolejnych projektach będą minimalne.

A jak klient odpali na tablecie i go sobie poobraca i to się będzie zmieniało, to jest zupełnie inny odbiór.

 

Edytowane przez Stefan_3N

Bank fotografii: https://foto.3n.com.pl, Program do składu dokumentów: https://kombi.3n.com.pl, Wirtualna galeria fotografii: https://vg.3n.com.pl

 

 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Nie wiem jakiego programu używacie do projektowania, ale w przypadku Adobe XD, Figma czy Sketch, projektowanie stron responsywnych to jest kwestia skopiowania artboardu i pomniejszenia go, nie pomijając wcześniejszego ustawienia elementów poprawnie.

Pokazać możesz high fidelity prototyp z klikanymi elementami, żeby klient mógł zobaczyć mikro interakcje

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.


×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.