Projektujesz stronę internetową od zera - Illustrator czy Photoshop?

Jeśli projektuję stronę internetową od zera i zamierzam ją później pociąć i zakodować w programie Adobe Dreamweaver, czy powinienem stworzyć projekt strony w programie Illustrator lub Photoshop? Czemu?

Szybka dosłowna odpowiedź: między Illustratorem a Photoshopem, PhotoShop, ponieważ jest to raster, podobnie jak strona internetowa.

Nieco bardziej szczegółowa odpowiedź: użyjesz obu.

Alternatywna odpowiedź: rozważ użycie programu Adobe Fireworks. Program Fireworks jest o wiele łatwiejszy w użyciu, gdy wiesz, jak go tworzyć do tworzenia grafiki internetowej.

Długa nudna odpowiedź na wykład:

Metoda „Slice-n-Dice” jest nieco przestarzała. Dziesięć lat temu był popularny, ale obecnie nie jest to zalecane podejście. Sugerowałbym:

• Użyj dowolnej aplikacji (AI / PSD), aby „naszkicować” witrynę. Zachowaj wierność, ale traktuj to jedynie jako próbkę.

• po ustaleniu tego zacznij budować witrynę. Zanurz się w HTML / CSS / JS.

• w razie potrzeby wskocz do PhotoShop, aby utworzyć pojedyncze potrzebne elementy graficzne.

Czemu? Cóż, projektowanie w Photoshopie nie uwzględnia medium, w którym pracujesz. To stałe płótno, a sieć nie jest stałym płótnem, ani też nie jest standardowym płótnem. Prowadzi zespół w kierunku idealnego piksela, a sieć po prostu nie jest idealna w pikselach.

Użyj Fireworks lub Illustrator do tworzenia logo i ikon. Do edycji zdjęć użyj Photoshopa. Dla wszystkiego innego ma to bardzo małe znaczenie. Wiem, że toczyły się debaty na temat oprogramowania graficznego, ale to naprawdę osobiste preferencje.

Pamiętaj jednak:

• Program Fireworks jest jednak lepszy do kompresji PNG. Rozmiary plików są zwykle o 20–30% mniejsze niż w Photoshopie.

• Jeśli wiesz, że w przyszłości będziesz projektować inne treści niepochodzące z witryny (koszulki, plakaty, ulotki itp.), Lepiej zacząć od programu wektorowego.

Nie mogę się zgodzić z DA01.

Fakt, że dokument internetowy nie jest obrazem statycznym, nie ma znaczenia dla przydatności edytora graficznego do układania i projektowania strony internetowej. Makieta projektu nie musi (i nie powinna) być działającym prototypem witryny. Makieta projektu to dokument, który pomaga w wizualizacji i rzeźbieniu estetycznego wyglądu witryny.

To, że kartka papieru lub tablica nie ma wszystkich najdrobniejszych cech dokumentu internetowego, nie oznacza, że ​​nie można go użyć do tworzenia szkieletów witryny. Podobnie fakt, że okno przeglądarki można rozciągnąć i zmienić jego rozmiar, nie ma wpływu na wartość makiet projektu. Każdy doświadczony projektant stron internetowych będzie wiedział, jak zaplanować pewne elementy układu jako elastyczne i uwzględnić ograniczenia technologii sieciowych. Wszystkie elementy wizualne układu mogą być nadal reprezentowane na płaskim obrazie (w taki sposób są renderowane na ekranie).

Po drugie, fragmentaryczne podejście do projektowania nie sprzyja osiągnięciu wysokiej jakości rezultatów. Projektujesz układ strony, a nie sto odizolowanych widżetów. Bez makiety pełnego układu, po prostu klepie się rzeczy, nie mając pojęcia, jak powinien wyglądać efekt końcowy. Dodawanie pojedynczych elementów graficznych krok po kroku bez przeglądania pełnej kompozycji jest sprzeczne z dobrymi praktykami projektowymi. Projekt jest gotowy, gdy zabraknie rzeczy do usunięcia, a nie kiedy zabraknie rzeczy do dodania.

Wreszcie wprowadzanie zmian w kodzie zajmuje dużo więcej czasu niż poprawianie obrazu makiety. Dlatego zawsze powinieneś planować swój projekt w makietach, zanim zaangażujesz się w kodowanie. Niezależnie od tego, czy używasz programu do grafiki wektorowej, takiego jak Fireworks lub Illustrator, czy programu rastrowego, takiego jak Photoshop, zależy od Ciebie. Ale zawsze powinieneś udoskonalić swój projekt w edytorze graficznym, zanim zaczniesz go kodować.

Oto dobry post wyjaśniający to w zabawny sposób :) http://www.gomediazine.com/tutorials/photoshop-vs-illustrator-part-1/

oto lepsze wyjaśnienie z bardzo wiarygodnego źródła „http://99designs.com/help/whats-the-difference-between-photoshop-and-illustrator”

„Ostatecznie decyzja o tym, jakiego narzędzia użyć, powinna być przepisana przez organizatora konkursu, ale ogólnie rzecz biorąc, Illustrator powinien być używany do logo i prac drukarskich, podczas gdy Photoshop powinien być używany do projektowania stron internetowych i każdego projektu, który można zobaczyć tylko na komputerze ekran."

Jeśli potrzebujesz „krojenia”, możesz użyć bezpośrednio Photoshopa bez przechodzenia do Dreamweaver.

Istnieją dwa sposoby dzielenia na plasterki w Photoshopie, automatycznie i ręcznie, wybierając potrzebną część grafiki i zapisując ją w Internecie, po jednym kawałku.

Za każdym razem, gdy „wycinasz automatycznie” przy generowaniu HTML, decydujesz się stracić kontrolę nad kodem. Na początku kariery jest w porządku, uczysz się, ale dojdzie do punktu, w którym musisz znać kod, ponieważ dla optymalizacji lepiej jest kod ręczny w zaawansowanym edytorze tekstu (na przykład oprogramowanie Ultraedit) własny HTML i CSS.

Jedyny moment, który uważam za bardziej przydatny, to automatyczne krojenie, kiedy muszę wygenerować kod tabeli podczas projektowania wiadomości e-mail.

Photoshop do obrazu gotowy. tzn. chodzi o treść strony. Klient nie płaci za rozszerzenie portfela. KL

Jest oczywiste, że należy używać programu Photoshop do kompleksowych makiet projektowania stron internetowych.

Projekty programu Illustrator nadal przetwarzają się wolniej niż projekty w Photoshopie.

Jeśli projektujesz ikony i elementy internetowe, sugeruję zaprojektowanie w programie Illustrator, a następnie umieszczenie tych elementów w Photoshopie.

Jeśli tworzysz makiety w Photoshopie, możesz łatwo przenieść te dokumenty do Fireworks w celu szybkiego prototypowania.

Photoshop będzie lepszy. Pomoże użytkownikom pokroić.