{"id":314,"date":"2014-04-30T08:00:06","date_gmt":"2014-04-30T06:00:06","guid":{"rendered":"http:\/\/dawid.jablonski.in\/?p=314"},"modified":"2014-05-30T09:47:22","modified_gmt":"2014-05-30T07:47:22","slug":"proces-projektowania-grafikow-i-projektantow-stron-www","status":"publish","type":"post","link":"http:\/\/dawid.jablonski.in\/proces-projektowania-grafikow-i-projektantow-stron-www\/","title":{"rendered":"Proces projektowania grafik\u00f3w i projektant\u00f3w stron www"},"content":{"rendered":"

Wielu grafik\u00f3w czy web designer\u00f3w pracuj\u0105c, jako freelancer wypracowa\u0142o sobie pewien spos\u00f3b dzia\u0142ania w swojej pracy, pewne etapy. W niniejszym po\u015bcie chcia\u0142bym przedstawi\u0107 oddzielnie procesy dzia\u0142ania dla Web designer\u00f3w i grafik\u00f3w komputerowych.<\/p>\n

Proces projektowania web designera.<\/strong><\/p>\n

 <\/p>\n

1. Zebranie wiadomo\u015bci dotycz\u0105cych strony www od klienta. Aby rozpocz\u0105\u0107 prac\u0119 musisz najpierw dowiedzie\u0107 si\u0119 od klienta, jakie ma on wymagania dotycz\u0105ce strony tzn. jak ma wygl\u0105da\u0107, do czego ma s\u0142u\u017cy\u0107 czy to ma by\u0107 sklep, czy co\u015b b\u0119dzie mo\u017cna pobra\u0107 z niej, jakie inne strony si\u0119 Pa\u0144stwu podobaj\u0105, jakie kolory pa\u0144stwo widz\u0105 na stronie. Wiele agencji reklamowych w tym celu na swojej stronie umieszcza dokument o nazwie \u201eBrief\u201d, kt\u00f3ry zawiera te wszystkie pytania.<\/p>\n

 <\/p>\n

2. Badanie, poszukiwanie \u201eResearch\u201d. Na podstawie tych informacji, kt\u00f3re uzyska\u0142e\u015b w punkcie pierwszym, zaczynasz poszukiwania stron podobnych w internecie, kt\u00f3re mog\u0105 Ciebie zainspirowa\u0107 do zaprojektowania strony dla klienta.<\/p>\n

 <\/p>\n

3. Zebranie tre\u015bci na stron\u0119. W tym punkcie od klienta powiniene\u015b otrzyma\u0107 tre\u015bci, jakie maja by\u0107 umieszczone na stronie, takie jak adres, opis firmy, produkty, zdj\u0119cia. Punkt 3 mo\u017ce przeplata\u0107 si\u0119 z punktem pierwszym, a te wszystkie informacje mog\u0105 by\u0107 umieszczone w briefie.<\/p>\n

 <\/p>\n

4. Projektowanie. W tym punkcie nakre\u015blasz szkic strony, wst\u0119pnie jak ma wygl\u0105da\u0107, jakie ma mie\u0107 zak\u0142adki. Budujesz szkielet strony, kt\u00f3ry oparty b\u0119dzie o informacje, jakie zdoby\u0142e\u015b w poprzednich 3 punktach.<\/p>\n

 <\/p>\n

5. Kodowanie strony.<\/p>\n

 <\/p>\n

6. Przekazanie plik\u00f3w \u017ar\u00f3d\u0142owych.<\/p>\n

 <\/p>\n

Proces projektowania grafika komputerowego. Proces ten jest troszk\u0119 podobny do etap\u00f3w dzia\u0142ania webdesignera.<\/strong><\/p>\n

 <\/p>\n

1. Brief. Zebranie wiadomo\u015bci od klienta. Precyzyjniejsze uzyskanie informacji od klienta pozwoli grafikowi lepiej dopasowa\u0107 projekt pod jego gust, oraz zaoszcz\u0119dzi czasu na ewentualne korygowanie poprawek.<\/p>\n

 <\/p>\n

2. Research. Analiza odpowiedzi z briefu, zadanie klientowi kilku pyta\u0144 pomocniczych. Badanie rynku, konkurencji. Pr\u00f3ba okre\u015blenia aspiracji i przysz\u0142o\u015bci marki.<\/p>\n

 <\/p>\n

3. Szkicowanie. Przelanie swoich pomys\u0142\u00f3w na papier. Na tym poziomie praca na komputerze mo\u017ce troszk\u0119 ogranicza\u0107 Twoj\u0105 kreatywno\u015b\u0107, dlatego polecane jest tutaj korzystanie z o\u0142\u00f3wka i papieru.<\/p>\n

 <\/p>\n

4. Wykonanie pracy w formie cyfrowej. Gdy ju\u017c masz wykonane szkice, wybierz najlepsze projekty i wykonaj je na komputerze.<\/p>\n

 <\/p>\n

5. Prezentacja klientowi. Ka\u017cdy sw\u00f3j projekt mo\u017cesz przedstawi\u0107 w cyfrowym kontek\u015bcie za pomoc\u0105 tzw. makiet (mockup\u00f3w), dzi\u0119ki kt\u00f3rym, cyfrowo mo\u017cesz umie\u015bci\u0107 logo np. na koszulce, na \u015bcianie budynku czy ci\u0119\u017car\u00f3wce.<\/p>\n

 <\/p>\n

6. Naniesienie ostatnich poprawek, przedstawienie w przypadku logo r\u00f3\u017cnych wersji kolorystycznych, nale\u017cy by\u0107 elastycznym w stosunku do klienta, poniewa\u017c dana identyfikacja marki ma na ni\u0105 pracowa\u0107 przez kilka kolejnych lat.<\/p>\n

 <\/p>\n

7. Przekazanie plik\u00f3w \u017ar\u00f3d\u0142owych.<\/p>\n